AI與PS結合製作漂亮的連寫立體字
本教程過程看似很多,製作起來也不是那麼複雜。作者使用AI的目的是要做出比較流暢的字體和簡單的立體效果。如果PS熟練的話,全部可以在PS裏面完成。
大致過程:先設立好想要的文字或圖形,然後慢慢立體化,受光面需要根據光源設定好高光和暗調,做出水晶質感。最後渲染好顏色並加上倒影等即可。
最終效果
1、打開Illustrator新建RGB文檔,1000px*800px,72DPI,寫一些文字,字體稍大些。我這裏用MarketingScript字體,字號234pt。
2、選擇文字,對象>擴展,點擊“確定”按鈕。現在我們的文字已經不再是可編輯的文本了,它已經變成了需使用直接選取工具編輯的路徑了。
3、現在,我們的字母是被編組在一起的,我們要把他們變成一體的路徑。用路徑查找器下的“聯集”可以做到。如果沒打開路徑查找器面板,窗口>路徑查找器,打開面板,然後選中路徑,點擊“聯集”。
4、文本顏色也改成淺灰色。用鋼筆工具(P)在字母s的末尾開始勾一個如圖的曲線。
5、根據字母的粗細調節一下曲線的粗細,我這裏是12pt。
6、在圖層面板中拖拽路徑層到新建圖層按鈕來複製圖層。點擊新複製出來圖層前面的小眼睛,隱藏圖層。這樣可以方便我們後面在Photoshop中添加陰影。
用直接選取工具(A)選擇右下角的兩個節點,按下Delete鍵刪除節點,把該圖層命名爲“swirl1。
7、隱藏圖層“swirl1”,顯示我們剛纔複製的圖層,重命名爲“swirl2”,刪除以下節點。這樣做是由於當我們把路徑擠壓成3D效果時,不想讓路徑在交叉點橫穿,而是想要前後層的效果。
8、讓所有圖層都顯示,選中兩個新建的路徑圖層,對象>擴展,點擊“確定”。放大視圖如下移動路徑節點,編輯細節。
9、放大視圖到曲線末尾,增加兩個節點如下所示,然後輕微上移和右移。
10、轉換錨點工具(Shift+C),調整兩個新的錨點讓尖角變成圓角。
11、然後我們調整路徑中要與文字連接的區域,讓它們連接更平滑。
12、調整滿意以後,讓所有的形狀統一填充色爲中等灰色。然後選中所有對象,效果>3D>凸出和斜角。
13、選擇所有對象,對象>擴展外觀。
14、現在銜接的地方效果不是很理想,你可以微調節點,稍後我們也會對此做調整。
15、隱藏兩個線條圖層,僅讓文字層可見。選擇文字圖形,右擊>取消編組,然後再來一次,右擊>取消編組。選擇在前面的正面圖形,隱藏該層。現在應該留下3d陰影元素。
拖動鼠標選取所有剩下的圖形元素,點擊路徑查找器中的“聯集”按鈕,命名圖層爲“3d1”。然後對隱藏的那兩個曲線圖層重複同樣的操作,把新圖層分別命名爲“3d2”和“3d3”。
16、你現在應該有6個圖層了“text”,“3d1″,“swirl1″,“3d2″,“swirl2″and“3d3″。
17、在我們導出這個文件到Photoshop之前,我們需要把視圖放大,用直接選取工具(A)調節一下曲線節點,讓他們無縫銜接。
18、現在我們將把文件導出成一個分層的PSD文件。文件>導出,選擇Photoshop(*)格式。
19、用Photshop打開剛剛導出的文件,圖像>畫布大小,輸入3000*2000px,點擊“確定”。Cmd/Ctrl+T調節圖形到合適的大小。
20、如下命名我們的圖層。
21、編組圖層(Cmd/Ctrl+G),“1”中包含“base1”和“3d1”,“2”包含“base2”和“3d2”,“3”包含“base3”和“3d3”。
22、在“3”下面新建一層,命名爲“bg”(作爲背景),填充白色。在“bg”之上新建圖層,命名爲“bg2”。設置前景色爲#767676,選擇漸變工具(G)。選擇前景色到透明漸變,從文檔頂部到中間拉一條漸變,設置圖層不透明度爲30%。
23、在“bg2”上新建一層,命名爲“bg3。選擇漸變工具,按一下D鍵將前景色和背景色分別設置爲黑色和白色。用前景色到背景色漸變在文檔的底部拉一個新的漸變,將該層不透明度設置爲10%。羣組這三個新的圖層,命名爲“background”。
24、選擇圖層“base1”,加一個漸變疊加圖層樣式(圖層>圖層樣式>漸變疊加),顏色從#c81d61到#d3347b。
25、右擊圖層“base1”選擇拷貝圖層樣式,選擇圖層“base2”,Cmd/Ctrl+點擊圖層“base3”讓兩個圖層都爲選中狀態,然後右擊這兩個圖層,選擇粘貼圖層樣式。雙擊圖層“base3”的圖層樣式,打開圖層樣式面板並反轉漸變。
26、現在我們給所有的“3d”圖層添加顏色疊加的圖層樣式。選中圖層“3d1”應用顏色疊加圖層樣式(圖層>圖層樣式>顏色疊加),顏色爲#797979。然後拷貝圖層樣式(右擊>拷貝圖層樣式)然後粘貼到圖層“3d2”和“3d3”。
27、在組“1”中新建一個圖層,命名爲“shine”。我們的圖層結構應該如下。
28、設置前景色爲白色,選擇前景色到透明漸變,拉一條從文字中間到頂部的漸變。
29、Cmd/Ctrl+單擊圖層“base1”的縮略圖,(這將建立一個基於該圖層的選區),然後選擇>修改>收縮,收縮量爲2像素。
30、把圖層“shine”的不透明度改爲30%,在剛剛那個選區激活狀態的情況下點選圖層“shine”,點擊圖層面板底部的“添加圖層蒙版”按鈕。
31、在圖層蒙版被選中的狀態下,設置前景色爲黑色,選擇一個適中大小的硬邊緣筆刷在圖層“shine”下面畫蒙版。
32、新建一個圖層叫“shine”,放到組“2”中,沿斜線方向拉另一個白色到透明的漸變。
33、Cmd/Ctrl+單擊圖層“base2”的縮略圖(生成一個基於該層的選區),然後Cmd/Ctrl+shift+單擊圖層“base3”(這將增加基於圖層“base3”的選區到現有的選區上)。收縮選區2像素,選擇>修改>收縮>2像素。選中新圖層“shine”,點擊圖層面板下面的“添加圖層蒙版”按鈕。效果如下。
34、把圖層“shine”不透明度設爲50%,選用合適的硬邊緣筆刷修改蒙版,遮住更多的地方。
35、在組“1”中新建一個組,命名爲“3dshading”,把它放在圖層“3d1”之上,“base1”之下。Cmd/Ctrl+單擊“3d1”的縮略圖,然後點擊“添加圖層蒙版”按鈕,爲新組加蒙版。
36、在這個組裏新建圖層,命名爲“shading1”,然後用一個小點的柔邊筆刷,80%的黑色,根據你所表現的光源方向,在應該爲暗部的地方加陰影。
37、然後設置圖層的混合模式爲疊加,50%的不透明度。
38、在圖層“shading1”之上新建圖層命名爲“shading2”,用一個小的柔邊筆刷,不透明度爲50%,白色,在光源環境中應更亮的地方噴塗。
39、設置圖層“shading2”不透明度爲50%,圖層混合模式爲疊加。
40、在這個組裏新建一層“shading3”。用小的柔邊筆刷,不透明度100%,黑色,在沒有光能找到的地方噴塗更多的陰影。
41、現在我們將對組“2”重複剛纔的步驟。在組“2”中,在“3d2”之上,“base2”之下新建一個組,取名叫“3dshading2”,Cmd/Ctrl+單擊“3d2”的縮略圖,將生成的選區作爲一個遮罩應用給“3dshading2”。然後新建圖層取名叫“shading1”,用一個合適大小的柔邊黑色筆刷在這個組的陰影部分噴塗。將混合模式設置爲疊加。
42、在這個組中新建一個圖層叫“shading2”。用一個合適大小柔邊白色筆刷在左角畫出高光,修改圖層混合模式爲疊加。
43、現在我們對組“3”做同樣的事情。新建一個組叫“3dshading3”,把這個組放在組“3”裏,在“base3”和“3d3”之間。Cmd/Ctrl+單擊圖層“3d3”,將選區作爲遮罩應用給“3dshading3”。在這個新文件夾中新建圖層命名爲“shading1”,設置混合模式爲疊加。用一個大點的黑色筆刷沿着底部邊緣噴塗陰影。
44、新建一個圖層,命名爲“shading2”,用一個大點兒的白色筆刷如下噴塗高光。
45、把圖層混合模式改爲疊加。
46、現在,圖像效果和圖層應顯示如下圖。
47、現在回到組“1”,拖拽“base1”到圖層面板底部的“新建圖層”按鈕上來複制一層。
48、雙擊新複製圖層的漸變疊加效果打開圖層樣式窗口。在圖層樣式窗口,取消勾選漸變疊加,按照如下設置增加內陰影。
49、右擊該圖層的圖層效果,選擇創建圖層。這將會把效果從圖層上分離出來,轉換成一個位圖。命名這個圖層爲“highlight1”。
50、現在你可以刪除圖層“base1copy”了。使用方向鍵左移“highlight1″1像素,Cmd/Ctrl+單擊“base1”的縮略圖,點擊圖層面板底部的“添加圖層遮罩”按鈕將生成的選區作爲遮罩應用給“highlight1”。
用方向鍵將圖層向上微移1像素,左移2像素。這是爲了將高光正巧放在字母的折角處發出反射光的地方。效果如下。
51、編組圖層“highlight1”(Cmd/Ctrl+G),命名該組爲“highlight”。點擊圖層蒙版按鈕給該組一個圖層蒙版。當然,我們也可以在圖層“highlight1”的圖層蒙版上直接工作,但在組的圖層蒙版上工作比較容易修改錯誤或是微調蒙版。
52、在圖層蒙版被選中的狀態下,用合適的柔邊黑色筆刷,遮住高光文件夾的區域。遮住所有左上邊緣以外的區域。效果如下。
53、對組“2”和“3”重複剛剛的步驟複製“base”圖層,應用內陰影,然後由樣式新建一個圖層,還有必要的遮罩。
54、好啦,現在我們加點顏色上去。在所有圖層和組的最上面新建一個文件夾,命名爲“coloroverlay”。在新組裏新建一個圖層名叫“overlay1”。前景色設爲#7c21c8,用漸變工具(G),前景色到透明,徑向漸變。在圖形的右下角區域畫一個大大的漸變,混合模式設爲顏色。
55、新建一層叫“overlay2”,前景色爲#fee409,在圖形右上角畫另一個漸變。混合模式改爲顏色。
56、現在我們需要一個包含全部“base”圖層的選區。Cmd/Ctrl+單擊“base1”,Cmd/Ctrl+Shift+單擊“base2”,Cmd/Ctrl+shift+單擊“base3”。
57、點擊“添加圖層蒙版”按鈕把基於這個選區的蒙版加給組“coloroverlay”。
58、現在給圖層“3d”加顏色。在組“1”中新建圖層,命名爲“color1”,把它放在組“3dshading1”之上。選則漸變工具,設置一個三色漸變,顏色分別爲#a53c3d,#c52366和#b22d9d。在新圖層上,畫一個長度爲我們圖像長度的漸變,設置“color1”的混合模式爲顏色。
59、現在我們要用圖層“3d”的形狀爲新的漸變圖層添加遮罩,並減掉一些“base”圖層的形狀。選區的精準非常必要,因此請按照以下操作提示進行單擊,記住,你要單擊圖層的縮略圖而非整個圖層。
首先,Cmd/Ctrl+單擊“3d3”,然後Cmd/Ctrl+alt+單擊“base2”,Cmd/Ctrl+Shift+單擊“3d2”,下面Cmd/Ctrl+Shift+單擊“3d1”,最後Cmd/Ctrl+Alt+單擊“base1”。獲得選區後,作爲遮罩應用給“color1”。
60、下面,在組“2”之上新建圖層,命名爲“shadow”。Cmd/Ctrl+單擊縮略圖“base2”,Cmd/Ctrl+shift+單擊“3d2”的縮略圖,把基於選區的遮罩加給圖層“shadow”。在這個圖層,用一個適中的柔邊筆刷,不透明度爲30%,黑色,在曲線上部被蚊子遮住的地方噴塗陰影。這會讓兩個元素間產生層次感。
61、現在我們要對曲線遮住自己的地方做同樣的事情。在組“3”之上新建一層,命名爲“shadow2”。
Cmd/Ctrl+單擊“base3”的縮略圖,Cmd/Ctrl+Shift+單擊“3d3”的縮略圖,把基於獲得的選區的遮罩加給“shadow2”。用一個適中的柔邊筆刷,30%黑色,在下面的曲線圖形上噴塗陰影。
62、我們就要完成了,就剩下一個小陰影和倒影沒加了。如果現在收起所有的文件夾,你應該剩下5個組。選擇除了“background”之外的組,拖到“新建圖層”按鈕上,進行復制。選中剛複製出的所有文件夾,Cmd/Ctrl+E合併到一層,命名爲“reflection”。自由變換(Cmd/Ctrl+T),右擊>垂直翻轉。把這層移到下面,加一個圖層蒙版。
63、前景色黑色,背景色白色,在蒙版上沿着倒影從下到上畫前景色到背景色的線性漸變,把該層的不透明度降爲10%。
64、最終,在組“background”之上新建圖層命名爲“shadow”。前景色設爲黑色,漸變工具(G),徑向漸變,在圖像的中間畫一個大點兒的前景色到透明的漸變。
65、自由變換(Cmd/Ctrl+T),拖動上面和下面的錨點如圖所示減小高度。
66、在我們確認自由變換的效果之前,右擊選擇透視。向左拖動右上錨點(左邊的錨點也會鏡像過來),回車。
把該層的不透明度改爲30%,完成最終效果。
感謝作者零七創意製作及投稿。
相關文章
-
Xara3D與PS結合製作漂亮的新年花紋立體字
我的外婆家裏養了一隻活潑可愛的小貓。這隻可愛的小貓,長着一身黃色的絨毛,四隻腳是白色的,他的眼睛又圓又大,離遠了看像兩個發光的小電燈泡。貓眼睛的瞳孔在白天總是眯成了一條縫,貓的眼睛隨着太陽一天三變,它白天睡覺,閉着 -
AI與PS結合製作精美的螺紋連寫字
本教程當前前期文字製作用到了AI,這款軟件的操作與PS比較類似,喜歡這款字體的最好先按住一個AI軟件。大致字體做好後再用PS來渲染立體感,尤其是文字筆畫重疊的部分,需要用加深等工具作出陰影。其它部分用圖層樣式即可。最 -
AI與PS結合製作個性紋理立體字
每天清晨,當我揹着書包去學校時,都會經過那座古橋,每天都會有無數的人和車從上面經過,而老橋則是默默無聞地支撐着。他從來都沒有怨言,不論颳風下雨都在那裏靜默着,看到老橋,我便想到了我的父母。世界上,父母的愛是偉大的,無私 -
AI與PS結合製作漂亮的金色霓虹字
本教程介紹稍微複雜一點的霓虹字製作方法。作者把文字和霓虹光分開來做。先用圖層樣式做出文字底色,並增加立體效果。然後再加入條紋狀的霓虹光即可。作者霓虹線是在AI完成的。同樣用PS也可以做出來。最終效果1、首先 -
AI與PS結合製作非常有衝擊的促銷立體字
文字中的立體部分是在AI完成的,同樣也可以在PS中完成。文字表面需要用圖層樣式及素材增加質感,再裝飾一點光暈,加上放射背景等,效果非常有衝擊力。最終效果1、首先打開AI軟件,輸入文字,排好位置。2、打散文字,變成矢量路徑。 -
PS與Ai結合製作超酷的灰色金屬質感立體字
本教程的立體字部分是在AI裏面完成的。製作原理跟用PS基本類似,也是需要多複製幾個圖層,錯開位置後做出立體感,然後渲染簡單的高光和暗調做出表面製作。大致立體效果出來後再用PS來渲染質感即可。最終效果1、使用illustr -
AI與PS結合打造超酷的裂紋立體字
蝦籠是一種省時、省力、高效的捕魚工具,別稱地籠網、蝦籠網等,傳統蝦籠一般是用竹篾編織成的,現在的蝦籠多用塑料纖維編織而成,只需放入誘餌就能捕獲魚蝦,下面來看一看什麼樣的蝦籠好用吧!一、捕蝦原理蝦籠是一種捕蝦工具,別 -
結合IA製作漂亮的花紋立體字
我們先思考一下什麼是病。所謂病,就是身體出現了問題,好比一個國家外部被攻打,內部出奸細,內憂外患,自然不安定。有什麼方法解決呢?第一,搬救兵,靠盟國幫忙處理;第二,靠自己,內懲奸細,外禦敵軍。說到這裏就很好理解了,所謂生病了 -
漂亮的金色霓虹字 AI與PS結合教程
觀賞魚的種類衆多,食性也大不相同,不過大部分都是雜食性的,所以可以接受肉食和素食。對於偏愛動物性飼料的魚兒來說,可以投餵魚蟲、魚肉、蝦肉等飼料,偏愛植物型飼料的魚類,則可以喂蔬菜、瓜果等。另外,人工餌料也很不錯,營養 -
3dmax結合PS製作非常絢麗的霓虹立體字
酸奶因其味道獨特,營養價值較爲豐富,深受着人們的喜愛。不少人在飽餐一頓後,常常喜歡來瓶酸奶,美其名曰促進消化,更有甚至直接拿酸奶來當作正餐,加些蔬果,希望通過這樣的飲食來達到減肥的目的。下面和本站一起來看看吧。但是