Title/URL今日、当ブログ含むSNSアイコンを新しくしました。AfterいずれもIllustratorを用いて描いたアイコンですが、新しい方はタイトルに挙げた2つのツールのおかげで描くのが簡単でした。2014で実装された機能です。最初からスムーズポイントを作成でき、自分で方向線の角度や長さを決めます。2つポイントを置いた後、その先の3つ目となるポインタまでの間が滑らかになるよう自動で方向線が調整されます。ペンツールで滑らかな曲線を引くのが苦手な私でも安心。ちなみに、ダブルクリックすると曲線の流れを一旦リセットして、続きから新しい曲線が描けます。CS5で実装された機能です。線の幅を部分的に太く、または細くできます。これのおかげで、線画に強弱をつけてアナログチックな表現に仕上げられます。従来同じことをやろうとしたら、ペンツールで面として書き起こさなければならなかったんですね。描いてみた実際どう使ってたのか軽く紹介します。今回はまずイメージを手書きして、それをIllustrator上に配置し、曲線ツールでなぞって調整していきました。消し、背面にベタ塗りのシェイプを配置しつつイメージを固めています。このシェイプはペンツールでざっくり描いてます。線幅を調整する等幅な線に強弱をつけていきます。線の入りと抜き(先端)を細く、線の中央部を少し太くしてみます。線の先端を丸く設定しておきます。After少し強弱つけるだけでだいぶ印象が変わりますね。最後に、実際に各SNSでどう見えるのかを、スクショを配置してIllustrator上で確認します。アイコン単体で見るといい感じでも、実際の画面で小さく表示された時の印象はまた変わります。今回は配色や目など細部の位置・サイズを調整しました(ここが一番時間かかった...)。以上です、簡単ですね!ベクターの編集はやはりIllustratorが便利ですので、AdobeCC契約してるけどあまり触ったことはないという方はぜひ試してみてください。Title/URLこの記事を書いた人ろくぜうどんid:rokuzeudonモノ・コトをより良くするWebデザイナーです。サービス開発におけるUIデザイン・LP制作・HTML/CSS実装・プロジェクトマネジメントなど幅広く立ち回っています。(3)このブログについて|プライバシーポリシースターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。