提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
簡簡單單,做個封面、banner設(shè)計~
寫在前面的廢話:
在pinterest上看到了教學(xué)過程的快剪,練習(xí)了一下,為了鞏固出了以下教程。
文章末附教程源文件,需要自行下載。
最終效果圖:
繪制時,我們將按照5個步驟來進行,分別是1.新建文檔 > 2.文字效果 > 3.添加元素 > 4.設(shè)置背景 > 5.最終效果圖,現(xiàn)在來一步步詳細說明:
教程步驟
step 01 新建文檔
1.1 新建文件:打開AI,點擊文件->新建(快捷鍵Ctrl+N)創(chuàng)建一個新文件,(參數(shù)設(shè)置:1200px * 800px)。如圖1-1:
圖1-1
1.2 新建矩形:畫一個矩形,大小設(shè)置為和畫布一樣;(教程 1200*800px);選擇右上角對齊(點一下圖上箭頭所指的那個東西~),設(shè)置x y為0;填充矩形顏色#FF8CFD(顏色根據(jù)自己的偏好自己設(shè)置吧~)如圖1-2:
圖1-2
1.3 鎖定矩形:選擇圖層面板,鎖定該矩形,如圖1-3:
圖1-3
step 02 文字效果
2.1 輸入文字:輸入合適的文字(快捷鍵 T),選擇合適的字體,調(diào)整合適的大小,總之開心就好(教程 旁門正道標題體 245pt 建議用粗一點的字體,效果會更好一些)如圖2-1:
圖2-1
2.2 設(shè)置字體顏色:這個地方文字顏色要和背景搭配起來。(教程 #FF42B4)如圖2-2:
圖2-2
2.3 突出和斜角:執(zhí)行效果-3D-突出和斜角。如圖2-3:
圖2-3
2.4 設(shè)置參數(shù):位置 等角-上方; 環(huán)境光 56%; 混合步驟 120;勾選 繪制隱藏表面(這一步很重要?。┤鐖D2-4:
圖2-4
2.5 復(fù)制圖層:將做好的文字復(fù)制一層放在畫布外面,以供后續(xù)使用(快捷鍵ctrl+C ctrl+V)如圖2-5:
圖2-5
2.6 擴展文字:選中文字 執(zhí)行 對象-擴展外觀;如圖2-6:
圖2-6
2.7 取消編組:選中文字-右鍵-取消編組,如圖2-7a;然后對單個字母,分別再進行取消編組,如圖2-7b:
圖2-7a
圖2-7b
2.8 選擇頂層:選擇“選擇工具”,快捷鍵V,然后按住shift選中每個3D文字的最頂層,如圖2-8:(如果選不中頂層則對字母再進行取消編組,參考步驟2.8)
圖2-8
2.9 剪切頂層:快捷鍵 ctrl+X,剪切掉3D文字頂層,如圖2-9:
圖2-9
2.10 編組:選中剩余的字體元素,編組??旖萱I ctrl+G,如圖2-10:
圖2-10
2.11 原位粘貼:將剛剛剪切的文字頂層原位粘貼,快捷鍵ctrl+F。如圖2-11:
圖2-11
2.12 建立復(fù)合路徑:選中剛剛復(fù)制的文字頂層,建立復(fù)合路徑。對象-復(fù)合路徑-建立。如圖2-12:
圖2-12
2.13 建立剪切蒙版:選中全部文字元素,建立剪切蒙版。對象-剪切蒙版-建立;如圖2-13:
圖2-13
2.14 剪切效果圖:建立剪切蒙板后可得到如下圖2-14的效果,這樣挖出的效果就算是做好了。(如果最終效果不是下圖這樣的,可能是文字頂層沒有建立復(fù)合路徑,或者是2.10步驟沒有將剩余元素編組,可以返回去再試一下。)
圖2-14
2.15 復(fù)制圖層:將剛剛復(fù)制在旁邊的文字再復(fù)制一個過來,放在旁邊進行排版。此時的文字我希望是代表挖出來的那部分,所以稍微縮小一下(大小 210pt,字間距 50 *這個參數(shù)根據(jù)你選擇的文字自行調(diào)整,總之合適就好)。如圖2-15:
圖2-15
2.16 擴展外觀:對復(fù)制出來的文字執(zhí)行 對象-拓展外觀;取消編組。如圖2-16:
圖2-16
2.17 設(shè)置顏色:然后用小黑工具(快捷鍵A)選擇文字頂層,將顏色設(shè)置為和背景一樣的顏色,可用快捷鍵 I 直接吸取背景顏色。如圖2-17:
圖2-17
step 03 添加元素
3.1 添加元素:根據(jù)“step 02 文字效果”的步驟再做一些其他元素,豐富排版。得到如下效果圖,如圖3-1:
圖3-1
3.2 圖層外觀:將樓梯編組、DEEP文字編組、O編組、m編組(選中需要編組的文字,快捷鍵 ctrl+G);調(diào)出圖層外觀面板:窗口-外觀。如圖3-2:
圖3-2
3.3 添加陰影:選中“DEEEP”文字組在圖層樣式面板點擊第二個圖標,添加投影。如圖3-3:
圖3-3
3.4 設(shè)置投影參數(shù):選擇外觀面板,點擊投影調(diào)出設(shè)置面板,設(shè)置參數(shù)如圖。(模式 正常;不透明度 62%;X位移2px;Y位移9px;模糊6px;點選顏色,設(shè)置投影顏色為#D84CA3)如圖3-4:
圖3-4
3.5 繪制橢圓:畫一個和m元素差不多大小的橢圓(教程120*23px),顏色設(shè)置為#D84CA3;右鍵-變換-旋轉(zhuǎn)-333°;得到如圖3-5:
圖3-5
3.6 高斯模糊:對橢圓進行模糊:效果-模糊-高斯模糊-54,得到如圖3-6:
圖3-6
3.7 調(diào)整位置:選擇圖層面板,把橢圓圖層拖動到“m”文字組圖層到下方,然后調(diào)整合適到位置。得到如圖3-7:
圖3-7
step 04 設(shè)置背景
4.1 添加背景:繪制一個1200*448px的矩形,顏色填充為#D8449F,選擇右上角對齊,X 0px;Y 0px;如圖4-1:
圖4-1
4.2 調(diào)整形狀:選擇小黑工具(快捷鍵A),點擊矩形右下角的點,按住shift,將該點移動到如圖差不多的位置。如圖4-2:
圖4-2
4.3 調(diào)整圖層順序:選擇圖層面板,將更改好的矩形拖到所有倒數(shù)第二的位置。如圖4-3:
圖4-3
4.4 排版:添加文字、元素等進行排版,得到最終效果圖,如圖4-4:
圖4-4
step 05 最終效果圖
最終效果圖
教程源文件自行下載~
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