Photoshop CC2015繪制超逼真的蘋(píng)果iPhone SE

今天為大家分享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è)吧!
相關(guān)文章
一張圖看懂蘋(píng)果iPhoneSE各部件背后的供應(yīng)商
在3月23日早些時(shí)候召開(kāi)的蘋(píng)果春季新品發(fā)布會(huì)上,傳言已久的4英寸iPhoneSE正式發(fā)布,但是對(duì)于很多人都想知道每個(gè)部件背后的供應(yīng)商,下面小編為大家分享一張圖,來(lái)看看吧2016-03-28iPhone SE對(duì)比iphone 6/6plus/6s/6splus哪個(gè)好? 蘋(píng)果iPhone SE續(xù)航功
蘋(píng)果正式發(fā)布了iphone SE、ipad pro以及ios9.3正式版本,而其中的iphone SE成為發(fā)布會(huì)的焦點(diǎn),當(dāng)然大家對(duì)于iphone SE的續(xù)航功能十分關(guān)注,今天就拿來(lái)iphone 6、iphone 6plu2016-03-28- 蘋(píng)果iPhoneSE國(guó)行版已經(jīng)開(kāi)啟預(yù)約,3月31日正式發(fā)售,而在三大運(yùn)營(yíng)商中,“受歧視”的中國(guó)電信反而最先行動(dòng)起來(lái),公布了9種合約套餐計(jì)劃,下面就詳情來(lái)看看了解一下吧2016-03-27
2016年最新安兔兔熱門(mén)手機(jī)性能比排行榜 小米5奪冠吊打iPhoneSE
過(guò)去一段時(shí)間,隨著搭載高通驍龍 820 / 652 / 650、三星 Exynos 8890 等新一代 SoC 的智能手機(jī)的上市,手機(jī)的整體性能再次獲得一次全面的升級(jí),大家喜聞樂(lè)見(jiàn)的跑分軟件安兔2016-03-263288元4寸神機(jī)iPhone SE深度體驗(yàn)評(píng)測(cè)
對(duì)于偏愛(ài)小尺寸的用戶(hù),iPhone SE是超值的,配置幾乎是頂級(jí)的,當(dāng)然我也知道很多人在暗自罵街,或許這正是蘋(píng)果想要的效果。下面小編就為大家?guī)?lái)3288元4寸神機(jī)iPhone SE深2016-03-26iphone SE A9芯片有幾個(gè)版本?iphone SE A9處理器各個(gè)版本區(qū)別對(duì)比介紹
蘋(píng)果正式發(fā)布了iphone SE,那么iphone SE A9芯片怎么樣?iphone SE A9處理器有幾個(gè)版本?本文將提供iphone SE A9處理器各個(gè)版本區(qū)別對(duì)比介紹供大家了解2016-03-26- 3月22日蘋(píng)果發(fā)布會(huì)iPhone 5SE首發(fā),并且3288元起的價(jià)格也吸引了不少眼球,iPhoneSE有哪些新特性呢?大家不妨來(lái)看看4英寸蘋(píng)果SE新功能匯總吧,希望會(huì)對(duì)大家有所幫助2016-03-25
iPhone SE A9處理器也有兩個(gè)版本 臺(tái)積電版本和三星版本
目前有開(kāi)發(fā)者在分析了相關(guān)文件之后發(fā)現(xiàn),iPhone SE的A9處理器依然有兩個(gè)版本,其中代號(hào)為S8003的是臺(tái)積電版本,代號(hào)S8000的則是三星版本,這和iPhone6s的情況一樣。這下似2016-03-25蘋(píng)果iPhone SE用起來(lái)感覺(jué)如何?iPhone SE外媒使用感受匯總
蘋(píng)果公司3月22日凌晨在加州庫(kù)比蒂諾總部舉行春季新品發(fā)布會(huì),發(fā)布了4英寸的iPhone SE手機(jī)。這款手機(jī)具有iPhone 5s的外觀,配備64位A9處理器以及M9協(xié)處理器,性能基本達(dá)到iP2016-03-25iPhone SE玫瑰金和土豪金哪個(gè)好看?蘋(píng)果iPhone SE玫瑰金版和土豪金版對(duì)
蘋(píng)果正式發(fā)布了iPhone SE和ipad pro及ios9.3正式版本,那么iPhone SE玫瑰金和土豪金哪個(gè)好看?iPhone SE玫瑰金和土豪金有什么不同?本文將提供蘋(píng)果iPhone SE玫瑰金版和土豪2016-03-24