search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

[ Illustrator教程 ] Illustrator結合PS製作質感的3D標誌教學- AI/CD教程 - 骨子愛創意

教學主題: Illustrator結合PS製作質感的3D標誌教程

大家好!! 小編今天來和大家分享關於 AI/CD教程中的Illustrator教程教學

今天的這個教學主題是: Illustrator結合PS製作質感的3D標誌教程

這教學的重點為這幾點 [ 標誌,教程,製作,結合,選擇,如下,使用,形狀,我們,設置, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

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

效果圖

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標誌教學
貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

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

Illustrator結合PS製作質感的3D標誌教學
貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
的選區;按住Alt鍵將從起始點為中心勾劃選區。

創建新的形狀




我們新建一個正方形形狀,並旋轉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標誌教學

進入論壇參與討論和交作業:http://www.missyuan.com/viewthread.php?tid=479557

看完小編分享的教學之後 是不是對Illustrator教程中的AI/CD教程教學更熟悉了呢?

希望我們所介紹的 Illustrator結合PS製作質感的3D標誌教程 這教學會喜歡

文章標題: 骨子愛創意- Illustrator結合PS製作質感的3D標誌教程–轉載請註明來源處

本教學分類為Illustrator教程中的 AI/CD教程相關教學

文章相關關鍵字為: 標誌,教程,製作,結合,選擇,如下,使用,形狀,我們,設置,

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

本文轉載自 :VIA



熱門推薦

本文由 designhtd01com_0 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