PS基本功

08-03

基本功一定要熟練!!! 我們會一一學習!

[摳圖鋼筆調色合成技法字體設計字體排版構圖配色光感質感透視點線面運用]

資深設計師每日必上的網址:

超贊配色網址http://design-seeds.com/index.php/search

http://www.templatemonster.com/

http://www.uehtml.com/

設計一站通http://sjyzt.cn/資源齊全!

PS教程www.68ps.com學習

UI圖標教程www.uimaker.com設計師必上的網站 ui中國http://www.ui.cn http://www.xueui.cn/

站酷www.zcool.com.cn學習,素材

學UI網http://www.xueui.cn/很有含金量,價值,圖標,APP界面,設計理論很多!

站酷頂尖教程!!!

http://imart.zcool.com.cn/ http://artman.zcool.com.cn/ http://www.zcool.com.cn/u/515266

http://www.zcool.com.cn/u/1677671

設計師聯盟www.68design.net給你靈感的地方,素材

花瓣網www.huaban.com給你靈感的地方 http://huaban.com/r7nhx8bkhvu/ http://huaban.com/designerclub/

設計師網址www.uisdc.com需要設計師導航站

酷站收錄http://www.uehtml.com/

素材下載網址:http://www.nipic.com/昵圖網花錢

http://www.58pic.com/千圖網免費素材

http://www.zcool.com.cn/gfxs/ 站酷網

http://www.bootcss.com/p/font-awesome/

http://quanjing.com 全景網

http://www.gettyimages.cn/ 華蓋網

免費獲取圖標矢量

學員UI作品欣賞

http://my.68design.net/151770

http://ttttttang.lofter.com/

快捷鍵:

工作講究效率: 自定義快捷鍵

編輯---->鍵盤快捷鍵--->自定義快捷鍵

圖層F7

標尺ctrl+R

參考線顯示/隱藏ctrl+;分號

顯示/隱藏ctrl+H 隱藏所有不推薦

吸管工具I

油漆桶/漸變G

圖像大小ctrl+alt+i

畫布大小ctrl+alt+c

填充shfit+F5 填充圖案

反向ctrl+I黑色反向白色

反選ctrl+shift+I選區,反選你這個選區

自由變換ctrl+T

複製/剪切/粘貼ctrl+C ctrl+x ctrl+v原位置粘貼 ctrl+shift+v

畫筆B

學習步驟:

臨摹 -----> 借鑒 ------> 微原創

PS技法:

1.放射狀效果

2.絲帶效果實用

1.使用鋼筆描出絲帶的形狀

2.畫筆參數半徑3px 4px 硬度0%F5快捷鍵形狀動態控制鋼筆壓力[注意這裡的控制鋼筆壓力在大小抖動下面]下面最小直徑選擇0%大小抖動,角度抖動,圓度抖動參數設置為0%, 最小圓度設置為關閉

3.在路徑面板-----描邊路徑---選擇畫筆工具-----模擬壓力勾上

3.如何畫虛線?

使用文字工具宋體 10px 無方向鍵左右鍵調節字元間距打-號

4.簡單的星星筆刷如何實現呢?

使用圓形柔性畫筆繪製, 通過變形工具 ,合併 , 創建選區 ,一定要將當前的圖層給隱藏,下方圖層可以不隱藏編輯---定義畫筆預設

5.網格圖案如何定義?

1.新建14*14像素圖片

2.放大到3200%

3.水平畫一個1px直線垂直畫一條

4.合併圖層,保存為圖案

6.立體字如何製作?

複製當前文字圖層,移動到下方,創建選區,按住alt鍵,結合方向鍵

7.刀刻線

利用鉛筆繪製兩根線條黑色,白色修改疊加

設計需要靈感,靈感來源於借鑒

臨摹要求:模仿相似度 100% , 如果您能達到,那就也是一種設計境界! 寧缺毋濫寧可以做一個100分作品,都不要做3個50分作品

為什麼要一模一樣呢?

跟我們後面設計課學習非常有關聯, 出去工作千萬不要做50%,千萬不要混日子, 那種人不上不下 , 出去上班很痛苦

以後的設計課的重點就是五個方面學習!

顏色顏色是調出來了,PS裡面的圖像調整相當於化妝!

素材高清,足夠大!

細節各種細節風格,字體排版,透視[等15個細節]

光感炫酷

質感非常真實!

photoshop是什麼,能幹什麼,為什麼要重點學習這個?

http://jingyan.baidu.com/article/7c6fb4285ac61280642c90a8.html

ps是頂級化妝品,ps是平面設計必備工具,ps是網頁設計必備工具,ps是UI設計必備的工具,ps不緊可以做點陣圖,也可以做矢量圖,ps在室內設計必備工具

ps是老大級別

學我們這個網頁設計課程不僅僅學的是網頁設計,出去上班可以勝任平面設計 UI設計網頁設計花一樣錢學三樣! 其實設計不分家,因為設計都需要PS,而且設計都需要學設計課!

PS在生活中無處不在!

點陣圖和矢量圖區別?

矢量圖放大之後不失真

點陣圖放大之後有鋸齒感

格式

點陣圖jpgjpeg png gif

矢量ai eps flacdr 矢量工具組 illustrator編組:ctrl+G 取消編組: ctrl+shift+G

PS格式psd分層圖

點陣圖如何縮小再放大不失真? 智能對象

PS和 AI Fireworks 區別?

都是Adobe公司的

fireworks 點陣圖工具

AI 排版,矢量素材

ps既能操作點陣圖,也能做矢量圖,PS是設計界的霸主!

PS界面:

菜單欄

工具欄

選項欄

面板

操作區域

狀態欄

如何學習一門新的軟體

先選擇,再操作

滑鼠右鍵是萬能鍵

我們學習一個軟體[軟體都很簡單],都很多相通的思路, 重點給大家分析 PS菜單欄

注意:PS裡面所有的快捷鍵必須是半形的英文狀態!

文件操作

文件打開ctrl+o灰色界面中雙擊打開

文件保存ctrl+s做作品一定做兩步保存一下,好習慣

另存為ctrl+shift+s

文件關閉 ctrl+w

文件新建ctrl+N

撤銷

撤銷一步: ctrl+z

[重點]撤銷多步: ctrl+alt+z不太好, 跟 QQ消息衝突 QQ面板設置-----熱鍵設置修改一下 shift+z

前進 ctrl+shift+z前進快捷鍵

注意:

1.拖素材的時候最好拖到新的文件窗口,然後在拖動到目標窗口, 否則直接置入會變成智能對象多按住shift鍵拖動的素材會自動排列在目標畫布的中間

2.智能對象的圖片連續放大縮小不失真

文件新建基本參數:

解析度: 圖片清晰度網頁解析度72 平面,宣傳單,海報 300解析度 [越大,解析度越小]名片 350解析度

顏色模式 : RGB模式,顯示器的顏色 CMYK模式青品黃黑列印的顏色

8位通道: 2^8 = 256個顏色 16位 2^16 2^32 通道位數越大,包含的顏色信息越多,放大越清楚

PS工具

參考線

智能參考線一定要勾上

如何將參考線新建50%?

方法:視圖-->新建參考線

移動工具V

移動工具裡面選項欄

自動選擇很實用

自動居中效果很實用

ctrl鍵+滑鼠左鍵拖動非常方便非常安全不會影響到其他圖層,特別是移動組的時候

shift鍵 + 滑鼠左鍵拖動水平對齊垂直對齊

ctrl鍵+alt鍵+ 滑鼠左鍵拖動複製圖層最好配合ctrl鍵如果再想對齊ctrl+alt+shift

其餘工具組

全屏模式 F

Tab鍵隱藏工具欄和面板

shift+tab 隱藏面板

快速蒙版Q 注意: 如果開啟快速蒙版,顏色是灰色

抓手工具H鍵空格鍵[推薦]

放大/縮小非常實用

1.ctrl+ +號放大 ctrl+- 縮小 ctrl+0 自適應 ctrl+alt+0 100%顯示[自定義快捷鍵]

2.縮放工具 z按住z鍵+ 按住滑鼠左鍵＋　滑鼠拖動[往上拖動放大,往下拖動縮小]

3.雙擊縮放工具 100%顯示

4.任何情況下,按住ALT鍵+滑鼠滾輪縮放[推薦]

前景色和後景色切換 X

重置前景色和後景色 D

前景色填充ALT+DELETEdelete

後景色填充CTRL+DELETE

注意:

1.鎖定透明像素填充顏色, 邊緣不會產生虛邊這個虛邊就是選區的描邊推薦使用鎖定透明像素填充顏色可以使用繪製圓形選區反覆多填充幾種顏色,最後一次填充白色,然後刪除就可以看到虛邊

2.想用PS快捷鍵需要注意輸入法

1.輸入法必須是英文

2.輸入法必須是半形

選區[先鼠後鍵]

選區是我們學好PS的根基

取消選區 ctrl+D

ctrl+單擊圖層顯示圖層選區

注意:選區移動的話，必須選擇選區工具組，而且選區運算模式為新選區

基本選區Mshift+M切換同一組工具

橢圓

矩形

單行選區 1px直線

注意:

1.shift鍵+橢圓等比例

2.alt鍵 + 橢圓以中心點畫圓

