信封圖標(biāo),用AI設(shè)計(jì)紅色的懷舊信封圖標(biāo)教程(9)

這個(gè)紅色圣誕信封有點(diǎn)寫(xiě)實(shí)的風(fēng)格,繪制的十分好看,教程比較長(zhǎng),而且還是翻譯教程,界面是英文的,學(xué)習(xí)起來(lái)對(duì)新手可能有點(diǎn)難度,但對(duì)于陰影、線性漸變等用法有很大提升,有興趣的可以試一試。

tgudhdp.cn_0429443942-0.jpg
1. 創(chuàng)建新文件,設(shè)置網(wǎng)格

點(diǎn)擊Ctrl+N,創(chuàng)建新文檔 在單位下拉菜單中選擇像素,同時(shí)設(shè)置寬高為600px,之后點(diǎn)擊高級(jí)按鈕。 選擇RGB,屏幕(72ppi),確認(rèn)使新建對(duì)象對(duì)齊到網(wǎng)格未處于選中狀態(tài)。點(diǎn)擊確定。

顯示網(wǎng)格和參考線。選擇視圖-顯示網(wǎng)格以及視圖-對(duì)齊網(wǎng)格。 為提高工作效率,建議新手設(shè)置網(wǎng)格間距,選擇編輯-首選項(xiàng)-參考線和網(wǎng)格,設(shè)置網(wǎng)格線間隔為5px,設(shè)置次分隔線為1。之后點(diǎn)擊確定。 學(xué)會(huì)利用網(wǎng)格工具將有效提高工作效率,密集恐懼癥患者可以隨時(shí)Ctrl+‘顯示或隱藏網(wǎng)格。

可以和網(wǎng)格配合使用實(shí)時(shí)顯示形狀的大小和位置,選擇窗口-信息,即可顯示信息面板。 選擇編輯-首選項(xiàng)-單位,將所有單位均設(shè)置為像素。 好啦,在接下來(lái)的實(shí)際制作過(guò)程中,你將發(fā)現(xiàn)以上這些設(shè)置將極大提高工作效率。

tgudhdp.cn_0429443091-1.jpg
2. 創(chuàng)建紅色形狀

Step 1

在工具欄中選擇矩形工具(快捷鍵M) 設(shè)置描邊效果為無(wú),設(shè)置填充顏色為R=211 G=45 B=47。 利用矩形工具畫(huà)一個(gè)240x250px的矩形,體會(huì)一下網(wǎng)格和對(duì)齊網(wǎng)格帶來(lái)的便捷。

確保紅色形狀處于選中狀態(tài),選擇添加描點(diǎn)工具(+),在如下圖所示的位置單擊添加兩個(gè)描點(diǎn)。

tgudhdp.cn_0429445A2-2.jpg

Step 2

選擇你的紅色形狀,注意頂部的兩個(gè)描點(diǎn)。 選擇直接選擇工具(-),選中左邊的描點(diǎn),直接拖到中間位置,即距離右側(cè)120px處。

選擇刪除描點(diǎn)工具(-),選擇右側(cè)描點(diǎn),刪除之。 現(xiàn)在,紅色形狀如下圖的第二張圖所示。

tgudhdp.cn_0429441H6-3.jpg

Step 3

我們繼續(xù)調(diào)整紅色形狀,選擇直接選擇工具(A)。 選中下圖中黑色圓圈圈出的三個(gè)描點(diǎn),在利用圓角工具,設(shè)置10px的圓角。

回到形狀,選擇下圖中藍(lán)色圓圈圈出的兩個(gè)描點(diǎn)。 返回圓角工具,設(shè)置20px。

