中国体彩网官方|中国体彩网怎么买彩票
如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.wlcge.com.cn

Illustrator設計簡約矢量風格分享圖標

當前位置 : PS學習網 > 矢量繪圖 > 正文來源:網絡作者:網絡時間:2019-09-09人氣:

本教程主要使用Illustrator制作簡約風格的分享圖標,效果有點類似于扁平化風格,希望朋友可以喜歡。

先看看效果圖

Illustrator設計簡約矢量風格分享圖標

1.如何設置新文檔

由于我非常確定您已經在后臺運行了Illustrator,因此請將其啟動,并使用以下設置設置新文檔(文件>新建或控制-N):

畫板數量: 1

寬度: 800像素

身高: 600 px

單位: 像素

然后從高級選項卡:

顏色模式: RGB

柵格效果:屏幕(72ppi)

預覽模式:默認

Illustrator設計簡約矢量風格分享圖標

快速提示:你們中的一些人可能已經注意到,將新對象與像素網格對齊選項丟失。這是因為我正在運行該軟件的新版CC 2017版本,其中Illustrator 處理形狀捕捉到底層像素網格的方式發生了很大變化。

2.如何設置自定義網格

由于我們將使用像素完美的工作流創建圖標,因此我們需要設置一個漂亮的小網格,以便我們可以完全控制我們的形狀 - 也就是說,如果我們運行的是舊版本的該軟件。

步驟1

轉到編輯>首選項>指南和網格子菜單,然后調整以下設置:

網格線: 1 px

細分: 1

Illustrator設計簡約矢量風格分享圖標

快速提示:通過深入閱讀Illustrator網格系統的工作原理,您可以更多地了解網格。

第2步

一旦我們設置了自定義網格,我們需要做的就是確保我們的形狀看起來很清晰,可以在視圖菜單下找到對齊網格選項,每當您進入像素預覽時就會轉換為對齊像素模式。

現在,如果您對整個“像素完美的工作流程”很陌生,我強烈建議您仔細閱讀我如何創建像素完美的藝術作品教程,這將有助于您立即拓寬技術技能。

3.如何設置圖層

在創建新文檔的情況下,使用幾個圖層來構建項目將是一個不錯的主意,因為通過這種方式,我們可以一次關注一個圖標,從而保持穩定的工作流程。

這就是說,調出圖層面板,并總共創建四個圖層,我們將重新命名為:

第1層:參考網格

第2層:電話共享

第3層:電子郵件共享

第4層:即時通訊分享

Illustrator設計簡約矢量風格分享圖標

4.如何創建參考網格

該 基準網格 (或基礎網格)是一組精確的界定參考面,這讓我們專注于規模性和一致性,以建立我們的圖標。

通常,網格的大小決定了實際圖標的大小,并且它們應該始終是您在開始新項目時做出的第一個決定,因為您始終希望從最小的可能大小開始并在此基礎上進行構建。

現在,在我們的例子中,我們將只使用一個尺寸創建圖標包,更確切地說是128 x 128像素,這是一個相當大的尺寸。

步驟1

