マニア雑記2017-10-31動くイラストを一から作ってみたハッピーハロウィン!お客様に共感し寄り添うデザイナー...になるため、日夜DTP一本で邁進している岡山の制作、藤田です。家から出ずにどうにかやり過ごしました!さて、今回はIllustratorCCとPhotoshopCCを使用して動くイラストを一から作っていきたいと思います。手描きイラストをスマホで撮影してPCに取り込んでいこうと思います!本日は(たまたま)ハロウィンだったのでぼやっとしてますが即席ハロウィン仕様の楽にゃん!これをさらにボールペンでなぞって、線をPhotoshopで加工...しま............せん!!!!ここからは手描きの風合いは一切残さず、Illustratorでやります!2.手描きイラストをIllustratorでパス化しよう!Illustratorに写真を配置します!後でPhotoshopで任意のサイズに配置するのでIllustratorでの大きさなどは特に気にしなくても大丈夫ですが、あまりに小さすぎると動かす部分の制作が難しくなるので自分で作りやすいサイズにしましょう。私はとりあえずA3用紙くらいの大きさで作ってみます。不透明度を下げて、動かないようにロックをしておくとなぞりやすいと思います。角丸長方形ツールで簡単にできてしまうのが楽にゃんのいいところですね。線画もいらなかったんじゃないかなと思い始めたところで、ちょいちょい調節して、色もついでに塗ってイラスト完成です!3.Photoshopにパス化イラストを配置しよう!イラストの用途に適したサイズのアートボードをPhotoshopで新規作成して、Illustratorから直接、コピー&ペーストでベクトルスマートオブジェクトとして配置します。今回は400ピクセル×400ピクセルで制作しています。ここからはついに動かすための作業の開始です。今の状態のイラストが1フレーム目として入っています。サムネイル画像の下に秒数が書いてあるので、まずはそのイラストの表示される時間を設定しておきましょう。2フレーム目以降はこのアイコンから新規作成が可能です。根気よく行きましょう!6.イラストを動かそう!さぁついに制作の佳境であり、ここからが本番です!レイヤーウィンドウ(「ウィンドウ」から「レイヤー」で表示)で、Illustratorからもってきたイラストのレイヤーをコピーします。ここで注意ですが、コピーしたイラストデータを書き換えるとなんと!コピー元のイラストデータも変わってしまいます!これは他の制作でもかなり重要です。KOBEに参加しました。CWアシスタントというのを会社...2017-07-20森絵都さんの「ショート・トリップ」こんにちは。Webサイトを持つようになり、今...2017-06-01ペイントツールでデザインしたかったおはようございます。