3.選區選項欄上面的消除鋸齒需要勾選,這樣繪製的形狀不會有鋸齒,圓形的時候

注意:

1.先鼠後鍵

2.選區如何移動

選區正在操作的時候按住空格鍵移動

選區成功之後, 選擇選區工具,選項欄是新選區可以使用滑鼠移動還可以通過方向鍵微調

3.方向鍵

shift+方向鍵移動10像素

方向鍵移動1像素

4.如何變換選區?

選區工具下,右擊變換選區

5.大寫字母開關開著, 吸管有問題,畫筆有問題

選區運算?

選區相加

選區相減

選區相交

注意:

1.加運算 shift鍵

2.減運算alt鍵

3.選區右擊可以實現選區描邊

4.選區繪製後可以自動獲取到中心點[輔助線]

5.選區可以變換選區工具下右擊變換選區

６操作選區的時候,按住空格鍵可以移動選區

7.反選: ctrl+shift+i反選

羽化: 邊緣虛化,合成很實用

羽化: 讓形狀邊緣虛化,更容易實現合成

shift+F6

選區和圖層如何運算?

相加ctrl+shift+單擊圖層

相減 ctrl+alt+單擊圖層

相交ctrl+shift+alt鍵+單擊圖層

不規則選區L

自由套索隨意,不重要的素材速度很快

直線套索邊緣是直線型的

磁性套索邊緣和背景顏色有區別,輪廓線清晰的時候

知識點:

1. delete/backspace鍵刪除一個錨點

2. esc 鍵退出

3. 雙擊起點和終點閉合

4.不規則選區也支持四種選區運算

5.自由套索和直線套索進行互換按住alt鍵不放,拖動滑鼠

6.直線套索可以表現動感,張揚,活力的感覺這種構圖方式很流行[動感風格]

魔棒

背景顏色跟所選擇的形狀顏色相差比較大,背景顏色是純色

容差: 容忍差距的能力64 32 20

快速選擇工具

一定要先選中操作選區的圖層!!!!

特別適合邊緣清晰的圖片

非常常見,非常實用,非常方便,非常強大! 可以代替磁性套索

適合邊緣清晰,跟背景顏色分離一點

注意參數,不然選擇的範圍會不準確!

畫筆硬度0%,間距25%

畫筆半徑越小,越精確

摳圖高級技法: 如果你想讓你的圖片摳的更乾淨, 一定要進行最後一步調整邊緣操作

調整邊緣: 摳圖高級技法具備很高的含金量!錦上添花

去除毛邊

注意裡面的參數

輸出選擇新建帶有圖層蒙版的圖層

色彩範圍

非常適合選擇一組顏色相近的形狀區域, 頭髮絲摳圖神器!

顏色容差右邊定場[黑色場]讓選擇範圍更精確! +的吸管直接點擊色彩範圍面板頭髮絲

矢量工具組矢量圖- 基礎課

1.鋼筆P 最難的工具,最重要的工具

作用: 非常實用做矢量圖, LOGO, 圖標, 網頁設計, 按鈕 , 不規則形狀摳圖

backspace/delete 撤銷一步ctrl+alt+z 也可以

esc完全撤銷

ctrl+enter 路徑轉選區推薦:創建路徑後,使用填充純色圖層變成了一個矢量圖層選區轉路徑

按住shift鍵直線效果

實戰一顆牙齒效果

重點:

移動錨點 ctrl鍵相當於路徑選擇工具

移動操作桿 alt鍵其實就是操作轉換點 ,選擇鋼筆工具

ctrl鍵+移動到兩個錨點之間的線段可以拖動線段

兩個線段之間直接點擊就會出現增加一個錨點

單擊錨點,直接刪除

按住alt鍵+單擊錨點刪除一端的操作桿

轉換點工具直接拖拽錨點就會重新出現操作桿

ctrl+單擊錨點出現操作桿

ctrl+T 自由變換

鋼筆裡面的路徑的運算選項,剛開始一定要選擇合併形狀

路徑屬性面板想要出現的話需要選擇路徑選擇工具,然後點擊某一個圖層裡面的路徑, 出現路徑才可以顯示路徑屬性

複製路徑---最佳方案: 拖動路徑圖層到新建圖層按鈕

給當前路徑填充顏色方法是: 新建純色填充圖層好處:該圖層是路徑

路徑選擇工具 A

全部選擇黑色實心A

局部選擇灰色實心A框選

shift鍵+ 灰色實心A 連續多個選擇

shift鍵+方向鍵移動10px 普通方向鍵移動1px

鋼筆路徑選項欄

自定義形狀選項欄

注意: 齒輪選項裡面有一個從中心選框需要注意

自定義形狀操作的剛開始不要單擊, 直接單擊+拖動

