教程詳情
程序: Adobe Photoshop CS6,Illustrator cs6
難度:中級
預計完成時間: 90 分鐘
最終效果圖
教程素材
第一步 添加文字--三亞音樂節
1、打開Illustrator,按ctrl+N,新建一個文檔,大小1000x600px
2、按ctrl+T,輸入文字 "三亞音樂節",字體:漢儀菱心體, 大小 188pt,顏色 #E83B71;字間距 -75px
3、選擇菜單"窗口 -> 變換"或按Shift+F8,打開變換窗口,輸入傾斜值 10°
4、右鍵點擊,選擇"創建輪廓",將文字轉為路徑;按A鍵用直接選擇工具,調整文字的節點,原則是保證節點平行對齊,認真觀察原來海報的字體如圖所示,
5、最後復制並粘帖它(按ctrl+C ctrl+F)命名為"原字";後面會用到,先隱藏這個圖層
第二步 制作3D文字--三亞音樂節
1、選擇文字層,打開菜單"效果 -> 3D -> 凸出與斜角",輸入參數值如下圖,然後點擊確定
2、接著我們擴展這個3D圖層,選擇菜單"對象 -> 擴展外觀",這樣我們就可以對3D文字的每個面的顏色進行調整了
3、用直接選擇工具(A),選擇陰影面,然後點擊"漸變"面板(按ctrl+F9或"窗口 -> 漸變"),選擇"線性"漸變,顏色 從#57011C 到#640229 角度-31°
4、用直接選擇工具(A),選擇高光面,選擇"線性"漸變,顏色 從#5D0225 到#821A4F 角度25°
5、用相同的方法處理所有的面;這裡有個技巧,用吸管工具可以實現顏色的替換,就不用每次都輸入顏色值了;細節的地方可以參考原海報進行顏色和漸變方向的調整
6、這裡有個地方需要特殊處理,就是"節"字的的高光和陰影部分(初學者可以忽略這個特殊處理)如圖所示;具體操作如下:隱藏最上層的"節"字層,將該字中"口"層移到"節"層上方,並應用陰影面漸變;復制"節"層左側的高光面,也粘帖到"節"層上方;並調整節點
第三步 添加文字--完美解決方案
1、按ctrl+T,輸入文字 "完美解決方案",大小 188pt,顏色 #E83B71;字間距 -75px
2、用前面兩步相同的方法做出立體效果,注意文字節點調整;
3、在處理高光面和陰影面的時候,這裡有個偷懶的方法:就是只要處理頭尾3個字(完,方,案)就行了,中間的文字可在ps中將立體背景用畫筆工具塗黑掉
第四步 全部立體字效果
到這裡,AI制作立體字部分就完成了,接下來要將立體字復制到ps中進行處理
需要矢量文件的同學也可以下載我的源文件來參考。"立體字-矢量" 下載
第五步 打開ps,添加背景
1、打開photoshop,按ctrl+N,新建一個文檔 大小 1200x600,命名為"三亞音樂節"
2、打開素材 海灘背景 將背景到拖到新建的文檔中;命名為"海灘"
第六步 將立體字拖動到ps中
1、從AI選擇"三亞音樂"圖層,拖動到ps中,ps自動將其轉換為矢量智能對象,我們將它也命名為"三亞音樂"
2、從AI選擇"原字"圖層,拖動到ps中,ps自動將其轉換為矢量智能對象,我們將它也命名為"原字"
注意:如果你想將細節處理的更好,在AI中你可以將立體圖層"三亞音樂"格式化(對象 -> 格式化),這樣立體字面與面之間縫隙就不會那麼明顯
3、相同的方法,將"完美-立體"和"完美-原字"圖層,拖到ps中,分別命名為"完美-立體"和"完美-原字"
第七步 設置前景文字
1、選擇圖層"原字"和"完美-原字",然後按ctrl+E將其合並;命名為"三亞-完美"
2、選擇圖層"三亞-完美",然後按ctrl+G,創建一個編組,命名為"前景文字"
3、雙擊"三亞-完美",打開圖層樣式,選擇"顏色疊加" 顏色 #e28fa1;然後選擇"內陰影" 設置如圖所示
4、將"三亞-完美"轉換成智能對象
第八步 添加前景設色彩
1、用鋼筆工具(P),在圖層"三亞-完美"上方添加一個繪制一個矢量圖層,如圖所示;修改填充為漸變方式 顏色從 #e72f65 到 #e97ba8 角度 65°;並將圖層混合模式改成"疊加";
2、用鋼筆工具(P),繪制剩余色彩塊,填充方式可以自由發揮;也可以參考用原圖;其中有兩個高光色塊必須要添加,填充方式為徑向漸變 從 白色到透明
3、最後將色塊層進行遮罩,將鼠標移到"三亞-完美"和"形狀1"圖層之間點擊,按住alt鍵,然後點擊;接著應用到所有色塊
第九步 加深背景立體
1、選擇圖層"完美-立體"和"三亞音樂",按ctrl+E,將他們合並,命名為"背景立體"
2、用畫筆工具(B)顏色 #5F0224,在"背景立體"上塗抹,如圖所示;這是重要的一步要認真塗抹才會有視覺沖擊力
第十步 添加陰影層
1、點擊圖層面板底部的"新建圖層"按鈕,在"海灘"上方新建一個圖層,命名為"陰影"
2、用橢圓選框工具(M),繪制一個橢圓,如圖所示,添加顏色 #5e0223
3、點擊菜單"濾鏡 -> 模糊 -> 高斯模糊",輸入值 4
大功告成,是不是很有感覺呢 :) 到這裡文字部分的處理就完成了,接下來我們要處理整體場景效果,放些與音樂,海灘有關的素材,當然最關鍵的是要把放上人物放上去
第十一步 添加場景素材
1、打開教程的所有的素材,將它們一一添加進來;這一步大家可以自由發揮
最終效果
本教程到這裡就結束了,希望對大家有所幫助;Ps結合Ai可以制作出很多出彩的效果來,建議大家可以多了解些AI的操作