網(wǎng)易UI微專業(yè)課筆記——UI零基礎(chǔ)預(yù)習(xí)課程

一禾进、UI設(shè)計(jì)概述


UI相關(guān)術(shù)語解釋

UI(User Interface)用戶界面

GUI(Graphical User?Interface)圖形化用戶界面

UX/UE(User Experience)用戶體驗(yàn)

UED(Users Experience Design)用戶體驗(yàn)設(shè)計(jì)

IXD(Interaction design)交互設(shè)計(jì)

理解手機(jī)屏幕相關(guān)概念

Px(pixel)像素

像素是屏幕上組成圖像的最小單位

分辨率

顯示器顯示的像素?cái)?shù)量翘魄,如iphone7分辨率:750×1334

dp(device independent pixels)

設(shè)備獨(dú)立像素雷袋,安卓抽象單位

PPI(Pixels per lnch)

每英寸容納像素?cái)?shù)量

換算公式:dp×ppi/160=px

DPI(Dots Per Inch)

每英寸上點(diǎn)的數(shù)量浮毯,DPI概念用在計(jì)算機(jī)上,就應(yīng)稱之為ppi

柵格系統(tǒng)(Grid Systems)

網(wǎng)格系統(tǒng)

位圖

“點(diǎn)陣圖”,多個(gè)“像素”組成,放大失真

矢量圖

幾何特性繪制的圖形,不會失真?

手機(jī)屏幕尺寸大全:手機(jī)屏幕尺寸

UI設(shè)計(jì)師需要做什么避除?

結(jié)合自己UI設(shè)計(jì)、前端開發(fā)胸嘁、產(chǎn)品經(jīng)理三個(gè)維度的實(shí)踐經(jīng)驗(yàn)瓶摆,嘗試將產(chǎn)品設(shè)計(jì)流程大致分為五個(gè)階段:

認(rèn)知分析階段(解決什么問題?)

交互原型階段(尋找解決方案)

界面設(shè)計(jì)階段(包裝解決方案性宏,更好的表達(dá))

研發(fā)實(shí)施階段(生產(chǎn))

驗(yàn)證改良階段(質(zhì)量監(jiān)控群井、改良)


UI設(shè)計(jì)師需要學(xué)習(xí)哪些軟件?

1.PS 2.AI 3.AE 4.Sketch

UI設(shè)計(jì)師需要掌握哪些理論知識毫胜?

RGB顏色模式

R(紅色)G(綠)? B(藍(lán))

CMYK顏色模式

C(青)M(洋紅)? Y(黃色)? K(黑色)

學(xué)習(xí)文章

UI設(shè)計(jì)基本原則

網(wǎng)頁設(shè)計(jì)中文字排版技巧

基礎(chǔ)排版三大招

界面設(shè)計(jì)色彩三刀流

UI設(shè)計(jì)需要遵從什么規(guī)范和法則书斜?

六步透視網(wǎng)易設(shè)計(jì)規(guī)范

UI設(shè)計(jì)中有哪些設(shè)計(jì)風(fēng)格?

最全的15種設(shè)計(jì)風(fēng)格總結(jié)

UI設(shè)計(jì)中動效

UI動效設(shè)計(jì)原來都是用這些軟件做的

產(chǎn)品動效設(shè)計(jì)全方位科普手冊

UI設(shè)計(jì)資源推薦

平臺類網(wǎng)站(國內(nèi))

UI中國

站酷

優(yōu)設(shè)網(wǎng)

盒子UI

網(wǎng)易UEDC

平臺類網(wǎng)站(國外)

Dribbble

Behance

Awwwards

The Fwa

Niice

靈感類

花瓣網(wǎng)

Pinterest

icon類

Nounproject

IconFont

Icons8

配色網(wǎng)站

color scheme designer

Colorhunt

coolors

webgradients

其他網(wǎng)站

Html5 up

設(shè)計(jì)類公眾號

網(wǎng)易UEDC? ?龐門正道? 做設(shè)計(jì)的面條? 你丫才美工? UI頭條? 可能性與大設(shè)計(jì)? 非科班設(shè)計(jì)? 回音分享會? 菜心設(shè)計(jì)鋪? LOGO大師? Goodmor寧? 設(shè)計(jì)咖UXCoffee? 零設(shè)計(jì)? 優(yōu)秀網(wǎng)頁設(shè)計(jì)

優(yōu)秀設(shè)計(jì)師收藏夾

網(wǎng)易考拉UI負(fù)責(zé)人——張藝林

