PS+AI 製作糖果字效

2021-02-13 平面設計

圖/文designioustimes  譯/南辰

在本教程中,我們將使用Illustrator和Photoshop創建一個很棒的糖果條字體效果。

在此過程中,你將學習如何:創建高級的矢量圖案畫筆、在Photoshop中訂製混合模式創建陰影和光線、潤色照片以適應場景 、創建適合圖片的背景 、使用調整圖層

步驟1 打開Illustrator,創建一個名為「Letter」的新文件,色彩模式設置為CMYK,72dpi。

步驟2  使用矩形工具(M),按下圖畫一個灰色的矩形。

步驟3  畫另一個矩形,但要比之前的那個窄。改變它的顏色為紅色或其它顏色以便區分。

步驟4  使用選擇工具(V),旋轉第二個矩形(如圖)。位置不需要非常精確,隨著感覺走~

步驟5  按住Alt鍵並點擊拖動紅色矩形移到右邊。拖動時按住Shift鍵保持平行。

步驟6 按CTRL+D三次。複製圖形。

步驟7 選擇灰色矩形,延長它一點,將它複製(Ctrl + C)並粘貼到前面(Ctrl + F)。按CTRL + SHIFT + ]把它放在其他形狀的前方。

步驟8 刪除其填充,選擇所有的紅色長方形,右鍵單擊>建立剪貼蒙版。選擇所有物件(按Ctrl + A),點擊合併按鈕。然後把合併後的圖形副本粘貼到前方(CTRL + C > Ctrl + F)。 使用橡皮擦工具(Shift + E),按住Alt鍵擦除左側紅色條紋的部分。

步驟9 向右移動副本圖形直到第一個紅色條紋對齊到第二個條紋上,如下圖。降低不透明度以便看得更清楚。現在選擇上方的形狀,並設置其
填充顏色為黑色。

步驟10 使用選擇工具(V),選擇黑色矩形,按住Alt鍵並單擊拖動中間的變形點,如圖。

步驟11 在路徑查找器窗口中(窗口>路徑查找器),單擊合併按鈕。然後選擇所有的物件,再次合併。使用直接選擇工具(A),選擇黑色矩形,點擊刪除。

步驟12 選擇所有藝術品,點擊拖動它到畫筆面板(F7鍵),設置它為「圖案畫筆」。使用路徑工具(P)繪製一條長的筆直路徑。然後點擊你剛才創建的畫筆。

步驟13 使用橢圓工具(L),畫一個圓圈。按住Shift鍵點擊拖動,使之更完美。

步驟14 單擊矩形形狀,從頂部的菜單條複製高度值。選擇圓形並在寬度和高度上粘貼此值。

步驟15 選擇這兩個形狀,對齊它們的水平軸。按CTRL點擊附近的區域取消,然後使用直接選擇工具(A),選擇圓圈的左側錨點,點擊刪除。

步驟16 使用選擇工具(V),按下圖對齊形狀。選擇矩形,按ALT點擊拖動來創建一個副本。 重新對齊副本,參照步驟9。

步驟17 選擇半個圓圈,刪除其填充,按住Shift點擊它後面的矩形。現在,右鍵單擊>建立剪貼蒙版。在路徑查找器窗口(窗口>路徑查找器),單擊合併按鈕。

步驟18 打開色板面板(窗口>色板),點擊拖動生成的形狀到面板裡。命名為「candy-end」。在畫筆面板中(F5鍵),選擇我們的畫筆。確保取消一切操作(按Ctrl點擊空白區域)。

步驟19 打開下拉菜單,選擇選項。單擊最後一個框,從列表中選擇「candy-end」。點擊確定。選擇路徑,再次點擊一下筆刷。現在看看它的樣子~

步驟20 對另一末端的路徑做相同的事。

步驟21 現在,讓我們創建文本吧。我使用「Giddyup Std」字體作為參考。使用水平文字工具(T),輸入下列文本。

步驟29 創建一個新層(Ctrl + Shift + N),混合模式設置為正片疊底,使用畫筆工具(B),設置硬度為0%,刪除畫筆面板其他額外的設置,塗抹一些陰影給它一個更棒的立體效果。使用暗紫色。 提示:按Ctrl + 單擊文字層,去圖層>圖層蒙版>顯示全部。

步驟30 創建一個新層(Ctrl + Shift + N),把它放在文本圖層的下方,使用畫筆工具(B),設置硬度為0%,刪除畫筆面板其他額外的設置,塗抹一些陰影,仿佛部分文字在牆上彎曲一樣。

