照片上的情景插画-PS照片转手绘插画（带人物篇）
写在前面:本教程需要有AI和PS基础
一、分析插画特点
扁平插画是目前非常流行的一种插画风格,要制作扁平插画必须先了解分析它的特点。
在造型上:简洁,把复杂的造型简化。
在光影上:去除光影渐变,以及肌理效果,多使用纯色。
二、插画绘制工具
造型是AI比较擅长的,所以我们使用ai来绘制物体的造型,颜色则使用AI,这两个软件相互配合,几乎可以满足我们所有的需求。
三、构图
以一张照片为主体,照片上的物体可以适当进行删减、修改,例如竹筏的造型和位置不是那么理想,我们可以使用右边图片上的竹筏进行替换。
我们可以将画面分为三个层次,近景是竹筏,中景是山体,远景是天空。
两边高,中间低的V字形构图。
四、绘制步骤
步骤1:
用ai中的斑点画笔将近景、中景、远景一层层的绘制出来,只需要绘制大致的轮廓,可以把照片锁定后直接在照片上临摹,只需要画出轮廓,然后将里面的路径删除,得到一个面即可。
步骤2:
将绘制好的ai使用插件转为分层psd,到psd中绘制颜色,每一层的形状以单色为主。颜色的选择可以参考照片的颜色,例如,清晨,下午,或者晚上,吸取颜色即可。
步骤3:
添加水面倒影以及细节纹理,使用
布尔运算
,给倒影添加波纹的,细节,不需要很复杂,可以抽象一些。
AI教程:Illustrator视频教程,AI软件入门到精通
PS教程:PS教程全套,零基础也能学会的ps教程
如何把照片画成插画?这次画的是我亲友,她是一个超级漂亮的女孩子,也是个摄影大佬,最终完成图如下:
下面分享下画亲友的教程吧!
首先,要画的像,人物一定要有她本人的特点。亲友眼睛圆圆大大的,是很可爱的少女脸了。当然,一般来说也可以画比较卡通的面部,用服装和发型来体现亲友的特点。最简单的方法,就是让亲友发给你一张好看的照片!
照片是在公园里的银杏树林中,亲友拿着一片叶子微笑,非常温暖清新的感觉。
数位板(wacomctl671)+Photoshop软件
草稿就是快速概括你想表达的事物,这个草稿概括出,一个戴着贝雷帽穿着黑毛衣白裤子的短发女孩手里拿着一片银杏叶。此时对整个画面的风格也应该心中有数,要表达一种温暖的感觉。笔刷为ps自带硬边圆压力大小。
减小笔刷大小,在草稿图层上新建一层,勾出线稿。草稿是快速记录整体感觉,线稿就要把一些细节考虑到。
铺出大色块,定好这张画的颜色基调。为了突出温暖的感觉,我设想的是偏黄褐色的一张暖色调插画。我非常喜欢运用这种色调统一的邻近色,画面和谐且不易出错,也很适合新手。要考虑到环境对固有色的影响,在这张暖色调的画中,黑毛衣和黑发其实用的是褐色来表达,白裤子用的是淡黄色。
仔细刻画人物细节,画到这里我觉得面部不够可爱,颜色过重脸过尖,于是做出了修改,同时给衣服细化。
我这种善于偷懒之人,一定是擅长使用复制粘贴大法的。画两株银杏,剩下的就是复制粘贴+自由变换(Ctrl+T),一大片银杏就画好了。之前的文章有详细介绍,这里就不赘述了。
用ps自带柔角笔刷画出树的光影,在背景随便画出模糊的银杏树影。画布下方拉一个暗色渐变。给人物随意做出一些提亮,同样是柔角笔刷。
柔角笔刷画出几束光,所有图层最上方新建一层,填充褐色,模式设置为“叠加”,看感觉调整一下不透明度,这一步是为了进一步统一色调。最后加上文字和署名,这张画就完成啦。亲友收到了非常开心呢~
放一张过程动图总结一下:
我所有绘画教程文章请戳:绘画教程目录
PS照片转手绘插画（带人物篇）对于痴迷过无数动漫的我们来说,能把自己旅行、聚会的照片变成插画/漫画的风格,简直太有幸福感了,仿佛可以创造出我们自己的漫画世界。这里就分享一下我的创作过程吧,先放前后对比图:
网上的照片转插画教程有很多,不过只有纯风景照转出来才好看,有人物的照片转出来总有种“一看就知道是照片”的赶脚。所以我在网上教程的基础上添加了些手绘上去,让最后效果更像手绘。
首先要将照片转为插画风,这类教程不少,比较不错的一篇:PS拯救手癌党三分钟学会手绘插画风,大家可以参考,这里不再赘述。效果如下:
如果大家做出来的效果有偏差,可能是我当时制作时额外调了色调(时间太久,记不清了哈)。
其实第一步结束,就已经很有feel了,只不过我喜欢多一些动漫风格,而上面的人物还是偏油画感觉的。So,按照片里的人物重新打个线稿,上色,就完成啦:
噗开玩笑的啦,不过线稿是的确要先打,可以发挥想象力,不必拘泥原图,只要和场景的透视、交互关系处理好就行,为了能看清,我降低了背景透明度:
请原谅我5毛钱的手绘技术(捂脸),其实在漂亮的场景衬托下,不管怎么画,上色后都不会太差的。
这里可以参考一些手绘的上色技巧,我也是小白一枚,就不献丑了。不过可以提供个简单的办法,挑一些明快鲜亮的颜色,用纯色涂满人物也很好看,越简单越有手绘插画的感觉。或者参考宫崎骏、星海城作品里的配色,都很鲜亮。上色效果:
最后将人物和场景结合起来吧,注意遮挡关系(其实上幅图柱子后的女孩已经处理了遮挡关系了),有心点可以加些阴影,增强真实感。皂片里原本的人物嘛,只能靠ps一点点涂掉咯。还有个很重要的元素就是天空,可以很强烈的烘托气氛。在色调上,我的场景偏点黄和绿,所以也挑了这个色调的天空。还有天上的云不能太多,否则会喧宾夺主,观众视线不由自主被天空吸引。我挑的这个天空来自新海诚,最终稿如下:
本文讲的也只是基础,感兴趣的童鞋可以深入学习下手绘,可以画出更牛的作品。但相比技术而言,在照片上作画更重要的是创意,比如瑞典插画家JohanTh_rnqvist的作品:
展开想象力,相信每个人都能用你们的照片创作出有意思的插画。
什么是插画?它与绘画及照片有啥不同?
3. 出版物插图 文学艺术类－具备良好的艺术修养和文学功底 儿童读物类－拥有健康快乐的童趣和观察体验 自然科普类－扎实的美术功底和超常的想象力 社会人文类－丰富多彩的生活阅历和默写技能 4. 影视游戏美术设定 形象设计类－人格互换形神离合的情感流露 场景设计类－独特视角微观宏观的约减综合 故事脚本...
商业插画的特点-现代商业插画的风格
看个人选择吧,基本是场景大于人物大于纯插画的收入,游戏原画和纯插画人员早就饱和了。现在中国电影很缺能做概念设计的人,当然收入和自己画的质量有决定性关系,只要画的好都不是问题。什么是插画?它与绘画及照片有啥不同?插画,即我们以前所通称的插图,现代它的内涵更为广泛,商业性也更鲜明,它贯穿于包括为电影、...
qq空间的插画师-如何成为插画师成为插画师的条件
总之,成为一名插画师需要不断学习和探索、有创作灵感、良好的沟通交流能力和职业素养,只有具备这些条件,才能更好地展示自己的才华,并在插画艺术领域取得成功。插画培训机构推荐:1、名动漫:15年专做CG艺术教育,提供原画、插画、游戏界面、CG漫画、场景概念、3D建模等课程,适合职业培训和兴趣学习实体班也能...
色彩插画教程-零基础学插画步骤
在一幅优秀的插画中。人物的肢体语言和情景的和谐交融是构图的重点。 4、色彩练习 首先你要选择合适的色彩教程,根据自己擅长的软件来学习,优先学习软件,然后是参考别人的上色步骤。 以上内容就是小编收集整理的插画手绘相关内容,主要就是教大家如何自学手绘插画的方法,相信这个教程一定会对大家有所帮助,赶紧收藏练习吧...
绘本插画初学-想学插画,怎么入门
画速写时要根据书上所教的方法来练习,注意笔法线条以及线条力度,在练习线条的同时提高自己对造型的把握能力。3、构图练习 创意的实质就是对传统和人们惯性思维的颠覆,创意就是充满创新性。有创意的构图给人新颖,独特的感觉,能深深的抓住观众的视线。在一幅优秀的插画中。人物的肢体语言和情景的和谐交融是...
图片插画英语-图片;插图的英文怎么写?
图片;插图用英语怎么写 英语是picture\/graph\/figure。解释:picture英[_p_kt__(r)]美[_p_kt__]n.照片,画像;图画,图片;影片;情景;vt.构想,想象;描绘,画;描述;[例句]ApictureofRoryO'MoorehangsinthediningroomatKildangan.一幅罗里·奥穆尔的画像挂在基尔丹根的餐厅里。graph英[gr_f]美[r_f]...
游戏海报插画-游戏原画和插画有什么区别?
图示中的NPC设计,原画设计师将参考素材,各处的设计细节都用文字或图片解释的非常详细,这是为了给后面的3D建模师及动作特效师等更好的去制作出来。原画要求表达的内容精准,游戏中的人物或怪物、场景全靠原画师的设计,所以有着良好的设计能力和创意是一个优秀的原画师所必备的。什么是插画?插画是以画面的...
商业插画分析-人教版教材插图引争议,插画师这一行业的收入情况如何
你的作品太艺术,别人看不懂,太低俗,人家瞧不上,做得到这样的火候才算是合格的商业插画师。 在消费者的注目下,你的作品进入第三关,和周遍的产品比较。如果插画没有强化和夸张商品特性,被其他的商品压倒了,那么,也会产生前面的结果!在超市里经常见到挑挑拣拣拿起放下的情景,直到结帐之后,一幅商业插画才算成功...
原画设计和商业插画的区别_什么是商业插画设计
但与插画不同的是,宣传原画是将游戏的美术设计而不是情景情节等向消费者展示,所以设计上也有较高的要求。同时为了达到好的宣传作用,那么就必须制作精良的画面。因此,宣传原画综合了原画与插画的要求,设计上必须出彩,画面上必须精美,所以对画师的要求是最高的。 总结 综合上述,“原画设计”是重在“设计”,是游戏的...
关于手绘插图
PS－2－铅笔临摹 Photoshop上色 画封面 http:\/\/www.vrsky.com\/zhai\/zhaishow.asp?id=120 PS－3－新手学堂Photoshop打造超级可爱的QMM http:\/\/www.vrsky.com\/zhai\/zhaishow.asp?id=122 PS－4－Photoshop 菲菲卡通MM （真人照片改成插画）http:\/\/www.vrsky.com\/zhai\/zhaishow.asp?id=123 PS...