首先鎖定除參考網格圖層以外的所有圖層,然后抓住矩形工具(M)并創建一個128 x 128像素的橙色(#F15A24)方形,這將有助于定義圖標的整體大小。

Illustrator設計簡約矢量風格分享圖標

第2步

添加另一個更小的120 x 120 px one(#FFFFFF),它將作為我們的活動繪圖區域,從而為我們提供全方位4 px填充。

Illustrator設計簡約矢量風格分享圖標

第3步

使用Control-G鍵盤快捷鍵對組成參考網格的兩個方塊進行分組,然后在彼此距離為40 px的位置創建兩個副本,確保將它們對齊到畫板的中心。

完成后,鎖定當前圖層并轉到下一個圖層,在那里我們將開始處理第一個圖標。

Illustrator設計簡約矢量風格分享圖標

5.如何創建電話共享圖標

隨著文檔的全部設置,讓我們通過確保我們位于正確的圖層(這將是第二個)然后放大第一個參考網格來啟動項目,以便我們可以更好地了解我們的圖標的形狀。

步驟1

使用帶有8像素角半徑的56 x 94像素圓角矩形創建其主體 ,然后將其置于底層活動繪圖區域的左下角,開始使用左手機,確保將 4 px缺口為其大綱。#C4CEE8

Illustrator設計簡約矢量風格分享圖標

第2步

通過創建它的一個副本(Control-C),我們將在前面粘貼(Control-F),然后通過將其顏色更改為#2B3249,然后將其重量設置為8 px。

完成后,使用Control-G鍵盤快捷鍵選擇并將兩個形狀組合在一起。

Illustrator設計簡約矢量風格分享圖標

 

第3步

通過創建一個32 x 58像素的矩形開始工作,我們將使用該像素的顏色#8195C1,然后水平居中對齊到我們剛分組的兩個形狀,距離填充形狀頂部邊緣12像素可見表面。

Illustrator設計簡約矢量風格分享圖標

步驟4

使用Stroke方法 為顯示器顯示8 px厚的輪廓(#2B3249),然后將兩個形狀選擇并分組(Control-G)。

Illustrator設計簡約矢量風格分享圖標

第5步

使用我們將使用的8 x 8像素圓圈創建手機的底部圓形按鈕,#2B3249然后居中對齊。

Illustrator設計簡約矢量風格分享圖標

第6步

打開“ 像素預覽”模式,然后使用筆尖工具(P)在前置揚聲器單元中繪制,使用帶有圓形帽的12 px寬, 4 px厚行程(我們將使用該顏色),然后居中對準可見手機上部的表面。#2B3249

Illustrator設計簡約矢量風格分享圖標

第7步

使用12 x 4像素的矩形創建手機的電源按鈕,我們將使用該矩形進行彩色#2B3249,然后將其放置在距離當前繪圖區域左邊緣12像素的較大輪廓上。

Illustrator設計簡約矢量風格分享圖標

第8步

調整我們剛剛創建的形狀,方法是在“ 變形”面板的“ 矩形屬性”中將頂角的半徑 設置為2 px,然后將所有手機的構圖形狀選擇并分組(Control-G)。

Illustrator設計簡約矢量風格分享圖標

第9步

使用我們剛完成工作的副本(Control-C> Control-F)創建第二部手機,我們將在水平和垂直方向上進行反射(右鍵單擊>變換>反射>水平/垂直),然后然后定位到活動繪圖區域的右側,將其與其頂部邊緣對齊。

Illustrator設計簡約矢量風格分享圖標

第10步

通過創建一個20 x 20像素圓來開始工作,通過創建一個20 x 20像素圓,我們將使用該圓,#ED664C然后將其放置在左側手機顯示屏上,距離其頂邊9像素,左邊距6像素。

Illustrator設計簡約矢量風格分享圖標

第11步

通過創建另外兩個20 x 20像素圓圈(#ED664C),繼續在心臟上工作,在右側定位一個,使其最終重疊第一個表面 4個像素,最后一個在底部,這樣它重疊其他兩個表面 8個像素。

Illustrator設計簡約矢量風格分享圖標

第12步

一旦你有三個圓圈,選擇并使用探路者的統一形狀模式將它們合并成一個更大的形狀。

Illustrator設計簡約矢量風格分享圖標

步驟13

通過刪除統一過程中創建的中心錨點,只需使用刪除錨點工具( - )單擊它們即可調整生成的形狀。

Illustrator設計簡約矢量風格分享圖標

 

第14步

繼續調整新的形狀,方法是選擇錨的手柄并拖動它們,以便在每個側面都獲得良好的曲率。完成之后,用圓形連接將生成的形狀繪制為8像素厚的輪廓(#2B3249),然后選擇兩個形狀并將它們組合在一起。

Illustrator設計簡約矢量風格分享圖標

第15步

由于我們希望心臟保持在手機顯示屏的可見表面,因此我們必須使用一個24 x 50像素的矩形(用黃色突出顯示)屏蔽它,我們將中心對準顯示屏。然后,只需選擇心臟和矩形,右鍵單擊并選擇“ 制作剪輯蒙版”,確保使用Control-G鍵盤快捷鍵將它和左側手機分組在一起 。

Illustrator設計簡約矢量風格分享圖標

回頂部
中国体彩网官方 北京快三压大小 最火爆的棋牌游戏 时时彩后一稳赚技巧 彩票双色球计划qq群 幸运飞艇破解 时时彩投注平台 ig赛车计划软件下载 捕鱼达人 十一选五河北时时 掷骰子比大小规则 官网斗牛牛棋牌下载 必赢客软件官网下载 排列五跨度图 比分网dota2 二分彩技巧稳赚保本玩法 赢乐棋牌代理