路徑如何保存?

實戰:二維碼實用

1.打開圖片, 使用色彩範圍

2.ctrl+單擊圖層出現選區

3.選擇選區工具右擊建立工作路徑

4.編輯,定義自定義形狀

實戰絲帶效果

路徑如何導出編輯預設管理器

知識點:

1. 形狀和路徑不一樣

2.推薦使用矢量工具組完成PS任何效果圖的製作

3.可以選擇多個,幾個錨點使用變形工具

2.路徑基本運算類似選區運算

注意:

1.路徑運算的路徑需要在一個圖層

2.點擊上面那個路徑選擇減去,相交即可不能上下兩個路徑一起選中的

3.複製路徑在路徑面板右擊複製不能複製的話把路徑拖動到新建按鈕上

4.矢量素材學會下載 AI軟體講解

矢量素材非常好用! 放大不失真!

技巧:矢量素材拖到AI,CDR

講解下AI軟體

編組ctrl+G類似PS裡面的圖層組合

取消編組 ctrl+shift+G

轉格式為png , png支持透明

支持格式: AIcdr

色彩範圍

非常適合選擇一組顏色相近的形狀區域, 頭髮絲摳圖神器!

顏色容差右邊定場[黑色場]讓選擇範圍更精確! +的吸管直接點擊頭髮絲

漸變工具G

1.空白處單擊增加色標

2.色標拽走即刪除

3.上面色標是不透明度

4.漸變分為

線性漸變

徑向漸變

角度漸變圓盤

對稱漸變

菱形漸變

按住shift鍵直線漸變

注意: 漸變指的是同色系的漸變!

自由變換變形ctrl+T

shift鍵等比例縮放 alt鍵中心點縮放

滑鼠移動到四個拐點

變形:

旋轉

縮放倒影效果,菱形

扭曲ctrl鍵給文字做倒影效果,透視

斜切ctrl+shift平行四邊形,結合案例

透視ctrl+shift+alt梯形三角形燈光筆刷

變形非常實用做合成容器下方投影的凸凹效果[高斯模糊值為2合適]

ctrl+shift+alt+T 實用

作用:記憶上次變形操作,而且可以不斷複製圖層

注意: 一定要先複製當前圖層再按住ctrl+T 之後再移動旋轉縮放 , 圖層不要用智能對象

ctrl+enter 是確認操作

操控變形:做合成會用到

右擊添加圖釘,右擊刪除圖釘

按住alt旋轉圖釘

按住ctrl鍵拖動圖釘

必須要兩個錨點以上才可以操作

蘋果ipad傾斜放置作品-68design作品展示技法-裝逼技法 ctrl鍵透視

知識點:

1.知道旋轉中心點在哪裡?

2.按住shift鍵每次旋轉15度

3. 投影的製作方法變形--垂直翻轉--蒙版--黑白漸變

4.對多個圖層同時縮放

臨摹有難度,上檔次的UI圖標

UI圖標教程www.68ps.com簡單

UI圖標教程www.uimaker.com非常好

UI圖標教程www.ui.cn設計師必上的網站

站酷www.zcool.com.cn學習,素材

類似:

http://www.zcool.com.cn/article/ZNjc5NjQ=.html保衛蘿蔔UI解析第二彈

http://www.zcool.com.cn/article/ZNjY5NjA=.html保衛蘿蔔UI界面解析

http://www.ui.cn/project.php?id=1550湯圓教程

http://www.ui.cn/project.php?id=3834番茄小教程

文字工具 T

字體如何安裝c:/windows/fonts重啟PS

設計的字體選擇經驗總結[商業字體,方正字體中山行書,方正蘭亭粗潭黑適合價格,方正正中黑字體做標題不錯,百度綜藝簡體做標題不錯,Georgia,impact,Arial[小字型大小合適],NEWCENT[須傾斜效果]英文字體不錯方正行楷,葉友毛根字體中國風不錯, 方正少兒字體適合卡通字體推薦: 微軟雅黑細體,方正蘭亭超細黑簡體適合黑色] 宋體適合小字型大小

求字體網上傳的圖片只需要包含一個文字,背景盡量單一http://www.qiuziti.com/

font-awesome 非常強大的圖標字體 !也可以通過代碼實現圖標!

設計師的助手和福音 , 媽媽再也不用擔心我的圖標了! 選項選擇銳利

font-awesome圖標字體查詢網址:http://www.bootcss.com/p/font-awesome/design.html

字體圖標: http://www.iconfont.cn/

圖標網站: http://www.easyicon.net

書法字體: http://shufami.com

文字分類:

點文本適合標題,少量文字

段落文本適合文字多,簡介選擇文本工具,拖動滑鼠,繪製區域選中文字工具,拖動

