各位同學在練習 photoshop 時,很常用到網路上下載的筆刷或是自訂形狀嗎?
今天小班長要跟各位同學分享,在國外也有很多圖騰文字的設計唷。
有很多地方都可以下載圖騰文字。
小班長推薦一個網站給大家,『 DAFONT 』這個網站上面有很多免費文字可以下載使用。
那麼圖騰文字有什麼用處呢?
實際上他就跟一般英文字母一樣有 26 個字,只是每個字看起來都像圖型而已。
不過就因為圖型字體基本上還是算文字,所以可以自由地變大變小,不用擔心糊掉等問題。
也能夠直接挑選自己想要的圖騰字體,來進行裝飾。
由於種類多,每種主題又都有 26個以上的圖形,所以除了形狀工具以外的好選擇非圖騰文字莫屬啦!
底下是小班長要分享給各位的主題,如下圖。
首先,要請各位同學準備三種字體。
1. HANDYHANDY : http://www.dafont.com/handyhandy.font
2. Butterflies : http://www.dafont.com/butterflies.font
3. Azalleia Ornaments Free : http://www.dafont.com/azalleia-ornaments-free.font
—
★ 安裝字體
我們先把三種字體都下載到自己的電腦裡吧 !
如下圖。
大家要記得下載的檔案放在哪邊唷,因為接下來我們要把它們拿到 C 槽裡面安裝。
再麻煩各位同學,將三個檔案選起來,並且複製。
再到路徑 “ C:\WINDOWS\Fonts ” 資料夾中,將檔案貼上。
如下圖。
貼上之後,會跳出安裝確認的小視窗。
小班長字型裝太多了,這會讓電腦跑很慢請勿模仿。(搔頭)
我們把字型都準備好了以後呢,就開始來試試吧。
★ 開新檔案
設計稿寬高為 800 px、600 px 。
如下圖。
★ 背景 和 商品圖
在做之前,我們需要準備素材,今天會用到的是商品圖和漸層背景。如下圖。
商品圖的話,建議同學可以在網路上找可樂瓶身來使用,這邊我們準備了 5 個不同花色的可樂瓶。
搜尋關鍵字 ” RECICLAJE ESCOLAR COLSACORS “,可以找到大張的相同可樂瓶身。
將蒐集來的可樂瓶身做去背處裡,可樂瓶的線條很明顯很好去背。
各位可以試試用多邊形套索工具去背或是用鋼筆工具,去完背以後再將每個瓶身都獨立出一個圖層。
如下圖。
漸層背景的部分,小班長以前有寫過一篇 『 Photoshop 圖層入門教學 – 鎖定透明與漸層 』,如果還不知道色塊漸層該怎麼做的話,可以參考這篇教學。
將做好的漸層背景丟入設計稿裡吧!
如下圖。
再來按 ctrl + t 變形工具,縮放成適中大小。
如下圖。
調整完之後按 enter,如下圖。
接著是商品圖。
先將可樂瓶給丟入設計稿裡吧,如下圖。
先選好 ” all ” 圖層,再用選取工具 拖曳 到設計稿上面。
如下圖。
丟進去的時候會比設計稿大上許多,這時候就必須使用 變形工具 來將它縮小。
此時需要注意,在 photoshop 裡縮小之後又改變心意再放大,可是會讓圖片糊掉唷。
下個步驟要分享一個方法給同學,使用 智慧型物件。
如下圖。
使用 智慧型物件 的話,可以隨時放大縮小調整。
一樣選擇 ” all ” 圖層,接著在上方欄位選取 圖層> 智慧型物件> 轉換為智慧型物件
如下圖。
“all 圖層” 的縮圖右下角,就會出現 智慧型物件縮圖。
這時我們就可以 ctrl + t 變形工具 自由的調整商品圖大小啦!
如下圖。
再來是設計稿左手邊,我們可以利用可樂瓶身曲線讓畫面更加活潑。
將剛剛去好背的 5 個瓶身,拖曳進來增加畫面造型感。
圖層記得要選到自己想拖曳得瓶子唷,如下圖。
也是利用 變形工具,做旋轉縮小。
如下圖。
瓶身可以利用大小差異,來製造前後的距離感。
如下圖。
第三個瓶子再繼續努力的加進來吧!
如下圖。
第四個瓶子也丟進來了。
如下圖。
因為新丟進來的圖層會在最上層,各位同學也可以自行做調整。
將 瓶3 拉到 瓶2 底下,讓 瓶3 在後面,如下圖。
最後一個瓶子也拿進來囉~
他要在大家的最後面,所以圖層那邊,記得把它拉到所有瓶子圖層的下方。
依舊 ctrl + t 變形工具 調整旋轉角度和大小,如下圖。
★ 增加立體感 『 陰影 』
接著我們將商品加上 陰影,增加立體感。
先在每個瓶身圖層的右方連點兩次左鍵叫出 圖層樣式。
再勾選 陰影,點入調整其數值,這邊各位同學可以依喜好自行調整。
如下圖。
陰影都加好了,畫面看起來有點擠,可以再稍微做位置調整。
如下圖。
輪到商品主題了,我們一樣是先選好圖層,在圖層右手邊連點左鍵 2 下,加入 圖層樣式 陰影。
如下圖。
主題商品的影子數值要稍微再調整一下,影子可以加重一點,如下圖。
半成品,如下圖。
★ 加入文字
首先選 文字工具,字型選擇 ” HANDYHANDY “,如下圖。
文字也增加一點立體感吧,開啟 圖層樣式,勾選 陰影,如下圖。
★ 增加圖騰文字
最後階段,來用 圖騰文字 裝飾畫面吧。
選擇字型 ” Butterflies ” 和 ” Azalleia Ornaments Free ” , 每個字母都代表一個形狀。
各位同學可以直接參照字型下載頁面,
蝴蝶字型 http://www.dafont.com/butterflies.font
花草字型 http://www.dafont.com/azalleia-ornaments-free.font
即使是圖騰字型,也是可以使用 圖層樣式 增加 陰影 唷。
如下圖。
在設計稿的左邊也加入花草和蝴蝶字型點綴吧!
其陰影和前後距離感,分別是用 圖層樣式 和 圖層順序 來製作,
大家來應用一下剛才小班長剛才教的吧!
感謝各位耐心看到最後,最後一手的完成品就交給各位同學啦。
photoshop 還有許多好玩的,往後會繼續再和大家分享,希望各位同學會喜歡。
當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!