设计干货来了!菜鸟也能轻松输出有美感的设计稿,手把手教程,建议收藏!
创作立场声明:这篇文章抛砖引玉,如果你是设计专业大佬,欢迎交个朋友批评指正,毕竟俺只是位产品经理。
2017年底,熬了个通宵写了一篇关于视频剪辑的傻瓜教程(感兴趣的请戳下方链接)。5000+的收藏也是让我颇感意外,一转眼都过去快3年了,所谓出来混迟早要还的,当年放出的狠话还是要兑现的。这个国庆假期哪都没去,索性再熬个通宵,给大家整理下作为业余设计爱好者的我,是如何能快捷高逼格的输出所谓设计作品的。
本文有四大块设计干货,如若恰巧感兴趣,可以对号入座。如果实在没有时间,建议收藏,等空了细细品味。
第一:关于静物摄影的成像和构图技巧。
第二:关于广告图设计的思路和审美技巧。
第三:关于图标设计的一些展示。
第四:关于其它矢量(可打印制作的)广告设计的小巧思。
一、关于静物摄影的成像和构图技巧
1、我的装备
佳能600D+百微。机身是N年前入的,后来入了百微才知道委屈了我的大头。
我的想法是有条件的还是要更换最新的机身,防抖效果更好,主要是对焦点多了太多,600D的只有9点对焦,经常拉锯半天定不了焦,今年又有了新的买买买目标:购物车的无敌佛已经饥饿难耐。神牛柔光灯2盏,无线引闪器1个,背景布若干。
2、我的拍摄环境和场景
如下图所示,一个不大的书房里的一个不大的飘窗上,就是我的主阵地了。当然,也会根据需要切换,餐桌、阳台,再加上一些摆拍道具。对于摆拍道具感兴趣的,后续可以再出一篇我的红黑榜!下面放了几张之前拍摄的图片可供参考。其它很多内容大家可以去我的LOFTER主页看,再次重申,不是专业,不喜勿喷,哈~
3、关于拍摄的几个要点:
1)因为是静物,所以灯光和角度是非常重要的因素,配合着闪光灯的情况,我一般会以手动模式作为主要拍摄模式,具体的参数就要根据实际的场景光线去多拍几张样张调整:太亮了就调小光圈,太暗了就增大光圈,再配合快门速度,直到曝光和饱和度你满意为止。
2)关于对焦,因为600D的焦点比较少,加之百微的背景模糊真的很棒,在这种情况下对焦和角度就显得非常重要,一不小心就会出现没有层次感的画面(焦点对错了,或者对焦对了但焦点和其它部分的过渡太快导致整体效果模糊)
3)关于背景布的选择,一般需要寻找和拍摄物体对比度强的背景,比如物件是白色类浅色系,就不要再找白色类背景布,没有对比衬托出来的画面没有重点。一般有纹理的背景布基本是白搭的,因为画布本身就有层次感,不会太单调。另外最好买那种覆膜或PVC材质的,这样脏了也好清洗维护。
4)没有灯光的同学,其实上午十点左右以及下午四点左右的阳光场景,也是天然的绝佳拍摄时间段。或者借助窗帘的柔和光源。
5)辅助会2个PS的常用操作快捷键技巧会让你的后期修图效果加分。
第一个就是“CTRL+M”调出曲线框,对画面进行提亮处理。如下图处理前和处理后的对比。
第二个就是“CTRL+U”调出饱和度框,对画面的色彩饱和度进行微调。如下图处理前后处理后的对比。(如果前期光线和拍摄掌握的好,后期纸需微微调整就好了,省事。)
6、滤镜的使用,现在手机应用有很多修图软件了,有些自带的滤镜还是很不错的,比如我经常用的一款MIX,用手机拍照后快速修图出片然后发盆友圈装X,方便又省事。
二、关于广告图设计的思路和审美技巧
头图其实是我这些年来写文章自己制作的一些banner。我一直坚持不要光秃秃的就放一张图片,还是要有一些设计元素和重点突出的。嗯,没别的意思,就是单纯的喜欢。
一篇文章或者一个构思有眉目了,该怎么转化为有吸引力的广告图?说说我自己的理解四步曲(拿之前一篇文章的题图做举例说明):
第一,主题是什么?什么样的元素会更贴切。
比如我要分享一篇做免揉烤面包的教程文章,核心主题应该是免揉和烤面包,那么核心图案元素就是面包,然后就会去找相关的图片。然后我就找到了一张满意的照片。
第二,对图片进行尺寸处理,使它符合平台的上传尺寸要求。
去掉相关水印或者标明出处等等,就成了这样。
第三,突出主题元素露出。
图片尺寸和构图搞定之后,下一步就是主题元素露出。我要告诉大家这是篇教程,它的核心是教你做免揉面的烤面包。然后就成了这样。
第四,最后做一些简单的效果处理,凸显下设计元素和逼格。
我要做的效果是,上面长条面包要在和免揉两个字重合区域被面包隐藏的效果:
先对面包进行选择(磁性套索工具)
而后再栅格化"免揉"的字体,使之变为图形。
选中"免揉"字体图层,俺快捷键“del”删除免揉选中的部分。结果如下图,是不是觉得瞬间优点腔调了。
最后一步,整体润色点缀。左边加了黄色部分缓解了左右留白不对称的尴尬,"揉"下面的一片树叶也用同样的方法盖住字,更有感觉些。搞定!
三、我的设计灵感及素材来源分享
1、关于构图和图片素材网站。
花瓣网:一般搜索所需要的关键词就能出来很多图片,因为是国内站点,所以访问速度还是很快的,很多图片都是全网采集的,素材很丰富。
包图网:是一个付费下载平台,之前搞活动199元终身会员,还是很划算的。尤其是找一些需要源文件的素材(AI,PSD,PNG,动效等)。
iconfont:是阿里内部的一个专门针对各种图标设计的下载站点,很多png和矢量图标都可以这里找到。下载也只需要用微博账号登陆就能免费下载。
zcool:一个设计师交流平台,里面有很多创意的设计内容。涵盖设计的方方面面。经常会来这里获取灵感。
2、关于我的常用设计工具。
Photoshop:这个就不用说了,使用习惯了,常用的几个快捷键足以应付大多数情况的设计稿输出了。
illustrator:矢量图设计软件。倒是不拿来炫技的,而是在实际设计中经常找到的素材就是矢量格式的(.eps/.ai),这样就必须通过AI来进行打开后转格式到PS。另外,如果设计名片,可以打印的海报之类,就必须通过AI设计,才能确保打印出来的画面没有马赛克,这个后面会简单说到。
字由:一款在线字体神器。可以直接不用下载字体和PS/AI无缝对接。
四、关于图标设计的一些展示
自己在闲暇之余会搞点小图标的设计,提升下生活的品味,自娱自乐。
比如之前做了一套苏州地标的矢量图标(对,都是用上面提到的illustrator矢量图软件搞得)。用的就是MBE的风格进行设计创意的。期间为了还原苏州地标还特意去实景地排了很多角度的照片来还原真实性。
下面这套矢量图标也是类似的做法。是花了不少时间,不过每次做完都觉得成就感满满,这可能就是兴趣的力量吧。
下图也是以线条为主要方式勾勒的我想象中的乌托邦。想象着自己就是这所庄园的主人,人生得以圆满。近几年有了二宝之后,确实生活节奏明显加快了,可能是人到中年了,很多角色转化还没来得及适应自己都快老了。写这篇文章除了分享也想告诉大家,有什么自己想做的,趁年轻,赶紧的!其实难倒是真的不难,只要会软件的基本操作,其它的真的就是时间问题。一天不行两天,两天不行就一周,慢慢做,每天进步一点点,也能练就自己不浮躁的心态。
原本是打算在这个环节再来一篇教程的,可懒癌又犯了。这样,如果这篇文章热度也能过5000+收藏,且确实有人对此感兴趣,考虑再单独写一篇详细的傻瓜教程,带你走向高阶。
五、关于矢量广告设计的小心思(可打印的那种)
2014年在互联网餐厅风头正盛的时候,在苏州短暂的开过一家所谓的互联网餐厅。回首往事,感觉只有自己当时的一点设计可以拿来回忆了。
从第一张海报,到名片,胸牌,台卡,菜单等等,算是让自己在设计这个环节过足了瘾。自己的那些三脚猫功夫还能派上点用场。
名片印刷纸张
用于包装外卖的牛皮纸袋,可以印LOGO的
台卡
不说店铺运营的具体事宜了,咱回归到主题,来说说设计。平面设计的要点和只在显示器上展示的界面设计是完全不一样的。
首先是单位的差别:从PX(像素)到实打实的MM/CM/M。
分辨率的差别:从72dpi到300dpi。
颜色模式的差别:从RGB到CMYK。
色差:打印出来的载体会和在设计界面上出来的有差异。原因除了墨水颜色、纸张材质以及每台显示器存在色差等等。最好的办法就是使用输出设备的电脑还原输出色彩,或者有条件的可以边打边调。
胸卡
会员PVC卡
打印的界面能不用图片的就不要用图片(多自己画或者使用矢量图形),如果非要用图片,那就要尽可能找300dpi的大图,或者图片本身篇幅不大。否则会出现马赛克的情况。
下图是为苏剁1周年设计的签到墙(在布上面印刷的)
这是为苏剁一周年设计的配套拎袋
不干胶贴纸
这是为苏剁61儿童节设计的配套拎袋主题,每次都乐此不疲的默默付出,不为别的,就为了让大家看到这些用心设计的周边后,满意的笑容。
这是之前借着何以良搞的私人订制烘焙价目卡。喜欢从设计到实在的作品拿在手里的那种触觉,喜欢精细选择的颜色在自然光的照射下令人陶醉。这大概就是设计带给人的愉悦感吧。
六、后记
下面这张图是送给某人工作满10年的设计便签卡。多了设计这项技能,处处都能自定义,处处都能体验到仪式感。这样的生活你确定不来一份?好了眼看就要天亮了,今天就分享到这里了,有些内容没有写的很详细,如果你想深入了解,欢迎评论区留言,我们一起讨论,共同进步。
好了,这次分享就到这看看!我是山贼95270! 感谢阅读,欢迎关注、点赞、打赏,接下来还有干货、烘焙大分享~
沐浴在云朵
校验提示文案
伊布斯诺零
校验提示文案
getshine
校验提示文案
epfeng
校验提示文案
天河之东
校验提示文案
英吹斯汀
校验提示文案
ken_h
校验提示文案
mnhuikm
校验提示文案
mnhuikm
校验提示文案
ken_h
校验提示文案
英吹斯汀
校验提示文案
天河之东
校验提示文案
沐浴在云朵
校验提示文案
epfeng
校验提示文案
getshine
校验提示文案
伊布斯诺零
校验提示文案