Illustrator繪製2.5D風格的三角形圖標
學習PS
微信號：xxps1979
學無止境，技行天下！
本教程主要使用Illustrator繪製2.5D風格的三角形LOGO，2.5D風格最近非常流行，經常見到這樣的建築，今天我們把這個風格運用到LOGO上，推薦給思緣的朋友學習，希望大家可以喜歡。
先看看效果圖
怎麼樣，看上去簡簡單單一個圖形，但要是用形狀一塊塊去拼湊的話，費時並且很難做得規範，像素妹在這裡教大家簡單規範地三步完成!
第一步，做參考線
1.打開AI，ctrl+n新建一個800*600，顏色模式為 RGB的畫布，如下圖;
2.使用左側工具欄里的直線工具，畫一條長度超過畫布的直線，開始畫之後按住shift，可以畫出一條垂直的直線，按住alt鍵上下撥動滾輪，可以放大或縮小畫布，如下圖;
3.用左側工具欄里的小黑選擇工具選中畫好的這條線，按住alt往外拖，複製一個，然後按ctrl+d，就會複製出跟剛才托德距離相同的直線，一直複製到佔滿畫布(注意，直線的個數必須是奇數!)，如下圖;
4.用小黑工具，框選畫好的所有直線，按住r+enter，會彈出下圖窗口，角度改為60度，然後點擊複製，然後再重複按住r+enter，參數跟剛才一樣，再複製一次，參考線就做好啦，效果如下圖;
參考線做好的樣子一定要跟上圖像素妹的一樣哦，如果不一樣，就檢查一下，旋轉複製之前，畫的直線的個數是不是奇數，一定要是奇數才可以哦～
第二步，上色
1.選擇左側工具欄里的實時上色工具(如下圖)，把工具欄最下側那裡的填充打開，選一個顏色(像素妹選的顏色色值在下圖哦)，描邊去掉，如下圖;
2.用實時上色工具點選參考線組成的小格子，把我們要畫的這個三角形矛盾空間的外形先勾勒出來。值得一提的是，如果在畫參考線的那一步，線的距離比較近，格子比較小則上色時需要多選幾格，如果格子做的比較大，就可以少選幾格，對比如下圖;
3.給畫好輪廓的矛盾空間加上明暗關係，讓它立體起來，呈現出2.5D的效果。還是選擇實時上色工具，同色系換個比剛才填充的再暗點的顏色(像素妹的色值在下圖)，填充兩個面，如下圖;
4.選擇實時上色工具，仍然是同色系，換一個更暗的顏色(下圖有像素妹色值)，再填充兩個最暗面，矛盾空間的感覺就出來啦，如下圖。
到這一步心急的小可愛是不是以為已經畫完啦，那這整個畫布的參考線怎麼辦呢?
第三步，去除參考線
1.用小黑選擇工具，框選全部參考線和形狀，執行最上面工具欄中的對象—擴展，把彈出的對話框三個選項都勾選，點擊確定，如下圖;
2.因為版本不同，像素妹執行完擴展之後參考線就自動消失啦，如果有的同學擴展完之後，參考線還在，就再次用小黑選擇工具框選全部參考線和形狀，然後滑鼠右鍵—取消編組，接著再框選參考線，就可以直接把參考線拉走啦。
完成了最終效果圖
TAG:學習PS |