Twitter

【初心者】イラレ・フォトショで作るtwitterアイコンの流れ

Twitterのアイコン画像

手描きで作ってみたけど、

illustratorでデザインをととのえようと思い

実際に作ってみたので、

その流れを紹介します

作業の大きな流れの説明

①illustratorで作業しやすいように

Photoshopで、手描き画像の調整→保存

 

②illustratorで、調整した画像を配置

→デザインをととのえる→コピー

 

③Photoshopで新規→ペースト→保存

 

こんな感じです。それでは、具体的に説明していきます


Photoshopでの作業

①ファイルの「開く」で開きたい画像を選択→「開く」をクリック

②イメージの「色調補正」→「トーンカーブ」をクリック

③トーンカーブの線を調整して、画像のトーンを調整→「OK」をクリック

(「明るさ・コントラスト」など他にも方法があるので、自分に合った方法でいい)

④ファイルの「別名で保存」→フォーマットの「TIFF」を選択

⑤一番上の「名前」を、自分が分かりやすいものに変更(必要なければそのまま)

→「OK」をクリック

⑥TIFFオプションは何も変更せずに「OK」をクリック


illustratorでの作業

①ファイルの「新規」をクリック

②サイズの「A4」を選択(好きなサイズで)→「OK」をクリック

③ファイルの「配置」で配置したい画像を選択

→「配置」をクリック

④バウンディングボックスで画像の大きさを調整する

(配置した画像左上にカーソルを合わせ「shift」と「option」を押しながら中央に動かす)

⑤ペンツールや楕円形ツールで、デザインをととのえる

→完成したものを選択→「commond」+「C」でコピー


再びPhotoshopへ

①ファイルから「新規」をクリック

②下記の内容に変更して「OK」をクリック

幅:400pixel

高さ:400pixel

解像度:350pixel/inch

カラーモード:RGB カラー  8bit

カンバスカラー:透明

③先ほどillustratorでコピーしたものを「commond」+「V」でペースト

→「OK」をクリック

②「配置」をクリック

③ペーストした画像をクリックして

→「commond」+「T」で大きさを調整する

④大きさを調整できたら

ファイルから「別名で保存」をクリック

⑤分かりやすい名前を変更して(そのままでもいい)

フォーマットの「PNG」を選択→「保存」をクリック

これで完成!

アイコンの画像変更の方法は

【すぐわかる】Titterアイコン画像サイズについて」を参考にしてみてください


最後に

Photoshopとillustratorを使うことで

より自分のイメージに近いデザインにすることできるので

参考にしてもらえればうれしいです

 

 

 

 

-Twitter

© 2021 ぼくいく Powered by AFFINGER5