Photoshop繪制超逼真的色輪/色環(huán)配色表效果圖

這篇教程是向腳本之家的朋友介紹如何利用Photoshop繪制超逼真的色輪/色環(huán)配色表效果圖,色輪圖就是色彩相位圖,它完整表現(xiàn)了色相環(huán)360度的全部顏色,PS的色相/飽和度命令依據(jù)色輪圖而設(shè)計(jì),不過(guò)在色相/飽和度命令中,你看到的不是色輪,而是色輪的另一種形式--色條,你可以把色條當(dāng)成沿著色輪邊緣剪掉一圈,然后再展開的效果,通過(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è)畫布,尺寸放大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è)路徑,畫一個(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
以此類推完成后面的工作
設(shè)置好一個(gè)2像素大小,硬度為100的畫筆,顏色選擇白色,點(diǎn)鋼筆,在路徑上右鍵描邊
這是完成的效果
還有輻射狀的描邊,用矩形工具畫一個(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í)慣前面的一種。
最后是完成效果
教程結(jié)束,以上就是Photoshop繪制超逼真的色輪/色環(huán)配色表效果圖,希望對(duì)大家有所幫助!
相關(guān)文章
Photoshop 配色網(wǎng)頁(yè)按鈕制作教程
最終效果 第一步:使用圓角矩形制作一個(gè)紅色的矩形。 第二步:然后我們給該矩形形狀添加下面圖層樣式,陰影: 內(nèi)發(fā)光: 漸變疊加: 描邊: 效果如下: 第三2008-11-28Photoshop鞋靴設(shè)計(jì)與配色 PDF 掃描版[42M]
本書可作為高等院校鞋靴設(shè)計(jì)相關(guān)專業(yè)的教材和行業(yè)培訓(xùn)機(jī)構(gòu)的技能培訓(xùn)教材,也可供制鞋企業(yè)設(shè)計(jì)人員、生產(chǎn)管理人員學(xué)習(xí)和參考2013-06-12- 本文主要給大家介紹了,在平面設(shè)計(jì)中,如何在Photoshop中進(jìn)行配色,如何才能是設(shè)計(jì)出來(lái)的畫面的色彩不那么雜亂,想學(xué)習(xí)前端設(shè)計(jì)的朋友千萬(wàn)不要錯(cuò)過(guò)此文。2015-01-09