gui-10第二章設(shè)計(jì)基礎(chǔ)3d文字特效與水晶按鈕

1、Photoshop應(yīng)用如何繪制3D特效文字主要內(nèi)容3D文字制作特效視覺(jué)傳達(dá)與情緒字幕欣賞3D文字制作特效案例實(shí)戰(zhàn)水晶尖頭設(shè)計(jì)2.1.32.1.3.12.1.3.22.1.3.32.1.4學(xué)習(xí)重點(diǎn)：視覺(jué)傳達(dá)與情緒字設(shè)計(jì)賞析字的設(shè)計(jì)與表現(xiàn)學(xué)習(xí)目的 :字的設(shè)計(jì)方法字的表現(xiàn)方法2.1.3.1 視覺(jué)傳達(dá)與情緒視覺(jué)傳達(dá)與情緒，情緒產(chǎn)生于情景，并且文化差異能造成非常不同的情景設(shè)定。讓以在家用餐這個(gè)簡(jiǎn)單的事情為例 ：在許多西方文化里，用餐只是開(kāi)始夜生活之前的要做的普通事情，而夜生活則是諸如運(yùn)動(dòng)，劇院之類(lèi)等等的活動(dòng)。在許多東方文化里，用餐活動(dòng)本夜生活，你邀請(qǐng)你的家庭成員和 朋友們一起參加。從此意義上來(lái)說(shuō)，如果你

2、要設(shè)計(jì)關(guān)于用餐體驗(yàn)的產(chǎn)品，這 一情景差異的理解非常重要，你很可能會(huì)為每一種文化提供非常不同的設(shè)計(jì)。2.1.3.2字幕欣賞2.1.3.2字幕欣賞2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)在這個(gè)快速簡(jiǎn)潔的圖形設(shè)計(jì)中，會(huì)在Photoshop和一些創(chuàng)意技術(shù)的幫助下用一個(gè)方便的過(guò)程實(shí)現(xiàn)很棒的三維圖像效果?？纯醋罱K效果。2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)建立Photoshop文件首先，打開(kāi)Photoshop，創(chuàng)建一個(gè)新文件（Ctrl + N）。在新文件框中，設(shè)置寬度和高度的為英寸。創(chuàng)建一個(gè)正方形畫(huà)布，設(shè)置寬度和高度為10英寸。創(chuàng)建的圖形要有高分辨率以及能為印刷做準(zhǔn)備，因此將分辨率設(shè)置為300像素/英寸

3、。2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)畫(huà)布創(chuàng)建之后，用暗灰色填充背景層（#333333）。一種可以實(shí)現(xiàn)的方法是設(shè)置前景色為暗灰色（在工具面板中）。然后選擇圖層面板上的背景層，按Ctrl + A（這樣就創(chuàng)建了整個(gè)畫(huà)布選區(qū)也可以通過(guò)選擇全部來(lái)實(shí) 現(xiàn)）。最后，選擇編輯填充（按Shift + F5鍵）打開(kāi)填充框，請(qǐng)確保使用選項(xiàng)設(shè)置為前景色，然后單擊確定來(lái)應(yīng)用填充。2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)創(chuàng)建文本現(xiàn)在，將在畫(huà)布上放置文本。從工具面板中選擇水平文本工具，鍵入你設(shè)計(jì)的文本/標(biāo)志。更改選項(xiàng)欄中的文本顏色為黃（#FFCC00），使用較大的字體，并嘗試選擇粗體，這樣效果能達(dá)到最好。途中用的是M

4、yriro Black上的字體，字母Six用286pt，字母Revis用83pt。在畫(huà)布中心輸入文字，此字是Six Revi可以隨意修改。使用的文s，當(dāng)然2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)柵格化文本，以便能夠更容易地在文本上工作，這樣文 本已經(jīng)不能再修改所以一定 要確保對(duì)所使用的文本滿意。右鍵單擊該文本圖層，點(diǎn)擊柵格化文本。2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)現(xiàn)在，要使文本傾斜，使它具有3D效果的外觀。確保你在圖層面板中選擇了文字，然后點(diǎn)擊Ctrl + T進(jìn)入變換編輯（編輯變換）。按住Ctrl鍵，單擊右上角的變換點(diǎn)。向左側(cè)拖動(dòng)。對(duì)頂端中間的轉(zhuǎn)換點(diǎn)做相同的事。應(yīng)該得到如下效果。2.1.

