PS+AI制作凹陷浮雕效果的徽章logo教程

教你使用Photoshop結(jié)合Illustrator制作凹陷浮雕效果的徽章logo,教程主要向您展示如何使用圖層樣式和智能對(duì)象來完成效果圖,這種效果主要用在平時(shí)的展示上面,非常的實(shí)用,PS主要做凹陷浮雕效果,在AI中主要導(dǎo)入徽章來完成我們的項(xiàng)目,好了,話不多說,讓我們開始制作吧!
效果圖:
主要過程:
1、如何以正確的視角來創(chuàng)建一個(gè)對(duì)象
步驟1:下載紙張紋理素材,并用Photoshop打開它。
第2步:下載透視圖像素材并用Photoshop打開。
第3步:選擇頂部菜單中的選擇>全部,然后選擇編輯>復(fù)制將選擇復(fù)制到剪貼板。返回到背景文檔,然后在頂部菜單中選擇 編輯>粘貼將透視圖像粘貼 到背景上。通過雙擊直接在圖層面板中的圖層名稱并將其更改為“Perspective-image” 【透視圖層】來重命名該圖層 。
步驟4:將前景色設(shè)置為橙色(與黑色不同的任何顏色都是好的)。
選擇矩形工具,將光標(biāo)移到畫布上然后單擊。您將打開一個(gè)小對(duì)話框,允許您為新形狀輸入精確的尺寸。輸入1317 x 947像素,然后單擊確定。通過直接雙擊圖層面板中的圖層 名稱并將其更改為“ Smart Object ” 來重命名該圖層 。
選擇“ Smart Object ”圖層后,在頂部菜單中選擇 圖層>智能對(duì)象>轉(zhuǎn)換為智能對(duì)象。
第5步:選擇 編輯>變換>比例。
如果仔細(xì)觀察,矩形周圍會(huì)出現(xiàn)一個(gè)薄邊框。我們還可以在頂部中心,底部中心,左邊中心和右邊中心看到一個(gè)小廣場(chǎng),以及四個(gè)角落中的每一個(gè)的正方形。這些小方塊被稱為“手柄”,我們可以簡(jiǎn)單地通過拖動(dòng)這些手柄來轉(zhuǎn)換包圍盒內(nèi)的任何東西。在這個(gè)步驟中,我們只使用邊界框角上的手柄來轉(zhuǎn)換矩形是非常重要的。
將鼠標(biāo)光標(biāo)移到右上角的手柄上,按住 鍵盤上的 Command按鈕(光標(biāo)將變成一個(gè)白色的小箭頭),然后點(diǎn)擊并拖動(dòng)手柄,直到觸摸右上角的手柄與您的鼠標(biāo)光標(biāo)的黑色透視正方形:
第6步:繼續(xù)拖動(dòng)手柄以覆蓋橙色矩形的整個(gè)黑色區(qū)域:
第七步:現(xiàn)在我們不再需要“ 透視 ”圖層,所以我們可以通過在“ 圖層” 面板中選擇它并選擇“ 圖層”>“刪除”>“圖層 ”來將其刪除。從現(xiàn)在開始,我們放入智能物體的所有東西都將呈現(xiàn)橙色矩形的角度。
2、如何從Illustrator導(dǎo)入徽章
步驟1:現(xiàn)在我們需要一個(gè)徽章來完成我們的項(xiàng)目。
第2步:選擇 選擇工具 (V)?,F(xiàn)在選擇“Kexolo”徽章(或任何你喜歡的徽章)。通過編輯>復(fù)制 或按Crtl+C來復(fù)制徽章。
在Adobe Illustrator中創(chuàng)建一個(gè)新的350 x 350像素的文檔 。最后,通過選擇“ 編輯”>“粘貼” 或按下Crtl+V 粘貼剛復(fù)制的標(biāo)記。
第3步:使用選擇工具 (V),將徽章移到灰色區(qū)域,從白色畫布中移出。
步驟4:在將我們的場(chǎng)景中的徽章導(dǎo)入到Photoshop之前,我們需要擴(kuò)展外觀,將所有文本轉(zhuǎn)換為矢量形狀,然后移除現(xiàn)在顯示的將徽章移至灰色區(qū)域的白色區(qū)域。如果徽章沒有被選中,通過點(diǎn)擊選擇工具 (V)選擇它。在頂部菜單中,選擇“對(duì)象”>“展開”。將出現(xiàn)一個(gè)對(duì)話窗口;選擇對(duì)象和填充 ,然后按確定:
第5步:找到路徑查找器面板。如果看不到面板,請(qǐng)通過選擇“ 窗口”>“路徑查找器”打開它。選擇修剪刪除重疊的元素,并清除不必要的形狀徽章。
第6步:選擇魔術(shù)棒工具,并將光標(biāo)移到白色區(qū)域,然后單擊以選擇徽章的所有白色區(qū)域。如果需要,使用縮放工具(Z)放大畫布。選擇徽章的所有白色區(qū)域后,通過在頂部菜單中選擇編輯>剪切,將其刪除。
3、如何將徽章添加到場(chǎng)景中
步驟1:通過編輯>復(fù)制或按Ctrl+C來復(fù)制徽章。
第2步:在Photoshop的“ 圖層”面板中,雙擊智能對(duì)象的縮略圖進(jìn)行編輯。
編輯智能對(duì)象時(shí),源內(nèi)容將在Photoshop的新窗口中打開。在這里,您可以進(jìn)行任何您想要的更改,一旦您滿意,您只需保存該文件,然后在返回時(shí)即可更新Photoshop智能對(duì)象。在“圖層”面板中,通過選擇“編輯”>“粘貼”或按Ctrl+V粘貼剛剛復(fù)制的標(biāo)記,然后通過單擊“圖層”>“刪除”>“圖層”刪除橙色矩形圖層。
從對(duì)話框中選擇智能對(duì)象 ,然后按確定:
第3步:找到頂部選項(xiàng)欄和徽章的位置設(shè)置為658 X 472像素,高度和寬度都設(shè)置為685%。完成后按鍵盤上的Enter鍵:
步驟4:選擇“ 文件”>“保存” 或使用鍵盤快捷鍵Ctrl+S保存?;氐街魑臋n,您會(huì)注意到智能對(duì)象現(xiàn)在已經(jīng)更新了最新的更改。
4、如何將徽章印在紙上,現(xiàn)在是時(shí)候給徽章添加一些重要的效果,使其具有與場(chǎng)景一致的3D感覺。
步驟1:將 “ Smart Object ”圖層的填充設(shè)置為0%:
第2步:通過轉(zhuǎn)到 圖層>新建>通過復(fù)制層復(fù)制“ Smart Object ”圖層兩次?,F(xiàn)在重命名并將圖層分組,如下圖所示。
從現(xiàn)在開始,當(dāng)您需要更換智能對(duì)象中的徽章時(shí),可以使用“ 智能對(duì)象 ”圖層,通過點(diǎn)擊它并編輯內(nèi)容。
第3步:我們開始向 “ 效果2 ” 圖層添加一些圖層樣式。打開“ 圖層樣式” 面板并添加一個(gè)新的“ 倒角”和“浮雕效果”,將“ 高光模式” 和“ 陰影模式”的顏色設(shè)置 為 #000000,然后將其余的設(shè)置如下:
步驟4:添加一個(gè)新的 內(nèi)陰影 效果,將混合模式的顏色設(shè)置 為 #000000,然后將其余的設(shè)置如下:
第5步:添加一個(gè)新的 緞面 效果,設(shè)置顏色 混合模式 來 #ffffff,并設(shè)置休息如下:
第6步:添加一個(gè)新的 漸變疊加 效果,并設(shè)置選項(xiàng)如下:
點(diǎn)擊小漸變窗口來編輯漸變顏色。
將第一個(gè)不透明度停止設(shè)置為不透明度75% 和 位置71%。
將第二個(gè)不透明度停止設(shè)置為不 透明度25%和 位置100%。
第7步:添加一個(gè)新的 陰影 效果,將混合模式的顏色設(shè)置 為 #000000,然后設(shè)置其余部分,如下所示:
第8步:讓我們通過選擇“ 濾鏡”>“扭曲”>“紋波 ”,將一些智能濾鏡添加到“ 效果2 ”圖層 。將過濾器數(shù)量設(shè)置為-50%:
選擇“ 濾鏡”>“模糊”>“高斯模糊” ,并將半徑設(shè)置為 1.7 像素。
第9步:現(xiàn)在讓我們添加一個(gè)圖層樣式到“ 效果1 ”圖層。打開“ 圖層樣式” 面板并添加一個(gè)新的 陰影 效果,將 混合模式 顏色#ffffff設(shè)置為 ,然后設(shè)置其余部分,如下所示:
第10步:最后,通過選擇“ 濾鏡”>“扭曲”>“紋波 ”,為“ 效果1 ”圖層 添加一些智能濾鏡。設(shè)置過濾量為-60%:
選擇“ 濾鏡”>“模糊”>“高斯模糊” ,并將半徑設(shè)置為 0.8 像素。
恭喜您已經(jīng)完成了效果圖,最終效果圖。
教程結(jié)束,以上就是關(guān)于PS+AI制作凹陷浮雕效果的徽章logo教程,希望大家喜歡!文章來源于站酷,感謝作者PS平面設(shè)計(jì)11給我們帶來經(jīng)精彩的文章!
相關(guān)教程推薦:
相關(guān)文章
PS怎畫倉(cāng)庫(kù)標(biāo)志圖? ps倉(cāng)庫(kù)圖標(biāo)設(shè)計(jì)技巧
PS怎畫倉(cāng)庫(kù)標(biāo)志圖?想要設(shè)計(jì)簡(jiǎn)單的倉(cāng)庫(kù)標(biāo)志,該怎么操作呢?下面我們就來看看ps倉(cāng)庫(kù)圖標(biāo)設(shè)計(jì)技巧,詳細(xì)請(qǐng)看下文介紹2023-07-28ps怎么畫簡(jiǎn)筆畫的篝火火焰圖標(biāo)? ps火焰logo的繪制技巧
ps怎么畫簡(jiǎn)筆畫的篝火火焰圖標(biāo)?ps中想要繪制一個(gè)篝火的簡(jiǎn)筆畫logo,該怎么繪制呢?下面我們就來看看ps火焰logo的繪制技巧2023-07-21ps怎么設(shè)計(jì)愛護(hù)牙齒圖標(biāo)? ps畫愛牙標(biāo)志的技巧
ps怎么設(shè)計(jì)愛護(hù)牙齒圖標(biāo)?ps中想要繪制一款愛護(hù)牙齒的矢量圖,該怎么繪制這個(gè)標(biāo)志呢?下面我們就來看看ps畫愛牙標(biāo)志的技巧2023-07-21ps怎么設(shè)計(jì)游戲手柄logo標(biāo)志? Photoshop畫簡(jiǎn)筆畫游戲手柄的技巧
ps怎么設(shè)計(jì)游戲手柄logo標(biāo)志?ps中想要繪制一款游戲手柄的簡(jiǎn)筆畫圖形作為logo使用,該怎么繪制呢?下面我們就來看看Photoshop畫簡(jiǎn)筆畫游戲手柄的技巧2023-07-18ps怎么畫收納袋logo? ps設(shè)計(jì)收納袋簡(jiǎn)筆畫圖形的技巧
ps怎么畫收納袋logo?ps中想要畫一個(gè)收納袋,該怎么繪制呢?下面我們就來看看ps設(shè)計(jì)收納袋簡(jiǎn)筆畫圖標(biāo)的技巧2023-07-14ps怎么畫攝影機(jī)logo矢量圖? photoshop手繪簡(jiǎn)筆畫攝影機(jī)的技巧
ps怎么畫攝影機(jī)logo矢量圖?想要畫一個(gè)攝像機(jī)的logo,該怎么手繪一款簡(jiǎn)單易懂的攝像機(jī)圖標(biāo)呢?下面我們就來看看photoshop手繪簡(jiǎn)筆畫攝影機(jī)的技巧2023-07-11ps怎么畫一個(gè)圓角骰子? ps畫簡(jiǎn)筆畫骰子logo的技巧
ps怎么畫一個(gè)圓角骰子?想要繪制一個(gè)骰子,但是想要畫成圓角效果的,該怎么操作呢?下面我們就來看看ps畫簡(jiǎn)筆畫骰子矢量圖的技巧2023-07-11PS怎么設(shè)計(jì)漸變色的數(shù)字標(biāo)志牌? PS漸變式圖標(biāo)的做法
PS怎么設(shè)計(jì)漸變色的數(shù)字標(biāo)志牌?ps中想要設(shè)計(jì)一款漸變圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來看看PS漸變式圖標(biāo)的做法,詳細(xì)請(qǐng)看下文介紹2022-11-22ps怎么繪制眼睛標(biāo)志? ps設(shè)計(jì)眼睛矢量圖標(biāo)的技巧
ps怎么繪制眼睛標(biāo)志?想要設(shè)計(jì)一個(gè)圖形代表眼睛,該怎么繪制眼睛這個(gè)圖標(biāo)呢?下面我們就來看看ps設(shè)計(jì)眼睛矢量圖標(biāo)的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-22ps+ai設(shè)計(jì)喜糖鋪?zhàn)铀囆g(shù)字標(biāo)志的logo
想要設(shè)計(jì)一款喜糖鋪?zhàn)拥臉?biāo)志圖標(biāo),該怎么設(shè)計(jì)這款矢量圖標(biāo)呢?下面我們就來看看ps+ai設(shè)計(jì)喜糖鋪?zhàn)訕?biāo)志的技巧,詳細(xì)請(qǐng)看下文介紹2022-08-09