當前位置:首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

圖標設計,ps設計雷達主題圖標實例(5)

來源:shejipai 作者:設計派小溫 學習:5194人次

手把手教你繪制扁平風行星與雷達圖標。扁平化設計風格,難度不大,有興趣的同學跟著一起練習吧。效果:
圖標設計,ps設計雷達主題圖標實例
行星圖標

第1步

首先繪制一個淡黃色的圓形作為行星的輪廓。使用矩形工具,星球上方繪制很多不同顏色的方框,讓它們的顏色和寬度都不盡相同。你可以將這些方框編組并進行旋轉,這樣會顯得更真實。

圖標設計,ps設計雷達主題圖標實例

第2步

現在我們來去掉方框不需要的部分。選擇圓形所在的圖層,選擇橢圓工具并在圖標上右擊,在彈出的菜單中選擇“創(chuàng)建選區(qū)”,然后在彈出的對話框中點擊確定,選項都保持默認即可。

圖標設計,ps設計雷達主題圖標實例

然后,選擇這些矩形所在的組并單擊圖層面板下方的圖層蒙版按鈕,將不需要的部分隱藏起來。

圖標設計,ps設計雷達主題圖標實例

第3步

讓我們給我們的星球增加一點光照感。將橢圓所在的圖層復制一遍并將它向左和向上移動一點兒。同時選中這兩個圖層并保持矩形工具的選擇,在頂部的菜單欄中選擇交叉。將混合模式調整為篩選并將不透明度調整為40%,這樣星球的左半邊就有了光照感。

圖標設計,ps設計雷達主題圖標實例

第4步

讓我們開始添加星環(huán)。先繪制一個扁平的圓形然后選擇減去,在原先的環(huán)內部繪制一個小一些的環(huán)。

圖標設計,ps設計雷達主題圖標實例

我們需要去掉部分的星環(huán),因為它們本該隱匿在行星后面。

繪制一個橢圓,覆蓋住行星的上半部分和星環(huán)的一部分,這圈選的部分就是我們要隱藏的部分(在截圖中,就是那個紅色的圈圈)。同時選擇新建立的圓形所在圖層和行星輪廓所在的圖層,在右鍵彈出的菜單中選擇相交選區(qū),在行星的上部形成一個“蓋子”。

圖標設計,ps設計雷達主題圖標實例

第5步

在紅色的圖層上右擊并選擇創(chuàng)建選區(qū),選擇“選擇——翻轉選區(qū)”命令。

圖標設計,ps設計雷達主題圖標實例

然后選擇星環(huán)所在圖層,創(chuàng)建圖層蒙版。

圖標設計,ps設計雷達主題圖標實例

第6步

按照上一篇教程的方法創(chuàng)建長投影。

上一篇教程地址:《PS初級教程!手把手教你繪制酷炫有型的火箭圖標》

圖標設計,ps設計雷達主題圖標實例

最后,加上小星星,搞定。

圖標設計,ps設計雷達主題圖標實例
雷達

第1步

先繪制一個黑色的圓形。

好啦,其實顏色是什么并不重要,這個圓本身不會被顯示出來。在左側繪制一個紅色的矩形,將它的一半遮住。用反復介紹過的方法添加圖層蒙版蓋住不需要的部分。OK,現在就可以刪掉黑色的圓了。

圖標設計,ps設計雷達主題圖標實例

用更深的紅色來填充半圓的下半部分,使得雷達細節(jié)更加真實。

圖標設計,ps設計雷達主題圖標實例

第2步

讓我們給我們的雷達加上天線吧。首先,使用多邊形工具繪制一個三角形,然后用淺灰色填充它,縮放大小,并在頂端添加一個小球。

圖標設計,ps設計雷達主題圖標實例

第3步

讓我們把天線升起來吧!

選擇所有的圖層然后將它們做旋轉。然后再做基架,F在對于你來說,做這樣的圖形應該不是難事了吧!

圖標設計,ps設計雷達主題圖標實例

第4步

不用我說了吧,長投影和小星星。

圖標設計,ps設計雷達主題圖標實例

很好,現在我們有了雷達,火箭和目標行星。下一節(jié),友好的外星朋友們將會登場,請拭目以待。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
白裙妖嬈2018-02-22 12:43
可以投稿嗎?
雨夜珊瑚2582017-05-28 04:32
謝謝指導~
朱北YL2017-05-28 01:08
有點簡單
韓sir55462017-05-28 10:53
可以投稿嗎?

關注大神微博加入>>

網友求助,請回答!