长城上的猫

小编:本周分享下如何用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.画笔涂黑需要生成素描图像的位置涂成黑色。可用软性笔刷,白色背景可反选后,在“area”填充黑色。

4.去除多余用图层“眼睛”工具去查看图层,去掉一些 多余的乱线,或者用画笔工具在蒙版处擦出。

5.增加细节用导入的“笔刷”工具,耐心的处理好形象的关键部分,细节处的增加会让画面更加丰富。

 

需要注意的是

如果版本无法切换, 可以看看下面方法

国外大师做的动作,便捷我们的操作,由于适配的问题,必须是英文Mac: (基本解决方案)

▲ Mac:(进阶解决方案:当你找不到“lacales” 这个文件夹时)

▲ win:(基本解决方案)

附: (图片依然没有生成素描图,解决的同学请略过)

版本问题解决后,生成出现提示框正常选择继续“continue”。

如果还是没有生成图片,请检查图片问题:

  • 1.先把导入图片不要与background图层合并
  • 2.选择“你的图片”如图的下拉菜单,选择“Export As”

3.如图,选择“none”,  convert to RGB’4.按照教程重新进行生成。

最后:还是无法生成的同学,可能因为图片本身格式的不容问题。自带bug无法解决。请更换图片

 

总结  

关于素描效果今天只是一个抛砖引玉,真正落地使用效果需要去理性思考的,需要考虑页面场景,任何设计效果目的也不是为了界面好看而添加的,而是让用户对于信息的理解更加简单。下周见

 

 

 

原文地址:我们的设计日记(公众号)

作者:Savasaki

转载请注明:学UI网 » 不会手绘?如何做出精美手绘效果

登录收藏
 
你可能喜欢的:
漫画内容设计之专题三板斧漫画内容设计之专题三板斧
AI+PS绘制扁平滑轮少女风格插画AI+PS绘制扁平滑轮少女风格插画
梦幻插画-日出创作过程梦幻插画-日出创作过程
绘制酸唧唧的泡菜黄瓜绘制酸唧唧的泡菜黄瓜
GET,教你画一个贱贱的刺客伍六七GET,教你画一个贱贱的刺客伍六七
用Photoshop合成超现实的海洋用Photoshop合成超现实的海洋
【滴滴案例】如何设计并落地一个插画系统?【滴滴案例】如何设计并落地一个插画系统?
超级详细的AI绘制一组小黄人教程超级详细的AI绘制一组小黄人教程
【热气球】用AI绘制质插画【热气球】用AI绘制质插画
使用AI绘制2.5D人物插画使用AI绘制2.5D人物插画