考拉視覺設(shè)計(jì)師——丁慧霞(花瓣)

考拉視覺設(shè)計(jì)師——丁慧霞(lof)

網(wǎng)易視覺設(shè)計(jì)師——楊魏(花瓣)

UI設(shè)計(jì)書籍推薦

書籍

《心理學(xué)與生活》 《About Face4》 《七日掌握設(shè)計(jì)配色基礎(chǔ)》 《配色設(shè)計(jì)原理》 《寫給大家看的設(shè)計(jì)書》

《設(shè)計(jì)心理學(xué)》 《為什么設(shè)計(jì)》 《日本版式設(shè)計(jì)原理》 《認(rèn)知與設(shè)計(jì)》 《Dont make me think》

互聯(lián)網(wǎng)行業(yè)書庫

行業(yè)書籍


二酵使、走進(jìn)PS


PS主界面

Tab鍵? 隱藏整個(gè)工作區(qū)

Tab+shift? 隱藏右側(cè)工作區(qū)

F鍵? 全屏快捷鍵


移動工具

v鍵? 移動工具快捷鍵

自動選擇勾選? 可移動點(diǎn)中的圖層

重疊圖層時(shí)? ?取消自動選擇? ?右鍵選擇要移動的圖層

Alt鍵? 摁住Alt拖動復(fù)制

Delete? 刪除


選區(qū)工具

摁住Shift鍵? ?拉出正方形或正圓選區(qū)

拉出選區(qū)不松手? 摁住空格? 可移動選區(qū)

增加選區(qū)? 拖拽選區(qū)后摁Shift選擇增加的區(qū)域

減少選區(qū)? 拖拽選區(qū)后摁Alt選擇減去的區(qū)域

保留交叉的選區(qū)? ?拖拽選區(qū)后摁Alt+Shift選擇想保留的選區(qū)

Ctrl+D? 取消選區(qū)


魔術(shù)棒和快速選擇工具

魔術(shù)棒選擇的是顏色相同的連續(xù)(連續(xù)選項(xiàng)可關(guān)閉)的選區(qū)

對所有圖層取樣? 所有圖層相同顏色區(qū)域都會選上?

容差? 容差越大 選擇的區(qū)域越大

快速選擇工具? 手動拉出顏色相同的區(qū)域

快速選擇工具+Alt? ?可減少選擇區(qū)域


裁剪工具

C? 裁剪工具快捷鍵

裁切的比例可在左上角調(diào)節(jié)? 1:1? 16:9? 等等

比例也可左上角自己設(shè)定

右側(cè)的網(wǎng)格圖標(biāo)可更改剪裁的圖形樣式? 如黃金比例荐吉、金色螺線

如果不勾選刪除剪裁的像素??則剪切區(qū)域外的原圖部分還在

選擇拉直 拉出垂直線? 可將物體拉直修正并裁切多余區(qū)域

剪裁工具下的畫布裁切工具? 可調(diào)節(jié)點(diǎn)? 裁切透視矩形

吸管工具

顏色? RGB? 可調(diào)節(jié)

色板切換? 以及新建顏色? ?


污點(diǎn)修復(fù)畫筆工具

選擇污點(diǎn)修復(fù)畫筆工具? 涂抹覆蓋污點(diǎn)

快捷鍵J


修補(bǔ)工具

選擇一片區(qū)域 移動到想修補(bǔ)的地方

無損修補(bǔ) 選擇內(nèi)容識別模式——新建圖層——對所有圖層取樣

選擇目標(biāo)模式? 所選區(qū)域填充其他區(qū)域

選擇對象模式? 所選區(qū)域被其他區(qū)域填充


修復(fù)畫筆工具

摁住AIT? 點(diǎn)擊替代的區(qū)域? 點(diǎn)擊被修復(fù)區(qū)域

正常模式? 修補(bǔ)后有過渡的痕跡? 替代模式? 替代區(qū)域完全替代被修補(bǔ)區(qū)域


筆刷工具

B 快捷鍵

不透明度后面的繪筆按鈕開啟后? 繪制的線條透明度會隨筆壓變化

Ctrl+Delete 填充背景


橡皮工具

E 快捷鍵

模式:畫筆? 鉛筆(邊緣比畫筆硬) 塊(方形筆觸)

勾選抹到歷史記錄? 涂出來的是上一步操作

背景橡皮擦工具??

連續(xù)取樣? ?AIT鍵? 一邊擦除一邊取樣

一次取樣???AIT鍵? 以第一次取樣顏色為準(zhǔn)擦除

