PS基本功

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

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

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

超贊配色網址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