一些知識
- 圖層樣式的復制:圖層比較少時,可以按住
Alt鍵拖拽fx
效果按鈕寸潦;圖層比較多時色鸳,直接右鍵復制圖層樣式,選中目標圖層右鍵粘貼见转。 - 高級自由變換:除了變形命雀,基本都可以由快捷鍵搞定。Ctrl鍵是單獨移動邊點或角點池户,shift鍵是水平或垂直咏雌,Alt鍵是對稱移動(對應右鍵透視)。
- 打造質感的時候校焦,必須要有
高光赊抖、亮面、明暗交界線寨典、暗面氛雪、反光
五大調,以及投影
耸成。
素描三大面五大調:黑白灰三面报亩,高光浴鸿、亮面、明暗交界線弦追、暗面岳链、反光五大調。此外劲件,人眼默認光從左上角過來掸哑,或者說從上往下
舉例:哪怕是在一個大面上一個小的凹面,邊緣處通常既有投影
(正后方零远,類似黑色外發(fā)光)苗分,也有內發(fā)光
。而一個凸面牵辣,邊緣處通常既有外發(fā)光
摔癣,又有內陰影
。高光纬向,可以用圖層樣式-漸變疊加(徑向)并移動中心來實現择浊。
內發(fā)光
的效果通常不明顯,還會讓邊緣模糊罢猪,所以通常會伴隨有投影
近她。
斜面浮雕
下面兩個不透明度分別管理亮面和暗面。如果把其中一個調成零膳帕,則對應的亮部或暗部會消失粘捎。用斜面浮雕可以生成質感中的亮面。
- 使用畫筆工具或蒙版時危彩,一般調整
流量
而不是不透明度攒磨。流量顧名思義就是,減少流量汤徽,而當反復涂抹時則可以不斷加深娩缰,在鼠繪的時候比較常用。 - 一般在使用
大面積的純色
做背景時谒府,通常會添加圖案拼坎。除非其中內容很多很雜。 - 在
logo設計
中完疫,網格
是非常重要的泰鸡,因為此時經常要用簡單形狀做出復雜圖形 - 圖層樣式,外發(fā)光是不能拖動的壳鹤,所以可以用投影(投白光)來代替盛龄,而且投影也是可以拖動的。(同樣,內陰影是可以移動的余舶,內發(fā)光是不可以移動的啊鸭。此外,漸變疊加也是可移動的)
平面設計(包含狹義的平面設計如印刷VI匿值,也包括UI赠制、網頁)
- 設計三大構成:平面構成。立體構成千扔、色彩構成
平面構成就是形態(tài)間的組合關系憎妙,主要是點線面
,依照形式法則創(chuàng)造新的組合秩序曲楚。 - 平構設計的
形態(tài)
:- 具象形態(tài)(現實中存在的)
- 抽象形態(tài)(一般是幾何圖形、數字字母之類)
- 設計形態(tài)----1多元性 2現實形態(tài)與抽象形態(tài)的集合 3設計理念 4
形式法則
-
形式法則
:形態(tài)的知覺與心理- 圓形---活潑 跳躍的
- 方-----莊重 穩(wěn)定
- 角-----沖突 速度 效率
- 曲線-----柔美 流暢 動感
- 自然形---親切 生命力 自然 野性
- 幾種簡單配色方案
- 單色 --- 沒有色相變化褥符,通過明暗對比產生顏色搭配龙誊。(有一點點變化也OK)
- 鄰近色 --- 基色兩邊臨近的顏色配搭
- 補色 --- 色相環(huán)180°(通常明度不同,即不在同一圈內)喷楣,通常表示活力趟大、興奮,對比最為強烈铣焊。為了使圖像和諧一些逊朽,通常會使用中間色漸變,或者無色系即灰色來過渡
- 分裂補色 --- 基色對面顏色的鄰近色
以上兩種顏色占圖像比率規(guī)定是曲伊,補色不超過20%叽讳,分裂補色合起來不超過30%。
配色忌諱
- 控制顏色數量 --- 一般3種以內(電商網站不適用坟募,一般很多顏色)
- 文字與背景反差要大岛蚤,背景色單一、淡雅
- 頁面風格一致
- 網頁設計中的常見版式
骨骼型
(網格型) --- 常見的有豎向通欄懈糯、二欄到四欄涤妒,以及橫向的通欄、二欄到四欄等赚哗,一般以豎向為多(注意是整體模塊看做一欄她紫,不能一個圖看作一欄)。規(guī)范理性屿储,最便于瀏覽贿讹,分欄方式結合顯得活潑有彈性
滿版型
--- 以圖片充滿整版。最利于形象展示扩所,常用于地產围详、旅游、游戲、動漫
分割型
--- 將頁面分為上下或左右兩部分助赞,分別安排圖片和文案為主的內容买羞,圖文對比。畫面清爽雹食、最利于分類
中軸型
--- 沿中軸將圖片或文字做水平或垂直方向的排列畜普。水平排列的頁面給人以穩(wěn)定、平靜群叶、含蓄的感覺吃挑,垂直排列的頁面給人以舒暢的感覺(通常以一個圖片元素作為過渡,連接被分割的部分)
曲線型
--- 導航以曲線進行編排街立,讓主頁產生韻律與節(jié)奏舶衬。常用于女性化、音樂類
傾斜型
--- 頁面主題形象或多幅圖片赎离、文字作傾斜編排逛犹,形成運動感、空間感
對稱型
--- 接近滿版型梁剔,一屏設計居多虽画,畫面穩(wěn)定(絕對對稱、相對對稱)
焦點型
--- 最容易吸引視覺中心到導航
三角型
--- 正三角-穩(wěn)定 速度感 倒三角荣病、斜三角-不穩(wěn)定 運動 競速
自由型
--- 相對自由码撰。一般會遵循骨骼或者線索
工具
-
形狀工具
:形狀出來的是路徑,偽矢量个盆,放大縮小不失真脖岛。因此形狀比選區(qū)更常用,尤其是在UI設計的外邊框砾省。形狀工具選擇路徑
模式鸡岗,畫好后只出現路徑,此時可通過路徑選擇工具進行調整自由變換编兄,然后Ctrl+enter轉換為選區(qū)轩性。 -
鋼筆工具
:繪制路徑,尖銳部分不用控制桿狠鸳,平滑部分才要用揣苏。按住Ctrl鍵切換直接選擇工具調整錨點和控制桿,按住Alt鍵刪除控制桿或移動一個單獨控制桿端點(刪除后再按住alt鍵也可生成控制桿)件舵。一個閉合路徑想要添加錨點卸察,可以右鍵,也可以按下Ctrl選中該路徑铅祸,再點擊直接添加坑质。
當想要編輯一個路徑的時候合武,需要按住Ctrl鍵轉換成直接選擇工具,(這時不能直接操作因為通常是默認選擇了整個路徑)然后在畫個框選中要修改的錨點涡扼。
一些工作流和案例
- 鋼筆畫出所需左半邊的大致輪廓稼跳,Ctrl+回車直接轉化為選區(qū)(不閉合的路徑最后用直線閉合),填充顏色吃沪,Ctrl+T自由變換汤善,Ctrl+J復制一份,自由變換翻轉移動拼接 票彪,Ctrl+E合并圖層
-
畫虛線
:畫一個黑色矩形定義畫筆红淡,在新圖層上F5打開畫筆預設,調大間距降铸,形狀動態(tài)-角度抖動
的控制改為“方向”在旱,抖動比率0%。如果想要在路徑上畫虛線垮耳,比如鋼筆畫好颈渊,然后右鍵-描邊路徑,選擇畫筆并取消勾選模擬壓力 - 繪制高光(陽光透過窗戶撒在地面上):在背景上填充藍色终佛,新建橢圓選區(qū),新建圖層填充白色雾家,執(zhí)行濾鏡高斯模糊铃彰,然后圖層混合模式選擇
顏色減淡
(作用為提亮后方顏色,故后方顏色不可過亮)芯咧,最后再Ctrl+U調整明度相當于調整透明度牙捉。 - 基于給定圖片的
單色配色
:對給定圖執(zhí)行濾鏡-像素化-馬賽克
,把顏色提取出來敬飒⌒安可以畫一個正方形選框,分別從馬賽克圖中吸取主要顏色并填充无拗,得到三到四個正方形带到。再從中選取一色作為基色。 - 在一個形狀中英染,設置好圖層混合模式之后揽惹,還能添加圖層蒙版,(用鋼筆畫出需要的路徑(布爾運算)后轉化為選區(qū)四康,羽化再填充黑色或白色)或者用畫筆涂抹搪搏,能讓原形狀的過渡更加自然。
- 繼續(xù)添加樣式時:Ctrl+J復制形狀闪金,Alt+LYA去掉所有樣式疯溺,填充改為0%,然后再進行其他操作,修改路徑添加其他樣式等囱嫩。
-
金屬盤
:
- 新建圖層添加黃色恃疯,執(zhí)行濾鏡-雜色-添加雜色,勾選單色挠说、高斯分布澡谭,然后選擇濾鏡-模糊-徑向模糊,選擇“旋轉”损俭、數值選到最大蛙奖,產生旋轉紋理。Ctrl+F再旋轉一遍杆兵。然后在圖層中取個圓盤雁仲,其余刪除。此時條紋太過清晰琐脏,此時可以利用圖像調整面板中的命令攒砖,降低對比度(條紋變模糊,但顏色變暗)日裙,然后增加飽和度(顏色還原吹艇,也可適度修改顏色)。
- 新建圖層昂拂,前背景色復位受神,執(zhí)行濾鏡-渲染-云彩,找到比較平均點的放在畫布中格侯,執(zhí)行-濾鏡-模糊-徑向模糊鼻听,選擇縮放、數值依舊最大联四,產生發(fā)射視感撑碴。Ctrl+F再重復幾遍。修改圖層混合選項為“疊加”朝墩,將圓盤做舊醉拓。依舊刪除不需要的部分。
- Ctrl+J復制鱼辙,Alt+LYA去掉所有樣式廉嚼,填充改為0%。添加樣式漸變疊加倒戏,選擇角度漸變怠噪。漸變編輯器中下部選擇白色到白色,上部(透明度)有白黑白白黑白杜跷,產生基于中心點角對角的光暈傍念〗靡模混合模式改為“顏色減淡”(添加了色相),降低不透明度憋槐。繼續(xù)添加光暈双藕,Ctrl+J再復制,Alt+LYN編輯樣式阳仔,修改角度忧陪,混合模式改為“正常”出現白色高光近范,進入漸變編輯器繼續(xù)調節(jié)上部條范圍嘶摊。
- 找一張金屬劃痕的素材,放到圖層頂部评矩,選擇“顏色減淡”混合模式叶堆,降低不透明度。至此斥杜,銅盤就搞定了虱颗。選中這些圖層,Ctrl+G編組蔗喂,拖拽到底下復制一份備份忘渔。原組取消可見,將復制的組Ctrl+E合并成一個圖層缰儿。
查漏補缺
-
文字工具
:Alt鍵+左右箭頭調整字間距辨萍,上下箭頭調整行間距。 -
選框工具
:相加返弹、減去、交叉的模式也可與調用圖層選區(qū)(Ctrl+縮略圖)相結合爪飘,因為前者與Ctrl鍵無關义起。