5、3.3 3D文字制作特效案例實(shí)戰(zhàn)添加圖層樣式將給文本添加一些圖層樣式。確保選中了文字層，然后點(diǎn)擊圖層面板底部的添加圖層樣式圖標(biāo)。選擇斜面和浮雕，打開(kāi)斜面和浮雕圖層樣式框。按下圖設(shè)置；這會(huì)令文本的邊緣更流暢與圓滑。2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)改變高光和陰影的顏色。高光顏色是#FFCC66，陰影是#DFA125。2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)現(xiàn)在應(yīng)用光澤。這將使文本有一些深度，而不只是固體或簡(jiǎn)單的傾斜。更改顏色為#F3881F。2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)最后要做的是給文字表面添加一個(gè)漸變疊加的圖層樣式。點(diǎn)擊漸變，最左邊用#F7F3A7色，右邊用#F3881F色。

6、2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)創(chuàng)建3D效果將開(kāi)始給這個(gè)文本創(chuàng)建3D效果。首先，要文本層，選擇層，按Ctrl + J來(lái)層。在副本上去掉層風(fēng)格（選擇它們并把它們拖動(dòng)到圖層面板右下角的桶圖標(biāo)里）現(xiàn)在有一個(gè)沒(méi)有添加圖層樣式的文本，將調(diào)整顏色。選擇圖像調(diào)整曲線（按Ctrl + M）打開(kāi)曲線選項(xiàng)，按下圖調(diào)整，給圖層一個(gè)較暗的顏色。2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)要降低飽和度，因?yàn)轭伾習(xí)霈F(xiàn)陰影。按Ctrl + U進(jìn)入色相/飽和度（或去圖像調(diào)整色相/飽和度），按下圖調(diào)整。2.1.3.3 3D文字制作特效案例

7、實(shí)戰(zhàn)現(xiàn)在，將創(chuàng)建文本的邊緣，使其更具三維效果。首先，點(diǎn)擊并拖 動(dòng)圖層到原始黃色文本層的下方，用箭頭鍵把它移動(dòng)到左邊：按住Alt鍵，不斷的往下往左推動(dòng)箭頭。在每次按下箭頭按鈕時(shí)都將褐色層。不斷的層，直到你得到滿意的大小和深度。2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)合并圖層把所有的層合并為一層。要點(diǎn)擊圖層面板中最上面的褐色文本層，按住Shift鍵，然后點(diǎn)擊最下面的棕色文字層選中它們。所有的層被選擇之后，點(diǎn)擊圖層面板底部的圖層圖標(biāo)。這時(shí)一個(gè)圖標(biāo)應(yīng)該出現(xiàn)在所有的褐色文字圖層上。了所有的褐色文字圖層之后，按Ctrl + E合并所有的層。給合并的文本圖層添加漸變疊加樣式，以便它與的黃色文字漸變?nèi)诤稀ｎ伾?/p>

8、是黑色（#000000）和白色（#樣式）（雙擊合并圖層打開(kāi)圖層框）。2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)創(chuàng)建投影在圖層面板中選擇褐色文字層（就是剛才咱們合并后的層）再一個(gè)。使用它來(lái)創(chuàng)建文本的陰影去濾鏡模糊模糊，調(diào)整它的半徑為8px。2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)現(xiàn)在按Ctrl + M進(jìn)入曲線，如下圖調(diào)整它們。你應(yīng)該能得到一個(gè)黑色的陰影。2.1.3.3 3D文字制作特效案例實(shí)戰(zhàn)如果使用縮放工具（Z）放大字母的邊緣，會(huì)發(fā)現(xiàn)棕色的邊緣呈鋸齒狀。使用鋼筆工具，在需要?jiǎng)h除的區(qū)域旁邊做一個(gè)形狀，按動(dòng)刪除鍵。在每一個(gè)需要修改的區(qū)域重復(fù)此步驟，直到所有的文字邊緣平滑為止。2.1.3.3 3D文字

9、制作特效案例實(shí)戰(zhàn)完成了，這就是的最后效果。2.1.4水晶尖頭設(shè)計(jì)視 覺(jué) 傳 達(dá) 與 需 求視覺(jué)傳達(dá)與需求人們都有一系列的普通需求。（精神需求、視覺(jué)需求、聽(tīng)覺(jué)需求等）可以把其中任意一種需求區(qū)分為（目標(biāo)成就），激勵(lì)（個(gè)人成長(zhǎng)，知識(shí)與技能的增長(zhǎng)），認(rèn)同（自我表達(dá)，與他人交流）和喚起（自我維護(hù)，）。已經(jīng)被滿足的需求產(chǎn)生積極情感，而未被滿足的則產(chǎn)生消極情感。由于人們共享這些需求，所以很容易設(shè)想它們對(duì)不同文化背景的人們來(lái)說(shuō)也應(yīng)該都是相似的。然而，如果人們共享這些需求，那么當(dāng)人們?cè)噲D解釋注意到的在產(chǎn)品體驗(yàn)中的差異的時(shí)候，這些需求在不同文化中的權(quán)重又是如何不同的呢？在于環(huán)境或者產(chǎn)品個(gè)別的使用情景。2.1.4.

10、1 光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)首先打開(kāi)水晶箭頭文件，先分析文件基本色調(diào)， 再分析漸變效果的表現(xiàn) 方法，把色調(diào)的顏色數(shù) 值分析出來(lái)。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)然后用鋼筆工具勾出箭頭的基本形狀，添加底色，在此基礎(chǔ)上調(diào)整漸變色彩。2.1.4.1 光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)基本色調(diào)調(diào)整完成后在此基礎(chǔ)上添加過(guò)渡顏色和箭頭的暗面。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)暗面調(diào)整完成后，真對(duì)箭頭的細(xì)節(jié)進(jìn)行色彩過(guò)渡的漸變調(diào)整，在進(jìn)行細(xì)節(jié)調(diào)整。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)自之前調(diào)整完成的基礎(chǔ)上給箭頭添加高光，用鋼筆工具先描出鋼筆高光的外形再添加白色，再用虛化

11、橡皮在邊沿擦拭。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)為箭頭添加頂部效果，添加徑向漸變效果。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)添加箭頭遮蓋效果，注意保留效果邊緣，體現(xiàn)高光效果。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)添加箭頭遮蓋效果，注意保留效果邊緣，體現(xiàn)高光效果。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)添加柔化高光，注意邊緣虛化效果。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)添加箭頭高光，注意高光效果，(基本色調(diào)半到百分之50)。降2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)添加高光效果（注意添加的 位置與長(zhǎng)度）為箭頭增加立 體感，在文件將要結(jié)束的時(shí) 候，給文件作整體效果調(diào)整，達(dá)到更好的視覺(jué)效果。2.

12、1.4.1光影結(jié)構(gòu)技巧2.1.4.1水晶尖頭設(shè)計(jì)首先打開(kāi)箭頭文件，分析文件基本色調(diào)，分析色值，先固定整體顏色。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)添加箭頭基本型，在底部添加陰影效果。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)添加箭頭部分側(cè)面，注意整體效果色彩調(diào)整，（線性漸變效果）。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)側(cè)面效果添加，注意色彩的平衡。2.1.4.1 光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)邊緣效果的整體添加和協(xié)調(diào)，分析文件基本色注意顏色的 明暗過(guò)渡。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)給箭頭添加高光，用鋼筆工具先描出鋼筆高光的外形再添加白色，再用虛化橡皮在邊沿擦拭。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)為箭頭添加頂部效果，添加徑向漸變效果。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)添加柔化高光，注意邊緣虛化效果。2.1.4.1光影結(jié)構(gòu)技巧水晶尖頭設(shè)計(jì)添加