網(wǎng)頁(yè)設(shè)計(jì)專題技巧淺析(2)
光運(yùn)用的實(shí)際例子
原圖是張很普通的照片,由于逆光臉部偏暗。于是給他疊加了三個(gè)圖層。一個(gè)頂部的白光提亮整體。左側(cè)的藍(lán)光和右側(cè)的紅光,讓人物與背景更加融合。調(diào)整了光的頁(yè)面整體效果好了很多。
總結(jié)第三點(diǎn)就是掌控你頁(yè)面里的光。
色溫色調(diào):所有素材(色彩)都會(huì)被周圍環(huán)境光影響,用的時(shí)候注意調(diào)整統(tǒng)一。 光照:注意主光源(環(huán)境光)的類型,位置。契合頁(yè)面環(huán)境。
再看這個(gè)頁(yè)面的第四個(gè)問(wèn)題,摳圖有毛邊。
不論你頁(yè)面設(shè)計(jì)的多么有創(chuàng)意多么好,一旦摳圖不干凈,有毛邊頁(yè)面檔次一下就下去了。
猜測(cè)設(shè)計(jì)人員做的時(shí)候應(yīng)該是用的魔術(shù)棒摳圖的。魔術(shù)棒雖然好用摳圖很快,但是魔術(shù)棒摳出來(lái)的容易留下毛邊。
摳圖方法很多,各人有各人的習(xí)慣。在這里分享一下我自己的摳圖方法。不一定是最快的,但是這個(gè)方法摳出來(lái)的還算干凈。
我習(xí)慣用橡皮擦工具摳圖。
用橡皮擦擦除的邊緣,沒有鋸齒有半透明的過(guò)渡
在擦除時(shí)候的一些小技巧。
擦除的時(shí)候可以放大畫布,調(diào)整合適的畫筆大小。
按住shift可以擦連續(xù)的區(qū)域。
對(duì)于對(duì)于凹進(jìn)去不好擦的區(qū)域可以借助快速蒙板來(lái)擦除。
例如王力宏肘那里。
點(diǎn)快速蒙版,進(jìn)入快速蒙版的的編輯模式。選擇“所選區(qū)域”
然后用畫筆在需要擦除的區(qū)域涂抹,再用橡皮擦擦除多余的部分退出快速蒙版,剩下的紅色部分就能生成一個(gè)選區(qū)。最后點(diǎn)刪除就能得到需要擦除的圖。
有時(shí)候需要給人物扣頭發(fā),很頭疼。這里順便分享一下如何摳頭發(fā)
拿年輕時(shí)候的乖乖虎蘇有朋的照片做例子。
復(fù)制一個(gè)圖層,然后選擇–色彩范圍,選頭發(fā)的黑色顏色容差調(diào)到150左右。點(diǎn)確定
然后反選刪除。就能夠得到這樣一個(gè)頭發(fā)的圖層。
用橡皮擦擦掉圖層1的頭發(fā)部分。合并兩個(gè)圖層。人物的頭發(fā)就摳出來(lái)了。
總結(jié)下這部分的所說(shuō)的內(nèi)容:
摳圖拒絕毛邊
橡皮擦摳圖:按住SHIFT可以擦一條直線的區(qū)域,配合快速蒙版擦角落
摳頭發(fā):巧妙利用選擇色彩范圍摳頭發(fā)。
再來(lái)看這個(gè)專題,這個(gè)專題問(wèn)題很多但是最突出的問(wèn)題還是“亂”。內(nèi)容多,而且沒有條理,不知道該看哪里,不知道什么才是這個(gè)頁(yè)面的重點(diǎn)。
再看看正面的例子,對(duì)個(gè)頁(yè)面條理重新梳理后調(diào)整的頁(yè)面。
同樣的內(nèi)容,梳理后的頁(yè)面條理會(huì)清楚很多,頁(yè)面內(nèi)容有正確的視覺引導(dǎo)更有主次,用戶能更容易的“掃描”頁(yè)面的信息。
最后我們?cè)賮?lái)看舌尖上的中國(guó)這個(gè)專題:
這個(gè)專題最突出的問(wèn)題是素材的選材不當(dāng)。
分析下這個(gè)頁(yè)面的選材。木板、紙張、云、以及食物對(duì)主題氛圍的烘托也顯得有些不足。
并且木板和木板上的碗給人的感覺是俯視,但是云給人的感覺是仰視天空的感覺。兩者放在一起很沖突。
那么接下來(lái)我們就說(shuō)下做專題時(shí)候怎樣選擇合適的素材。
以“舌尖上的中國(guó)”為例:
我們先將“舌尖上的中國(guó)”提取關(guān)鍵字“舌尖”、“中國(guó)”。舌尖讓我們聯(lián)想到什么呢?有美食、餐具、,等等。中國(guó)讓我們聯(lián)想到什么呢?功夫、水墨、剪紙、龍、國(guó)畫,等等。
像這樣就可以把一個(gè)抽象的概念逐級(jí)具體化,然后從具體化的事物中選擇合適的作為你需要的素材,來(lái)表達(dá)抽象的概念。
本文地址:http://m.likemindfilms.com/tutorial/ui1414.html
您可能還喜歡
- 經(jīng)典網(wǎng)頁(yè)配色方案之無(wú)色系
- 對(duì)齊!框框框!ps中對(duì)齊和參考線詳解
- banner實(shí)戰(zhàn)技巧-版式平衡構(gòu)圖
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏大視
- 如何成功運(yùn)用扁平化設(shè)計(jì)與色彩趨勢(shì)
- 做有思想的網(wǎng)頁(yè)設(shè)計(jì)-banner實(shí)例講解
- [圖趣]色彩搭配的核心原則和聯(lián)想
- 扁平化設(shè)計(jì)與可訪問(wèn)性
- 網(wǎng)頁(yè)設(shè)計(jì)專題技巧淺析
- WEB設(shè)計(jì)中的排版
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(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)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