今天為大家分享Photoshop CC2015繪制超逼真的蘋(píng)果iPhone SE方法，教程真的很不錯(cuò)，很實(shí)用，值得大家學(xué)習(xí)，推薦過(guò)來(lái)，一起來(lái)學(xué)習(xí)吧！

自己使用CC15也是有大半年了，單就加強(qiáng)版的圖層樣式也積累了一些心得和小技巧。在CC15中打造一些字體特效，超寫(xiě)實(shí)icon之類(lèi)的設(shè)計(jì)時(shí)，加強(qiáng)版的圖層樣式會(huì)大大的提高工作效率。之后的教程會(huì)逐步更換為CC15的版本為大家講解，其中好用的功能可不僅僅只有圖層樣式這一個(gè)哦~強(qiáng)烈建議童鞋們升級(jí)成新版本。

本次教程是上次《僅需10分鐘 PS快速鼠繪元宵節(jié)燈籠圖標(biāo)》中講的“黑白疊加大法”的延伸版。運(yùn)用的原理仍然是“白色疊加提亮，黑色疊加壓暗” 。該案例通過(guò)預(yù)設(shè)好亮部和暗部的數(shù)值，可以實(shí)現(xiàn)“一鍵更換顏色”，希望同學(xué)們?cè)趯W(xué)習(xí)的時(shí)候可以體會(huì)到“黑白疊加”的特點(diǎn)并掌握其用法。

STEP01，繪制機(jī)身厚度

繪制一個(gè)350*350px，圓角為60px的圓角矩形，為其添加一個(gè)固有色：“#ba9b7a”

然后再為其添加明暗變化(使用漸變疊加)：

將“與圖層對(duì)齊”選中以后，漸變效果的約束范圍就是該形狀本身;

其中淺色色塊位置為“0%”、“15%”、“85%”、“100%”，其顏色均為“#dedede”

其中深色色塊位置為“10%”、“22%”、“78%”、“90%”，其顏色均為“#808080”

其中中間色塊位置為“50%”，其顏色為“#bfbfbf”

同學(xué)們可以看到，用不同明度的灰色疊加在原來(lái)的固有色上，淺色灰會(huì)使固有色提亮，深色灰會(huì)使固有色變暗，從而使用這種方法可以快速打造出物體的質(zhì)感。設(shè)置好明暗關(guān)系，可以任意更換固有色的哦!

STEP02，繪制機(jī)身

繪制之前，先為大家簡(jiǎn)單介紹一下新版圖層樣式的界面

打開(kāi)圖層樣式，后面帶有小加號(hào)的樣式表示可以重復(fù)復(fù)制;

同一效果的樣式最多可以復(fù)制十次，選中其中的一個(gè)樣式，可以上下調(diào)整次序，也可以進(jìn)行刪除(需要注意：相同的效果也是有上下次序的，即上面的效果會(huì)蓋住下面的效果)，一個(gè)樣式雖然可以重復(fù)添加，但是所有效果的名字都為“描邊”，并沒(méi)有“描邊1”“描邊2”的區(qū)分，所以大家在平常工作時(shí)最多重復(fù)使用兩三次就可以達(dá)到效果啦!

如果想恢復(fù)默認(rèn)的列表樣式，只需要打開(kāi)樣式管理，選擇“復(fù)位到默認(rèn)列表”就可以啦!

打開(kāi)圖層樣式選中“描邊”，可以看到描邊選項(xiàng)多了一個(gè)新的功能—“疊印”

“疊印”的意思就是描邊效果的混合模式與該圖層本身進(jìn)行計(jì)算，得到新的混合效果。

我們都知道，在混合模式中，除了“正常、溶解”的模式不會(huì)與下方圖層進(jìn)行計(jì)算，剩下的模式都會(huì)與下方圖層進(jìn)行計(jì)算，得到新的混合效果。

我們以【白色疊加】為例，看看勾選疊印前后的差別：

我們可以看到

非疊印的白色描邊都是在與藍(lán)色背景做疊加計(jì)算;