步驟31 打開「paper texture」。選擇全部(Ctrl + A),複製(Ctrl + C)並粘貼(Ctrl + V)到我們的文檔中。把它放在背景層的上方。調整大小以適合畫布,然後按回車鍵。設置混合模式為正片疊底。

步驟32 去圖層>新建填充圖層>純色…和圖層>新建調整圖層>色彩平衡,Black & White。使用下面的設置。

步驟33 選擇所有物件(Ctrl + A,複製合併(Ctrl + Shift + C)和粘貼。去濾鏡>銳化> USM銳化。點擊OK。

完成了~

相關焦點

  • ai轉ps小插件神器
    平時做設計經常是ai與ps互轉,有什麼辦法可以更靈活的幫助我們在工作中進行編輯呢?今天分享一款最近新出的很不錯的ai腳本:它能輕鬆將Ai轉PSD格式,導出的PS文件是可編輯形狀圖層。這樣我們用ps輕鬆的大開分層的Ai的矢量文件了!
  • 使用ps ai字形工具打出好看的英文字體
    經常收集使用國外字體素材的同學,在使用字體安裝文件的時候,肯定會有這樣困惑,為啥就做不成效果圖上面的字體效果呢,上面的圖為效果圖,下圖為ai默認打出來的效果,很明顯下圖字母e以及h與上圖不一樣,這是什麼原因呢?
  • PS教程:利用PS製作綠色霓虹燈字效
    具體的製作步驟如下: 製作一個紋理,10×10像素的圖層。使用1像素的鉛筆工具畫2行黑色如下(這裡要把背景圖層刪除,新建一個圖層用鉛筆工具繪製)。"
  • Ps搞定有趣的條紋隱形創意字效
    3 製作條紋。 選擇矩形1,按住ctrl+alt+t,矩形1處於更改定界框狀態,然後按兩次shift+,生成的矩形1 拷貝向右移動20像素(按一下方向鍵ps默認移動1像素,按住shift乘10倍。若你更改了默認移動距離,那你就用你的設置值向右移動20像素)。 圖三
  • 平面設計學Photoshop好還是ai好?
    >針對Photoshop及AI兩個軟體之間的差異及功能側重點,簡單講述一下,希望入門小白同學能對兩個軟體有所了解~Adobe全家桶系列1.主要用途不同psai主要處理矢量圖,不受解析度的影響,無論被放大多少倍都是清晰可見。2.特性不同PS則最初是為編輯像素圖而開發的,在編輯像素圖方面更具有優勢。AI非常善於編輯和製作由路徑和錨點促成的圖形對象。
  • AI學習教程之圍繞物體製作放射線背景效果,喜歡記得點讚關注哦
    1、打開ai,點擊極坐標網格工具,雙擊一下畫板,就會彈出極坐標網格工具設置選項,如下圖;2、按住shift+alt鍵畫圓,雙擊進入圖案,刪除外圓,如下圖;3、Ctrl+c複製圖案,ctrl+f原位置粘貼
  • ps海報製作教程
    相信很多小夥伴都會簡單的ps軟體使用,PS不僅會用作我們業餘的使用,而且在很多專業上的海報設計上也會使用到ps。比如製作海報就是ps的常用功能之一。所以今天小編給大家帶來一個簡易的教程,即ps海報製作教程。
  • PS教程:巧用自由變換,製作摺紙文字效果
    (每期的圖文教程都有相關視頻教程,圖文結合視頻,學習效果更好哦)文字的PS世界也是很豐富的,之前出了多期特殊字效設計的教程,大家還是很感興趣的,本期教程我們來學習製作另一種特殊字效——摺紙文字效果,下面來分享詳細的製作流程。
  • (字效設計教程)
    順便在這說一句,字體幫推出的字效教程,每一篇、每一個步驟都非常詳細,如果你有足夠耐性,是基本可以練會的,另外,大家千萬不要以為這樣的教程,只能做這樣單個的字體案例,跟著教程學會之後,還要把裡邊的各種知識點充分咀嚼和消化,儘可能做到舉一反三、融會貫通,這樣,你的學習效果才能最大化,你在學習過程中付出的時間和精力,才能帶來更大的價值!大家加油!
  • 《我的世界》糖果世界如何回去主世界 糖果世界回主世界方法一覽
    不少玩家到了糖果的世界後玩膩了就不知道應該怎麼回去了,下面九遊小編為玩家們帶來了糖果世界回主世界方法攻略,快點進來和小編一起看看吧。 ... 我的世界糖果世界怎麼回去主世界?糖果世界回主世界方法攻略。
  • 糖果翻譯手機新升級,受到義大利旅遊局官方推薦,網友:厲害了!
    糖果翻譯手機新升級,受到義大利旅遊局官方推薦,網友:厲害了!在前段時間,有一部非常新穎的智慧型手機發布,那就是糖果翻譯手機,糖果翻譯手機是目前全世界第一款翻譯手機,而這款手機的相關新聞都會受到很多人的關注,在最近糖果翻譯手機和義大利的旅遊區進行合作,推出了定製款的糖果翻譯手機,而且還推出了糖果ai翻譯官的版本,而糖果ai翻譯官的相關翻譯功能更加的人性化,讓很多人非常期待這部手機,而糖果ai翻譯官目前支持超過一百種語言。
  • 如何製作板繪ps筆刷?ps入門基礎
    如何製作板繪ps筆刷?ps入門基礎!一些剛接觸photoshop軟體繪畫的萌新,可能還不清楚PS筆刷是如何導入的,筆刷一般存放在哪個文件夾,怎麼自定義設置筆刷。本期微課菌就來分享一組入門級的筆刷創建教程。
  • 孩子們看一眼就愛上的手工,糖果盒+糖果+糖果背包製作教程!
    可以把好吃的糖果裝到它裡面,拿來送小夥伴不錯喲。準備材料非常的簡單哦!只要列印圖紙,然後折一下用熱熔膠粘貼即可,非常簡單又可愛的糖果盒DIY,喜歡就來試試吧~把糖果放到紙盒裡,然後把三角形蓋子向下折,塗熱熔膠後粘貼好。可愛的三角形糖果盒製作完成,想要漂亮還可以用絲帶綁一下~
  • Ps/Ae動畫製作教程
    ps跟ae的動畫製作過程,簡單版本附帶ps源文件地址連結,看不懂的可以仔細研究一下源文件,http:
  • ps軟體裡面怎麼製作表格框
    ps設計的時候需要製作表格,經常用到,這裡我們自己總結一個好辦法可以分享給大家來學習借鑑使用,網上也有一些教程零零散散如下圖這樣的ps 表格怎麼形成的呢>首先你可以在word或者Excel表格文檔中製作好word或Excel文檔,然後把這個表格保存為PDF格式,ps軟體直接可以打開PDF文件,他們都是Adobe公司互相兼容。
  • 使用ps如何製作新年賀卡
    ps是功能強大的平面設計軟體,我們使用ps可以製作新年賀卡,下面就來看看使用ps是如何製作新年賀卡的。方法/步驟在桌面上雙擊ps的快捷圖標,將ps這款軟體打開,進入到ps的操作界面。打開ps之後,按下Ctrl+O鍵,在彈出的對話框內選擇圖片素材,然後使用移動工具鍵公雞圖形拖放到背景圖層之內,並調節其大小和位置。
  • ps如何製作動態GIF圖片
    ps如何製作動態GIF圖片 只要你有ps軟體就可以輕鬆製作一個自己喜歡的diy準備好幾張尺寸大小一樣的圖片 如圖所示:打開自己電腦桌面上的ps軟體  如圖所示:點擊ps左上角的「文件」按鈕選項點擊打開之前準備好的圖片  然後點擊打開 如圖所示:
  • 我的世界糖果世界怎麼回去主世界
    我的世界糖果世界怎麼回去主世界?很多玩家不知道在糖果世界怎麼回去,今天小編就為大家帶來我的世界糖果世界回主世界辦法,感興趣的玩家不要錯過。
  • PS教程:製作馬賽克效果的方法
    咱們常見的電視、報刊、網絡等等媒體上人物臉部被製作成模糊的樣子,讓人很難分辨出其廬山真面目,這種模糊的效果稱為馬賽克效果。
  • PS教程:製作酷炫的光線文字,充滿科技感的字效設計
    (每期的圖文教程都有相關視頻教程,圖文結合視頻,學習效果更好哦)本期教程我們來學習製作具有科技感的光線文字,下面我們就開始演示。10、下面我們在畫布中心再製作一個光源效果,在背景圖層上方新建一個圖層,選擇「畫筆工具」,選擇「柔角」畫筆,「大小」500個像素左右,「硬度」為「0」。在畫布的正中心也就是文字的正中心,單擊,如下圖所示,一個光源效果就簡單製作好了,可以適當地降低不透明度。