あくしゅさんで開発されているwakameのデザインをやらせていただくことになりました!
てつだうったー!のデザインテイストを気に入ってもらえて、実験的なこといろいろやっちゃいましょーと言ってくださっているのでどこまで出来るかワクワクです。
ロゴはやっぱりワカメで。手書きをパスで起こしてグラデーションなどで光を書き、質感をそれっぽくしています。
ロゴ制作秘話
まずはパスを引いてワカメの形を作ります。3つのオブジェクトを重ねているのですねー。
それだけだとなんとも簡素なのでここから味付けを。
左上の野菜は別件で作っている野菜。緑の色相とグラデーションを参考にしています。しばらくすると忘れちゃうのでこうやって過去のデータをひっぱり出しながら思い出し思い出し作っていきます。
ちなみに制作はillustratorです。
配色のウラワザ？
右にある■たちは何かというと、カラーパレット変わりに使います。これはなかなか便利な技なんですが、色使いに迷う時は候補色を二つ作って
ブレンドツールをクリック
ポインタが変な形になったのを確認して、二つの■をクリック。
そうすると以下のように色が交わった長方形が出来あがります。
そしてツールパレットからもう一度ブレンドツールを見つけでダブルクリック。
そうするとこんなダイアログが出ます。
画面のように設定することでカンタンにカラーパレットが完成。
ここから色をスポイトで拾っていく訳ですね。
完成系はこちら。
パーツをバラすとこんな感じです。
影や光の付け方もカンタン
影を付けたいところにパスを引き、分割ツールをポチリ。
そうするとあら不思議。バラバラになりました。
これにグラデーションを使いつつ色を付けていけばOK。完成です。
書体はこちら
このように候補書体全部用意し、イメージに近いものはどれか吟味します。
ちょっと形を変えたりカーブを調整したり、イチから作る時もあり。
webサイトはこんな感じ
制作中の画面はこちら。
今日はロゴ編だったのでサイト編はまた後日に。
バイリンガルサイトという事で見た目もちょいと海外を意識しています。最近こういった色合いやテイストが好きなので楽しみながら作れています。
まさしく「oops!」となるようなおもしろエッセンスを入れられたらなーと考え中。
制作過程をブログに書いていいという許可までいただけているので、ちょこちょこ進捗を書いていこうと思います。
こういう裏側を公開できるのって制作の醍醐味というか、それだけでむふふ。ですね。
今後もwakame制作日記をお楽しみにー!
イシジマミキにインタビューをする (the interviews)
やっとこ書いた…。1時間も経っていたのかー。http://blog.woopsdez.jp/?p=1281
おお、これは勉強になるー。 QT @woopsdez: やっとこ書いた…。1時間も経っていたのかー。http://blog.woopsdez.jp/?p=1281
デザインは結果がすべてなので途中過程を評価してもらえない分、制作者として過程が見れるのは嬉しいです。勉強になります。RT @woopsdez やっとこ書いた…。1時間も経っていたのかー。http://blog.woopsdez.jp/?p=1281
こんちはー、先日の勉強会ではお世話になりました。
私はまだまだAiを使いこなせていませんが、とても勉強になりましたー。
ちょっとした絵を作るときには、
こんちはー、先日の勉強会ではたいへんお世話になりました。
私はまだまだAiを使いこなせていないのですが、とても参考になりました。
ちょっとした絵をプラスするときの手順、こんな風に進めるのですね。
もっと自分でたくさんいろいろと試してみないと・・・。
ありがとです～。
※間違えて途中で一件送信されちゃってると思いますが、削除してください（＾＾；）
http://blog.woopsdez.jp/?p=1281 こういうの見てるとなんか楽しい。この人のブログ好きだ
wakame 制作日記1 – ロゴ編 – « ウープスデザインブログ: あくしゅさんで開発されているwakameのデザインをやらせていただくことになりました! てつだうったー!のデザインテイストを気に入ってもらえて、実験的.. http://bit.ly/59BUo1
[...] wakame 制作日記1 – ロゴ編 – « ウープスデザインブログ wakame 制作日記1 – ロゴ編 – « ウープスデザインブログ [...]
hatebu wakame 制作日記1 – ロゴ編 – « ウープスデザインブログ: 6 users http://bit.ly/59BUo1
>Kaz.+さんへ
とんでもありませんー。こちらこそ参加してくださってありがとうございました!
そうですね。私はイラストを一から書くのがそんなに上手くないので写真を参考にしてみたりといろいろ四苦八苦しています。
ヘタクソでもそれなりに見えるのでかなりお勧めですよ! ぜひぜひ御為しくださいませー!
カラーパレットいいかも。http://blog.woopsdez.jp/?p=1281
[過去記事]: wakame 制作日記1 – ロゴ編 – - … http://t.co/Hpn512b3