【AI教程】創建一個簡單的店鋪圖標

店鋪圖標怎麼做?屋頂、涼蓬的形狀怎麼做?

這裡我將給大家具體講講簡單的店鋪圖標的製作方法

工具/原料

Illustrator CS6

方法/步驟

使用矩形工具繪製一個矩形

寬高比大約為2:1

再畫2個矩形:

1個做窗,1個做門。

選中所有的矩形,然後執行【對象】菜單——路徑——偏移路徑。

彈出【偏移路徑】窗口:

勾選【預覽】

位移:輸入-5px,確定。

註:偏移路徑數值根據原始矩形大小而定

選中店鋪外框,填充灰色#BCBDBF。

店鋪偏移形狀填充徑向漸變:#EFEFEF~#D3D3D4漸變過渡

選中窗和門,填充深灰:#4E5151。

選中窗和門偏移形狀,填充線性漸變:#8E8F93~#4D4D4F過渡。

【漸變】面板:漸變角度:90度。

選中窗和門偏移形狀,繼續執行【對象】菜單——路徑——偏移路徑。

偏移-5px,確定。

選中新的窗和門的偏移形狀更改漸變顏色為:徑向漸變#9AD2F1~#58A8DD過渡。

選中新的窗和門的偏移形狀,按CTRL+C複製,按CTRL+F粘貼在前面。

創建一個矩形,然後按住SHIFT鍵將它旋轉45度角,然後把它調整到相應位置,如圖。

選中矩形和門,切換到【路徑查找器】面板,點擊【交集】。

選中執行【交集】後生成的圖形,填充線性漸變:白色不透明度45%~白色0%不透明度,然後使用漸變工具調整漸變。

重複前面的步驟

繼續在下面繪製一個矩形

填充線性漸變:#4D4D4F~#939498

漸變角度:90度

選中底部的長矩形,按CTRL+C複製,按CTRL+F粘貼在前面,高度縮小。

填充:淺灰——白——淺灰(#8A8B8F)

繼續畫窗台長矩形,填充:#96979C——#7C7D82,漸變角度:-90度。

繪製門把手,填充深灰色。

開始創建屋頂:

先畫一個矩形,填充紅色,執行【效果】菜單——風格化——圓角。

彈出【圓角】窗口:

勾選【預覽】

半徑:輸入20px

然後執行【對象】菜單——擴展外觀

畫一個矩形如圖所示,然後選中矩形和圓角矩形,切換到【路徑查找器】面板,點擊【減去頂層】按鈕。

然後選中第1個圓角矩形,按ALT鍵平移複製。

然後每隔1個圓角矩形填充白色

然後選中所有屋頂元素按CTRL+G編為一組。

選中屋頂,執行【效果】菜單——變形——凸出。

彈出【凸出】窗口:

勾選【預覽】

選中【垂直】

彎曲:40%

扭曲:28%

確定

然後執行【對象】菜單——擴展外觀

紅色的更改為線性漸變:#DF2437、#E4645B、#D30726、#B40421。

白色的更改為線性漸變:#EAE9EB、白、#E5E5E7、#B6B7BB。

選中屋頂,按CTRL+C複製,按CTRL+B粘貼在後面。

解散屋頂群組,執行【路徑查找器】面板里的【聯集】。

然後選中店鋪外框,按CTRL+C複製,按CTRL+F粘貼在前面。

選中複製屋頂和複製店鋪外框,切換到【路徑查找器】面板,點擊【交集】。

屋頂陰影填充線性漸變:#B7B8BC~#6D7178漸變過渡

漸變角度:90度

選中最下面的底座,按CTRL+C複製,按CTRL+F粘貼在前面,然後把它上移到屋頂上,並且縮放到屋頂寬度。

然後畫一個橢圓,填充徑向漸變:黑白漸變。

然後把它壓扁縮小,切換到【透明度】面板:混合模式更改為正片疊底。

這裡我還對一些灰做了細節上的調整,這個用戶可以在實際操作中從自己的視覺角度出發做一些細節上的調整。

到此最後的成品圖如下:

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場