點文本和段落文本可以互換的

字體操作:

編輯雙擊文字圖層

確認ctrl+enter

全選雙擊就是全選 ctrl+A

ALT+方向鍵左右改變字元間距ALT+方向鍵上下改變行間距

顏色填充支持 alt+delete 快捷鍵而且自定義形狀也支持alt+delete

字體選項:

1.字體字體大小字體選項

低級錯誤!!! 字體選項很重要, 如果不注意,那麼很容易造成字體模糊, 設計出來的作品肯定很失敗

一定要讓字體很清晰

windows LCD, windows 兩種格式都還不錯比較推薦

做網頁設計兩種字體經常用到微軟雅黑宋體

win7 CC 版本選項全部選擇windows LCD格式!

XP 系統宋體選擇無,12PX[僅僅],宋體超過16px需要選銳利其餘字體選擇銳利!

宋體推薦無或者windows LCD 12px不需要加粗或者14px 只有宋體的12,14大小的時候才有無! 其餘字體選項建議全部選擇 windows LCD! 沒有這個格式只能選擇銳利

微軟雅黑推薦windows LCD選項一定要清晰

其他字體一般選擇 windows LCD,windows 銳利一定要清晰

記住: 宋體選項使用無,其餘字體使用 windows LCD,如果真記不住的話,統一全部使用windows LCD

字體三種位置居左居中居右很實用!

字體變形: 選擇字體選項裡面有扇形通過鋼筆工具繪製不規則路徑,使用字體沿著路徑

文字支持鋼筆路徑

字體選項F6

字體局部變形非常實用海報,banner設計經常用到!

類型---轉換為形狀---鋼筆錨點操作

立體字的製作方法海報中立體字可以這樣做

複製當前文字圖層,移動到下方,柵格化,創建選區,選擇移動工具,按住alt鍵,結合方向鍵

如何製作虛線

線虛線(-號)和點(.號)虛線使用文字工具 alt+左右鍵宋體大小9, 選項無

或者利用自定義形狀裡面的圓形 ,直線工具的描邊功能實現!

如何做刀刻線

如何製作弧線

文字擦除畫筆,硬度100%,筆頭24

展台效果

知識點:

1.網頁內容的寬度 960 980畫布大小1280 1440 1600 1920寬度

2.網頁字體大字體 14px 小字體 12px 普通文字顏色:#777

3.字體是矢量圖有些操作需要柵格化

4.網頁,banner,UI圖標解析度一定要選擇72

5.字元選項裡面垂直縮放和水平縮放兩個值都是100%,不然文字就非常的模糊!

6.段落文字如果想兩端對齊使用文欄位落面板選擇第四個最後一行左對齊

7.字體不要隨意的ctrl+T縮放

8.字體顏色修改可以直接通過工具欄裡面的顏色面板設置好,alt+delete填充

9.文字不需要加粗,右擊文字仿粗體加粗很難看

10.宋體一般超過14字型大小就不好看

繪畫與修飾工具組就是PS的一大亮點,PS可以是將非常不起眼的素材化腐朽為神奇!

污點修復畫筆工具 J

注意:

1.原則: 不去破壞原始圖層信息, 容易恢復

2.模式一定要去選擇模式為替換選項

非常適合去除水印!

修復畫筆工具 J

畫筆硬度設置成0%

按住alt鍵定義畫筆源

直接單擊,不用滑鼠拖拽

實戰: 人像修圖

1.修復畫筆工具[畫筆筆頭柔性]祛痘

2.把祛痘的圖層和下方人像圖層合併

3.創建一個需要高斯模糊的選區,然後羽化[羽化半徑調大]

4.然後高斯模糊

5.給紅紅的區域創建選區,羽化

6.色相飽和度[ctrl+U]調顏色選擇紅通道

7.濾鏡---銳化--USM銳化[調整半徑]

攝影后期處理教程:

中性灰磨皮修圖技法

http://academy.fengniao.com/slide/327/3271784_1.html#p=1

http://68ps.com/jc/big_ps_tp.asp?id=22081

http://68ps.com/jc/big_ps_tp.asp?id=17999

修補工具選項選擇內容識別效果更好

液化濾鏡很實用右側畫筆壓力調成36 向前變形工具

歷史記錄畫筆工具人像美化非常實用!Y

原理:局部恢復步驟:

1.打開圖片

2.選擇濾鏡-->模糊-->高斯模糊[8] 非常實用濾鏡-->像素化-->馬賽克

3.將歷史記錄畫筆源放到高斯模糊這個步驟上去

4.滑鼠再點擊歷史記錄畫筆.jpg這張圖

