tft每日頭條

 > 生活

 > ps做立體圖标

ps做立體圖标

生活 更新时间:2024-07-24 09:24:08

這個效果,來自于一位朋友的求助,初看上去,好像并沒有什麼難度,動手後才知道,原來,也不是很好折騰的。順便說一下,密集恐懼症的朋友就不要看了,你會暈

我們的最終效果如下:

ps做立體圖标(制作一個镂空圖标)1

首先我們要分析一下這個镂空的排列規律,在下圖中我畫了一條弧線作為标記,這應該是一排镂空的最初組成。

ps做立體圖标(制作一個镂空圖标)2

這條弧線上的镂空有個特點就是镂空從小到大逐漸放大,而且兩個镂空之間的中心距離始終一樣,在下圖中我給每個镂空的中心位置坐了一個白色圓點的标記,你會發現它們的中心距離幾乎相等~

ps做立體圖标(制作一個镂空圖标)3

如果要實現這個效果單純的使用旋轉複制最終的效果似乎跟原圖有些不一樣,它們的距離會變得越來越大,背離了我剛才提到的距離相等的要素,而且弧線也會變成一條螺旋線~

ps做立體圖标(制作一個镂空圖标)4

作為一個非專業的PS愛好者,我承認我對PS的了解确實不是很透徹。不過任何問題都有解決的辦法,盡管我的辦法是個笨辦法,但它很适合像我們這樣的門外漢。最先想到的是我可以通過動作來解決。先新建一個正方形的畫布~

ps做立體圖标(制作一個镂空圖标)5

畫一個圓角矩形,填充很淺的灰色~

ps做立體圖标(制作一個镂空圖标)6

安排橫向和垂直兩條居中的參考線,ctrl t适當的調整這個圓角矩形的大小和居中位置後備用~

ps做立體圖标(制作一個镂空圖标)7

用橢圓工具在靠近畫布邊緣的地方畫一個小小的圓形,顔色接近原圖的镂空底色,或者随意填充一個顔色,利用圖層樣式再修改顔色~

ps做立體圖标(制作一個镂空圖标)8

打開動作,點擊新建按鈕新建一個新動作,随意命名,隻要你能記得住就行~

ps做立體圖标(制作一個镂空圖标)9

點擊矢量蒙版取消路徑選擇,這是很重要的一步~

ps做立體圖标(制作一個镂空圖标)10

ctrl alt t,打開鎖定長寬比按鈕,在縮放比例裡輸入105。因為我隻是做一個演示,所以這裡的數字不一定是正确的。這個數字就是每個镂空逐漸放大105%的意思,回車确定讓這條命令結束~

ps做立體圖标(制作一個镂空圖标)11

ctrl t,按住alt移動圓形的參考點到畫布的中間,也就是參考線的交叉點,你完全可以在數字欄裡直接輸入精确的數字,我就是這樣做的。最後是旋轉角度,這個角度決定镂空的間隔距離。完成後按停止鍵儲存~

ps做立體圖标(制作一個镂空圖标)12

最後就是一個體力活,狂按動作中的播放鍵,一組排列有序的“珍珠鍊”出現了~

ps做立體圖标(制作一個镂空圖标)13

在合并這串珍珠鍊的所有圖層時我給你一個建議,最好先把它們打包備份,萬一你後面搞砸了還有備胎可用,這也花不了你多少時間~

ps做立體圖标(制作一個镂空圖标)14

我把剛才完成的珍珠鍊跟原圖做了一下比較,發現距離和圓弧差的太大了,這個不算問題,起碼我們的方法是正确的,重新制作一個跟原圖差不多的珍珠鍊應該輕而易舉~

ps做立體圖标(制作一個镂空圖标)15

雙擊動作裡的各條命令修改數據,也就是放大比例和旋轉時的參考點位置,最後我做了一個跟原圖差不多的珍珠鍊~

ps做立體圖标(制作一個镂空圖标)16

這裡有個大問題,我也說不出為什麼會是這樣,可能因為PS是位圖軟件的原因。問題是這樣的:如果你就這樣一直旋轉複制這個珍珠鍊,開始的幾次沒有多大問題,到最後它的模樣會變得亂七八糟,邊緣參差不齊。下面圖中紅色弧線左邊是開始,右邊的是結束的形狀,你可以看出兩者的不同~

ps做立體圖标(制作一個镂空圖标)17

雖然在圖形工具上不會出現這個毛病。但是我們這裡用的是位圖,我發現減少旋轉次數能避免這種情況的出現。所以我在這裡盡量不讓她旋轉,而是垂直或者橫向複制,雖然比較麻煩,但是能解決問題,先垂直180度複制一條~

ps做立體圖标(制作一個镂空圖标)18

繼續ctrl alt t,旋轉複制90度~

ps做立體圖标(制作一個镂空圖标)19

原圖一圈正好是60個,剛剛我很認真的數過了,6X60不是正好等于360?每次旋轉的角度都是6的倍數。以此類推,減少旋轉次數。最後我得到了一個可以接受的效果,幾乎看不出有變形的問題~

ps做立體圖标(制作一個镂空圖标)20

剪貼蒙版到圓角矩形,添加一個蒙版,我要把那些不完整的和太靠近邊緣的镂空隐藏掉。你也可以直接用橡皮擦除,不過我還是推薦使用蒙版,效果一樣,而且蒙版比較靈活,萬一哪裡錯了可以恢複回來~

ps做立體圖标(制作一個镂空圖标)21

這是經過修整之後的效果~

ps做立體圖标(制作一個镂空圖标)22

模仿原圖那樣,在空隙太多的地方點幾個小圓圈,比較像了~

ps做立體圖标(制作一個镂空圖标)23

給圓角矩形添加投影~

ps做立體圖标(制作一個镂空圖标)24

再就是斜面浮雕,我增加了等高線的效果,讓邊緣出現一點“内發光”的效果~

ps做立體圖标(制作一個镂空圖标)25

繼續給镂空添加内陰影~

ps做立體圖标(制作一個镂空圖标)26

還有外發光,我還是用了等高線讓外發光顯得明顯一點,亮度提高一些~

ps做立體圖标(制作一個镂空圖标)27

最後我給這個镂空添加徑向漸變,讓顔色從裡往外逐漸減淡。貌似原圖就有這樣的效果,不知道是不是我的眼睛有點花~

ps做立體圖标(制作一個镂空圖标)28

拷貝圖層樣式,粘貼在上面圖層的小點上。這個數值對那些小點來說有點不合适,所以要稍微修改一下,比如内陰影還可以接受,但是外發光的範圍太大了,調小一點~

ps做立體圖标(制作一個镂空圖标)29

最後是圖表中間帶有logo的圓圈,畫一個顔色任意的圓形,我需要的是這個圓形的輪廓,最後我還是要把它的填充透明度調為0,所以它是什麼顔色根本無所謂~

ps做立體圖标(制作一個镂空圖标)30

為了縮減今天的篇幅,減少工作量,我把這個效果實現在一個圖層裡,把填充透明度調為0,進入圖層樣式,先給一個比較複雜的外發光,這幾乎是完成大半了~

ps做立體圖标(制作一個镂空圖标)31

深淺對比色很接近的漸變~

ps做立體圖标(制作一個镂空圖标)32

還有一點點的内發光~

ps做立體圖标(制作一個镂空圖标)33

最後是圓形中間的英文logo,幸好我有這樣的字體,這個圖層樣式沒什麼技術含量,所以略過~

ps做立體圖标(制作一個镂空圖标)34

完成!

ps做立體圖标(制作一個镂空圖标)35

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved