UI筆記(一)

5. 通道配合曲線磨皮法:

A. 復(fù)制圖層,用修復(fù)畫筆工具,修復(fù)大的斑點(diǎn)

B. 在通道里選擇反差最大的通道,復(fù)制該通道—— 執(zhí)行高反差保留(10)

C. 圖像-計(jì)算(混合模式:強(qiáng)光)—— 重復(fù)操作三次加大反差

D. 在通道里面載入通道選區(qū) —— 反選選區(qū)

E. 選擇合成通道,然后回到圖層面板—— 執(zhí)行曲線調(diào)整,提亮畫面 —— 配合圖層蒙版,把不需要提亮的地方擦掉

F. 進(jìn)一步優(yōu)化:復(fù)制兩個(gè)圖層,放最頂端,第一層為質(zhì)感層,第二層為磨皮層

? ? 磨皮層操作: 執(zhí)行表面模糊,調(diào)整透明度

? ? 質(zhì)感層:濾鏡-其他-高反差保留(值1),混合模式為疊加-調(diào)整透明度


第五周第二天筆記

影響皮膚修飾的因素:

1. 光影效果

三大面:亮面,灰面,暗面

五大調(diào)子:高光,亮部中間調(diào),明暗交界線,反光,投影

2. 面部骨骼結(jié)構(gòu):四高三低

四高:額頭,鼻梁,上嘴唇(唇珠),下巴

三低:眼眶,人中,下唇下方(承漿)

3. 面部肌肉的影響

4. 面相:印堂(額部,兩眉頭中間,連線中點(diǎn))不能發(fā)黑,嘴唇不能發(fā)白


D&B修圖技術(shù):通過加深減淡工具,來達(dá)到平滑皮膚的效果

優(yōu)點(diǎn):不會(huì)影響到細(xì)節(jié),不會(huì)改變毛孔和皮膚肌理

中性灰柔光層(多用于精修):

A. 在原圖層之上,新建空白圖層,填充50%灰度(H 0,S 0,B 50),混合模式為柔光

B. 利用加深或減淡工具(曝光度調(diào)到10%以下),進(jìn)行壓暗或提亮

C. 擦除方法:畫筆工具,前景色設(shè)置為50%灰度,進(jìn)行涂抹


建立明度觀察組:將需要修飾的圖片變成黑白效果,便于觀察圖片的明暗效果

A. 新建空白圖層,填充黑色,圖層混合模式改為 “顏色”

B. 在新建圖層之上新建曲線調(diào)整層,圖層混合模式改為 “疊加”,將曲線層調(diào)暗,觀察黑白對(duì)比


人物面部高光壓暗方法:

A.? 按下 Ctrl+Alt+2,將高光區(qū)域做出選區(qū)

B.?新建曲線調(diào)整層,將曲線層調(diào)暗

C. 在曲線層上按 Ctrl+G 建組,給該組添加蒙版

D. 用畫筆工具在蒙版上將不需要壓暗的部分涂抹出來


PS黑色圖層蒙版和白色圖層蒙版的區(qū)別:

白色蒙版將蒙版所在圖層完全顯示,和沒添加一樣,用黑色畫筆工具在蒙版上涂抹,可遮蓋圖層內(nèi)容;

黑色蒙版將蒙版所在圖層完全遮住不顯示,用白色畫筆工具在蒙版上涂抹,可顯示圖層內(nèi)容;


女包去水印:

1. Ctrl+J 復(fù)制圖層

2. 找出與水印所處背景相似的周圍圖案,進(jìn)行覆蓋

3. 建立曲線調(diào)整層,剪切蒙版,調(diào)整圖案顏色使其和周圍融合


化妝品塑料瓶子修圖:

1. 若物體有略微傾斜,可用標(biāo)尺工具拉直

2. 拆分區(qū)塊:瓶身,瓶蓋,金屬環(huán)

? ? 方法:做出選區(qū),Ctrl+Shift+J 剪切圖層

3. 修瓶身:用鋼筆工具繪制高光(在瓶身的左,右,上 三個(gè)方向)—— 剪切蒙版,每個(gè)光源復(fù)制一層 —— 對(duì)第二層光源做動(dòng)感模糊(左右的光源:0度水平方向;上部的光源:90度垂直方向),對(duì)第一層光源做高斯模糊,適當(dāng)調(diào)節(jié)光源的透明度

4. 強(qiáng)化文字效果:用銳化工具進(jìn)行涂抹

5. 補(bǔ)充:PS鎖定透明像素功能:點(diǎn)擊鎖定透明像素后,對(duì)圖層進(jìn)行的操作只對(duì)圖中的物體有效果,對(duì)透明區(qū)域無效

6. 修金屬瓶蓋:鎖定透明像素,用加深減淡工具涂抹出明暗關(guān)系

7. PS蓋印圖層作用:將所有選中的圖層的效果合并到一個(gè)新的圖層上(類似合并圖層),同時(shí)又能保留原來的圖層。選中所需圖層,按下快捷鍵:Ctrl+Alt+E

瓶子倒影做法:蓋印瓶子圖層 ——?Ctrl+T 豎直翻轉(zhuǎn),下移,變形調(diào)整使瓶蓋外輪廓與原瓶蓋對(duì)齊 —— 將蓋印圖層移到其他圖層之下 —— 添加圖層蒙版,利用漸變工具和鋼筆工具,使倒影從上往下逐漸虛化消失

瓶子投影做法:在瓶底做一個(gè)黑色橢圓 ——? 高斯模糊,再微調(diào)位置


雅詩蘭黛玻璃瓶子修圖:

1. 復(fù)制圖層,若瓶子有略微傾斜,可用標(biāo)尺工具拉直

2. 用鋼筆工具將瓶子單獨(dú)摳出來,再拆分區(qū)塊:瓶身,瓶蓋; ?

方法:做出選區(qū),Ctrl+Shift+J 剪切圖層

3. 用修補(bǔ)工具除去瓶身上的文字

4. 用選區(qū)選出瓶身的各個(gè)塊面部分,分別做高斯模糊,使瓶身看起來更平滑

5. 創(chuàng)建兩個(gè)曲線調(diào)整層,一個(gè)提亮,一個(gè)壓暗,配合黑色圖層蒙版,將瓶身下部提亮,上部壓暗

6. 補(bǔ)充高光:路徑面板畫筆工具新建路徑,圖層面板新建圖層描邊路徑

7. 從AI文件當(dāng)中導(dǎo)入logo,在圖層樣式里勾選“顏色疊加”,將顏色調(diào)為白色

8. 調(diào)整瓶身顏色:新建可選顏色調(diào)整層,“顏色”處選擇藍(lán)色,增加下面“青色”數(shù)值

9. 金屬質(zhì)感瓶蓋的修飾:將瓶蓋頂和瓶蓋主體部分拆開 —— 在瓶蓋主體部分畫黑色矩形做水平方向動(dòng)感模糊(左中右共3個(gè))—— 將瓶蓋主體部分做出選區(qū),做高斯模糊 —— 用描邊路徑在底部做一道高光


玻璃小黃瓶修圖

1. 用鋼筆工具摳出瓶子輪廓,再拆分瓶身,瓶?jī)?nèi)蓋,瓶外蓋

2. 在瓶身圖層載入選區(qū),前景色吸取瓶身最亮色,背景色吸取瓶身最暗色,再新建一個(gè)圖層,利用徑向漸變工具自上而下填充該圖層

3. 勾勒瓶身深色外輪廓線:在瓶身圖層載入選區(qū),再新建一個(gè)圖層,編輯-描邊(調(diào)整寬度,顏色,位置選擇“內(nèi)部”),完成后再?gòu)?fù)制一個(gè)描邊圖層備用

4. 體現(xiàn)瓶身外輪廓線的層次感:對(duì)兩個(gè)描邊圖層分別做高斯模糊,下面的圖層模糊值大,上面的圖層模糊值小

5. 做瓶身白色內(nèi)輪廓線:在瓶身圖層載入選區(qū),再新建一個(gè)圖層,選擇-修改-收縮選區(qū),編輯-描邊(調(diào)整寬度,顏色為白色,位置選擇“內(nèi)部”),完成后再?gòu)?fù)制一個(gè)描邊圖層備用

6.?體現(xiàn)瓶身內(nèi)輪廓線的層次感:對(duì)兩個(gè)描邊圖層分別做高斯模糊,下面的圖層模糊值大,上面的圖層模糊值小;利用圖層蒙版去掉瓶底的白色部分

7. 加深瓶身厚度感:在瓶身正中間畫一個(gè)深黃色的矩形,剪切蒙版,用變形工具調(diào)整形狀(上下小,中間胖),高斯模糊,再?gòu)?fù)制一層放上面,將下層混合模式改為“疊加”

8. 加瓶身左右兩側(cè)的白光:畫出一個(gè)白色矩形,根據(jù)瓶身調(diào)整形狀,做高斯模糊,再?gòu)?fù)制一個(gè)放到另一面

9. 做瓶底厚度:用柔邊畫筆工具描邊路徑(取消模擬壓力)畫出瓶底分割線,加動(dòng)感模糊(90度),用選區(qū)去除分割線的下部,使其變得生硬

10. 修飾瓶底光線:建立雙曲線調(diào)整層,加黑色蒙版再用畫筆涂抹,把瓶底中間提亮兩邊壓暗

11. 做瓶頸處高光:畫筆工具描邊路徑,高斯模糊

12. 加瓶身左右的高光:畫一個(gè)白色矩形,調(diào)整形狀,做剪切蒙版,加圖層蒙版在上面做多次線性漸變(注:選擇從黑色到透明的漸變,不要選擇黑白的那種),完成后復(fù)制一個(gè)相同的圖層放對(duì)面

13. 瓶?jī)?nèi)蓋金屬光澤:中間畫黑色矩形,剪切蒙版,動(dòng)感模糊(角度0度);兩邊做出弧形選區(qū),填充黑色,剪切蒙版,動(dòng)感模糊(角度0度)

14. 做瓶?jī)?nèi)蓋底部錯(cuò)位的光線:在原圖上做出選區(qū),Ctrl+Shift+J 剪切圖層,向左移動(dòng),微調(diào)透視

15. 畫出瓶外蓋,加背景顏色,做出投影

16. 可加曲線調(diào)整層調(diào)節(jié)整體明暗關(guān)系


補(bǔ)充:PS快捷鍵:Ctrl+Shift+U 去色處理


產(chǎn)品修圖總結(jié):

1. 分析產(chǎn)品用途,運(yùn)用環(huán)境,拍攝的光源,角度

2. 形體調(diào)整:整體調(diào)整,局部調(diào)整

3. 產(chǎn)品結(jié)構(gòu)拆分:根據(jù)物理分界來分開

4. 修瑕疵,使之變得干凈,規(guī)整

5. 調(diào)整顏色,質(zhì)感,光源

6. 整體微調(diào)


第六周第一天


字族

1. 有襯線字體:宋體,仿宋,Times羅馬體

2. 無襯線字體:微軟雅黑,黑體,Arial, SansSerif

3. 書寫體字族

4. 古字腕字族

5. 點(diǎn)陣字體

字體四要素 ??

1. 空間結(jié)構(gòu)統(tǒng)一

2. 風(fēng)格統(tǒng)一

3. 筆畫統(tǒng)一

4. 方向統(tǒng)一


補(bǔ):PS再次變換功能:

1.?選擇需要變換的圖層(圖層1),Ctrl+J 復(fù)制一層(圖層 1 副本)

2.?選擇“圖層 1 副本”,按Ctrl+T , 進(jìn)行移動(dòng),旋轉(zhuǎn)等操作

3.?再按Ctrl+Shift+Alt+T就可以再次變換

注:也可以直接選擇圖層1,按Ctrl+T , 進(jìn)行移動(dòng),旋轉(zhuǎn)等操作,再按Ctrl+Shift+Alt+T


PS 將所有選中的圖層合為一組:按快捷鍵Ctrl+G,就可以把所有選中的圖層都放進(jìn)新建的組里面


矩形造字:

1. 選中字庫(kù)里的文字作為參考標(biāo)準(zhǔn),降低透明度

2. 畫好規(guī)范框,統(tǒng)一文字大小(物理大小)

3. 構(gòu)建筆畫,根據(jù)字體形狀結(jié)構(gòu)進(jìn)行拼接 (筆畫要保持統(tǒng)一)

注意:A. 針對(duì)筆畫較多的文字(全包圍,半包圍結(jié)構(gòu)的文字),可以適當(dāng)調(diào)細(xì)內(nèi)部筆畫

B. 筆畫較少的文字,可以適當(dāng)加粗筆畫

4. 文字局部調(diào)整,保持視覺上的大小統(tǒng)一

5. 變形處理: 配上裝飾線,英文修飾;做壓縮,拉伸,斜切等變形(形變程度控制在1/5 )


技法:

A. 斷開法:在十字交接處,視覺擁擠的地方斷開 (斷開 1-2 處即可)

B. 邊角修飾法:例如在邊角處倒圓角


中文字體生成網(wǎng)站:在線書法大師


中國(guó)風(fēng)字體排列特點(diǎn):

1. 排版比較隨意,大小位置不固定

2. 布局中間緊四周松

3. 可添加英文或拼音作修飾

4. 可添加中國(guó)風(fēng)元素作點(diǎn)綴:印章,祥云,水墨山水,梅蘭竹菊等

設(shè)計(jì)步驟:

1. 選擇基本字形(利用在線書法大師生成)

2. 對(duì)文字大小位置進(jìn)行排版

3. 適當(dāng)添加裝飾輔助性元素

4. 改變字體筆畫


選中需要合并的幾個(gè)圖層,轉(zhuǎn)變成智能對(duì)象,雙擊智能對(duì)象圖層,點(diǎn)擊“確定”,就可以進(jìn)入一個(gè)獨(dú)立的編輯文檔,對(duì)之前幾個(gè)圖層進(jìn)行編輯,編輯完成后點(diǎn)擊保存


做文字立體厚度感:

法一:

1. 柵格化文字圖層或者轉(zhuǎn)化成智能對(duì)象

2. 復(fù)制一個(gè)該圖層,把原圖層放在最上面

3. 將復(fù)制圖層再?gòu)?fù)制一次,下移一個(gè)像素,多次重復(fù)該操作

4. 將所有復(fù)制的圖層合并或者轉(zhuǎn)化成智能對(duì)象

5. 點(diǎn)擊右鍵,“混合選項(xiàng)”,圖層樣式中勾上“顏色疊加”,選擇一個(gè)合適的顏色

法二:

在原圖層的圖層樣式中勾上“投影”,再進(jìn)行調(diào)節(jié)

給文字立體厚度加光感:

1. 新建空白圖層,用白色畫筆工具在圖層上沿著文字邊緣涂抹,圖層混合模式改為疊加

2. 向下做剪切蒙版(注:如果下面圖層帶有圖層樣式,需先將其轉(zhuǎn)化成智能對(duì)象)


英文可愛風(fēng)字體設(shè)計(jì) ??

1. 選擇字體:華康娃娃體

2. 做字體底紋: 復(fù)制字體圖層,添加圖層樣式中的“描邊”,然后轉(zhuǎn)換成智能對(duì)象,并對(duì)空白部分進(jìn)行填補(bǔ)

3. 將文字沿著特定路徑排列:載入文字背景的選區(qū) —— 選擇路徑面板,將選區(qū)生成工作路徑 —— 點(diǎn)擊文字工具,建立文字路徑并輸入文字內(nèi)容 —— 可用路徑/直接選擇工具調(diào)整文字起始位置

字體的組合

1. 文字大小對(duì)比

2. 粗細(xì)對(duì)比

3. 字族對(duì)比

4. 顏色對(duì)比

5. 中英文混排

6. 點(diǎn)線面的裝飾

7. 綜合對(duì)比


淘寶Banner 制作

Banner 制作目的:吸引用戶流量(引流),吸引用戶點(diǎn)擊

淘寶最重要的兩個(gè)“率”:

1. 點(diǎn)擊率:用戶對(duì)你店鋪的第一印象 —— Banner的設(shè)計(jì)

2. 轉(zhuǎn)化率:產(chǎn)品,描述頁,客服等

淘寶設(shè)計(jì)的兩大特點(diǎn):

1. 時(shí)間段:產(chǎn)品以快消品為主,一般一個(gè)Banner的設(shè)計(jì)不超過兩小時(shí)

2. 更新快:一般每周都會(huì)上新品,活動(dòng)期間更新速度更快

(營(yíng)銷:老用戶會(huì)更在意新品推出的速度而不是折扣活動(dòng),新用戶更在意價(jià)錢折扣)

設(shè)計(jì)內(nèi)容需做到主題明確簡(jiǎn)煉,突出重點(diǎn)文字:

1. 標(biāo)題簡(jiǎn)明易懂

2. 文案描述清晰簡(jiǎn)潔

3. banner, logo 等里面使用的字體必須是免費(fèi)商用字體(不可使用微軟雅黑等付費(fèi)字體),或者在付費(fèi)字體基礎(chǔ)上自己改動(dòng)造字

4. 文字排版符合用戶閱讀習(xí)慣 :視線從左到右,從上到下

5.?慎用文字描邊,有可能拉低設(shè)計(jì)檔次

6. 圖上放置的產(chǎn)品數(shù)量不宜過多

7. 圖片上人物素材盡量以真人為主,還應(yīng)注意人物視線有引導(dǎo)作用

8. 設(shè)計(jì)風(fēng)格需保持統(tǒng)一,Banner 設(shè)計(jì)要和推廣的主題或產(chǎn)品保持一致

注意:由于用戶瀏覽淘寶的速度非常快,有時(shí)太新奇太另類的設(shè)計(jì)并不能在極短時(shí)間內(nèi)向用戶清晰地表達(dá)意圖。


Banner 設(shè)計(jì)風(fēng)格

1. 時(shí)尚風(fēng),潮流感(多用于服飾等):大標(biāo)題,雜志式排版

2. 復(fù)古中國(guó)風(fēng)(多和傳統(tǒng)節(jié)日相關(guān)):傳統(tǒng)中國(guó)元素,復(fù)古字體

3. 清新風(fēng)格(多適用于年輕女孩):明快的色調(diào),清爽自然

4. 極簡(jiǎn)風(fēng)格(多用于高檔產(chǎn)品):大空間,黑白灰為主色調(diào),沒有過多修飾

Banner 設(shè)計(jì)的幾個(gè)原則:

1. 對(duì)齊原則

2. 聚攏原則:將頁面分成幾個(gè)區(qū)域,相關(guān)內(nèi)容都聚在同一個(gè)區(qū)域

3. 留白原則:適當(dāng)留出空間,減少壓迫感,突出重點(diǎn)

4. 對(duì)比原則:增大不同元素間的視覺差異,突出視覺重點(diǎn),讓顧客能一眼看到主要信息

5. 配色原則:是否符合主題,是否能夠表達(dá)情感,是否符合產(chǎn)品自身特點(diǎn)

淘寶Banner的一般尺寸:寬度1920,高度不超過800

設(shè)計(jì)范例:天貓初語旗艦店

化妝品金屬玻璃瓶Banner ? ?

1. 將產(chǎn)品摳圖放入背景之中

2. 新建圖層,用通道摳出背景的水珠,將產(chǎn)品放于水珠中間

3. 對(duì)水珠圖層做正片疊底(這樣可以去除白色底紋),建立圖層蒙版,擦除多余部分

4. 分別給背景圖層和水珠圖層建立色相飽和度調(diào)整層,將水調(diào)成和產(chǎn)品類似的顏色

4. 文字排版:提煉文案,突出重點(diǎn)字

? ? ? ? ? ? ? ? ? ? ? 選擇符合畫面風(fēng)格的字體

? ? ? ? ? ? ? ? ? ? ? Banner字體一般用“銳利”或“平滑”

? ? ? ? ? ? ? ? ? ? ? 確定排版方式

5. 文字布局設(shè)計(jì)原則:

? ? ? ? ? ? ? ? ? ? ? 傳達(dá)優(yōu)先原則(最重要信息應(yīng)該最醒目)

? ? ? ? ? ? ? ? ? ? ? 畫面的穩(wěn)定平衡原則(強(qiáng)點(diǎn),次強(qiáng)點(diǎn))

? ? ? ? ? ? ? ? ? ? ? 視覺均衡原則


化妝瓶Banner設(shè)計(jì)02

1. 背景制作

? ? A. 將農(nóng)場(chǎng)背景圖片拖到圖層中

? ? B. 選擇畫筆工具,安裝筆刷

? ? C. 新建空白圖層,用筆刷涂抹出需要的形狀

? ? D. 把農(nóng)場(chǎng)圖片在筆刷圖層做剪切蒙版

? ? E. 在筆刷圖層新建圖層蒙版,做黑色透明漸變

2. 拖入產(chǎn)品圖片,按近大遠(yuǎn)小,近實(shí)遠(yuǎn)虛的規(guī)律排列

? ? 產(chǎn)品虛化處理:將產(chǎn)品圖片轉(zhuǎn)化成智能對(duì)象,添加高斯模糊,會(huì)在圖片層自動(dòng)生成智能濾鏡 ? ? ? 蒙版,用黑色畫筆在蒙版內(nèi)將瓶子中間清晰部分擦出

3. 打造鏡頭光暈效果

新建空白圖層 — 填充黑色 — 濾鏡,渲染,鏡頭光暈 — 將圖層混合模式改為濾色

4. 破型設(shè)計(jì):打破規(guī)整的圖案形狀,使畫面更活潑

5. 飛舞花瓣裝飾元素的添加:新建色相飽和度調(diào)整層,勾上“著色”,調(diào)整花瓣顏色 — 做動(dòng)感模糊(注意方向角度)


第六周第四天筆記

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容