背景色板取樣???AIT鍵? 把取樣顏色轉(zhuǎn)換為背景色擦除? 容差可調(diào)?


油漆桶工具

G 快捷鍵

可填充前景以及紋樣

Alt + Delete 填充前景色

Ctrl + Delete 填充后景色

模式改成顏色后? 可以保留原有產(chǎn)品的光照效果


漸變工具

模式? 線性漸變? 徑向漸變? 金字塔漸變? 圓柱漸變? 十字形漸變

上邊的滑桿改變不透明度? ? 下邊的滑桿改變顏色


減淡加深工具

O 快捷鍵

減淡工具? 范圍有? 陰影? 高光? 中間調(diào)三種


海綿工具

修改像素飽和度

模式? 去色(降低飽和度)? 加色(增加飽和度)

如果是黑白照片? ??去色(降低對比度)? 加色(增加對比度)


鋼筆工具

P 快捷鍵

模式? 路徑? 形狀? 像素

路徑??

錨點(diǎn)和線段組成? 點(diǎn)擊路徑選擇工具A可以移動路徑? ?點(diǎn)擊直接選擇工具? 框選錨點(diǎn)可以調(diào)整

點(diǎn)開自動增加/刪除錨點(diǎn)? 鋼筆點(diǎn)擊錨點(diǎn)可以刪除? 點(diǎn)擊沒有錨點(diǎn)的線段可以增加

曲線路徑

點(diǎn)擊不要松鼠標(biāo)? 點(diǎn)第二下拖動鼠標(biāo)

錨點(diǎn)和線段組成? 點(diǎn)擊路徑選擇工具A可以移動路徑? ?點(diǎn)擊直接選擇工具?框選錨點(diǎn)可以調(diào)整

點(diǎn)開自動增加/刪除錨點(diǎn)鋼筆點(diǎn)擊錨點(diǎn)可以刪除? 點(diǎn)擊沒有錨點(diǎn)的線段可以增加

勾選約束路徑拖動? 調(diào)整當(dāng)前曲線時(shí)其他曲線不跟隨變化

轉(zhuǎn)換點(diǎn)工具

可把曲線改成直線

像皮帶

打開像皮帶可預(yù)覽曲線接下來的路徑

自由鋼筆工具

直接用鼠標(biāo)拉出不規(guī)則圖形


文字工具

T 快捷鍵

基本參照word文字使用方式


形狀工具

U 快捷鍵

模式? 形狀? 路徑? 像素

摁Alt鍵拉出形狀? 以鼠標(biāo)位置為中心拖出圖形

Shift+Alt 繪制正矩形? 再空白鍵可拖動矩形

圓角倒角矩形? 倒角半徑可調(diào)節(jié)

多邊形可改變段數(shù)? 角是否變光滑? ?是否為星形

像素下的直線工具? 可設(shè)置勾選箭頭


自定義形狀工具

Shift鍵? 畫正的圖形

Alt鍵? 從中間開始畫

Shift + Alt? 從中間開始畫并是正的

空格鍵? 邊畫可以邊移動圖形

路徑的自定義圖形可切換路徑選擇工具? ?調(diào)節(jié)路徑

切換錨點(diǎn)工具可切換它的錨點(diǎn)

編輯下的自定義形狀工具? 可自定義你編輯的形狀


抓手工具

H? 快捷鍵

模式? 100%? 適合屏幕? 填充屏幕

窗口? 排列? 雙聯(lián)垂直? 可垂直顯示兩個(gè)畫面區(qū)域

勾選滾動所有窗口? 可同時(shí)對兩個(gè)畫面區(qū)域使用抓手工具


拾色器

H? 色相

S? 飽和度

B? 明度

R? 紅色

G? 綠色

B? 藍(lán)色


形狀屬性欄

鋼筆工具和形狀工具都可繪制形狀

可選擇繪制形狀還是路徑模式

形狀模式可調(diào)節(jié)高寬? 填充顏色? 描邊粗細(xì)? 線段形式? 描邊位置? 拐角設(shè)置? 四個(gè)邊倒角的弧度


鋼筆工具

繪制完鋼筆形狀后? ?Ctrl鍵快速選擇工具? 調(diào)節(jié)曲線

Alt? 切換為轉(zhuǎn)角曲線

Ctrl摁住不要放?回車鍵? 建立鋼筆選區(qū)

點(diǎn)擊下一圖層? 建立圖層蒙版

如要修改細(xì)節(jié)? 點(diǎn)擊圖層蒙版? 黑色為前景色? 用筆刷擦除


