Photoshop 圖層入門教學 – 花樣圖騰字型排版練習

使用 Photoshop 設計作品的時候,很多元素都可以成為創意的素材,可以使用筆刷,可以使用圖庫,可以使用圖形工具,還有最重要的是 – 使用好的字型。

老師常常說,選到好的字型可以讓你上天堂,選到不好的字型會讓你住套房,果然,字型是很重要的啊!這裡,我們來讓同學玩些好玩的,使用免費的花樣圖騰字形,練習編排設計一個簡單的作品,如下圖所示:

Photoshop 影像設計  - Photoshop 圖層入門教學 - 花樣圖騰字型排版練習 - flycan_com 


Step 1

首先,上網抓一些免費的字型,網路上有很多免費的字型網站,其中就有花樣圖騰字型,又酷又好用~如下圖所示:

免費字型網站 http://www.dafont.com/top.php

Photoshop 影像設計  - Photoshop 圖層入門教學 - 花樣圖騰字型排版練習 - font00

Photoshop 影像設計  - Photoshop 圖層入門教學 - 花樣圖騰字型排版練習 - font01


Step 2

字型下載,裝好之後,打開 Photoshop 先打上一個文字 Flycan.com,如下圖所示:

Photoshop 影像設計  - Photoshop 圖層入門教學 - 花樣圖騰字型排版練習 - font02


Step 3

離 Flycan.com 這個文字遠一點,在畫面上隨意再打上另一個英文字,可以看到文字會產生另一個新的圖層,這時選用花樣圖騰字型,如下圖所示:

Photoshop 影像設計  - Photoshop 圖層入門教學 - 花樣圖騰字型排版練習 - font03


Step 4

同樣的,重覆一樣的步驟,打字打字,每一個都分開在不同的圖層,都使用花樣圖騰字型文字,並使用移動工具,移動到剛開始打的 Flycan.com  文字的四周,如下圖所示:

Photoshop 影像設計  - Photoshop 圖層入門教學 - 花樣圖騰字型排版練習 - font04

好玩吧,接下來就是同學發揮個人的美感和創意啦!

以上成品 PSD 下載 http://www.flycan.net/flycanimg/font/flycan_com.zip

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

關於「姜智豪 老師」

於 1996 年開始從事網頁設計工作 20 多年,參與設計過許多網站專案的開發,一直熱衷網頁設計工作至今。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 Photoashop、 HTML、CSS、RWD、JavaScript、jQuery 等網頁技術,對於 SEO 優化搜尋引擎排名提昇,以及 Instructional Design 教學專案設計亦有深入的研究。
posted in Photoshop 影像設計 and tagged , , , .

留言功能已關閉。