当前位置:首页>ps实例教程>ps绘画教程>手绘教程>教程内容

ps手绘新版超人教程(14)

来源:站酷 作者:蓝色性格 学习:6587人次

步骤比较多,很考验大家的耐心哦,希望对大家的绘画之路有所帮助,绘画所需的所有素材我已经下载整理打包上传了,喜欢的朋友让我们一起来学习了。

最终效果:

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

具体步骤:

1、利用网格辅助还原参考图像的真实比例,迅速描绘出精确的草图。

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

2、绘制背景

(1)创建“Background Rough”层

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(2)选择圆形笔刷,设置不透明度50%左右,绘制大体明暗效果

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(3)创建新层,命名为“Background detail1”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(4)选择纹理圆形笔刷,在脚下和身后涂抹

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(5)选择除背景层外的所有图层,执行Ctrl+G编组,命名为“Background”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

3、基本颜色

(1)新建组“Face”,并新建图层“Face”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(2)设置颜色#e5c7bc,这新层中绘制脸部皮肤

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(3)新建图层“Hair”,设置颜色#181212,绘制头发最暗部,尽量避免使用纯黑色。

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(4)创建新组,命名为“BODY”,并新建图层

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(5)将新层命名为“Base”,设置颜色#142f4d,涂抹整个身体

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(6)按住Ctrl,单击Base层,选中此层

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(7)在“Base”层的基础上,颜色设置#852028,涂抹出红色斗篷,靴子以及胸前的徽标

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

4、基本色调

(1)选中“Face”层

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(2)选择圆形硬喷笔,绘制中间色调

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(3)在“Face”组下,创建新层“eyes”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(4)使用椭圆工具(U),按住Shift键,拖动出个正圆,并填充颜色为#47493e

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(5)复制“eyes”层,并拖动到另一只眼睛处,并调整大小,然后擦去多出来的眼脸部分。

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

 

(6)选中“Base”层

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(7)创建新层,设置颜色#070c12,绘制该区域的暗部,尽量避免使用纯黑色。

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(8)在“cape”层上新建图层,并绘制出周围的阴影

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(9)在“Boots”层上新建图层,并添加明暗色调,还可以添加一些高光

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(10)在“hand”层上,新建图层,并画上一些阴影

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(11)同样在“symbol”层上新建阴影层

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

5、皮肤纹理

(1)在“Face”组下,新建“texture”层,选择皮肤纹理画笔,绘制脸部皮肤纹理

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(2)选择“Speckeled”精细笔刷,绘制眼睛和耳朵周围

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(3)绘制眼睛瞳孔

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(4)使用模糊工具柔化边缘

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

6、头发

(1)使用“圆钝中等硬笔刷”,绘制头发纹理

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(2)创建新层,并命名为“hair highlights”,使用纹理圆形笔刷,设置灰白颜色“#b9aca1”,绘制头发高光

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(3)同一层上,绘制一些睫毛

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(4)确保脸部和头发的细节丰富后,可以进入衣服的绘制

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

7、衣服绘制

(1)返回到“cape”层,颜色设置#ffe2e5,绘制出衣服的褶皱高光

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(2)斗篷细节添加完毕后,打开第一个纹理文件(Noise Texture.jpg)

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

 

(3)将纹理拖动到图中位置

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(4)继续复制纹理层,确保纹理完全覆盖住斗篷

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(5)执行Ctrl+E,合并所有纹理层,并设置“叠加效果,下降25%-30%的不透明度

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(6)按住Ctrl,并单击“cape”层,执行Shift+ctrl+I反选,并按Backspace键删除斗篷以外多余的纹理

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(7)新建图层“Cuff”,绘制袖口

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(8)在“Boot”层上,添加更多细节,尤其是脚趾(鞋底向上开始转动)

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(9)增加标志上的细节

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(10)新建图层“suit edges”,绘制衣服边缘细节

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(11)绘制更多衣服边缘细节

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(12)添加高光

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(13)增加手部更多细节

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

8、衣服纹理