5.選擇歷史記錄畫筆 ,將不透明度設置成20%,塗抹每塗抹一次,會認為進行高斯模糊操作 [ 高斯模糊作用範圍在畫筆半徑之內]

仿製圖章工具 S合成經常用到!!! 非常強大和實用!!!

非常實用, 去除水印

補完

仿石頭的紋理

按住alt鍵定義畫筆源

在另一個文件也可以使用

畫筆硬度為0

通過選區保護進行仿製 ,這樣會更好!

塗抹設計裡面非常實用可以做合成!類似棉花糖

海綿工具可以作用顏色太鮮艷的圖片,稀釋圖片顏色的類似去色 ctrl+shift+U

加深/減淡/海綿

加深/減淡工具/塗抹設計裡面非常實用更有對比感層次感

1.加深工具用在形狀凹進去

2.減淡工具用在形狀凸起來

橡皮擦: E

普通橡皮擦

魔術橡皮擦魔棒工具+delete = 魔術橡皮擦

背景橡皮擦摳頭髮絲保護前景色,刪除背景色

鎖定四種模式:

1.鎖定透明像素

2.鎖定圖像像素

3.鎖定位置

4.全部鎖定

圖層[提前講解]:

概念: 圖層一張張透明紙,然後依次疊加

顯示/隱藏圖層滑鼠左鍵+拖動小眼睛

新建圖層 ctrl+shift+n

刪除圖層delete

複製圖層圖層+拖動到新建按鈕上 ctrl+J

圖層組合ctrl+G非常實用選中多個圖層,按住這個ctrl+g快捷鍵

合併圖層 ctrl+E選中多個圖層 ctrl+E合併不容易修改

蓋印圖層ctrl+shift+alt+E不會丟失任何細節而且保留了原始圖層

圖層移動實用

下移ctrl+[

上移ctrl+]

下移到最下端ctrl+shift+[

上移到頂層ctrl+shift+]

選中多個圖層:

連續選擇圖層 shift+起始點

逐個選擇 ctrl+圖層

選區和圖層如何運算?

相減 ctrl+alt+圖層

相加ctrl+shift+圖層

相交ctrl+shift+alt鍵+圖層

注意: 圖層不透明度和填充的區別, 這兩個唯一的區別:　填充可以支持圖層樣式，　但是不透明度不支持

填充圖層三種顯示方式: 質感!!!

填充圖層跟我們普通的操作效果一模一樣的!

好處:易於修改

1.純色圖層適合鋼筆繪製的路徑使用,路徑可以保存的

2.漸變圖層

3.圖案圖層

shift+F5 填充快捷鍵

圖案網址 http://hao.uisdc.com/

圖案如何定義呢?

編輯----定義圖案

圖案如何導出呢?

編輯----預設管理器

案例實戰:

1.網格背景效果實戰

1.抽絲效果實戰

shift+F5 也是填充快捷鍵

設計必備的網站 http://hao.uisdc.com/ 裡面很多高清素材,教程,紋理

練習臨摹案例: 登錄界面 Banner數碼產品廣告(高端商業的海報圖) 企業官網專題頁面

圖層混合模式? 光感!!!

概念:上下兩個圖層通過特定的混合模式,顏色計算,得到了新的顏色好處:恢復非常容易

加深模式組去除白色,越來越暗

減淡模式組去除黑色,越來越亮火焰太陽光三原色

顏色模式組

常見模式:

濾色光感

正片疊底使用下方圖層紋理保留

色相緊緊改變顏色,保留紋理

顏色減淡配合漸變映射黑白色,再加一層環境色[淺藍深藍色],混合模式顏色減淡

疊柔配色法通過白色/黑色 + 羽化/高斯模糊 + 疊加/柔光得到新的顏色酷炫網站!! 光感!!!

#fff #000

注意:這裡填充後的圖層需要新建一個組然後才好修改顏色

[底部畫筆高光參數: 畫筆半徑6px,變形,高斯模糊1.5,不透明度]

如果碰到圖案出現索引,如何解決?索引

圖像----模式---修改為RGB模式

畫筆:B

重要,強大合成,蒙版,調色,摳圖,高光

畫筆選項

畫筆半徑畫筆硬度混合模式不透明度流量

筆刷載入和定義

自定義一個星光畫筆, 最後創建選區, 當前圖層隱藏[不隱藏,會出現筆刷不清晰],背景圖層使用黑色

編輯--預設管理器 / 將所有的abr格式的筆刷拖到PS窗口裡面去

筆刷:

http://68ps.com/gongju/

http://sjyzt.cn/

F5參數很強大!!!

半徑變大右中括弧 ]

