【 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標誌教程