不会手绘?如何做出精美手绘效果
不会手绘?如何做出精美手绘效果

素描效果运用场景

不会手绘?如何做出精美手绘效果
不会手绘?如何做出精美手绘效果

▲ 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

不会手绘?如何做出精美手绘效果
不会手绘?如何做出精美手绘效果