實(shí)時(shí)圓角工具僅在CC及以上版本中自帶。 對(duì)于CC以下版本用戶來(lái)說(shuō),最好的實(shí)現(xiàn)該效果的途徑是采用任意圓角腳本(http://tgudhdp.cn/)。 將鏈接中的腳本工具保存到本地,返回AI,確認(rèn)當(dāng)前工具為直接選擇工具(A)。 選擇之前步驟中的描點(diǎn),選擇文件-腳本-其他腳本 找到并打開(kāi)本地的Round Any Corner Script,分別設(shè)置所需數(shù)值,點(diǎn)擊確定。 最終效果可能看起來(lái)有點(diǎn)兒不太一樣,可以根據(jù)需要自行調(diào)整半徑值。 最后,紅色形狀是這樣的。

tgudhdp.cn_04294454V-4.jpg
3. 創(chuàng)建黃色形狀

Step 1

使用矩形工具(M),創(chuàng)建一個(gè)240x160px的矩形,填充顏色值R=255 G=200 B=0,將黃色形狀放在最上層。

確保黃色形狀處于選中狀態(tài),在頂部使用添加描點(diǎn)工具(+),如下圖一所示,在中間位置添加描點(diǎn)。

切換到直接選擇工具(A),選擇新添加的描點(diǎn),將其向下拉90px。 最終,黃色形狀應(yīng)該是如圖二所示。

tgudhdp.cn_0429444C9-5.jpg

Step 2

選擇紅色形狀,按Ctrl+C,Ctrl+F復(fù)制一下。 同時(shí)選中復(fù)制后的紅色和黃色,打開(kāi)窗口-路徑查找器,選擇交集。

tgudhdp.cn_04294435G-6.jpg

4.給黃色形狀添加陰影和高光

Step 1

再次選中紅色形狀,重做一次復(fù)制粘貼(Ctrl+C,Ctrl+V) 選中黃色形狀,選擇對(duì)象-路徑-偏移路徑。 輸入1px的偏移量,點(diǎn)擊確定按鈕。 同時(shí)選中新的黃色形狀和上一步中的復(fù)制形狀,通過(guò)路徑查找器再次選出交集。

確認(rèn)上一步的結(jié)果處于選中狀態(tài),選擇窗口-外觀。 將填充顏色置為黑色(R=0 G=0 B=0),之后打開(kāi)設(shè)置透明度。 將圖層透明度降低到10%,得到下圖圖三中的投影效果。

tgudhdp.cn_042944GK-7.jpg

Step 2

重新選中紅色形狀,再次做復(fù)制粘貼。(Ctrl+C,Ctrl+F) 選中黃色形狀,再次設(shè)置對(duì)象-路徑-偏移路徑輸入3px偏移量,選擇確定按鈕。 同時(shí)選中本步驟中復(fù)制的形狀和剛才的新創(chuàng)建形狀,在路徑查找器面板中選擇交集。

確認(rèn)得到的形狀處于選中狀態(tài),打開(kāi)外觀通道。 將填充顏色置為黑色,將透明度降低為5%

tgudhdp.cn_0429441931-8.jpg

Step 3

在本步驟中,需要1px間距的網(wǎng)格設(shè)置。選擇編輯-首選項(xiàng)-參考線與網(wǎng)格,在網(wǎng)格間距中輸入1.

采用矩形工具(M),創(chuàng)建一個(gè)288x108px的形狀,如下圖圖一所示。 同樣,為了方便后續(xù)操作,別忘了設(shè)置顯示網(wǎng)格和對(duì)齊網(wǎng)格。 確認(rèn)新得到的形狀處于選中狀態(tài),之后在外觀面板進(jìn)行設(shè)置。

將顏色填充置為無(wú)填充效果,選擇描邊。 選擇顏色 R=57 G=181 B=74,選擇描邊。 將描邊寬度選擇為6px,設(shè)置沿外側(cè)描邊。

注意矩形的底部,切換到直接選擇工具(A)。 選擇底部的兩個(gè)描點(diǎn),選擇對(duì)象-路徑-平均(或直接采用快捷鍵Alt+Ctrl+J) 選擇兩者兼有,點(diǎn)擊確定。 這將使你的矩形變?yōu)槿鐖D二所示的三角形。

tgudhdp.cn_04294451U-9.jpg

Step 4