布爾運(yùn)算

繪制綠色矩形? ?再繪制紅色橢圓? 合并圖層會合并成上一圖層色彩?

選擇兩個(gè)圖層

Ctrl+E? 合并圖層


點(diǎn)擊布爾運(yùn)算? ?模式? 新建圖層? 合并形狀? 減去頂層形狀? 與形狀區(qū)域相交? 排除重疊形狀? 合并形狀組件

合并形狀?? 圓形方形合并

減去頂層形狀? ?圓形被減去

與形狀區(qū)域相交? ?只有相交部分保留

排除重疊形狀? ?只有不相交的部分保留

點(diǎn)擊此圖標(biāo)可改變形狀圖層順序


可改變圖形的對齊形式

對齊模式? 對齊到畫布(以畫布為對齊標(biāo)準(zhǔn))? 對齊到選區(qū)(以和對齊的方向最靠近的圖形作為對齊標(biāo)準(zhǔn))


圖層樣式

雙擊圖層空白處? 彈出圖層樣式對話框

投影角度可直接點(diǎn)擊投影拖動到理想位置

摁住AIT鍵點(diǎn)擊圖層效果? 拖動到其他圖層? 其他圖層可應(yīng)用此效果


單擊此處可縮放效果

右擊圖層選擇刪除圖層樣式? ?可刪除樣式


了解加減色模式

印刷三原色/減法三原色(印刷)? ?光的三原色/加法三原色(電腦)


加法三原色 圖層模式設(shè)定為線性減淡/添加

減法三原色? 圖層模式設(shè)定為正片疊底


三、AE基本操作


打開和保存項(xiàng)目

文件——新建——新建項(xiàng)目

Ctrl+S? ?保存快捷鍵

Ctrl+W? ?關(guān)閉快捷鍵

Ctrl+Q? ?退出

Ctrl+O? ?打開項(xiàng)目

關(guān)閉項(xiàng)目可關(guān)閉不需要的項(xiàng)目

在面板左上的項(xiàng)目區(qū)域右擊可新建合成(合成相當(dāng)于ps里的圖層? pr里的序列)


工作區(qū)介紹和浮動面板

工作區(qū)包括? 所有面板??動畫? 效果? 簡約? 繪畫? 文本? 運(yùn)動追蹤? 模式

不同工作區(qū)面板會發(fā)生變化

窗口菜單里可關(guān)閉和打開想要的面板

工作區(qū)的面板(如合成面板)可自由調(diào)節(jié)??選中面板可拉伸邊緣


右擊三橫按鈕? ?可關(guān)閉面板? 浮動面板? 關(guān)閉組中其他面板

浮動面板可拖拽調(diào)整位置? ? 放入其他面板中心區(qū)域? ?等于嵌入其他面板組里

如放入其他面板上口渔、下样屠、左、右? 并列關(guān)系放置上缺脉、下瞧哟、左、右

多個(gè)面板的調(diào)節(jié)? ?可將鼠標(biāo)放置面板交界處拖拽

標(biāo)準(zhǔn)菜單下選項(xiàng)? ?重置為已保存的布局? ?保存對此工作區(qū)所做的更改? ? 另存為新工作區(qū)? 編輯工作區(qū)

編輯工作區(qū)? 可對工作區(qū)刪除排序


了解合成面板

合成相當(dāng)于Ps里的圖層組? 相當(dāng)于一個(gè)舞臺? 容納圖層

雙擊項(xiàng)目面板中的合成名稱可打開合成

點(diǎn)擊合成中的圖層? ?可調(diào)節(jié)圖層

改變圖層名稱? ?選中名稱并回車

Ctrl+Z? ?撤銷

合成界面

Ctrl+N? 新建合成

像素長寬比最好使用方形像素

幀速率? ?電腦播放? 流暢要求高? ?30幀/秒

主流幀率? 25幀/秒

持續(xù)時(shí)間可改成你想制作的視頻的時(shí)間長度

背景顏色? 可選擇自己喜歡的顏色

分辨率

目前流行的分辨率??1280×720?


1280×720

電視片頭分辨率? 1440×1080


?1440×1080

制作視頻時(shí)盡量選擇高的分辨率? ?因?yàn)?b>高分辨率可調(diào)低? ?低分辨率調(diào)高如圖像質(zhì)量低會模糊

如何將分辨率調(diào)低枪向?

合成菜單——合成設(shè)置——修改分辨率

點(diǎn)擊建立好的合成會顯示? ?名稱? 持續(xù)時(shí)間? 幀率? 分辨率

