Photoshop設(shè)計(jì)圓形色彩相位圖效果圖
本文教大家用PS畫(huà)色輪圖,色輪圖就是色彩相位圖,它完整表現(xiàn)了色相環(huán)360度的全部顏色,PS的色相/飽和度命令依據(jù)色輪圖而設(shè)計(jì),不過(guò)在色相/飽和度命令中,你看到的不是色輪,而是色輪的另一種形式--色條,你可以把色條當(dāng)成沿著色輪邊緣剪掉一圈,然后再展開(kāi)的效果,通過(guò)色輪圖,可明確不同顏色的范圍,了解色輪圖與色相/飽和度命令的關(guān)系,能加深對(duì)色相/飽和度命令的理解,提高對(duì)該命令的運(yùn)用水平。
先看效果圖:
我先仔細(xì)的觀察了一下網(wǎng)友的圖,數(shù)了幾次之后我得出的結(jié)論是這個(gè)圓環(huán)中的格子是36X11,順時(shí)針?lè)较蚴?6個(gè),橫向是11個(gè),當(dāng)然包括中間的白色,白色也算一個(gè)格子。
按照上面的長(zhǎng)寬比數(shù)據(jù),我新建了一個(gè)畫(huà)布,尺寸放大20倍,也就是720X220。
新建一層,填充PS自帶的彩虹漸變,估計(jì)原圖用的就是這個(gè),看上去幾乎差不多。
對(duì)照原圖的外黑里白的效果,添加一個(gè)黑白漸變,混合模式使用”強(qiáng)光"
馬賽克,這是很關(guān)鍵的一步。之前我說(shuō)了我把長(zhǎng)寬比放大20倍,所以這里馬賽克的大小也設(shè)為20像素
這一步也很重要,重新編輯圖像的大小,關(guān)閉約束比例,把高度也設(shè)為720
確定之后你看到的是這么個(gè)東西
極坐標(biāo),這里沒(méi)有什么好說(shuō)的
極坐標(biāo)之后的效果
在“路徑”里新建一個(gè)路徑,畫(huà)一個(gè)隨意大小的圓
Ctrl+t調(diào)整這個(gè)路徑圓的大小及位置,直徑設(shè)為圖像的大小,也就是720。PS默認(rèn)的時(shí)候長(zhǎng)寬欄顯示的是百分比,不過(guò)你可以在那里右鍵把它設(shè)為像素
Ctrl+alt+t,中心位置保持不動(dòng),直徑縮小65.5像素。為什么是65.5?我粗略的計(jì)算過(guò),因?yàn)樵瓐D中橫向格子是11個(gè),所以720除以11,最后得出個(gè)大約數(shù)65.5。別對(duì)自己的目測(cè)過(guò)于自信,數(shù)字總是更可靠。
再往里的圈也是同樣道理,每個(gè)圈逐漸縮小65.5
以此類(lèi)推完成后面的工作
設(shè)置好一個(gè)2像素大小,硬度為100的畫(huà)筆,顏色選擇白色,點(diǎn)鋼筆,在路徑上右鍵描邊
這是完成的效果
還有輻射狀的描邊,用矩形工具畫(huà)一個(gè)隨意大小的白色矩形
像剛才編輯圓圈路徑一樣,ctrl+t調(diào)整這個(gè)方塊的大小和位置,注意它的高度,跟圓圈的描邊一樣,也是2個(gè)像素
ctrl+alt+t旋轉(zhuǎn)復(fù)制,這是最輕松的一步,360除以36個(gè)格子等于10°,所以在角度那里我旋轉(zhuǎn)10°
之后狂按Shift+ctrl+alt+t,直到循環(huán)完成。這是我最喜歡的一步
原圖中間好像是沒(méi)有描邊的,有兩個(gè)辦法。一個(gè)就是在路徑里復(fù)制最小的圓圈路徑
然后在矢量蒙版用“減去”方式粘貼
還有一個(gè)辦法就是在路徑里選擇最小的圓圈路徑,右鍵設(shè)為選區(qū),按ALT在“輻射描邊“層點(diǎn)擊蒙版按鈕添加蒙版。其實(shí)我比較習(xí)慣前面的一種。
最后是完成效果
本文地址:http://m.pkvc.cn/tutorial/ps2411.html
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