【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粘貼在前面,然後把它上移到屋頂上,並且縮放到屋頂寬度。

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

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

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

到此最後的成品圖如下:

相關文章

  1. 易語言教程[2]-創建一個簡單的關閉、調試運行

    這次搞一個簡單的關閉程序 工具/原料 易語言 運行實例 這是上次經驗編寫的界面 這是我點關閉 彈出一個信息框 然後就程序結束了 命令 雙擊按鈕 進入按鈕被單擊命令 這裡是注釋的應用 1-' " ...
  2. AI入門教程:創建可愛的熊貓寶寶頭像圖標

    AI入門教程:創建可愛的熊貓寶寶頭像圖標 需要先下載 AICS4 步驟/方法 以下簡單的示例,向您展現了繪製可愛熊貓寶寶頭像的全過程,全都是用圓形畫的喲(噢,當然背景是矩形的).這篇教程的實用之處,在 ...
  3. 如何用Microsoft visual c++創建一個簡單程序

    軟體技術宅男苦於不知道怎麼用Microsoft visual c++這個軟體來創建一個簡單程序確實是很煩惱,所以本人寫了這篇經驗來拯救大家,希望能夠幫助到一些娃子們.謝謝! 工具/原料 軟體Micro ...
  4. 存儲過程是什麼?mysql創建一個簡單的存儲過程

    大學的時候學過存儲過程,所謂的存儲過程,就是為了實現某一個特定的功能,將很多的sql語句拼到一起去執行,也就是一個sql語句的操作集合. 存儲過程的優勢在於,第一次執行時,編譯一次,以後再執行不用再次 ...
  5. Director多媒體課件之創建一個簡單課件

    第一講我們學會了安裝director8.5和註冊常用的圖像.視頻插件,同時還需要讀者電腦要安裝photoshop.視頻.音頻處理軟體,因為多媒體課件是需要圖像.文字.聲音.視頻多元素融合展現的一個平台 ...
  6. 怎樣用MindManager創建一個簡單的流程

    MindManager是一款用於進行知識管理的可視化通用軟體,該軟體功能豐富,簡單易用,快速上手,特別適合於進行思維導圖的創建和管理.該軟體特別有利於進行發散性思維和頭腦風暴法,使得用戶可以將腦中的各 ...
  7. 如何創建一個簡單的FLASH動畫

    新建一個FLASH,可以製作一段小動畫 工具/原料 FLASH軟體 方法/步驟 首先打開FLASH軟體 選擇文件/新建菜單命令 彈出新建文檔對話框 在類型選項文本框中選擇FLASH文檔,單擊確定按鈕 ...
  8. Director多媒體課件之創建一個簡單課件(二)

    接上一講,多媒體課件是融合聲音.圖像.視頻.文字等多項元素的展現形式,所以通俗來講就是要動態的展示,本文通過對關鍵幀的學習,將一個原本靜態的圖片變化成動態的展示. 工具/原料 工作環境就是電腦.必備的 ...
  9. Access2007怎麼通過模板創建一個簡單資料庫

    資料庫的應用很廣泛,通過表之間的關聯,可以輕鬆實現很多數據的計算匯總,下面給新手朋友們分享一下,Access2007怎麼通過模板創建一個簡單資料庫的方法. 方法/步驟 從開始菜單的程序中,進入Micr ...
  10. 視圖是什麼?mysql創建一個簡單的視圖

    視圖是什麼? 視圖是一張虛表,所謂虛表,就是說這張表裡面沒有數據,他的數據是從別的基礎表中獲取到的.視圖在被定義時,就確定了和基礎表的聯繫,比如視圖的某個欄位是來自基礎表A,另外的幾個欄位是來自基礎表 ...
  11. PS(Photoshop)CC教程創建一個超現實微型畫像

    主要介紹Photoshop CC 的用法及一些小技巧.PS CC版的教程. 工具/原料 Photoshop CC軟體. 素材地址:http://pan.baidu.com/s/1qWv8Z7Y 方法/ ...
  12. 如何用PS製作一個簡單的圓形圖標(Logo)

    電子商務運營.愛玩百度貼吧.愛動漫.淘寶C店店主.天貓艦店設計師兼風格指導. 工具/原料 PS/Photoshop 方法/步驟 打開PS,新建所需的圖標尺寸,點擊確定. 使用橢圓選框工具,點擊滑鼠畫出 ...
  13. 怎麼用騰訊問卷創建一個簡單的調查問卷

    很多人都希望通過調查問卷獲得一些數據,那麼怎麼免費在網上發布調查問卷呢?今天就介紹怎麼利用騰訊問卷設計一個簡單的調查問卷. 方法/步驟 打開騰訊問卷. 點擊按照提示登錄自己的qq帳號. 點擊創建問卷. ...
  14. 易語言創建一個簡單QQ發送信息腳本(模擬)

    中文語音編程,簡單學習.釋放雙手,讓程序幫您完成無數次的重複操作. 工具/原料 易語言 精益編程助手 精益模塊 方法/步驟 工具直接去百度即可,搜尋的到. 打開精益編程助手:然後,獲取你要發送聊天信息 ...
  15. cubase創建一個簡單工程

    cubase編曲軟體的一些應用.. 工具/原料 cubase5 漢化版 方法/步驟 cubase的右上角,選擇新建工程. 這裡選擇空白的工程就好了.. 自己選擇你要做的這個文件的存放位置. 現在成功創 ...
  16. 如何使用ps中的直線工具創建一個簡單的波形圖

    今天我給大家介紹下如何使用photoshop中的直線工具創建一個簡單的波形圖,然後通過濾鏡等工具快速把你的照片轉變成版畫效果的圖片.適合ps初學者練習,讓我們開始吧!先看下最終效果圖: 工具/原料 p ...
  17. VisitStudio創建一個簡單的網站

    Visual Studio是一個搶單的IDE工具,對於初學者或者未使用過的人,提供一個簡單的指引 工具/原料 Visual Studio 2013 使用2010也是同樣的操作 方法/步驟 打開Visu ...
  18. 如何創建一個簡單的清理工具

    有一些小夥伴們幾乎每天的工作都在電腦前面完成,每天需要操作大量的文本,數據,或者是影片,圖片等等,久而久之,電腦就會積累大量的垃圾文件,這些文件會慢慢的占據你的硬碟容量,慢慢的拖垮你的運行速度.那如何 ...
  19. AI怎麼繪製一個飲料杯的圖標?

    AI怎麼繪製一個飲料杯的圖標?AI中餉揮之一個飲料杯,帶著吸管的,該怎麼繪製呢?下面我們就來看看ai繪製帶吸管的飲料杯的詳細教程,需要的朋友可以參考下 工具/原料 電腦 Ai 方法/步驟 在Ai軟體中 ...
  20. 【AI教程】打造YOGA風格的圖標

    YOGA風格的圖標總是有一種夢幻.朦朧的視覺感受,像是一個猶抱琵琶半遮面的羞赧的少女.那這樣的圖標怎麼自己製作呢?這裡我將給大家講講用AI軟體打造YOGA風格圖標的方法. 工具/原料 Illustra ...