確認(rèn)黃色形狀處于選中狀態(tài),Ctrl+C,Ctrl+F進(jìn)行復(fù)制操作。 重新選中三角形,選擇對(duì)象-路徑-輪廓化描邊。 同時(shí)選中結(jié)果圖形和黃色形狀,通過(guò)路徑查找器選擇交集。

確認(rèn)結(jié)果形狀處于選中狀態(tài),之后設(shè)置外觀。 將填充顏色置為黑色,降低透明度至20%,將圖層混合模式選擇為柔光模式。

tgudhdp.cn_0429442196-10.jpg

Step 5

隱藏網(wǎng)格(Ctrl+‘)并取消對(duì)齊網(wǎng)格(Shift+Ctrl+’),選擇編輯-首選項(xiàng)-常規(guī),確認(rèn)鍵盤(pán)增量為1px

重新選中黃色形狀,復(fù)制粘貼兩次(Ctrl+C,Ctrl+F,Ctrl+F) 選中最上層的復(fù)制結(jié)果,用鍵盤(pán)上的方向鍵將其向下移動(dòng)1px.

選中兩個(gè)復(fù)制結(jié)果,在路徑查找器面板選擇減去頂層。 將結(jié)果形狀填充為黑色,降低透明度為3%,將圖層混合模式選為柔光。

tgudhdp.cn_0429443596-11.jpg

Step 6

再次選擇黃色形狀,做一次復(fù)制(Ctrl+C,Ctrl+F),向下輕移1px. 確認(rèn)最新的復(fù)制層處于選中狀態(tài),并再次復(fù)制(Ctrl+C,Ctrl+F) 選擇新復(fù)制層,向下輕移1px.

同時(shí)選中兩個(gè)復(fù)制層,路徑查找器-減去頂層。 如下圖所示,將結(jié)果圖形添加線性漸變,降低透明度至70%,將圖層混合模式改為柔光。

請(qǐng)注意漸變?cè)O(shè)置圖中的黃色數(shù)值代表透明度百分值,藍(lán)色數(shù)值代表位置百分值。

tgudhdp.cn_0429443017-12.jpg
5.創(chuàng)建藍(lán)色形狀

Step 1

顯示網(wǎng)格(Ctrl+‘)和對(duì)齊網(wǎng)格(Shift+Ctrl+’)。 將網(wǎng)格間距重新設(shè)置為5px。編輯-首選項(xiàng)-參考線和網(wǎng)格,在網(wǎng)格間距中輸入5px。

使用矩形工具(M),創(chuàng)建一個(gè)240x90px的形狀,填充 R=39 G=170 B=225,將其放置在如圖所示位置。

選中藍(lán)色矩形,注意頂部?jī)蓚(gè)描點(diǎn)。 選擇直接選擇工具(-),選擇左側(cè)描點(diǎn),將其拖到中間(距右側(cè)描點(diǎn)120px)位置。 選擇刪除描點(diǎn)工具,將藍(lán)色矩形右上角的描點(diǎn)刪除。

切換到直接選擇工具(A),選中頂部描點(diǎn)。 利用圓角工具,設(shè)置半徑10px. 最終,藍(lán)色形狀形如圖三。

tgudhdp.cn_0429443137-13.jpg

Step 2

選中紅色形狀,再次復(fù)制粘貼(Ctrl+C,Ctrl+F) 同時(shí)選中復(fù)制后的紅色和藍(lán)色形狀,利用路徑查找器,選擇交集。

tgudhdp.cn_0429444258-14.jpg
6.給藍(lán)色形狀添加陰影和高光

Step 1

再次復(fù)制紅色部分(Ctrl+C,Ctrl+F) 選中藍(lán)色部分,執(zhí)行對(duì)象-路徑-偏移路徑 輸入偏移路徑1px,點(diǎn)擊確認(rèn)。

將新創(chuàng)建的形狀與復(fù)制的紅色形狀通過(guò)路徑查找器取交集。 將得到的形狀填充黑色,降低透明度至3%。

