ps照片转插画-PS照片转手绘插画(带人物篇)

PS,AI巧使照片变插画写在前面:本教程需要有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的作品:

展开想象力,相信每个人都能用你们的照片创作出有意思的插画。

  • photoshop鎬庝箞鎶鐓х墖鍙樻垚鎵嬬粯ps濡備綍鎶婄収鐗囧彉鎴愭墜缁樺浘
    绛旓細1鎵撳紑銆ps銆戯紝瀵煎叆涓寮鐓х墖鍋氱礌鏉 灏嗚儗鏅浘灞杞崲涓鏅鸿兘瀵硅薄锛岄鍏堜负瀹冩坊鍔犱竴涓滄护闀-鍏朵粬-楂樺弽宸繚鐣欌2鍙屽嚮婊ら暅杈逛笂鐨勮繖涓浘鏍囧彲浠ヤ慨鏀规护闀滅殑娣峰悎妯″紡锛屽皢鈥滄贩鍚堟ā寮忊濅慨鏀逛负鈥滃彔鍔犫3鍐嶅湪鈥滃浘鍍-璋冩暣鈥濅腑娣诲姞涓涓滈槾褰/楂樺厜鈥濊皟鏁 4鏈鍚庝负瀹冩坊鍔犱竴涓滄护闀-椋庢牸鍖-鏌ユ壘杈圭紭鈥濇护闀 5鍚屾牱鍙屽嚮杩欎釜...
  • ps鎬庝箞鎶鐓х墖澶勭悊鎴鎻掔敾-ps鎬庝箞鎶婁汉鐗╃収鐗囧彉鍗¢
    绛旓細涓銆佺敤PS鎵撳紑闇瑕佸鐞嗙殑浜虹墿鐓х墖鍘熷浘,鎸塁TRL+J澶嶅埗鍥惧眰浜屻佹墽琛屾护闀-娑插寲,鎶婁汉鐗╃収鐗囦腑鐨勭溂鐝犳斁澶т笁銆佹恫鍖栧ソ鐪肩潧澶嶅埗鍥惧眰,鍘昏壊,婊ら暅-妯$硦-楂樻柉妯$硦,楂樻柉妯$硦鐨勫崐寰勮涓4鍍忕礌宸﹀彸,鐒跺悗鍥惧眰妯″紡鏀逛负鏌斿厜骞惰皟鏁,閫忔槑搴,杩欎篃鏄(鐨殑涓绉,纾ㄧ毊鏂规硶杩樻湁寰堝,澶у涔熷彲浠ョ敤鍏跺畠鐨勬柟娉曟潵纾ㄧ毊,杩欎釜鏄病鏈夎瀹氱殑鍥涖佹帴涓嬫潵鏂...
  • photoshop濡備綍鎶婄収鐗囧紕鎴愭墜缁樼殑濡備綍鐢ps鎶鐓х墖鍙樻垚鎵嬬粯
    绛旓細1銆佹妸鍑嗗濂界殑鐓х墖鐢≒hotoShop鎵撳紑锛2銆佽彍鍗曟爮鎵惧埌鈥滃浘鍍忥紞璋冩暣锛嶅幓鑹测濓紙Ctrl+Shift+U锛夛紝鎶婄収鐗囧彉鎴愰粦鐧界殑锛3銆佹寜涓嬧淐trl+J鈥濓紝澶嶅埗鍥惧眰锛屽浘灞備竴鏍忔柊澧炩滃浘灞1鈥濓紱4銆佽彍鍗曟爮鎵惧埌鈥滃浘鍍忥紞璋冩暣锛嶅弽鐩糕滐紙Ctrl+I锛夈傚皢鍥惧眰1璁剧疆涓哄弽鐩革紱5銆佸皢鍥惧眰1鐨勫彔鍔犱笅鎷夎彍鍗曢変负鈥滈鑹插噺娣♀濓紝杩欐椂鍥剧墖浼氬彉寰...
  • ps鎬庝箞鎶鐓х墖鍙樻垚鎻掔敾ps鎬庝箞鎶婄収鐗囧彉鎴愭彃鐢绘晥鏋
    绛旓細1. 鎵撳紑鐓х墖锛氬湪Photoshop涓墦寮鎮ㄦ兂瑕佽浆鎹㈢殑鐓х墖銆2. 澶嶅埗鍥惧眰锛氬湪鈥滃浘灞傗濋潰鏉夸腑锛屽彸閿偣鍑昏儗鏅浘灞傦紝骞堕夋嫨鈥滃鍒跺浘灞傗濄傝繖鏍峰彲浠ヤ繚鐣欏師濮嬬収鐗囩殑澶囦唤銆3. 搴旂敤婊ら暅锛氶夋嫨澶嶅埗鐨勫浘灞傦紝鐒跺悗杞埌鈥滄护闀溾濊彍鍗曪紝閫夋嫨鈥滆壓鏈护闀溾濇垨鈥滄护闀滃簱鈥濅腑鐨勯儴鍒嗏滆壓鏈晥鏋溾濈被鍒傚湪杩欎釜閮ㄥ垎鍙互灏濊瘯涓嶅悓鐨勬护闀滄晥鏋滐紝...
  • 濡備綍灏鍥剧墖杞崲鎻掔敾-鎬庝箞鎶鐓х墖杞崲鎴愭极鐢
    绛旓細ps鎬庝箞灏鍥剧墖杞崲涓烘彃鐢椋庢牸鐨鐓х墖 璇ヨ缃渶瑕佷簲姝ユ楠,鍏蜂綋濡備笅:1.棣栧厛鍦photoshop鎵撳紑鑷繁鎯宠淇敼鐨勫浘鐗,鏍规嵁鑷繁鐨勯渶姹傚仛涓浜涘熀鏈殑绠鍗曠殑淇グ,鍔涘浘璁╁浘鐗囧師鐗囩湅涓婂幓缇庤涓浜涖2.绱ф帴鐫閫夋嫨婊ら暅鑿滃崟,骞舵墦寮photoshop鐨勬补鐢绘护闀,杩欓噷鐨勫弬鏁板间笉鍥哄畾,鍙牴鎹嚜宸辩殑鍠滃ソ鏉ヨ瀹氥3.鎺ヤ笅鏉ュ彔鍔燙ameraRaw婊ら暅,...
  • PS鎬庝箞灏嗘櫘閫氫汉鍍忓浘杞负绱犳弿鎵嬬粯鍥?鎬庝箞鍋?
    绛旓細1銆佸皢鍑嗗濂界殑鍥剧墖锛岀疆鍏Ps涓 2銆乧trl+j澶嶅埗涓涓 3銆佸湪澶嶅埗鐨勫浘鐗囦腑鎿嶄綔锛宑trl+shift+u鍘昏壊 4銆佸鍒跺幓鑹插眰锛5銆佸湪鏂板鍒剁殑鍥惧眰涓紝ctrl+I鍙嶅悜 6銆佸皢妯″紡璋冩暣涓衡滈鑹插噺娣♀濓紝濡傚浘 7銆侀夋嫨鈥滄护闀-鍏朵粬-鏈灏忓尖8銆佹渶灏忓艰皟鏁存暟鍊间负鈥1鈥濓紝纭畾 9銆佺劧鍚庡弻鍑诲浘灞傝挋鐗堬紝鎵撳紑娣峰悎閫夐」锛屾寜浣廰lt閿...
  • 濡備綍鐢ps鎶鐓х墖杞崲鎴鎵嬬粯鏁堟灉濡備綍鐢╬s鎶婄収鐗囪浆鎹㈡垚鎵嬬粯鏁堟灉瑙嗛
    绛旓細鍦 Photoshop 涓皢鍥剧墖鍙樻垚鎵嬬粯鏁堟灉锛屽彲浠ラ噰鐢ㄤ互涓嬫柟娉曪細1. 鎵撳紑鍥剧墖锛氶鍏堬紝鎵撳紑 Photoshop 杞欢锛岀劧鍚庣偣鍑烩滄枃浠垛濊彍鍗曪紝閫夋嫨鈥滄墦寮鈥濆懡浠わ紝閫夋嫨闇瑕佸鐞嗙殑鍥剧墖銆2. 鍘昏壊锛氭帴涓嬫潵锛岀偣鍑烩滃浘鍍忊濊彍鍗曪紝閫夋嫨鈥滆皟鏁粹濅腑鐨勨滃幓鑹测濆懡浠わ紝灏嗗浘鐗囪皟鏁翠负榛戠櫧鏁堟灉銆3. 澶嶅埗鍥惧眰锛氬湪鍥惧眰闈㈡澘涓紝閫変腑鑳屾櫙鍥惧眰锛...
  • 濡備綍鐢PS浜旀灏嗘櫘閫鍥剧墖杞鎴鎵嬬粯绮夌瑪鏁堟灉?
    绛旓細棣栧厛锛屾墦寮Photoshop杞欢锛屽鍏ヨ儗鏅粦鏉垮浘鍍忓拰浣犲績浠殑鐓х墖锛屽涓嬫墍绀猴細鎺ョ潃锛岄夋嫨涓婃柟宸ュ叿鏍忎腑鐨--锛屼綘浼氱湅鍒鍥剧墖鐨勮瑙夋晥鏋滃彂鐢熶簡鍙樺寲锛氱劧鍚庯紝鍦ㄥ伐鍏锋爮涓紝閫夋嫨--锛岃皟鏁村叾鍙傛暟锛岀洿鍒板浘鐗囧彧鍓╀笅榛戠櫧涓よ壊锛岃繖涓姝ラ氬父浼氬甫鏉ユ樉钁楃殑瑙嗚鍙樺寲锛氬湪鍥惧眰鍙犳斁妯″紡涓紝灏嗕袱涓浘灞備粠鍘熸湁鐨勬ā寮忔敼涓--锛岃繖涓姝...
  • ps灏鐓х墖鍙樻垚鎻掔敾鏁堟灉-鎬庝箞鐢PS鎶婂浘鐗囪浆鎴愬悇绉嶇粯鐢绘晥鏋
    绛旓細1銆佸彲浠ョ敤PS寮鍚浘鐗,2銆佺偣閫夋护闀滃簱,閫夋嫨鑷繁闇瑕佺殑鏁堟灉鍗冲彲銆3銆佷篃鍙互鍒扮綉涓婁笅杞界浉鍏虫护闀溿傘婂浣曚娇鐢≒S鎵撻犺壓鏈編濂--婊ら暅鐨勪娇鐢ㄣ:./article/48206aeaa7f764216ad6b32e.鎬庝箞鐢photoshop鎶鐓х墖杞鎴愭墜缁樻晥鏋?:./share/home?uk=941077130鎴戠殑鐧惧害鐩橀噷闈㈡湁1000渚嬮」鏁欑▼鍦ㄩ噷闈㈡湁浜杞墜缁鏁欑▼鏄浘鏂囩殑...
  • ps鐓х墖鎵嬬粯鎻掔敾-ps鎬庝箞鎶婄収鐗囪皟鎴愭彃鐢
    绛旓細姝ラ璇︽儏:PS鎵嬬粯鎻掔敾鐩殑鏄敾涓涓槬鑺傛皼鍥寸殑绂忚,鏍稿績鐭ヨ瘑鐐规槸浣撶Н鐨勫閫,鏁翠綋姘涘洿鐨勬妸鎺,浣跨敤鍒扮殑宸ュ叿鏄ps(cc2014)鍜屾暟浣嶆澘鐩哥粨鍚堛傛墦寮杞欢PS,銆怌trl+N銆戞柊寤轰竴涓敾甯,鎺ョ潃鏂板缓鍥惧眰,浣跨敤銆愮敾绗斿伐鍏枫戝厛缁樺埗鍑虹敾闈㈢殑鑽夊浘绾挎潯銆傛帴鐫鏂板缓鍥惧眰,浣跨敤銆愭き鍦嗛夊尯銆戝伐鍏锋寜浣忋怱hift銆戦敭缁樺埗鍑哄渾褰㈤夊尯,璋冩暣...
  • 扩展阅读:免费照片处理工具 ... ai高清画质修复 ... 照片转手绘 ... ps把照片变成插画风格 ... ai修复图片在线 ... 照片转手绘ps详细教程 ... ps照片转手绘教程 细致 ... ps如何把照片变成插画 ... 在线ps网页版入口 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网