(1)创建新文件,设置如下:

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(2)使用椭圆工具(U),在文档中心画个圆圈,并用6px的硬边笔刷描边

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(3)复制刚创建的小圆圈(Ctrl+J)

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(4)执行“文件>编辑>定义图案”,命名为“衣服丝网纹理”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(5)使用填充工具,选择创建的图案,并用透明背景模式填充一个新的空白文档

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(6)将新创建的网状花纹拖动到“Base”层上面

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(7)使用自由变换工具,网格变形使周围的曲线更接近与他的手臂和肩膀的轮廓。

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(8)调整透明度到87%,然后双击图层,打开图层样式窗口,设置斜面和浮雕。

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(9)同样的方法,用网格纹理覆盖所有衣服部分,并将所有纹理层编组(Ctrl+G)

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(10)完成后,你会发现整个形象细节更加丰富立体了!

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

9、衣服高光

(1)新建图层“Suit shine1”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(2)用Speckled Brush在衣服蓝色部分画一些柔软的高光

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

 

(3)创建新层“Boot detail”,在靴子周围也添加一些高光

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(4)在所有图层之上新建图层,命名为“Final highlights”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(5)绘制一些灰白色和蓝色的小亮点,颜色#e3fbff,#ffffff

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

10、背景纹理

(1)打开纹理“Icetexture.jpg”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(2)用矩形选框工具选择一部分

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(3)将图层拖动到Background组里

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(4)右击并选择自由变换

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(5)按住Ctrl键,拖动锚点,变形如下所示,并按回车键确认

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(6)执行Ctrl+L,打开色阶窗口,设置参数如下,增加纹理的对比度

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(7)执行“Ctrl+U”,打开色相饱和度窗口,参数设置如下

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(8)创建新层,并设置叠加模式为“正片叠底”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(9)降低透明度为25%,用软刷在超人身体下绘制一些阴影;颜色为#0f1b33

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

11、倒影

(1)按住Ctrl键,选择除背景层外的所有图层,执行Ctrl+G编组,命名为“Figure”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(2)复制该组,并执行Ctrl+E合并成一个单一的层,并移动到Figure组下面

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(3)使用自由变换,选择垂直翻转

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(4)使用套索工具(L)选择某些接触的部分,轻微拖动如下

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(5)删除多余部分,并将剩余部分的透明度降至48%,并用软刷橡皮擦除边缘使阴影更加柔和

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

12、冰裂开效果

(1)打开玻璃破碎的纹理图片“Glass Cracked.jpg”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(2)执行Ctrl+L,打开色阶窗口,调整参数如下:

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(3)使用矩形选框工具(M),拖动选区到“Shadow”层下面

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(4)使用自由变换,拉伸放大玻璃,放在超人跪的地方

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(5)设置图层叠加模式为“屏幕Screen”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

 

(6)执行Ctrl+J复制一层

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(7)再次选择自由变换

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(8)再次放大使其进一步伸展

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(9)用软边橡皮擦去中心的部分,只留下边缘

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(10)再次执行“Ctrl+J”复制一层,缩放到超人手下面!

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

13、环境效果

(1)新建图层“Background detail2”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(2)使用“Textured Round Brush”绘制更多雪和冰的边缘

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(3)在所有图层至上,创建新层“Ice spray1”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(4)现在用“Hard Round Airbrush”笔刷,设置透明度90%,绘制一些溅起的冰粒

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(5)使用套索工具(L)选择左侧部分冰粒

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(6)执行“滤镜>模糊>动感模糊”,参数设置如下

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(7)同样对右侧的冰粒制作动感模糊

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(8)打开图像“Firework.jpg”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(9)执行“Ctrl+Shift+U”去色命令,并用套索工具选择右上角的火花

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(10)拖动并缩放火花到超人前方

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(11)设置图层叠加模式为“Screen”屏幕

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(12)同样添加动感模糊滤镜

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(13)减低透明度到85%左右,并用软边橡皮擦去脸部和斗篷上过多的火花

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(14)现在打开镜头光晕图像“LensFlare.jpg”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

(15)将图像移动到超人头部附近,设置叠加模式为“Screen屏幕”

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

好了,超人:钢铁之躯这幅小海报就算绘制完成了!

Photoshop详细绘制新版超人形象,PS教程,16xx8.com教程网

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!