huskycyan

webデザインを中心に学習したことを日記として残しています。

Illustrator・ロゴデザイン-Adobeのアイコン

ポートフォリオ制作中なのだがIllustratorでの制作物が少ないためAdobeのアイコンを作ってみた。ポートフォリオのスキルの部分にアイコン欲しいし。
Ps,Ai,Fl,Fw,Ae,Dwのアイコンを作ってみた。
所要時間1時間。


アイコンの下地を作るため楕円ツールで白とグレーで線形グラデーションを作り金属っぽい質感を作る。これが縁になる予定。
立体感を出すためシャドウもかける。
f:id:husky1127:20141122222317j:plain

下地を縮小コピーをして円状グラデーションをかける。外側が明度、彩度を下げ深い色で、内側が明るい色で光っているイメージ。
f:id:husky1127:20141122222413j:plain

光沢している部分を作るため縮小コピーする。楕円ツールを作りパスファインダで交差で切り抜く。この部分にスクリーンと透明度を調整してで光沢したイメージ。
f:id:husky1127:20141122222429j:plain

合体させフォントをのせて終了。
f:id:husky1127:20141122222510j:plain

ここで問題が発生。
adobeフォトショップとかのアイコンってフォントがわからない為微妙に違う気がする。
ググってもフォントの種類がわからなかった為文字ウィンドウで調整してごまかす。

完成イメージ

f:id:husky1127:20141122220322j:plain