tgudhdp.cn_04294463G-15.jpg

Step 2

再次復(fù)制紅色部分。(Ctrl+C,Ctrl+F) 確認(rèn)藍(lán)色形狀處于選中狀態(tài),再次執(zhí)行對(duì)象-路徑-偏移路徑 輸入偏移量3px,點(diǎn)擊確認(rèn)。

同時(shí)選中新建的形狀和紅色的形狀,執(zhí)行路徑查找器-交集 將得到的形狀填充為黑色,降低透明度至3%

tgudhdp.cn_0429443335-16.jpg

Step 3

取消顯示網(wǎng)格和對(duì)齊網(wǎng)格。

確認(rèn)藍(lán)色形狀處于選中狀態(tài),復(fù)制粘貼兩次。(Ctrl+C,Ctrl+F,Ctrl+F) 將最上一層的復(fù)制形狀向下移動(dòng)1px。 同時(shí)選中剛才的兩個(gè)復(fù)件,執(zhí)行路徑查找器-減去頂層。 填充得到的形狀為白色(R=255 G=255 B=255),降低透明度至30%,更改混合模式為柔光。

tgudhdp.cn_0429446323-17.jpg

Step 4

調(diào)出顯示網(wǎng)格(Ctrl+’)和對(duì)齊網(wǎng)格(Shift+Ctrl+‘)。

選中藍(lán)色形狀,復(fù)制(Ctrl+C,Ctrl+F) 選中復(fù)制的結(jié)果,向下移動(dòng)10px. 選中,選擇外觀面板

將填充顏色置為不填充,選擇描邊效果 將描邊的顏色設(shè)為(R=0 G=148 B=68),打開(kāi)描邊效果通道 將描邊寬度設(shè)為6px,設(shè)置內(nèi)部填充。

tgudhdp.cn_042944K03-18.jpg

Step 5

選中藍(lán)色形狀,執(zhí)行Ctrl+C,Ctrl+F,同時(shí)選中最新的復(fù)制層和綠色秒板,執(zhí)行對(duì)象-路徑-輪廓化描邊。 選中結(jié)果圖形和剛才的復(fù)制形狀,執(zhí)行路徑查找器-交集

將結(jié)果形狀填充為黑色,降低其透明度至20%,更改圖層混合模式為柔光。

tgudhdp.cn_0429441337-19.jpg
7. 創(chuàng)建一張紙,添加文字

Step 1

使用矩形工具(M),創(chuàng)建一個(gè)190x140px的矩形,填充顏色(R=250 G=250 B=240),位置如圖所示

確認(rèn)新圖形處于選中狀態(tài),查看外觀通道。 選中現(xiàn)有填充,執(zhí)行效果-風(fēng)格化-內(nèi)發(fā)光 填充設(shè)置如圖所示,點(diǎn)擊確認(rèn)按鈕。

tgudhdp.cn_0429443937-20.jpg

Step 2

確定矩形處于選中狀態(tài),選擇外觀通道,點(diǎn)擊添加填充,再次填充一個(gè)顏色。

選中新做的填充,更改圖層混合模式為柔光,將現(xiàn)有填充顏色增加一層線性漸變,漸變參數(shù)如圖。 下圖中漸變中黃色的“0”代表透明度百分值。

tgudhdp.cn_0429446091-21.jpg

Step 3

確認(rèn)矩形仍然處于選中狀態(tài),在外觀面板中選擇描邊。

將現(xiàn)有填充顏色替代為線性漸變,將透明度降低為50%,將圖層混合模式改為柔光,打開(kāi)描邊效果。 確認(rèn)描邊寬度為1px,選擇沿內(nèi)部描邊。

tgudhdp.cn_0429441L5-22.jpg

Step 4

將矩形選中,選擇外觀面板,增加一層描邊。

選中該描邊,將其填充顏色改為線性漸變,將混合模式改為柔光,打開(kāi)描邊通道。 將描邊寬度設(shè)為1px,確認(rèn)描邊形式為沿內(nèi)部描邊。