而選擇疊印的白色描邊，與橙色矩形有重疊的部分(內(nèi)部、居中)都會(huì)與橙色進(jìn)行疊加計(jì)算，而沒(méi)有與橙色有重疊的部分(外部)，仍然是與藍(lán)色背景做計(jì)算。

(需要注意的是：圖層樣式中的描邊疊印，也會(huì)和形狀中的描邊進(jìn)行計(jì)算，我們接下來(lái)用到的方法就是圖層樣式中的描邊與形狀中的描邊進(jìn)行疊加計(jì)算哦!)

OK，下面我們就要使用新版的圖層樣式來(lái)做質(zhì)感了!

復(fù)制一層圓角矩形，清除圖層樣式(Alt+L+Y+A)，形狀填充色為“白色”，用“直接選擇工具”選中上面四個(gè)錨點(diǎn)，向下移動(dòng)(shift+下方向鍵)35px;

將形狀的描邊粗細(xì)設(shè)置為“6像素”，位置默認(rèn)為“內(nèi)部”，顏色為“#8e7356”;

這個(gè)形狀的描邊顏色就充當(dāng)手機(jī)邊框倒角的固有色啦，接下來(lái)用圖層樣式的描邊(疊印)來(lái)為其添加明暗關(guān)系;

事先約定：相同樣式效果由下到上，編號(hào)由1到10

為其添加兩個(gè)描邊效果

描邊1：(做為倒角的明暗關(guān)系)

其中淺色色塊位置為“12%”、“40%”、“66%”、“90%”，其顏色均為“#d9d9d9”

其中深色色塊位置為“0%”、“25%”、“53%”、“78%”、“100%”，其顏色均為“#808080”

描邊2：(做為邊緣處的高光)

效果如下圖：

繪制350*214px的矩形剪切進(jìn)圓角矩形里，填充色：“#d8b897”，描邊色“#8e7356”(仍然做為固有色)，描邊大小為“2像素”，默認(rèn)“內(nèi)部”;

為其添加圖層樣式：

漸變疊加1：

漸變疊加2：(做鏡面光)

描邊：(做為明暗關(guān)系)

其中淺色色塊位置為“0%”、“50%”、“100%”，其顏色均為“#e5e5e5”

其中深色色塊位置為 “15%”、“85%”，其顏色均為“#969696”

再為其添加logo和名字，效果如下圖：

字體用 “思源黑體”，logo上網(wǎng)上找一個(gè)(讓我偷個(gè)懶吧，哈哈哈)

STEP03，繪制鏡頭

下面利用一個(gè)簡(jiǎn)單粗暴的方式來(lái)繪制鏡頭，重復(fù)使用同一效果

繪制一個(gè)10*10px的圓形

添加漸變疊加：

描邊1：

描邊2：

描邊3：

描邊4：

描邊5：

效果如下圖：

畫(huà)兩個(gè)小的白色圓形，模式為“疊加”，做為高光

再繪制閃光燈：

繪制一個(gè)14*24px的圓角矩形，圓角可以調(diào)大

漸變疊加：

光澤：

內(nèi)陰影：

效果如下圖所示

STEP04，繪制按鍵

畫(huà)一個(gè)54*10px的圓角矩形，圓角為“3px”

漸變疊加：

投影：

復(fù)制一個(gè)，置于下層，清除圖層樣式，下移3px;

漸變疊加：

投影：

再添加陰影和倒影，還有繪制2像素的白條，得到最終效果：

右側(cè)三個(gè)色塊由上至下分別代表：

機(jī)身(帶logo部分)固有色;

底座厚度固有色;

形狀描邊(倒角，邊框)，按鍵的固有色。

如果更換這三種顏色，還可以得到其他款式的機(jī)型哦!

“一鍵換色”：

教程結(jié)束，以上就是Photoshop CC2015繪制超逼真的蘋(píng)果iPhone SE方法介紹，大家學(xué)會(huì)了嗎？喜歡的朋友快快來(lái)動(dòng)手制作一個(gè)吧！

最新評(píng)論