• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 PS創意設計 】Photoshop繪製日系風格的和服小妹圖標




    Photoshop繪製日系風格的和服小妹圖標

    這一次的教學是屬於PS教程領域中的設計教程的相關教學。

    文章出處是來自未知的PS教程類文章,寫教學的作者是Poupo4451,感謝Poupo4451提供設計教程的實作教學。

    教學大綱:

    本教程主要使用Photoshop設計扁平化風格的日系人像圖標,教程非常的簡單,喜歡的朋友一起來學習吧。


    設計教程教學開始

    先看看效果圖

    Photoshop繪製日系風格的和服小妹圖標

    新建,注意做這類圖,新建最好用像素做單位如圖:

    Photoshop繪製日系風格的和服小妹圖標

    樓主要用到的全部工具都是路徑形狀工具:

    Photoshop繪製日系風格的和服小妹圖標

    通過形狀填充來做圖,是一種很明快的作圖方法。

    Photoshop繪製日系風格的和服小妹圖標

    右邊要隨時用的按鈕:

    Photoshop繪製日系風格的和服小妹圖標

    從頭形狀開始,先用形狀畫一個圓:

    Photoshop繪製日系風格的和服小妹圖標

    用左邊的路徑選擇工具箭頭

    Photoshop繪製日系風格的和服小妹圖標

    調整圓形的左右兩個端點如圖左邊調整成右邊,推薦用只鍵盤上下調整,保證對稱

    Photoshop繪製日系風格的和服小妹圖標

    用同樣的方法,新建一個圖層a(在上方,畫頭髮,先畫一個圓,再選矩形按住shift和鼠標左鍵可以直接在圖層a上加形狀,讓中點在同一參考線上覆蓋掉之前的頭

    Photoshop繪製日系風格的和服小妹圖標

    這個時候,上面工具選擇減去

    Photoshop繪製日系風格的和服小妹圖標

    然後再畫個矩形在下面,調整后輕易得到如下:

    Photoshop繪製日系風格的和服小妹圖標

    這樣就感覺形成了齊劉海一樣,不要糾結看到了像素,這種畫法,是用矢量形狀畫的,你之後可以隨意放大,像素之和畫布有關,而且方便你看對稱點,很棒的。

    Photoshop繪製日系風格的和服小妹圖標

    在下方建立個矩形,畫脖子,顏色我忘記說顏色了,顏色就是,圖層處,雙擊某個你要改顏色的形狀,就可以改顏色啦,還有上面填充也能改這裡教畫領口,我當領口是兩個三角形變形的,三角形用下圖多邊形工具

    工具欄上選3條邊

    Photoshop繪製日系風格的和服小妹圖標

    畫出來自己Ctrl+T調成正角度,然後,用路徑選擇工具,Alt+Ctrl同時按住,鼠標點某個頂點可以把尖角點變成可調整的圓角,這個快捷鍵你琢磨下吧。

    Photoshop繪製日系風格的和服小妹圖標

    再按住alt按住軸把下面的調整軸放平。

    Photoshop繪製日系風格的和服小妹圖標

    同樣,新建一個圖層,一樣的畫法,畫另一個衣領注意這個時候的圖層關係是。

    Photoshop繪製日系風格的和服小妹圖標

    否則會亂滴。

    如何做領邊複製左領一個圖層,把之前領顏色改黃色點。

    Photoshop繪製日系風格的和服小妹圖標

    用選擇工具調整某個的頂點位置左移點如下圖

    Photoshop繪製日系風格的和服小妹圖標

    這個時候,領是錯開的了。然後回到圖層面板,按住alt 點這兩個圖層中間。就出現如下回車箭頭樣的符號

    Photoshop繪製日系風格的和服小妹圖標

    這個時候,途中錯開的地方就沒有了,這是因為好像下面的圖層就像一個形狀畫布,上面的圖層都依附這塊畫布畫圖一樣,這個操作非常有用。

    Photoshop繪製日系風格的和服小妹圖標

    同樣的方法,兩個領口都這樣畫。之後錯有操作。都是這些方式進行的。我繼續。

    Photoshop繪製日系風格的和服小妹圖標

    我在右邊還多了一個圖層同樣也是按住alt的來畫的,這樣是不是看起來很有扁平化的立體感!而且不失細節。

    把之前袖口放在一個組,現在來畫衣袖。如圖,我衣袖是這樣畫的,當然你也可以不這樣畫。

    Photoshop繪製日系風格的和服小妹圖標

    然後上面用形狀蒙版放一個紅色。其實顏色調整很花時間,多試試嘛,開始隨便啥顏色,畫好一個部分再繼續調整。

    Photoshop繪製日系風格的和服小妹圖標

    衣袖成組,複製,然後水平翻轉到右邊。

    Photoshop繪製日系風格的和服小妹圖標

    是不是越來越好看了。有感覺了。再畫衣服下部分。新建立的圖層要再兩個衣袖的下方才行。

    Photoshop繪製日系風格的和服小妹圖標

    兩層,一層按,再用之前方法放個亮色的進去。這裡調整要小小咯。看自己想法吧。

    Photoshop繪製日系風格的和服小妹圖標

    是不是有點像啦。

    其實,畫圖到之後,就是不停的重複勞動,然後完善細節。加和服肚兜(不知道叫什麼),後方新建頭髮拉長,加燈籠。加長投影,甚至加點衣服紋理。

    Photoshop繪製日系風格的和服小妹圖標

    然後,你開始抱怨抓狂。花時間。這幅圖從開始到結束,我也好說用了近兩個小時。中間很多都是細節上的糾結。如何煩而不膩,扁平化而不覺得單調,表情如何體現。應該拿傘還是拿燈籠。

    Photoshop繪製日系風格的和服小妹圖標

    頭髮需不需要加個高光

    Photoshop繪製日系風格的和服小妹圖標

    頭髮加長。

    Photoshop繪製日系風格的和服小妹圖標

    怎麼樣體現一個頭飾。

    Photoshop繪製日系風格的和服小妹圖標

    然後就這樣了。然後當你完成這張圖,你發現你畫了很多幾何體。

    Photoshop繪製日系風格的和服小妹圖標

    — —

    文章永久連結為: Photoshop繪製日系風格的和服小妹圖標