名稱可選自定義? ? 保存自己喜歡的合成預(yù)設(shè)


時(shí)間碼

如想制作1分8秒4幀? ?可輸入00010804

控制時(shí)間對應(yīng)? 時(shí)(h)? 分(m)? 秒(s)? 幀(f)

AE腳本? 文件菜單——腳本命令——Scale Composition

這個(gè)腳本可將分辨率等比縮放? ?

?第選項(xiàng)是按倍數(shù)(輸入倍數(shù))? 第選項(xiàng)是單獨(dú)改寬(輸入具體數(shù)值)? 第選項(xiàng)是單獨(dú)改高(輸入具體數(shù)值)

縮放分辨率腳本

93.2%是放大率的設(shè)置? ?100%為完整大小??一般選擇適合

預(yù)覽下的按鈕

第二個(gè)圖標(biāo)是選擇網(wǎng)格和參考線

標(biāo)題/動作安全? 制作標(biāo)題和文字不要超過給定的最外的框??防止裁剪畫面將文字裁掉

除此之外還有? 網(wǎng)格? 參考線? 標(biāo)尺

第四個(gè)圖標(biāo)是時(shí)間碼

第五個(gè)圖標(biāo)是抓拍快照

第六個(gè)是顯示抓拍的快照

第七個(gè)是顏色通道的顯示

第八個(gè)是分辨率的調(diào)節(jié)(用于預(yù)覽的分辨率? 電腦負(fù)擔(dān)小)

第九個(gè)是透明網(wǎng)格 (背景顏色其實(shí)是用作參照的? 背景實(shí)際為透明色)

第十一個(gè)是視圖調(diào)整

第十三個(gè)選擇自適應(yīng)分辨率渲染最快


首選項(xiàng)設(shè)置

合成設(shè)置高級選項(xiàng)渲染器選項(xiàng)里? ?如果做2.5D視頻勾選經(jīng)典3D

如果做3D視頻? 勾選光線追蹤3D

項(xiàng)目設(shè)置

文件菜單——項(xiàng)目設(shè)置

素材開始時(shí)間——使用媒體源

默認(rèn)基準(zhǔn)——25幀/秒

首選項(xiàng)

編輯——首選項(xiàng)

顯示——勾選在時(shí)間軸面板中顯示時(shí)間碼

導(dǎo)入——序列素材——25幀/秒

自動保存——務(wù)必勾選10分鐘


如何導(dǎo)入PSD和AI文件素材

導(dǎo)入PSD格式素材

第一種

導(dǎo)入種類? 選擇素材? 選擇圖層??

選擇圖層分合并圖層樣式到素材忽略圖層樣式

合并會保留圖層樣式? 忽略不會保留圖層樣式

圖層大小分圖層大小和文檔大小

圖層大小是就是該圖層素材大小

文檔大小是整個(gè)圖像大小

第二種

導(dǎo)入種類? 選擇合成

選擇圖層——可編輯的圖層樣式? 會導(dǎo)入所有圖層保留圖層樣式

選擇合并圖層樣式到素材? 樣式不可更改

第三種

導(dǎo)入種類? 選擇合成—保持圖層大小

與合成相比保持了圖層大小

導(dǎo)入AI格式素材

雙擊項(xiàng)目區(qū)域直接導(dǎo)入

AI文件如想以圖層形式導(dǎo)入? 必須將路徑轉(zhuǎn)化為圖層

點(diǎn)擊AI軟件中的圖層菜單右上角小三角標(biāo)? ?選擇釋放到圖層并保存

再次導(dǎo)入會顯示PS導(dǎo)入時(shí)的對話框? 此處處理方式與PS導(dǎo)入雷同


圖層面板

拖動圖層可改變圖層位置

右鍵某一圖層? 選擇在資源管理器中顯示? 可查看圖層所在文件位置


圓圈圖標(biāo)——獨(dú)奏按鈕? 點(diǎn)擊獨(dú)奏? 則只顯示此圖層(可按住左鍵拖動獨(dú)奏多個(gè)圖層)

編輯PSD的文字? 可右擊圖層轉(zhuǎn)換為文字圖層

標(biāo)簽圖標(biāo)顏色主要為區(qū)分素材類型

鎖定圖標(biāo)——阻止編輯圖層

消影圖標(biāo)(像頭骨的那個(gè)家伙_值场)——暫時(shí)隱藏圖層


Alt +【? ? ?減去指示線的前面的部分? ? Alt + 】減去指示線的后面的部分????

預(yù)覽面板里可以跳躍幀

