在插圖畫家用頁捲曲或狗耳朵果皮剝去貼紙

創建頁面捲曲效果是一項非常方便的技巧,尤其適用於營銷和廣告相關的圖形設計。 在本教程中,您將學習如何使用Adobe Illustrator CC創建具有頁面捲曲或狗耳頁的剝離貼紙效果。 請注意,此頁面捲曲效果也可以使用CS6或其他最新版本進行製作。

下面概述的過程將從創建新文檔開始,並使用矩形工具,鋼筆工具和類型工具 。 然後,我們將顏色添加到形狀和文字,選擇字體,更改字體的大小和样式,以及旋轉文字。 您會發現用於製作此圖形的技術可以應用於製作各種類型的圖形。

要繼續,請繼續執行每個步驟,直到完成並完成圖形。

01 19

創建一個新文檔

文字和圖片©Sandra Trainor

要在Illustrator中創建新文檔,請選擇“ 文件” >“ 新建” 。 在這裡,我們將文件命名為“貼紙”,並將其製作成6“x 4”。 然後,單擊確定

02之19

創建一個廣場

文字和圖片©Sandra Trainor

從“工具”面板中選擇“矩形”工具,然後單擊並拖動以在大部分畫板上創建一個大矩形。

03之19

保存存檔

文字和圖片©Sandra Trainor

要保存進度,請選擇“ 文件” >“ 保存” ,然後單擊“ 保存” 。 將出現一個對話框。 對於大多數項目,您可以保留默認設置並單擊確定

04之19

添加顏色

文字和圖片©Sandra Trainor

現在讓這個矩形變成一個顏色。 在“工具”面板中,雙擊填充框以打開拾色器。 在那裡,您可以選擇顏色字段中的顏色或鍵入數字來指示顏色。 在這裡,我們輸入RGB字段255,255和0,這給了我們一個明亮的黃色。 然後點擊確定

05的19

刪除描邊

文字和圖片©Sandra Trainor

通過雙擊“工具”面板中的“描邊”框並在“拾色器”中選擇一種顏色,可在此處更改筆觸顏色,但在這種情況下,我們不需要中風。 要刪除默認提供的那個,點擊Stroke框,然後點擊下面的None按鈕。

06的19

畫一條線

文字和圖片©Sandra Trainor

從“工具”面板中選擇“ 鋼筆”工具 。 要製作一個您想要將貼紙剝離的線條,請點擊您的矩形上方,然後再點擊它的右邊。

07的19

劃分矩形

文字和圖片©Sandra Trainor

現在劃分矩形,使它變成兩塊。 從“工具”面板中選擇“ 選擇”工具 ,然後單擊您選擇的繪製線條,然後在您單擊矩形時按住Shift鍵。

這將選擇線條和矩形。 接下來選擇Window > Pathfinder ,點擊Divide按鈕,然後在Minus Back按鈕上刪除角落的棋子。

08的19

繪製剝離回來

文字和圖片©Sandra Trainor

現在你需要繪製一個形狀以便剝離。 使用鋼筆工具,單擊矩形的頂部以分割它以創建一個點,然後在其下方單擊並拖動以創建一條曲線。 按住Shift鍵的同時單擊最後一個點,然後單擊並拖動矩形右側的分割點,以創建另一條曲線,如圖所示。

要完成你的形狀,點擊第一個點。

19的19

添加顏色

文字和圖片©Sandra Trainor

就像在矩形中添加顏色一樣,現在您將為您的繪製形狀添加顏色。 這次在拾色器中,我們輸入到RGB顏色字段225,225和204中以獲得奶油色。

這將是再次保存您的進度的好時機。 如果使用Windows,您可以選擇文件 > 保存 ,或在Mac上使用“Command + S”鍵盤快捷鍵或“Control + S”。

10之19

添加陰影

文字和圖片©Sandra Trainor

選擇所繪製的形狀後,您將選擇效果 > 風格化 > 陰影 。 單擊以在“預覽”旁邊的複選框中選中一個複選框,該複選框允許您在提交投影之前查看投影效果。

要重新創建我們創建的外觀,請為模式選擇Multiply,不透明度為75%,使X和Y偏移均為0.1英寸,使模糊0.7,保持默認顏色為黑色,然後單擊確定

11之19

隱藏圖層

文字和圖片©Sandra Trainor

