長城上的貓

小編:本周分享下如何用Photoshop做出手繪風格的設計,動動手指就可以把寫實素材轉換成手繪,再配合簡單文字和排版,效果會十分出彩~你也來試試吧!

 

素描效果運用場景

▲ BREAD的一組面包宣傳設計,采用的素描效果,配上手寫的文字,整體視覺感謝自然,清新,天然!同時能傳遞出濃濃的文化底蘊。

▲?西餐廳的菜單設計,相比傳統的照片設計,更加的溫馨,就像小時候奶奶手工做的美食一樣勾起回憶。

▲?咖啡店的海報設計,手工感和經典感覺從海報中就能看出,也能感到這家咖啡廳的文化和歷史。

?

怎么做

那么這種效果到底怎么做,對于非美術出身的同學,我們怎么掌握這種效果呢,今天給大家分享一個小技巧。使用PS動作工具,5分鐘就能做出這個效果。

?第一步:將PS語言改為英文?

▲?漢化的童鞋們,直接在“常規-界面-語言- (中文改成英文) -重啟”版本解決方案,請拉置最下!

?

第二步:導入素描動作筆刷?

▲ 1.下載云盤中的素描效果”文件(文末下載)

▲?2.新建“Ctrl+N”模式為:?72像素,RGB,8bit.?尺寸自定。

▲?3.打開預設管理,(Edit Presets- -Presets Manager),載入下載的畫筆。

▲ 4.點“load”載入,選擇下載好的“pat”就會出現這新的圖案。

?

第三步:生成素描效果?

接下來就是見證奇跡的時候了

▲ 5.選一個你喜歡素材圖片,比如正好在聽《斑馬》這首歌,就選擇這個斑馬這個圖片。

▲ 6.?將background和選擇的圖片合并,名稱是“background”不要變。

▲ 7.新建空白圖層,名稱改為“area”。

▲ 8.在“area”圖層里,用黑色軟性畫筆進行涂抹,將小斑馬的輪廓勾勒出來。(軟性筆刷邊緣會更舒服,需要硬朗邊緣,可使用魔棒工具,反選后直接填充黑色也是OK的)

▲ 9.選擇“area”圖層,右側動作生成鍵。

▲ 10.導入的動作打開-選擇下層文件,置灰按鈕變為可點擊狀態,點擊。這個過程需要1分鐘左右,電腦配置決定。(因為圖片關系有時會出現彈窗提示,直接選擇“continue”就可以)

▲?11.生成后的素描版版本(粗曠)

▲ 12.將多余的粗曠線條和顏色層進行關閉。(根據需要,如果設計要暖色不要管)

▲ 13.去除多余線條后,使用軟性畫筆在蒙版處擦除線條。

▲ 14.調整整體效果:現在看起來頭部不明顯,要跟原圖做結合。增加筆觸。

▲ 15.處理頭部關系,與原圖做參照,可疊加一層原圖。

▲ 16.用導入的畫筆工具線條增加筆觸。

 

?第五步:素描稿再設計?

將大體做好的素描稿儲存,重新進行排版設計。如果想做粗糙紙質的海報,并不需要去掉最上層的材質圖層,反之可以去掉,用白色底進行編輯。

▲ 17.增加漸變映射,改成一種有點悲傷氛圍的幽蘭色。漸變映射范圍:#1007ae-#ffffff

▲ 18.增加一些植物素材,嘗試油筆畫出的樣子。

這個斑馬讓我想到瘦骨嶙峋的動物在喝著水,于是就命名為“寵愛動物園”,將英文字體“*zoo”進行變形,做成上流的小河。字體也在筆觸亂線處做了處理。

▲ 任意字母,在濾鏡中使用“波浪”效果,造出痕跡,增加畫面材質感。

 

?第六步:優化細節?

▲?增加文字,排版細節,這個環節大家就可以自由發揮,這里只是拋磚引玉了。

 

回顧一下步驟

1.導入動作確保圖像模式為72像素rgb8bits包括筆刷、圖案加載好動作,再載入圖像

2.命名圖層背景和導入的圖片合并,都叫做“background”。新建空白圖層,命名為“area”。

3.畫筆涂黑需要生成素描圖像的位置涂成黑色??捎密浶怨P刷,白色背景可反選后,在“area”填充黑色。

4.去除多余用圖層“眼睛”工具去查看圖層,去掉一些 多余的亂線,或者用畫筆工具在蒙版處擦出。

5.增加細節用導入的“筆刷”工具,耐心的處理好形象的關鍵部分,細節處的增加會讓畫面更加豐富。

 

需要注意的是

如果版本無法切換, 可以看看下面方法

國外大師做的動作,便捷我們的操作,由于適配的問題,必須是英文Mac: (基本解決方案)

▲ Mac:(進階解決方案:當你找不到“lacales” 這個文件夾時)

▲ win:(基本解決方案)

附: (圖片依然沒有生成素描圖,解決的同學請略過)

版本問題解決后,生成出現提示框正常選擇繼續“continue”。

如果還是沒有生成圖片,請檢查圖片問題:

  • 1.先把導入圖片不要與background圖層合并
  • 2.選擇“你的圖片”如圖的下拉菜單,選擇“Export As”

3.如圖,選擇“none”,? convert to RGB’4.按照教程重新進行生成。

最后:還是無法生成的同學,可能因為圖片本身格式的不容問題。自帶bug無法解決。請更換圖片

?

總結??

關于素描效果今天只是一個拋磚引玉,真正落地使用效果需要去理性思考的,需要考慮頁面場景,任何設計效果目的也不是為了界面好看而添加的,而是讓用戶對于信息的理解更加簡單。下周見

 

 

 

原文地址:我們的設計日記(公眾號)

作者:Savasaki

轉載請注明:學UI網 » 不會手繪?如何做出精美手繪效果

登錄收藏
 
你可能喜歡的:
漂亮小姐姐“養成記”漂亮小姐姐“養成記”
2020年的插畫十大趨勢2020年的插畫十大趨勢
如何畫出有創意的插畫:應用篇如何畫出有創意的插畫:應用篇
插畫老畫不好?來看看國外大佬總結的10大插畫風格趨勢插畫老畫不好?來看看國外大佬總結的10大插畫風格趨勢
【系列插畫】扁平插畫小結(附筆刷)【系列插畫】扁平插畫小結(附筆刷)
佳作賞析:創意系列一組插畫佳作賞析:創意系列一組插畫
2020插畫趨勢大預測2020插畫趨勢大預測
畫一條/匹/頭/根大熊貓兒(三視圖)畫一條/匹/頭/根大熊貓兒(三視圖)
如何從0到1建立一套品牌插畫系統如何從0到1建立一套品牌插畫系統
如何建立一個強大的品牌插畫系統如何建立一個強大的品牌插畫系統
?
泰凌微电子上市的最新消息