tgudhdp.cn_042944O37-23.jpg

Step 5

確認(rèn)矩形處于選中狀態(tài),打開(kāi)外觀通道,點(diǎn)擊增加新描邊增加第三層描邊。

選中第三層描邊,將顏色設(shè)置為黑色,降低透明度至2%,打開(kāi)描邊效果通道。 確認(rèn)描邊寬度為1px,確認(rèn)沿內(nèi)部描邊。

tgudhdp.cn_04294423A-24.jpg

Step 6

確認(rèn)矩形處于選中狀態(tài),仍舊打開(kāi)外觀通道。

點(diǎn)擊文字路徑,執(zhí)行效果-風(fēng)格化-圓角 輸入圓角半徑5px,點(diǎn)擊確認(rèn)按鈕。

tgudhdp.cn_04294462R-25.jpg

Step 7

選擇文字工具(T),打開(kāi)文字樣式。(窗口-文字-文字樣式)

點(diǎn)擊,輸入文字“Dear Santa” 設(shè)置文字顏色(R=38 G=34 B=98),設(shè)置字體 5 years old font ,文字大小設(shè)置為15px。

tgudhdp.cn_0429441H5-26.jpg

Step 8

確認(rèn)文字工具(T)處于激活狀態(tài),在畫(huà)板上拉出一塊文字輸入?yún)^(qū)域。如下圖所示。 如圖二所示,添加你想要的文字。 文字字體和顏色與上一步相同,將文字大小設(shè)置為10px。

tgudhdp.cn_042944JJ-27.jpg

Step 9

選中兩段文字和紙張,Ctrl+G組合一下。

選中組合,Shift+Ctrl+[ 將其置于底層 選擇紅色形狀,將其置于底層。 最終形狀的次序關(guān)系如圖三所示。

tgudhdp.cn_0429444595-28.jpg
8. 創(chuàng)建背景形狀

Step 1

使用矩形工具(M),創(chuàng)建一個(gè)邊長(zhǎng)為610px的方形,填充顏色 R=255 G=232 B=217 Shift+Ctrl+[ 將方形置于底層。調(diào)整方形位置,使信封處于方形的中間位置。

tgudhdp.cn_042944HG-29.jpg

Step 2

確認(rèn)方形處于選中狀態(tài),打開(kāi)外觀通道,添加新填充顏色。

這一層填充需要嵌入圖案。點(diǎn)擊窗口-圖形樣式庫(kù) 將會(huì)打開(kāi)一個(gè)內(nèi)嵌圖案庫(kù) 確認(rèn)之前的輔助填充層處于選中狀態(tài),將混合模式改為覆蓋?,選擇“Sand”圖案。

tgudhdp.cn_042944JF-30.jpg
9. 給紅色部分增加陰影和高光

Step 1

選擇紅色形狀,打開(kāi)外觀面板 填充顏色R=191 G=25 B=27,增加新的填充圖層。 對(duì)第二個(gè)圖層增加如下圖所示的線性漸變。

tgudhdp.cn_0429441Z5-31.jpg

Step 2

確認(rèn)紅色形狀處于選中狀態(tài),從外觀面板選擇描邊

將描邊顏色改為白色,降低透明度至30%,混合模式改為柔光,打開(kāi)描邊通道。 將描邊寬度改為6px,確認(rèn)內(nèi)部描邊。

tgudhdp.cn_042944M47-32.jpg

Step 3

確認(rèn)紅色形狀處于選中狀態(tài),打開(kāi)外觀通道,選擇描邊,使用復(fù)制選中項(xiàng)目復(fù)制一次。

選中新增加的描邊,將透明度改為50%,將描邊寬度改為1px。

tgudhdp.cn_0429442O6-33.jpg

Step 4

確認(rèn)紅色形狀處于選中狀態(tài),打開(kāi)外觀通道,增加第三層描邊。

填充黑色,透明度為5%,打開(kāi)描邊通道。 確認(rèn)描邊寬度為1px,沿內(nèi)部描邊。

tgudhdp.cn_0429445415-34.jpg

Step 5

確認(rèn)紅色形狀處于選中狀態(tài)

選中底部的紅色填充,打開(kāi)效果-風(fēng)格-投影 按下圖中的左側(cè)參數(shù)設(shè)置,點(diǎn)擊確定,增加其他的四個(gè)投影。

tgudhdp.cn_0429443044-35.jpg
10. 對(duì)藍(lán)色和黃色部分做一些最終調(diào)整

Step 1

選中黃色形狀,填充顏色 R=211 G=45 B=47

tgudhdp.cn_042944D04-36.jpg

Step 2

選中藍(lán)色形狀,打開(kāi)外觀通道。 首先,將填充顏色改為R=211 G=55 B=57,之后增加第二層填充 選中新的填充,更改混合模式為柔光,增加如圖所示的線性漸變。

tgudhdp.cn_0429444H9-37.jpg
恭喜! 完成啦!

下圖是最終效果圖。 試試給最終效果圖上增加一些郵票或圣誕裝飾吧!

tgudhdp.cn_0429441334-38.jpg

全教程完,學(xué)完記得交作業(yè)。如果本教程對(duì)您有所幫助,請(qǐng)推薦給你的朋友。

學(xué)習(xí) · 提示

  • 打開(kāi)ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):ps新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學(xué)網(wǎng) 歡迎投稿原創(chuàng)或轉(zhuǎn)載教程:http://i.16xx8.com
    jimsddf 說(shuō): 打卡
    七月雨55 說(shuō): 學(xué)習(xí)了
    最?lèi)?ài)饃饃 說(shuō): 學(xué)習(xí)一下
    天情一 說(shuō): 操,垃圾教程
    牽手到天陰 說(shuō): 做的不好。。太菜了T_T

網(wǎng)站地圖

ps基礎(chǔ)教程 新手教程 技巧教程 工具教程 通道教程 其它教程 設(shè)計(jì)知識(shí) 設(shè)計(jì)趣事
ps美化教程 磨皮教程 人像精修 美白教程 化妝美容 上色教程
ps調(diào)色教程 人物調(diào)色 風(fēng)景調(diào)色 影樓調(diào)色 調(diào)色效果 Lightroom教程
ps照片處理 效果教程 轉(zhuǎn)手繪 藝術(shù)畫(huà)效 元素效果 懷舊風(fēng)格
ps修復(fù)教程 雜質(zhì)曝光 校正偏色 舊照翻新 ps去水印 清除網(wǎng)紋 模糊銳化
ps摳圖教程 ps換背景 通道摳圖 濾鏡摳圖 其它摳圖 摳透明物 摳頭發(fā)
ps合成教程 照片合成 換臉教程 惡搞圖片 明星合成
ps簽名教程 動(dòng)漫簽 真人簽 風(fēng)景簽 古典簽 頹廢簽 歐美簽 日韓簽 音畫(huà)教程
ps文字教程 普通字效 3D立體字 火焰字 冰雪字 金屬字 可愛(ài)字
ps制作實(shí)例 制作實(shí)例 背景壁紙 海報(bào)設(shè)計(jì) 賀卡設(shè)計(jì) 廣告包裝
ps繪畫(huà)教程 鼠繪教程 手繪教程 五官繪畫(huà) 插畫(huà)教程 數(shù)位板繪畫(huà)教程
ps網(wǎng)頁(yè)設(shè)計(jì) logo教程 按鈕圖標(biāo) 網(wǎng)頁(yè)圖片 UI設(shè)計(jì)教程 網(wǎng)頁(yè)模板 淘寶美工
ps濾鏡特效 濾鏡做圖 濾鏡使用 邊框教程 動(dòng)畫(huà)閃字 動(dòng)畫(huà)教程 閃圖閃字
ps教程版本 cc2015 cc教程 cs6教程 cs5教程