当前位置:文章 > 图片制作海报模仿技巧
图片制作海报模仿技巧
ChiNa_威海_山岩 发布于 2018-05-22    分类:平面设计 教程/技巧     标签: photoshop 电商 教程 技巧 设计思维
浏览//评论
在高高手的公开课中,我提到的过把一个图片从无到有的过程,是通过思维和操作方法的合理结合来完成的,而把一个图片从有到好的过程是通过模仿与延展的锻炼来达到的,这几天收到不少朋友的私信与留言,发现很多朋友对于海报的模仿和延展都没有头绪,不知道该如何下手,那么今天我针对如何模仿和延展海报来跟大家分享一些自己的经验。 首先是海报模仿的部分,既然要去做模仿,那么我们肯定会去找一个模仿的对象,这里很多朋友就会陷入[color=#FF0000]产品具象化[/color]的误区。什么叫产品具象化,就是你做的产品是耳机,你去寻找的所有模仿对象都是具体到耳机,其实这是一种非常局限的思维方式,如果你的类目是一个大类目还好,如果是个小类目,那么基本就找不到靠谱的模仿对象了。 我们一定要学会让自己的思维灵活起来,在寻找模仿对象的时候,我们可以从三个方向去寻找: 1、通过[color=#FF0000]刚柔关系[/color],判断你要做的是偏向刚性(刚猛)还是柔性(柔和)的产品,然后去找相应偏向的产品中较为大类目的产品做模仿,以螺丝刀为例,螺丝刀是偏向刚性的产品,我们就可以去找一些运动器材、电器机械、男士服装、鞋、包类的图片作为模仿对象。 [align=center][img=讲堂25_02.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/r2VnAxP2_Sy7z.jpg[/img][/align] 2、通过[color=#FF0000]功能效果[/color],依然以螺丝刀为例,它是一种工具,那么我们就可以相应的去寻找一些偏向工具类型的产品。比如交通工具、多媒体工具、日用工具等。 [align=center][img=讲堂25_04.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/Lmk3CTaJ_f9ZM.jpg[/img][/align] 3、通过[color=#FF0000]形状几何化[/color],去寻找相应几何形状的物品类型,螺丝刀的外轮廓是细长的长方形,那么我们可以去寻找一些偏向这个形状的物体,饮品、男士化妆品、人物等都是可以的。 [align=center][img=讲堂25_06.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/kWtjxqx6_Q3Nw.jpg[/img][/align] 这里重点要说一下这个形状轮廓的应用,我们简称[color=#FF0000]几何法[/color]。我们在以前(第1、17期教程)的教程中提到过,大部分海报的组成部分是由①背景、②主体、③文字、④装饰四个元素组成的。 [align=center][img=讲堂25_08.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/jaVFCVYt_cAfQ.jpg[/img][/align] 我们要习惯从被模仿的海报中提取这[color=#FF0000]四个元素的几何化[/color]部分。这也是模仿学习一个海报的过程中最主要的部分,几何化的提取尽量记忆到脑海里,如果你的脑海中能够保留足够多的自己曾经模仿过的海报的几何化结构,那么在以后的延展中就能变的更加得心应手,灵感不断。下边是一个主体为化妆品的海报从一个服装海报中模仿提取几何结构的过程。 [align=center][img=讲堂25_10.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/9cGeZK3L_UdQ4.jpg[/img][/align] 尽可能细致的提取出被模仿对象四个基本元素的几何结构,并把自己的素材按照被模仿对象的几何结构进行摆放。 [align=center][img=讲堂25_12.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/WbLrhVPH_3Ye6.jpg[/img][/align] 我们在模仿过程中尽量[color=#FF0000]拆分学习四个基本元素[/color]在原图中的应用,切记不要没有目的的模仿,这样即便你模仿的再完美,过一段时间后脑海中还是会什么都没有留下,这是没有任何意义的。 ①学习文字排版三个地方——分了[color=#FF0000]几部分[/color],什么样的排列顺序;有怎样的[color=#FF0000]对比效果[/color],尤其对主标题是怎么处理的;[color=#FF0000]文字排版中的装饰效果[/color]是怎么处理的。(文字操作注意事项可以看7、8期教程)下图为例。 [align=center][img=讲堂25_14.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/wbs9qaSV_MRex.jpg[/img][/align] 文字整体分为5个部分,整体一个视觉点(虚线部分),文字排版的时候在海报中最好是做1-2个视觉点为佳,如果视觉点过多,会很涣散。 [align=center][img=讲堂25_16.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/NdkpGG8q_etR6.jpg[/img][/align] 文字的对比一般有五个部分 —— [color=#FF0000]大小、粗细、字体、颜色、框架[/color]。而这五个部分最主要的对比是针对[color=#FF0000]主标题[/color]与其他部分。主标题一般是最大、最粗、颜色和字体变化最特别的部分,而框架部分往往框住的是当前文案中[color=#FF0000]最重点内容[/color]部分。另外一些[color=#FF0000]细节的对比[/color]也是很重要的,比如当前文字排版中“品质女装”,“女装”两个字是加粗的。“0门槛包邮x9.14-9.21”中,数字部分是细体,前面是粗体,这都是细节的处理部分,很容易忽略。 [align=center][img=讲堂25_18.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/GPhyaZFv_zaBZ.jpg[/img][/align] 最后我们要学习一下好的文字排版中针对文字装饰的处理,比如例图的文字排版中,有三个可以学习的文字装饰: 1、最上方的两个横线,是比较常用的小字部分的文字装饰,而这种横线不要随意的去做,具体长短和粗细都要观察好。 [align=center][img=讲堂25_20.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/A8wUv5ZY_RKf5.jpg[/img][/align] 2、框架的处理一个细节,这里的框架是倾斜的,是因为整体文字是倾斜的,如果文字是正常的,我们不建议做倾斜的框架在里边。居中对齐的文案,如果有一些不对称的形状在里边会不舒服,包括左边的三角,如果是摆正的结构我们建议要么右边再做一个,要么左边的也去掉。 [align=center][img=讲堂25_22.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/6C3GXZUH_qkFa.jpg[/img][/align] 3、框架内的文字中间有一个“x”,最下方文字每个部分之间分割用“/”。这也是一些排版中比较常用的手段,针对文案中同一行需要做分隔的地方,我们尽量用“x”“—”“/”等对称的符号来替换“,。、”这些不对称的符号,另外要注意用这些符号的时候最好在[color=#FF0000]符号的前后[/color]都做空格,不然容易糊在一起不容易阅读。 [align=center][img=讲堂25_24.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/h8GsIsBW_eQqH.jpg[/img][/align] ②学习主体的空间应用(尤其注意主体与画布上下空间的处理)和主体位置的摆放,观察主体周围有没有做装饰感,如果做了,是怎么做的。 [align=center][img=讲堂25_26.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/Pd59FE83_dwvr.jpg[/img][/align] 主体的上下空间处理是很重要的,常见处理方式有两个,一个是像上方案例,主体[color=#FF0000]上下贯穿出画布[/color],另一个是下方案例[color=#FF0000]都在画布内侧[/color]。 [align=center][img=讲堂25_28.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/W5CXR6Cv_HsMJ.jpg[/img][/align] 主体周边使用了两个装饰方式,一个是在主体后方摆放散开的其他服装,另一个是在主体前方做了一个英文装饰。 [align=center][img=讲堂25_30.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/78LSOvEU_XsvY.jpg[/img][/align] 这里针对多个物体的摆放要提一点,尽量不要让物体间的摆放[color=#FF0000]存在缝隙[/color]。缝隙会影响观者的感受,让画面看起来不舒服。 [align=center][img=讲堂25_32.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/j7xgUTRB_VI2S.jpg[/img][/align] ③学习背景有没有做[color=#FF0000]叠图的效果[/color],如果有,是什么处理方式;图片的配色是哪几个颜色的搭配。配色的应用,我们一定[color=#FF0000]不要[/color]先考虑作者为什么这么去配色,毕竟你不是原作者,他的想法你不用猜测,我们要做的是记住这几个颜色搭配在一起是好看的,下次用同样的配色,能用好;背景有没有做分割,如果分割了,是怎么分割的。 [align=center][img=讲堂25_34.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/xOtIDta5_HVrY.jpg[/img][/align] 仔细观察背景的叠图部分我们能得到一些答案,1、女人的脸部;2、有一些刮痕或笔触感的素材;3、类似布纹感觉的元素。二这些元素有明显的透明感和融合感,这种处理在ps的应用中只模式、不透明度和蒙版可以完成,所以我们可以选择类似素材去做相应的操作(这里不用太过纠结要做一样,毕竟素材这种东西可遇不可求,咱们能做到相似就可以了)。 [align=center][img=讲堂25_36.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/InnuFPa2_Zq7X.jpg[/img][/align] 我也不知道骨头是用了哪些素材,所以也是找了一些差不多的,只要感觉能做出来就好了。对于这种不确定的素材搭建,要尽量自信一些,不要怕错。这里我怕有些朋友显示器看不清,特意做的比原图的底清楚了一些,如果想做调整压一压不透明度就好了。笔触感我做了20%的不透明度,人物和布纹是都做了正片叠底,底色是一个暗蓝色。 [align=center][img=讲堂25_38.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/LYw5EjsP_85Pz.jpg[/img][/align] 配色的应用在模仿前期要尽量多记住一些,比如这里主色调是一个暗紫色,搭配的辅助色是白色和艳粉(玫红色),并有一些深黄色点缀,所以这种暗紫色的搭配可以理解为,跟白色、黄色、玫红都可以应用,而在文案的框架中深玫红色又能与亮黄色和白色做搭配,所以通过这一个图片的模仿我们就能得到不少搭配的颜色关系。。 [align=center][img=讲堂25_40.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/V7VmufBD_VKnb.jpg[/img][/align] 分割是海报中极为常见的应用,可以从[color=#FF0000]线、面(规则、不规则)、具象化、立体化[/color]五个方向去观察。 [align=center][img=讲堂25_42.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/7ZLwX6wa_9IEF.jpg[/img][/align][align=center]线的分割[/align] [align=center][img=讲堂25_44.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/GMUTua2q_6U5Z.jpg[/img][/align][align=center]面的分割(规则)[/align] [align=center][img=讲堂25_46.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/TCQKJICe_FY73.jpg[/img][/align][align=center]面的分割(不规则)[/align] [align=center][img=讲堂25_48.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/xxr22HzQ_Ne4G.jpg[/img][/align][align=center]具象化的分割[/align] [align=center][img=讲堂25_50.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/xQrRxPL2_5Kzd.jpg[/img][/align][align=center]立体化的分割[/align] 我们可以观察到,原图的分割是使用了两个倾斜的面(规则的),上边有一点背景的纹理,所以可能是有透明度或者模式的一点处理,这种倾斜的结构就是我们能够学习的部分,制作到我们之前做的背景里看下感觉。 [align=center][img=讲堂25_52.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/raOPh86y_OfOH.jpg[/img][/align] ④学习装饰效果要看看应用了哪种效果,装饰效果种类有三种,飘散类型、固定类型、小图标类型。 [align=center][img=讲堂25_54.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/nRtgfYpG_NERg.jpg[/img][/align] 红色部分为飘散的装饰部分,注意看一下大小和虚实关系,是怎样的散落结构。三个较大的飘散成[color=#FF0000]三角形[/color]结构,让飘散也能[color=#FF0000]稳定[/color]在画面中,其他小的装饰围绕在文案和主体周边,但是大的框架是围绕着这个三角形而散开,数量不用太多。 [align=center][img=讲堂25_56.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/cfMBdCFx_AUJp.jpg[/img][/align] 一般一些几何结构往往都是以固定的形式存在于画面中,尤其是主体后面和图片四周为主,几何形状的应用一定要[color=#FF0000]结合好渐变、填充、图案[/color]的形式。 [align=center][img=讲堂25_58.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/gNwDh2VZ_6s7b.jpg[/img][/align] 原图中没有小装饰效果我们可以通过其他图片进行观察。[color=#FF0000]①点缀用日期、②英文单词、③各种符号等[/color]都是常用的小装饰效果。 [align=center][img=讲堂25_60.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/e2kmd3xX_3jvj.jpg[/img][/align] 最后我们把四个元素中观察到的部分依次结合到几何法得出的框架内,就能让模仿的图片变的更为准确,我随便找了一些化妆品的效果做了一个粗略的效果,道理能明白就好。 [align=center][img=讲堂25_62.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/JRcWE5Td_eKcw.jpg[/img][/align] 每一次的模仿,[color=#FF0000]哪怕只是学到一两个点[/color],积少成多就会让脑子里有很多东西,我每次遇到一些朋友咨询我为什么自己不看借鉴就做不出东西的时候就会反问他一句话,你有认真做过100个模仿吗,很多人都是否认的,那么你都没有做过这些数量的模仿,脑子里也没有什么存货,[color=#FF0000]凭什么[/color]能做出东西呢? 这次的教程内容有点多,我们就把模仿和借鉴拆分一下吧,下一期,我们聊一聊该如何去借鉴。
收藏
 
分享到:
 
  • 直播课程:-
  • 视频课程:-
  • 粉丝:-
  • 回答:-
正在加载...

Copyright © 2015 xuehui.com All Rights Reserved 长沙维联文化传播有限公司 版权所有(建议使用1280以上分辨率、IE8以上版本浏览器访问)
湘ICP备13012319号-2