半徑變小左中括弧 [

半徑變大/半徑變小 alt鍵+ 滑鼠右鍵 + 滑鼠拖動

注意:

1.在英文半形狀態下

2.按住shift鍵是直線

3.不透明度值可以通過快捷鍵修改

數字鍵1代表10%5代表50% 0代表100%

4.英文大寫開關需要關閉

蒙版:合成非常重要

金屬拉絲背景如何製作的,技巧,這裡添加雜色很實用,實現背景磨砂效果不錯的再使用動感模糊後期會講解更多的PS經驗技巧類似:高速公路雜色 13 動感模糊 0 86

在網上隨便找兩張圖片,都可以很好的融合在一起

理解: 類似橡皮擦, 比橡皮擦容易恢復

作用:局部隱藏

效果：局部顯示

好處: 容易恢復,給自己留了後路!

蒙版就是臨時通道,蒙版理解成圖層的不透明度

三種顏色

黑色---- 遮住黑夜

白色---- 顯示白天

灰色 ---- 半透明傍晚[灰色蒙版在做合成建議使用,過渡效果還是不錯的,跟畫筆的不透明度一樣效果]

白色白天看得見

黑色黑夜看不見

選擇柔性畫筆!

蒙版操作:

創建蒙版

普通創建顯示白色

alt+點擊蒙版按鈕顯示黑色

選區狀態下

普通創建選區以內顯示白色,選區以外顯示黑色

alt+點擊蒙版按鈕選區以內顯示黑色,選區以外顯示白色

alt+單擊蒙版顯示黑白區域

shift+單擊蒙版禁用蒙版

鏈接作用蒙版和圖層一起移動

alt+拖動蒙版到可以複製到新的圖層

如果想操作蒙版,一定要選擇圖層後面的蒙版方塊!

右擊可以刪除

ctrl+單擊蒙版白色是選區之內,黑色是選區以外

畫筆柔性的,邊緣盡量離目標圖片遠一點

漸變蒙版非常實用,特別是在合成的時候 , 技巧:黑到白的過渡非常短,效果更好

剪貼蒙版重點

省的摳圖,容易恢復

局部顯示

原理: 上圖下形

根據有無像素控制的

下方圖層有像素顯示

下方圖層沒有像素不顯示

在兩個圖層之間按住 alt鍵單擊滑鼠

剪貼蒙版在圖層顏色調整的時候需要用到!

上面的圖片的活動區域只能在下方的可視區域裡面

只能作用於當前下方圖層

剪貼蒙版和普通蒙版是可以互換的!

快速蒙版Q黑白灰畫筆控制了解

快速蒙版+畫筆 + 選區可以摳圖大部分圖片

畫筆繪製黑色粉紅色選區以外不是粉紅色就是選區以內

使用黑色畫筆,就是粉紅色

使用白色畫筆,清除粉紅色

使用灰色畫筆,就是半透明

文字蒙版--現在都是用剪貼蒙版代替!

文字可以創建出選區

製作海報字體的時候經常用到!

蒙版七大類:

普通蒙版

漸變蒙版

文件夾蒙版

矢量蒙版

快速蒙版Q

剪貼蒙版

文字蒙版

圖層樣式: 非常重要質感

作用: 實現質感效果

學員需要學會自己去收集網頁設計零件,提高工作的設計效率!

常見操作

雙擊圖層出現圖層樣式

按住alt鍵複製圖層樣式

右擊清除圖層樣式

上方圖層剪貼蒙版加了顏色,下方圖層沒有任何反應? 原因:下方圖層有圖層樣式解決:柵格化圖層樣式

混合顏色帶可以現在圖片融合工作中肯定會用到!

alt鍵分離

圖層樣式分類:

外投影內投影滑鼠可以拖動

外發光內發光範圍很有用! 可以實現發光的硬度!

斜面浮雕描邊光澤上一層油漆

各種疊加顏色疊加圖案疊加漸變疊加

注意:

1.投影顏色是環境色吸取背景色, 正片疊底

2.全局光勾上整個文件投影的方向都是一樣

3.等高線非常重要太陽光越高,越明顯越低,越弱大小這個參數必須要配合

4.圖層樣式裡面有很多默認效果,不理想不推薦用默認效果特別是斜面和浮雕

5.圖層樣式權重從上到下依次變小

6.斜面浮雕千萬不要用默認的!

色彩調整相當重要顏色調整, 顏色不是配出來的,是調出來了, 無論做什麼設計,最後一步一定要記得潤色!

喜洋洋總結的終生設計五大原則顏色素材細節光感質感

掌握:校色/調色

顏色的三原色

紅黃藍

顏色組成部分:HSB

色相顏色不同種類

飽和度鮮艷程度拾色器拖動滑鼠水平位置70%以上

明度明暗程度拾色器拖動滑鼠垂直位置70%左右

顏色有情感,顏色冷暖

顏色的組成部分:色相飽和度明度

顏色是有情感的兒童風格,科技風格,清新風格,時尚風格,中國風紅色,藍色冷暖色調定風格

顏色學好,必須要實戰! 必須多看,必須多做練習稿,多總結

顏色學習網站[好]

http://www.peise.net/palette/ 點擊配色方案有文字介紹

http://tool.c7sky.com/webcolor/

https://dribbble.com/colors/0099cc

顏色學習欣賞

http://my.68design.net/search/works?word=&t=&c=&r=4&d=

http://huaban.com/designerclub/

http://web.2008php.com/

https://www.behance.net/search?field=102

https://www.behance.net/rockblue

https://www.behance.net/dangyunfei

http://cwd.68design.net/

企業站臨摹最需要注意的兩個問題: 尺寸,字體,素材清晰度相似度100% 作品上傳68design 臨摹的網頁效果圖必須不能縮放,要很清晰!!! 截圖需要100%截圖, 圖片不要直接拖入到PSD 解析度72 尺寸不能出問題

http://kz.sj5d.com/

http://huaban.com/designfanscn/

http://my.68design.net/search/works?word=&t=&c=11&r=2&d=

banner設計欣賞

http://my.68design.net/search/works?word=&t=&c=13&r=2&d=

http://huaban.com/boards/3198011/

圖像模式:

圖像顏色: RGB顯示器的顏色 + CMYK列印的顏色 = LAB人眼看見的顏色

索引顏色可以使你的文件變小

灰度是RGB轉成雙色調的橋樑

幾位通道 8 16位 32位位數越大,存儲的顏色數量越多

關鍵:色彩調整是你們以後做任何設計最後一步必做的優化工作, 理解成化妝

色彩調整是PS的亮點 AI CR fireworks adobe軟體

平面設計需要用 CMYK 解析度300,單色黑,出血2mm 注意尺寸問題

校色基礎功能只能改變顏色明暗飽和度

亮度/對比度

曲線ctrl+M推薦

增加錨點單擊線段

刪除錨點拖拽錨點

跟我們之前學的等高線一樣

右上方顏色偏亮

左下方顏色偏暗

設計提升課:雙曲線調色

色階ctrl+L 帶走偏色

暗面暗面顏色信息量大,代表顏色偏暗

灰麵灰面顏色信息量大,代表顏色偏灰

亮面亮面顏色信息量大,代表顏色偏亮

如何通過色階將片子調節正常嗎?顏色信息量直方圖

暗面,灰面,亮面三個地方顏色信息量都很平均就可以!

1.手動安全,靠譜

2.自動ctrl+shift+L 自動色階自動對比度自動顏色

調色高級功能可以改變顏色

色相/飽和度 ctrl+U顏色變化差異非常大!

顏色組成部分: 色相飽和度明度

色相/飽和度支持選區的

色相/飽和度結合羽化工具很好用

下方調色==========顏色微調

色彩平衡 ctrl+B

自然飽和度很重要

匹配顏色

顏色的微調非常方便

暗調高光

解決曝光度

去色 ctrl+shift+u

微調顏色的必會的工具!

微調很實用!

色彩平衡 ctrl+B

可選顏色很重要

自然飽和度很重要

照片濾鏡非常實用,可以很方便的調色!畫面有一種顏色的感覺! 顏色減淡(添加)

漸變映射很實用,合成,圖片調色經常用到,通過顏色減淡混合模式營造一種環境色

顏色查找

圖層顏色調整非常有用!

功能跟色彩調整一樣的

好處:

1.易於恢復

2.剪貼,蒙版局部修改顏色

設計裡面最重要的三點

1.顏色

2.素材

3.細節

設計師:

1.背後有一個指點江山的人

2.永遠要給自己留條後路

新手學設計的步驟:

臨摹沒思路,沒審美多看,多臨摹 UI圖標,臨摹,設計細節的提高

要求: 臨摹必須更原作者作品一模一樣! 細心,耐心

借鑒設計需要靈感,靈感來源借鑒多做多練

原創策劃 + 原創

臨摹網頁界面參考網址: 臨摹效果一模一樣,也是一種境界!

花瓣網http://huaban.com/designerclub/

68designhttp://68design.net/招工作推薦這個網站http://my.68design.net/job

站酷網http://zcool.com.cn/

Banner設計參考http://huaban.com/boards/3198011/

Bannerr設計參考http://huaban.com/search/boards/?q=Banner

推薦紋理網站http://subtlepatterns.com/

設計素材:

nipic.com昵圖網

zcool.com.cn站酷網

68designhttp://sc.68de

本文為頭條號作者發布，不代表今日頭條立場。