tft每日頭條

 > 生活

 > photoshop字體排版教程

photoshop字體排版教程

生活 更新时间:2024-08-06 06:20:05

想和老師一起學習設計或想要設計素材的同學們可以點擊老師頭像私信老師咯~

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)1

在本教程中,您将學習如何創建令人驚歎的徽标排版效果。我将詳細解釋所有内容,每個人都可以創建它,即使是那些剛剛第一次打開Photoshop的人。上面顯示的效果是我将向您展示如何在本教程中創建的效果。

1.讓我們開始吧

首先,轉到文件>新建以創建要使用的新文件,将其命名為Logo Typography,然後使用以下設置:

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)2

2.如何創建背景

想和老師一起學習設計或想要設計素材的同學們可以點擊老師頭像私信老師咯~

步驟1

在本節中,我們将創建一個背景。轉到圖層>新建填充圖層>純色以創建新的純色填充圖層,将其命名為背景顔色,然後選擇顔色 #262626,如下所示:

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)3

第2步

現在選擇水平類型工具(T) 并将字體設置為Arial,字體樣式設置為粗體,字體大小設置為30 px,對齊為,顔色為#000000。在“ 字符”面闆中,選中“ 全部大寫” 并将“ 前導”設置為18像素,如下所示。然後,單擊畫布内的任意位置,然後右擊選擇“粘貼且不使用任何格式”以粘貼一些随機文本。随意使用您自己的文本和字體設置。

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)4

第3步

在“ 圖層”面闆中右鍵單擊此圖層,然後選擇“ 轉換為段落文本”。然後,雙擊此圖層縮略圖并轉換文本框,如下所示:

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)5

第4步

重複上面步驟,直到用文本覆蓋整個畫布。同樣,您可以使用自己的文本 - 隻需确保它覆蓋整個畫布。

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)6

第5步

按鍵盤上的Ctrl A選擇畫布,然後單擊“ 對齊垂直中心” ,然後單擊“ 對齊水平中心” 以垂直和水平對齊文本。然後,按Ctrl D取消選擇并命名此圖層文本

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)7

3.如何添加徽标

想和老師一起學習設計或想要設計素材的同學們可以點擊老師頭像私信老師咯~

步驟1

在本節中,我們将添加一個徽标。轉到文件>打開,選擇Learnimo Logo.eps文件,選擇打開,然後輸入以下設置:

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)8

第2步

現在選擇橡皮擦工具(E) ,選擇一個硬毛刷,并删除你的口号下面的标志文本,如下圖所示:

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)9

第3步

選擇矩形選框工具(M)并圍繞徽标的Learnimo文本進行選擇,如下所示:

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)10

第4步

現在轉到圖層>新建>圖層通過剪切将徽标的選定區域剪切為新圖層。然後,右鍵單擊此新圖層,然後選擇“ 混合選項”。選擇顔色疊加選項,設置混合模式正常顔色要#ffffff和不透明度100% ,如下圖所示:

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)11

第5步

按住Ctrl鍵單擊 圖層1,選擇在同一時間兩個層,右鍵單擊在任何層,并選擇轉換為智能對象。然後,将此新圖層命名為Logo。

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)12

第6步

現在,使用移動工具(V)将此圖層拖到徽标版式文件中。然後,按鍵盤上的Ctrl A選擇畫布,然後單擊“ 對齊垂直中心” ,然後單擊“ 對齊水平中心” 以垂直和水平對齊徽标。

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)13

第7步

按鍵盤上的Ctrl T并将“ 寬度”和“ 高度”設置為200%,如下所示:

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)14

第8步

現在按鍵盤上的Ctrl Alt G創建剪貼蒙版。

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)15

4.如何添加焦點

想和老師一起學習設計或想要設計素材的同學們可以點擊老師頭像私信老師咯~

步驟1

在本節中,我們将重點介紹。轉到圖層>新建>圖層以創建新圖層并将其命名為Focus

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)16

第2步

現在按鍵盤上的D鍵重置樣本。轉到編輯>填充 并将内容設置為前景顔色混合正常不透明度設置100%,如下所示:

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)17

第3步

Ctrl A選擇畫布,然後轉到圖層>圖層蒙版>隐藏選區以隐藏圖層的選定區域。

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)18

第4步

現在單擊圖層縮略圖和圖層蒙版之間的鍊接圖标以取消鍊接。然後,按鍵盤上的Ctrl T并将寬度高度設置為85%,如下所示:

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)19

第5步

轉到濾鏡>模糊>高斯模糊,并将半徑設置為150像素,如下所示:

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)20

第6步

現在将此圖層的不透明度更改為50%

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)21

你做到了!

恭喜你,你成功了!這是我們的最終結果:

photoshop字體排版教程(平面設計教程-在Photoshop中如何把文字排版成圖形顯示效果)22

想和老師一起學習設計或想要設計素材的同學們可以點擊老師頭像私信老師咯~

本教程出自:Marko

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved