首页
/
每日頭條
/
生活
/
photoshop字體排版教程
photoshop字體排版教程
更新时间:2025-08-28 12:37:06

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

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

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
肉桂和桂枝的區别是什麼
肉桂和桂枝的區别是什麼
肉桂和桂枝的區别是什麼?原料不同雖說桂枝和肉桂都是來自于桂樹,但是它們的來源部位區别很大桂枝:其主要原料是桂樹的嫩枝,經過幹制切片後制成的一種中藥肉桂:其是以桂樹的主幹,去掉外面的老皮,取其枝幹部位的嫩皮做成的中藥,下面我們就來說一說關于肉...
2025-08-28
農莊生意好如何營銷
農莊生意好如何營銷
農莊營銷,說到了很多莊主的痛處。是呀,我們花心思做出好産品,卻賣不出好價錢;我們設計了農莊景觀、餐廳、親子空間,卻很少有人來玩?别人有的你都有,缺的就是那最後一哆嗦——如何營銷?01營銷策略農莊搞營銷,很多農莊的策略無外乎是,這三點:(1)...
2025-08-28
冒險島實景圖
冒險島實景圖
談起以前的網遊,有一定年紀的玩家們肯定可以列舉出許多經典的産品,比如:《傳奇》、《魔獸世界》、《石器時代》、《天堂2》等等。而有一款2d橫版卷軸的網絡遊戲應該讓不少玩家記憶猶新,那就是《冒險島》!《冒險島Online》是由韓國WIZET和N...
2025-08-28
帶魚是什麼季節吃最好
帶魚是什麼季節吃最好
現如今,雖然想吃點什麼東西随時都可以得到,但應季的東西卻是營養最豐富,味道最鮮美的。同理,雖然一年四季都可以吃到刀魚,但春天的刀魚卻是最營養,最好吃的。為什麼春天的刀魚最好吃,營養最豐富呢?在我國,刀魚一般會分為兩個季節的捕獲季。在北方:一...
2025-08-28
1月9日是什麼星座
1月9日是什麼星座
1月9日是什麼星座?1月9日是摩羯座摩羯座優點嚴謹理性、務實能幹、謹慎可靠、勤勉踏實、有主見,今天小編就來說說關于1月9日是什麼星座?下面更多詳細答案一起來看看吧!1月9日是什麼星座1月9日是摩羯座。摩羯座優點嚴謹理性、務實能幹、謹慎可靠、...
2025-08-28
Copyright 2023-2025 - www.tftnews.com All Rights Reserved