‧覺得文章不錯請給我一個『讚』作為鼓勵喔!
今天設計嵐來分享一個從國外設計書學到的PhotoShop文字設計手法,很適合用在Logo設計、視覺設計標題等等文字特效運用,另一方面也可以練習到很特殊且好用的PhotoShop功能與技巧,大家不妨有機會可以試試看喔~按照教學一步步練習一定可以成功做出來!
◎完成圖:
‧覺得文章不錯請給我一個『讚』作為鼓勵喔!
今天設計嵐來分享一個從國外設計書學到的PhotoShop文字設計手法,很適合用在Logo設計、視覺設計標題等等文字特效運用,另一方面也可以練習到很特殊且好用的PhotoShop功能與技巧,大家不妨有機會可以試試看喔~按照教學一步步練習一定可以成功做出來!
◎完成圖:
今天設計嵐來分享一個具有時尚又有男子氣概的設計手法,很適合用在電影海報、汽車廣告等商品的設計上,這個效果叫做『金屬鑽石文字』,我喜歡這個效果除了本身有質感之外,更重要一點是還可以練習到PhotoShop許多的圖層樣式效果,真是一兼二顧,推薦給大家!
◎完成圖:
本教學重點在於中間『淡水分校』四個字的設計方式,其他構圖可以依設計需求自行搭配。
1.利用PhotoShop開新檔案,接著使用文字工具輸入所需文字。
今天設計嵐來分享一個好玩的PhotoShop小技巧,只要幾個簡單的設定,就可以模擬出直接從顏料管擠出顏料作化的效果喔!不管你擅不擅長使用筆刷作畫,都可以試試看~~畫出來的東西會變得很有趣喔!
◎完成圖(滑鼠版本):
上圖是使用滑鼠畫出來的完成圖,同一筆畫(即滑鼠左鍵沒有放開)所畫出來的很平坦(例如:臉),而在同樣位置在畫第二次則會產生凹陷效果~~大家可以和下圖用手繪版畫出來的做個比較;由於滑鼠比較不好控制~~所以比較容易畫得歪七扭八,然而,既然是小小孩風格,歪七扭八又何妨??
◎完成圖(手繪版版本):
今天設計嵐來介紹一個自己非常喜歡,但是在國內設計作品卻很少見的設計手法~影像拼貼效果,然而每次在教授這個設計手法時,總會有學生提出『蒙太奇』這個名詞來問我,彷彿『拼貼v.s.蒙太奇』是『同義詞』似的,既然許多人對於這個名詞有興趣,那就趁著這個機會順便說明一下,畢竟『蒙太奇』在設計領域中也是一個常被掛在嘴邊的詞,既然要掛在嘴邊,那就不能一知半解嘛~對不??
所謂『蒙太奇』最早是被使用在建築領域上,原文是法文的Montage,含有組合、結構的意涵;到了西元1915年德國的達達主義者(Da Daist)照相藝術家詹‧哈特費路(John Heartfield)把照片的斷片剪貼成一幅作品,將它稱為照片蒙太奇(Photo montage),此作品成為視覺藝術上第一次使用『蒙太奇』之開始。而到了西元1920年代初期,蒙太奇則開始被運用在電影創作上,成為學習電影必學的理論之一。
電影理論家貝拉‧巴拉秋(Bela Balazz1886-1952)曾經對蒙太奇下了較為具體的解釋:『蒙太奇就是把導演攝影下來一個一個的鏡頭(Shot或Cut)依照著一定的順序連結,進而將這些具有連續性的鏡頭綜合,使它產生導演本身所意圖的效果。』換個口語化一點的說法,就是『將原本彼此之間沒有關聯或意義的影像片段,經過蒙太奇(編輯組合)之後,轉換成能表達設計者意念,有系統的作品』。
因此從設計嵐自己的『廣義』解釋來說:『將各種設計元素經過設計師的想法重新編排,製作出一個完整有特定主題的作品,就是蒙太奇』,然而每次我這樣解釋,總是引來更多的疑問,因此更具體的縮小範圍解釋,所謂的『蒙太奇』就是將各種片段重新組合編輯,成為一個作品!
在很久之前設計嵐曾經發表一篇文章,用來說明『影像解析度』與『圖片品質』之間的關係,(詳閱:『解析度』的名詞解釋~By設計嵐一文),各位可以利用這篇文章說明的技巧進行圖片品質的確認,以確定是否能夠用於印刷,算是一個平面設計師必定要會的一個小技巧。
然而,一旦經過確認後如果圖片的品質不足以用於印刷上時,該怎麼辦呢??這個問題對於設計師而言是一個時常遇到的困擾,因為從客戶那邊所取得的影像素材,不一定每一張都是高解析度的優秀圖檔,如何解決此一問題,設計嵐特別分享一個從書上學到的好用密技,可以讓解析度不足的影像經過處理後依然可以做印刷輸出之用喔!
1.用PhotoShop開啟影像並確認目前圖片的品質狀況,執行『影像』→『影像尺寸』。
2.不要勾選『影像重新取樣』項目,將解析度改成300dpi,此時出現的文件尺寸,即為目前此張影像可以印刷的最大尺寸,超過這個尺寸印刷品質就不好了。
今天設計嵐來分享一個之前在國外翻譯書上學到的設計手法-利用Photoshop製作出『鑽石』的效果,很適合用在時尚精品或是特定主題的商業設計上,大家可以試著做做看!
1.利用PhotoShop開啟一個新檔案。
2.尺寸不用太大,解析度則和待會要製作的作品設定為一樣,在此設計嵐假設要用在印刷上,所以設定為350dpi。
今天來分享一個實用的技巧~GIF動畫圖檔製作,這種格式的動畫可以應用於廣告Banner、Logo、貼紙等等的設計,製作簡單又具有動態效果,相當受歡迎,實作上有許多軟體都可以完成,像是早期很流行的Ulead Gif Animator或是PhotoShop早期版本有一個ImageReady的附屬程式都可以製作。由於今天有學生問了如何使用PhotoShop製作GIF,所以本文就以PhotoShop作教學示範吧!
上面有提到,在早期的PhotoShop版本中,有一個專門製作GIF動畫的ImageReady程式,但是現在的版本已經沒有了,所以我們要直接在PhotoShop中製作。
◎完成範例:
1.先準備幾張『長寬尺寸相同、解析度相同、內容不同』的圖片,在此設計嵐簡單準備寫了123的三張圖片。
延續著上一篇的豹紋文字範例,設計嵐繼續使用相同範例檔案,說明在商業設計上,設計師常用在製作高質感商品倒影的一個技巧,各位學會了可以運用在Logo設計、拍賣商品修圖等,都會有效提升質感喔!
◎完成結果如下:
1.由於上一篇豹紋文字完成後,理論上圖層的結構會如下圖,我們必須針對背景以外的圖層進行合併,好方便後續作業。
今天設計嵐來分享一個多年前在一本國外翻譯的設計書上學到的技巧,由於多年前Apple的Mac 系統曾將其10.2版命名為『Jaguar』(豹),所以當年在設計界還蠻流行豹紋的設計手法的,所以當初便學了起來記到今天,咱們今天就以Mac OSX虛擬一個主題,介紹這個設計手法好了。
這個教學設計嵐想分兩部分,分別以兩篇文章說明,本文將重點放在於『豹紋』質感的製作;下一篇文利用本篇製作好的文字,來介紹一個在商業設計以及網站Logo都很常用的倒影效果製作,簡單又實用,大家不妨參考。
◎豹紋文字完成圖:
1.利用PhotoShop開啟新檔案
根據之前的新文章預告,設計嵐來介紹如何將數位相片製作成類似用彩色鉛筆素描繪畫的效果,大家可以找一張自己手邊的數位相片進行練習,效果令人驚艷喔。
◎原始圖 ◎完成圖
1.選取影像素材
在這個設計手法中,素材的選取也是重點的關鍵之一,在影像素材的選擇上,建議大家可以選擇『背景較單純、輪廓線條較明顯』的影像,這樣的影像製作這個手法會更完美。
今天設計嵐來分享一個PhotoShop超絕技,那就是將數位相片製作成具有油畫質感的作品,只要相關參數調得適當,油畫的質感相當擬真,而且輕鬆簡單,大家可以試試看。
◎原始圖 ◎完成圖
1.選取影像素材
在這個設計手法中,素材的選取是其中的關鍵之一,由於油畫的特性是『顏色濃厚、鮮豔』,因此在影像素材的選擇上,除了構圖本身優美之外,最好選擇色彩鮮豔、豐富的較適合。
這篇教學是設計嵐一個學生在『嵐設』Facebook粉絲團中分享的一個教學網站連結,其中的一篇教學文章,很棒的分享~~剛好也可以讓學生們了解Photoshop曲線功能的運用,引用過來給大家參考.^^..這個網站設計嵐也會將它將在側邊欄位的『好用資源』提供大家連結學習。
◎上色前: ◎上色後:
設計嵐本身很喜歡這種利用簡單指令製作出有質感的手法,大家如果是相關軟體的初學者,不妨也從這個方向著手進行練習,容易有成就感又學得到實際的東西。
以下文章引用自以下網址:
今天來針對影像去背的第三種類型-雲、煙霧這種柔軟不規則的影像邊緣,做去背方法的介紹,在這種類型的去背上,我們要運用PhotoShop的『色版』選取功能-亮色選取、暗色不選取的特性來幫助我們選取到要保留的影像主體,且又能保留柔軟邊緣的影像內容。
◎去背前: ◎去背後:
1.使用PhotoShop開啟要去背的影像
2.使用與『完全剖析影像去背Part I~純色背景去背法』一文中的步驟2相同作法將背景圖層改名以支援透明色。
今天來介紹第二種常見的影像去背手法,如果所要去背的影像內容為堅硬、實際的邊緣,且背景部分相當複雜,就適用於本文所介紹的去背手法,很重要卻很基本,有接觸影像處理的人可以熟悉一下。
針對此類型的影像作去背,將會使用到PhotoShop中的『筆型工具』,此工具的操作方法和llustrator的鋼筆工具完全一樣,為了節省網路資源,設計嵐列出去背的完整步驟說明,但是在筆型工具的操作上,各位可以點選下方步驟5的連結進行練習。
1.使用PhotoShop開啟要去背的影像
2.使用與『完全剖析影像去背Part I~純色背景去背法』一文中的步驟2相同作法將背景圖層改名以支援透明色。
3.使用『工具箱』→『筆型工具』
延續上一篇文章『完全剖析影像去背Part I~純色背景去背法』的介紹,我們去背完成的影像,可以透過合成來檢視去背的結果是否完美?也可以利用這個機會,學習如何將兩張不同的影像結合在一起,進行所謂的『影像合成』。
首先,要進行影像合成,先得準備兩張影像素材,其中一張我們以上一篇文章去背完成的花朵為素材,另外一張則以一張風景照片合成的對象,將兩張素材合成後,順便學習製作有『景深』的影像。
1.要進行影像合成的第一件事情,要先確認所有要合成在一起的影像素材:
a.解析度必須相同
b.影像尺寸不要相差太大
『影像去背』很重要!這點有涉獵影像處理的人都知道,在此不須設計嵐多加贅述;然而,每個設計師習慣使用的去背方法卻非常多,就設計嵐自己所知就不下七八種,結果使得許多人去背時反倒是混亂不知所措,因此,咱們來化繁為簡:『不管什麼樣的照片,謹記三種類型的去背方式就足以應付絕大部分的影像去背工作了。』三種基本功先掌握,以後設計嵐再分享特殊影像的去背。
◎修圖前:純色背景影像 ◎修圖後:去背後背景成為透明色
今天要分享的第一種類型去背為『純色背景』,不管影像中主體內容是什麼,只要背景是純色,就用這一招可以搞定一切,最後設計嵐順便分享去背完成後將去背影像合成至另一張影像上的動作!
1.用PhotoShop開啟要去背的影像
本部落忠實讀者Ray(好像主持電台節目.XD)問了設計嵐一個問題:『老師,書法字體要如何取得?』在設計上難免會有需要用到,這是個相當好的問題,所以藉這個機會設計嵐提供自己的壓箱寶來分享給大家吧,希望對各位有幫助。
1.方法一:購買『二南堂書法字帖』
這是設計師們公認首屈一指的電腦書法字體,字數龐大完整,且各名家字體收錄完整,因為這是從古人的書畫中擷取,再以數位化的方式製作,所以專業的設計師都會推薦使用,但是費用不便宜且數量龐大,不太可能全部安裝,在使用上都是搭配軟體銷售所附的字帖目錄,尋找需要的字體做安裝來使用。
2.方法二:親朋好友來相挺
找個會書法的朋友,需要時請他用書法寫下設計所需要的字,然後再掃描或翻拍進電腦中使用,費用低廉且友情無價,找不到這類的親朋好友也可以找街頭藝人代筆。
很多人在學PhotoShop時,對於圖層混合模式的意義、目的以及用途總是霧煞煞,更不用說了解究竟什麼時候?什麼情況下該套用哪一種混合模式了,其實這也難怪,因為在PhotoShop CS4中共有二十幾種混合模式,想要每一個都完整理解基本上不是一件容易的事,因此設計嵐以自己的經驗發表這篇文章,透過以下幾點,或許對於大家在理解混合模式上有所幫助:
1.混合模式的應用:
其實混合模式可以應用的地方相當的多,像是去背、修圖以及合成等等,例如設計嵐之前發表過的『30秒完成曝光不足相片處理』一文中就有使用到混合模式,因此設計嵐建議,『與其花時間去理解每一個混合模式的意義,不如從各種修圖手法、設計手法中去認識混合模式』,因為在許多的設計手法上,會套用何種混合模式其實都蠻固定的,當我們會的手法技巧越多,自然認識更多的混合模式,而大家在學習上也就優先認識有用到的混合模式就可以了。
2.從大方向去認識混合模式:
接著分享一個常見的相片亮度問題:『曝光不足』,由於光線不足或是光圈設定不好,導致了照片內容偏暗的問題,處理這類型的修圖動作很容易且固定。
◎修圖前: ◎修圖後:
◎修圖步驟如下:
1.用PhotoShop開啟曝光不足的影像