單幀跳躍鍵盤↑ ↓鍵

十幀一跳Shift+↑↓鍵

單幀跳躍

圖層與定界框的對齊

勾選菜單欄的對齊工具? 定界框有重疊時(shí)自動對齊

對齊面板對齊方式

1.對齊到選區(qū)

對齊不超過素材的邊緣

分布圖層? 素材之間的上下左右中的距離之間的距離相等


時(shí)間軸面板

時(shí)間軸區(qū)域? 搜索??圖標(biāo)

想要查找該圖層的變換屬性? 選擇該圖層? 可在搜素區(qū)域輸入變換屬性(如不透明度)

展開或折疊圖層開關(guān)命令


展開或折疊轉(zhuǎn)換控制命令


展開或折疊入點(diǎn)——出點(diǎn)? 持續(xù)時(shí)間



如何改變持續(xù)時(shí)間秘蛔?

將鼠標(biāo)放在軌道上? 鼠標(biāo)呈雙箭頭時(shí)拖動

修改輸入的持續(xù)時(shí)間

如何統(tǒng)一導(dǎo)入素材的持續(xù)時(shí)間?

編輯——首選項(xiàng)——導(dǎo)入——靜止素材——修改時(shí)長——確定


時(shí)間軸的列如不需要可以隱藏

右鍵隱藏即可(如父級就是右鍵標(biāo)題隱藏此項(xiàng))

隱藏后想調(diào)出可再次右鍵——列數(shù)——父級

切換開關(guān)/模式? 展開控制菜單


時(shí)間線

時(shí)間圖表顯示模式

摁左上角的時(shí)間圖表按鈕打開

時(shí)間線由時(shí)間導(dǎo)航器(開始)——時(shí)間導(dǎo)航器(結(jié)束)組成

拉動左側(cè)導(dǎo)航器縮小時(shí)間軸? ? 拉動右邊導(dǎo)航器放大時(shí)間軸

直接雙擊導(dǎo)航器條放大到最大? ?雙擊再雙擊放到最合適狀態(tài)

導(dǎo)航器與下面的放大縮小三角是一樣的作用和效果

導(dǎo)航條下的是工作區(qū)域

工作區(qū)域? 預(yù)覽或最終輸出渲染的合成的持續(xù)時(shí)間? 開始時(shí)間B? 結(jié)束時(shí)間N

可調(diào)節(jié)滑塊選擇最后需要渲染的工作區(qū)域



工具欄功能介紹

如何調(diào)節(jié)導(dǎo)入素材為適合舞臺的寬高比?

導(dǎo)入圖片——右鍵——變換——適合復(fù)合

工具欄截圖??

一深员、選擇工具

1.移動圖層

2.對素材大小進(jìn)行更改? ? 拖動素材控制框的錨點(diǎn)

二负蠕、抓手工具

1.移動整個(gè)畫面(圖層加舞臺)

2.快捷鍵? 空格鍵

三、縮放工具

快捷鍵? Z??放大

快捷鍵? Alt??縮小

四倦畅、旋轉(zhuǎn)工具

六遮糖、向后平移錨點(diǎn)工具

可將中心的錨點(diǎn)移動到任意位置? ? 再使用旋轉(zhuǎn)工具時(shí)會以此為中心旋轉(zhuǎn)

七、矩形工具

矩形工具右鍵? ?含有矩形工具? 圓角矩形工具? 多邊形工具? 星形工具

描邊? 填充? 像素可改變

拉出形狀后? ?會自動建立圖層??

點(diǎn)擊該圖層? 繪制圖形? 圖形將保留在該圖層

如點(diǎn)擊空白處繪制圖層? ?則建立新的圖層

摁住Ctrl鍵拉矩形框? ?形狀會以起點(diǎn)為中心點(diǎn)擴(kuò)散

添加按鈕里帶有多種特效


圖層里矩形的屬性

矩形名稱右側(cè)為它的混合模式? ? 就像PS圖層混合模式

點(diǎn)開矩形路徑右側(cè)最右邊箭頭按鈕? 可打開反轉(zhuǎn)路徑

矩形的大小? 位置? ?圓度都可以調(diào)節(jié)

描邊選項(xiàng)下有? 合成? 顏色? 不透明度? ?描邊寬度? 線段端點(diǎn)? 線段連接? 尖角限制

描邊?

在同組中前一個(gè)之上? 將描邊的順序置于填充之上? ?

如你的描邊像素為30? 左右上下各描邊寬度也為30

在同組中前一個(gè)之下? 將描邊的順序置于填充之下

