Illustrator結合PS製作質感的3D標誌教程
這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。
文章出處是來自Websbook.com的矢量教程類文章,寫教學的作者是佚名,感謝佚名提供Illustrator教程的實作教學。
教學大綱:
在這篇LOGO教程中你將會先在illustrator中製作LOGO的輪廓與3D效果,隨後將在PS處理細節。
Illustrator教程教學開始
效果圖
首先我們從illustrator開始
新建文件,設置如下圖
現在使用橢圓工具在工作界面上畫一個正圓(按shift鍵畫)
然後填充顏色選擇“無”,邊線顏色為黑色,寬度為25pt,如下設置
然後我們選擇“對象>擴展”,這樣做的目的是將圓內實心區域與邊線區域分離
看看我們已經將圓圈(無白色實心)分離出來了
合成形狀
使用線條,粗細為25pt,畫如下長方形,使用“對象>擴展”
移動兩個形狀到如下位置,然後確定左右是否對齊,你可以按ctrl+y只查看輪廓,再按一次ctrl+y就返回有顏色的圖形
然後將長方形與圓頂部對齊,可以按ctrl+r查看頂部位置
現在開始做效果了
這裡我們將使用到illustrator中的功能,如果你不熟悉illustrator,建議學下,這是一個和photoshop互補性很強的矢量軟件
按"窗口>路徑查找器",在形狀模式中選擇如下圖按鈕,合成這兩個形狀
看上去沒什麼變化吧,你可以使用"對象>擴展外觀"看一下,原來兩個形狀現在只看到一個形狀了
創建新的形狀
我們新建一個正方形形狀,並旋轉90度調整他的位置
把做好的正方形放到如下位置,你可以使用"窗口>路徑查找器"中的對齊面板
將位置對齊后,只選擇放塊這個形狀,按鼠標右鍵"選擇>下方的最後一個"
隨後選中所有形狀,在路徑查找器面板中選擇"減去後方對象"
LOGO的形狀到這裡就基本完成了
為LOGO增加3D效果
當我們完成LOGO標誌的形狀后,按"效果>3D>凸出和斜角",出現如下設置面板,設置參數如下
按確定后我們有了個基本的3D效果圖,我們要為其增加一些膨脹效果,按"對象>擴展外觀"
為LOGO標誌圖形增加漸變高光
窗口>漸變,我的設置如下圖,這裡你未必要和我用同樣的顏色,使用你自己喜歡的顏色就行
使用"直接選擇工具(A)"選擇3D圖形的內部區域,如下圖
隨後為其添加我們之前設置好的漸變效果
現在為圖形正面添加漸變,類型選擇徑向,隨後從中心向外拉出漸變線
為其他面也使用漸變,類型選擇線性
開始使用photoshop
將你在illustrator中完成圖形保存下(保存為eps格式,這是photoshop下能處理的矢量格式),隨後用PS打開,用橢圓選區工具繪製底部陰影
填充漸變色
完成後類似如下圖形,現在感覺陰影還很生硬
使用"濾鏡>模糊>高斯模糊",設置如下,隨後看到底部陰影出現模糊狀,感覺更加真實
調整陰影不透明度為30%,隨後新建圖層,製作兩邊的小陰影,同樣為他們添腳高斯模糊濾鏡,設置半徑為4.8,將不透明度設置為70%
按alt+shift拖動左邊小陰影,將其複製一個圖層到右邊,完成3D標誌圖形的製作
現在在做一些小的調整,選擇LOGO圖形頂部的方塊,為其增加高亮漸變
添加陰影線
現在已經很完美了,但我們還可以做調整,新建圖層,使用鋼筆工具製作如下路徑
使用筆刷工具,設置主直徑為1,硬度為100%
回到鋼筆路徑,鼠標右建選擇-描邊路徑,選擇之前做好的筆耍
為鋼筆線條調整不透明度到58%
增加LOGO標誌文字,完成整個LOGO設計
–本文轉載自 http://www.missyuan.net 教學網 —