要打開“圖層”面板,請轉到“ 窗口” >“ 圖層” 。 點擊第1層旁邊的小箭頭以顯示其子圖層。 您還可以單擊子圖層旁邊的眼睛圖標查找要隱藏的路徑,這是您繪製的剝離形狀。

12之19

添加文字

文字和圖片©Sandra Trainor

在“工具”面板中單擊“文字”工具,然後單擊美工板並鍵入文字。 在這裡,我們在適當的地方使用大寫和小寫字母“使用額外的30%或20%或15%的折扣”。

然後你會按下轉義鍵。 默認情況下,文本顏色為黑色,您可以稍後更改。

要創建另一個文本區域,請再次單擊“文字”工具。 這一次,我們輸入了頁面捲曲後的文本:我們鍵入了“PEEL TO”,然後按下return返回到下一行,然後鍵入“REVEAL”,然後按下escape。

13的19

移動和旋轉文本

文字和圖片©Sandra Trainor

使用“選擇”工具,單擊並拖動頁面捲邊後面的文本(我們設計中的“PEEL TO REVEAL”)到矩形被切除的右上角。

雙擊擴展手柄,將光標移向邊框的一個角,直到看到雙箭頭曲線。 然後拖動以旋轉文字。

14之19

調整字體

文字和圖片©Sandra Trainor

使用文字工具,點擊並拖動文字將其選中。 然後選擇窗口 > 字符 。 在“字符”面板中,您可以通過單擊任何小箭頭來調出字體和字體大小以顯示您的選項。

在這裡,我們製作了Arial字體,粗體字體和14磅的大小。

15的19

更改字體顏色

文字和圖片©Sandra Trainor

選中文本後,單擊選項欄中填充顏色旁邊的小箭頭以調出替代顏色並選擇鮮紅色。 當文本突出顯示時,顏色無法看到,因此請點擊文本以查看它的外觀。

19的16

中心文本

文字和圖片©Sandra Trainor

對於這種設計,我們希望文字居中。 要居中文本,請單擊並拖動文本以再次選中它,選擇“ 窗口” >“ 段落” ,或單擊“字符”面板旁邊的“ 段落”選項卡。 在“段落”面板中,單擊對齊中心按鈕。 如有必要,您還可以使用選擇工具重新定位文本。

17之19

編輯文字

文字和圖片©Sandra Trainor

這是您對其他文本進行更改的機會。

對於這種設計,我們使用文本工具將光標放在單詞“EXTRA”後面並按下回車鍵。 這將文本分為兩行。 為了使它成為三行,我們將光標放在“30%”之後並再次按下。

要更改字體和大小,請突出顯示所有文本並將其選中,然後在“字符”面板中進行選擇。 在這裡,我們將字體更改為Arial Black,並使領先 (線條之間的空間)為90磅。

在“段落”面板中,我們也選擇了單擊按鈕來驗證所有線條,並在選項欄中將顏色更改為明亮的藍色。

完成編輯後,您可以點擊文本以查看效果如何。

審查完畢後,我們決定突出顯示最上面的一行來選擇它,並在Character面板中將其大小更改為24點。 然後,我們突出了第二行,並將其大小改為100%。 要選擇100%,您必須在值字段中鍵入,因為最高可見選項為72%。 然後,我們突出了最後一行,並使其為21%。

18 19

縮放文本

文字和圖片©Sandra Trainor

接下來,您將縮放文本。 儘管我們喜歡文本之間的比例關係,但我們想讓整體變得更大一些。 要完成這個改變,使用Selection工具點擊文本,然後選擇Object > Transform > Scale ,並且選擇Uniform選項,輸入你的值 - 我們選擇了125% - 然後點擊OK 。 然後,點擊並拖動文字將其放置在左側。

19的19

進行最終調整

文字和圖片©Sandra Trainor

現在進行最終調整。 在“圖層”面板中,單擊隱藏路徑左側的空白框以顯示眼睛圖標並使路徑可見。 同樣在“圖層”面板中,單擊並拖動此子圖層到其他子圖層上方,這會將剝離形狀放置在美工板上文本的前面。

對於這種設計,我們希望文本的第一行保持原來的位置,但第二行和第三行的文本位於右側。 要進行此更改,請選擇“文字”工具,將光標放在第二行的前面,然後按Tab鍵,然後對第三行執行同樣的操作。 如果需要,也可以單擊並拖動一行文本來選擇它並調整“字符”面板中的前導。

一旦你喜歡所有的外觀,選擇File > Save ,就完成了! 您現在有一個剝離貼紙,可以使用捲頁效果。