如你的描邊像素為30? 左右上下各描邊寬度為15? 因?yàn)檫€有15的寬度被填充擋住

顏色? ?可吸取改變描邊顏色

不透明度? ?可調(diào)節(jié)描邊透明度

描邊寬度? ?就是寬度調(diào)節(jié)

線段端點(diǎn)? 平頭端點(diǎn)? 圓頭端點(diǎn)? 矩形端點(diǎn)(調(diào)成虛線才會明顯)

線段連接? 斜接連接? 圓角連接? 斜面連接(連接處的形狀)

虛線? 虛線——調(diào)整虛線距離? 偏移——移動虛線位置

填充


合成? 顏色? 不透明度

填充規(guī)則——確定哪部分算是路徑內(nèi)部區(qū)域

填充規(guī)則? ?非零環(huán)繞(一般使用此規(guī)則)? 奇偶

如何對圖形做出交叉打孔的效果叠赐?

在圖形上拉出想打孔的輪廓后? 反轉(zhuǎn)路徑方向

如何填充漸變色欲账?

描邊和填充都可以漸變? ?

摁住Alt鍵點(diǎn)擊填充顏色和描邊顏色? ?會切換油漆桶模式? ?如線性漸變? 徑向漸變

以下的屬性可調(diào)節(jié)


文字工具

工具組T圖標(biāo)? ?分為橫排文字工具? ? 豎排文字工具


文字圖層分為? ?文字以及變換屬性

字符和段落面板? 此處使用方法與PS字體一樣!

描邊顏色被壓在文字顏色后? ?激活后會變?yōu)?b>前層

描邊

鋼筆工具

鋼筆工具的繪畫方式PS里的鋼筆工具相同

摁住ctrl鍵可以拖動調(diào)整畫好的鋼筆路徑

添加頂點(diǎn)工具? ?添加錨點(diǎn)? ?

刪除頂點(diǎn)工具? ?刪除錨點(diǎn)? ? 快捷鍵Ctrl

轉(zhuǎn)換頂點(diǎn)工具? ?轉(zhuǎn)換錨點(diǎn)直角轉(zhuǎn)換曲線? ??快捷鍵Alt

蒙版羽化工具? ?在有圖片的圖層繪制圖形就會形成蒙版效果

蒙版羽化工具?

點(diǎn)擊線段任意處? ? ?出現(xiàn)圓點(diǎn)之后向外拉? ?就會出現(xiàn)羽化邊緣


五個(gè)基本變換屬性和坐標(biāo)介紹

每個(gè)圖層都會有可調(diào)節(jié)的變換屬性

錨點(diǎn)A

錨點(diǎn)就是圖中紅色的圓圈位置? ? ?

錨點(diǎn)(00芭概,00)錨點(diǎn)會移動到左上角

錨點(diǎn)坐標(biāo)為圖標(biāo)坐標(biāo)一半時(shí)錨點(diǎn)在中心? 如圖片(200×200)錨點(diǎn)(100×100)

錨點(diǎn)數(shù)值正值圖片會往上走? ? 負(fù)值往下走

位置P

位置(x軸位置赛不,y軸位置)

位置(0,0)就是錨點(diǎn)的位置

摁住CTRL鍵移動錨點(diǎn)? ? 會吸附定界框的點(diǎn)

如果錨點(diǎn)不小心移開要移回中心? ?右鍵變換—居中放置錨點(diǎn)

縮放S

縮放圖片

旋轉(zhuǎn)R

旋轉(zhuǎn)中心為錨點(diǎn)

0x(幾次旋轉(zhuǎn))+0°

不透明度T

可見程度

Shift+任一屬性的快捷鍵可調(diào)出該屬性?

右鍵圖片? ?變換——錨點(diǎn)——可修改錨點(diǎn)坐標(biāo)


進(jìn)入圖表編輯器的世界

Shift? +? F3? 快捷鍵

使用二維圖表示屬性值? ?并水平表示(從左到右)合成時(shí)間

另一方面? ?在圖層條模式? ?時(shí)間圖表僅顯示水平時(shí)間元素? ?而不顯示變化值的垂直圖形表示

切換圖表的鍵


值圖表顯示屬性值(一般用這個(gè))

速度圖表?

表示速度的變化? 水平值表示速度恒定? ? 值越高速度越快? ? 越低速度越

(右鍵關(guān)鍵幀可調(diào)整關(guān)鍵幀速度)

點(diǎn)擊不同的屬性會出現(xiàn)它的值圖表??

