• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 Illustrator教學】Illustrator結合PS製作質感的3D標誌教程




    Illustrator結合PS製作質感的3D標誌教程

    這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。

    文章出處是來自Websbook.com的矢量教程類文章,寫教學的作者是佚名,感謝佚名提供Illustrator教程的實作教學。

    教學大綱:

    在這篇LOGO教程中你將會先在illustrator中製作LOGO的輪廓與3D效果,隨後將在PS處理細節。


    Illustrator教程教學開始

    效果圖

    Illustrator結合PS製作質感的3D標誌教程

    首先我們從illustrator開始

    新建文件,設置如下圖

    Illustrator結合PS製作質感的3D標誌教程

    現在使用橢圓工具在工作界面上畫一個正圓(按shift鍵畫)

    Illustrator結合PS製作質感的3D標誌教程

    然後填充顏色選擇“無”,邊線顏色為黑色,寬度為25pt,如下設置

    Illustrator結合PS製作質感的3D標誌教程

    Illustrator結合PS製作質感的3D標誌教程

    然後我們選擇“對象>擴展”,這樣做的目的是將圓內實心區域與邊線區域分離

    Illustrator結合PS製作質感的3D標誌教程

    看看我們已經將圓圈(無白色實心)分離出來了

    Illustrator結合PS製作質感的3D標誌教程

    合成形狀

    使用線條,粗細為25pt,畫如下長方形,使用“對象>擴展”

    Illustrator結合PS製作質感的3D標誌教程

    移動兩個形狀到如下位置,然後確定左右是否對齊,你可以按ctrl+y只查看輪廓,再按一次ctrl+y就返回有顏色的圖形

    Illustrator結合PS製作質感的3D標誌教程

    Illustrator結合PS製作質感的3D標誌教程

    然後將長方形與圓頂部對齊,可以按ctrl+r查看頂部位置

    Illustrator結合PS製作質感的3D標誌教程

    現在開始做效果了

    這裡我們將使用到illustrator中的功能,如果你不熟悉illustrator,建議學下,這是一個和photoshop互補性很強的矢量軟件

    按"窗口>路徑查找器",在形狀模式中選擇如下圖按鈕,合成這兩個形狀

    Illustrator結合PS製作質感的3D標誌教程

    看上去沒什麼變化吧,你可以使用"對象>擴展外觀"看一下,原來兩個形狀現在只看到一個形狀了

    Illustrator結合PS製作質感的3D標誌教程

    創建新的形狀

    我們新建一個正方形形狀,並旋轉90度調整他的位置

    Illustrator結合PS製作質感的3D標誌教程

    把做好的正方形放到如下位置,你可以使用"窗口>路徑查找器"中的對齊面板

    Illustrator結合PS製作質感的3D標誌教程

    將位置對齊后,只選擇放塊這個形狀,按鼠標右鍵"選擇>下方的最後一個"

    Illustrator結合PS製作質感的3D標誌教程

    隨後選中所有形狀,在路徑查找器面板中選擇"減去後方對象"

    Illustrator結合PS製作質感的3D標誌教程

    LOGO的形狀到這裡就基本完成了

    Illustrator結合PS製作質感的3D標誌教程

    為LOGO增加3D效果

    當我們完成LOGO標誌的形狀后,按"效果>3D>凸出和斜角",出現如下設置面板,設置參數如下

    Illustrator結合PS製作質感的3D標誌教程

    按確定后我們有了個基本的3D效果圖,我們要為其增加一些膨脹效果,按"對象>擴展外觀"

    Illustrator結合PS製作質感的3D標誌教程

    為LOGO標誌圖形增加漸變高光

    窗口>漸變,我的設置如下圖,這裡你未必要和我用同樣的顏色,使用你自己喜歡的顏色就行

    Illustrator結合PS製作質感的3D標誌教程

    使用"直接選擇工具(A)"選擇3D圖形的內部區域,如下圖

    Illustrator結合PS製作質感的3D標誌教程

    隨後為其添加我們之前設置好的漸變效果

    Illustrator結合PS製作質感的3D標誌教程

    現在為圖形正面添加漸變,類型選擇徑向,隨後從中心向外拉出漸變線

    為其他面也使用漸變,類型選擇線性

    Illustrator結合PS製作質感的3D標誌教程

    開始使用photoshop

    將你在illustrator中完成圖形保存下(保存為eps格式,這是photoshop下能處理的矢量格式),隨後用PS打開,用橢圓選區工具繪製底部陰影

    Illustrator結合PS製作質感的3D標誌教程

    填充漸變色

    Illustrator結合PS製作質感的3D標誌教程

    完成後類似如下圖形,現在感覺陰影還很生硬

    Illustrator結合PS製作質感的3D標誌教程

    使用"濾鏡>模糊>高斯模糊",設置如下,隨後看到底部陰影出現模糊狀,感覺更加真實

    Illustrator結合PS製作質感的3D標誌教程

    調整陰影不透明度為30%,隨後新建圖層,製作兩邊的小陰影,同樣為他們添腳高斯模糊濾鏡,設置半徑為4.8,將不透明度設置為70%

    Illustrator結合PS製作質感的3D標誌教程

    按alt+shift拖動左邊小陰影,將其複製一個圖層到右邊,完成3D標誌圖形的製作

    Illustrator結合PS製作質感的3D標誌教程

    Illustrator結合PS製作質感的3D標誌教程

    現在在做一些小的調整,選擇LOGO圖形頂部的方塊,為其增加高亮漸變

    Illustrator結合PS製作質感的3D標誌教程

    Illustrator結合PS製作質感的3D標誌教程

    Illustrator結合PS製作質感的3D標誌教程

    添加陰影線

    現在已經很完美了,但我們還可以做調整,新建圖層,使用鋼筆工具製作如下路徑

    Illustrator結合PS製作質感的3D標誌教程

    使用筆刷工具,設置主直徑為1,硬度為100%

    Illustrator結合PS製作質感的3D標誌教程

    回到鋼筆路徑,鼠標右建選擇-描邊路徑,選擇之前做好的筆耍

    Illustrator結合PS製作質感的3D標誌教程

    Illustrator結合PS製作質感的3D標誌教程

    為鋼筆線條調整不透明度到58%

    Illustrator結合PS製作質感的3D標誌教程

    增加LOGO標誌文字,完成整個LOGO設計

    Illustrator結合PS製作質感的3D標誌教程

    — —

    文章永久連結為: Illustrator結合PS製作質感的3D標誌教程