摁住ctrl選擇多個(gè)屬性? ?會展示多個(gè)圖表

點(diǎn)擊位置屬性再點(diǎn)擊這個(gè)圖標(biāo)? ? 可以將X? Y軸位置分開顯示

顯示選擇的屬性? ?選擇動畫屬性(所有屬性)

顯示不同的圖表類型

最后一個(gè)圖表——允許幀之間的關(guān)鍵幀可以對幀微調(diào)

顯示多個(gè)關(guān)鍵幀時(shí)顯示“變換”框

框選多個(gè)關(guān)鍵幀時(shí)可以調(diào)節(jié)框內(nèi)關(guān)鍵幀

查看視圖(可以查看完整的時(shí)間線)

Alt鍵+鼠標(biāo)中鍵? ?可以縮放時(shí)間軸??

空白鍵可以調(diào)出抓手工具

將關(guān)鍵幀轉(zhuǎn)換為定格? ? ?

使用它動畫中的過渡效果就會消失? ?

將指定關(guān)鍵幀轉(zhuǎn)化為線性(默認(rèn)就是線性)

將指定關(guān)鍵幀轉(zhuǎn)化為貝塞爾曲線

摁住Alt鍵可以單邊調(diào)整曲度

緩動? ? ?緩入? ? 緩出

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末罢洲,一起剝皮案震驚了整個(gè)濱河市踢故,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌惹苗,老刑警劉巖殿较,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異桩蓉,居然都是意外死亡淋纲,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進(jìn)店門触机,熙熙樓的掌柜王于貴愁眉苦臉地迎上來帚戳,“玉大人,你說我怎么就攤上這事儡首∑危” “怎么了?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵蔬胯,是天一觀的道長对供。 經(jīng)常有香客問我,道長氛濒,這世上最難降的妖魔是什么产场? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮舞竿,結(jié)果婚禮上京景,老公的妹妹穿的比我還像新娘。我一直安慰自己骗奖,他們只是感情好确徙,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布醒串。 她就那樣靜靜地躺著,像睡著了一般鄙皇。 火紅的嫁衣襯著肌膚如雪芜赌。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天伴逸,我揣著相機(jī)與錄音缠沈,去河邊找鬼。 笑死错蝴,一個(gè)胖子當(dāng)著我的面吹牛洲愤,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播漱竖,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼禽篱,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了馍惹?” 一聲冷哼從身側(cè)響起躺率,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎万矾,沒想到半個(gè)月后悼吱,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡良狈,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年后添,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片薪丁。...
    茶點(diǎn)故事閱讀 38,039評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡遇西,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出严嗜,到底是詐尸還是另有隱情粱檀,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布漫玄,位于F島的核電站茄蚯,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏睦优。R本人自食惡果不足惜渗常,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望汗盘。 院中可真熱鬧皱碘,春花似錦、人聲如沸隐孽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至如失,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間送粱,已是汗流浹背褪贵。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留抗俄,地道東北人脆丁。 一個(gè)月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像动雹,于是被迫代替她去往敵國和親槽卫。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評論 2 345

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

  • 什么是DPI胰蝠、PPI歼培? DPI(Dots Per Inch)是測量空間點(diǎn)密度的單位,最初應(yīng)用于打印技術(shù)中茸塞,它表示每...
    讀品走思閱讀 3,656評論 0 5
  • 1躲庄、基礎(chǔ)概念 屏幕尺寸 含義:指的屏幕對角線的物理長度,單位一般采用英寸(1英寸≈2.53cm) 目前市面常見的有...
    古都舊城閱讀 2,685評論 0 1
  • 前段時(shí)間看了一本關(guān)于移動應(yīng)用UI設(shè)計(jì)的書钾虐,但看完以后對設(shè)計(jì)時(shí)用到的那些比較抽象的單位間的關(guān)系和概念仍是一臉懵逼噪窘,于...
    YousoBlind_9f1f閱讀 1,354評論 1 1
  • 那是一條很寬很寬的路,路燈又高又亮效扫。 高三的時(shí)候倔监,每晚自習(xí)會上到十點(diǎn)五十分,我們經(jīng)常是磨磨蹭蹭到十一點(diǎn)多才回到家菌仁。...
    筆耕寧閱讀 223評論 0 0
  • 軌跡 我會發(fā)著呆然后忘記你浩习,接著緊緊閉上眼,想著那一天會有人代替掘托,讓我不再想念你 請擁抱我 許來日方長瘦锹,有幾人來往...
    午間西瓜閱讀 511評論 0 5