当前位置:主页 > 笔刷插件 >

插画制作,用PS制作复古风格立体街景插画【多图】

  • 笔刷插件
  • 2022-11-10 16:11
  • 吃喝玩乐团团长,插画制作,ps鼠绘教程,复古风格,立体街景

修图匠“插画制作,用PS制作复古风格立体街景插画【多图】”Photoshop图文教程内容:

本篇教程通过PS制作具有立体风格的街景插画,有人很喜欢复古风,但是觉得此种风格挺难的,其实在实际过程中没有想象的那么难,本篇教程就是制作一副有活力的街景插画,同学们一起来学习一下吧。

效果图:

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com
www.xiutujiang.com

操作步骤:

1、首先建立一个2600*1938大小的画布,然后填充颜色2F85BE制作背景

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

2、接着使用形状工具创建出每个元素的基础形状,并进行命名编组,要注意图层的顺序,复杂的图形在下方演示

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

3、使用形状工具,配合布尔运算制作出电话亭的顶盖

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

4、使用钢笔工具勾出汽车尔等外轮廓

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

5、使用矩形工具创建出钟楼的楼柱,然后合并形状Ctrl+E

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

6、使用钢笔工具画出一半钟楼的顶部,然后复制水平翻转,合并到一起Ctrl+E,并使用布尔运算合并形状组件

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

7、使用形状工具制作出摩天轮的基本单位

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

8、选择魔天伦的外轮廓的两个圆,然后减去顶层形状创建出圆环,然后全选摩天轮的形状CTRL+E合并形状组件

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

9、窗口面板中调出动作面板,使用动作工具,新建动作,然后给摩天轮的骨架和圆球添加动作——复制——调整中心点——选中(按住shift定角旋转)——然后保存动作,接着播放动作就能创建出其他部分

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

10、使用钢笔工具配合镜像制作出楼房的底,然后使用椭圆工具与布尔运算制作条纹,然后复制楼房的底与条纹镜像布尔运算形状区域相交

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

11、现在一些比较复杂的图形就已经制作完毕,剩下的把一些简单的图片补充完整,我们的基本型就创建完毕了

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

12、在属性栏里面打开填充,然后使用布尔运算将多余的部

分剪掉,并填充颜色2ca5e7,1c75b9,f9f80,fee39e,

ffff,ff6665,165582

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

13、给汽车添加图层样式,使用投影内阴影以及渐变叠加添

加高光阴影以及明暗变化,从而提升汽车的空间感,在给

汽车添加渐变叠加的时候可以通过HSB调整,色相,饱和

度,明度。

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

14、使用相同的方法给电话亭添加图层样式,突出的地方使

用投影做高光和阴影,凹进去的地方用内阴影做暗部投

影做高光,并使用图层样式添加光影效果,从而提升电话

亭的空间感。

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

15、接着给马路添加光影效果,这里就不多说了,要注意的一

点就是马路的左侧是一个锐角,所以这里只用一个阴影

是没有办法做到两侧都有高光,所以要添加两个投影图

层做两侧的高光

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

16、使用相同的方法给所有的图层添加光影质感拉开空间关

系,在添加光影效果的时候要根据物体的前后距离对光

影的强弱进行调整,颜色方面初步的定一下色调,后期细

节可以用调整工具进行调整

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

17、接着给每个图层组添加投影加强画面的光影效果

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

18、接下来就是给画面添加质感,在网上找到纸质素材然后

放到PS里面,对图添加剪贴蒙版并调整混合模式为正片

叠底,然后我们会发现画面会变的非常暗,然后再给它添

加调整图层,用曲线调整亮度对比度,然后使用色相饱和

度调整画面的饱和度,这里就用了汽车做演示,其它的地

方调整方法相同这里就不一一演示

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

19、最后调整材质的纹理大小让纹理显得更加自然,接着新

建一个图层,使用一个白色柔边画笔放大画笔使用边缘

给画面添加一个光源,并调整大小与不透明度

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

完成:

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

整体很好看,同学们可以动手操作一下。

本篇教程通过PS制作具有立体风格的街景插画,有人很喜欢复古风,但是觉得此种风格挺难的,其实在实际过程中没有想象的那么难,本篇教程就是制作一副有活力的街景插画,同学们一起来学习一下吧。

效果图:

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com
www.xiutujiang.com

操作步骤:

1、首先建立一个2600*1938大小的画布,然后填充颜色2F85BE制作背景

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

2、接着使用形状工具创建出每个元素的基础形状,并进行命名编组,要注意图层的顺序,复杂的图形在下方演示

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

3、使用形状工具,配合布尔运算制作出电话亭的顶盖

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

4、使用钢笔工具勾出汽车尔等外轮廓

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

5、使用矩形工具创建出钟楼的楼柱,然后合并形状Ctrl+E

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

6、使用钢笔工具画出一半钟楼的顶部,然后复制水平翻转,合并到一起Ctrl+E,并使用布尔运算合并形状组件

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

7、使用形状工具制作出摩天轮的基本单位

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

8、选择魔天伦的外轮廓的两个圆,然后减去顶层形状创建出圆环,然后全选摩天轮的形状CTRL+E合并形状组件

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

9、窗口面板中调出动作面板,使用动作工具,新建动作,然后给摩天轮的骨架和圆球添加动作——复制——调整中心点——选中(按住shift定角旋转)——然后保存动作,接着播放动作就能创建出其他部分

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

10、使用钢笔工具配合镜像制作出楼房的底,然后使用椭圆工具与布尔运算制作条纹,然后复制楼房的底与条纹镜像布尔运算形状区域相交

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

11、现在一些比较复杂的图形就已经制作完毕,剩下的把一些简单的图片补充完整,我们的基本型就创建完毕了

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

12、在属性栏里面打开填充,然后使用布尔运算将多余的部

分剪掉,并填充颜色2ca5e7,1c75b9,f9f80,fee39e,

ffff,ff6665,165582

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

13、给汽车添加图层样式,使用投影内阴影以及渐变叠加添

加高光阴影以及明暗变化,从而提升汽车的空间感,在给

汽车添加渐变叠加的时候可以通过HSB调整,色相,饱和

度,明度。

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

14、使用相同的方法给电话亭添加图层样式,突出的地方使

用投影做高光和阴影,凹进去的地方用内阴影做暗部投

影做高光,并使用图层样式添加光影效果,从而提升电话

亭的空间感。

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

15、接着给马路添加光影效果,这里就不多说了,要注意的一

点就是马路的左侧是一个锐角,所以这里只用一个阴影

是没有办法做到两侧都有高光,所以要添加两个投影图

层做两侧的高光

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

16、使用相同的方法给所有的图层添加光影质感拉开空间关

系,在添加光影效果的时候要根据物体的前后距离对光

影的强弱进行调整,颜色方面初步的定一下色调,后期细

节可以用调整工具进行调整

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

17、接着给每个图层组添加投影加强画面的光影效果

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

18、接下来就是给画面添加质感,在网上找到纸质素材然后

放到PS里面,对图添加剪贴蒙版并调整混合模式为正片

叠底,然后我们会发现画面会变的非常暗,然后再给它添

加调整图层,用曲线调整亮度对比度,然后使用色相饱和

度调整画面的饱和度,这里就用了汽车做演示,其它的地

方调整方法相同这里就不一一演示

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

19、最后调整材质的纹理大小让纹理显得更加自然,接着新

建一个图层,使用一个白色柔边画笔放大画笔使用边缘

给画面添加一个光源,并调整大小与不透明度

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

完成:

插画制作,用PS制作复古风格立体街景插画_www.xiutujiang.com

整体很好看,同学们可以动手操作一下。

温馨提示:以上“插画制作,用PS制作复古风格立体街景插画【多图】”相关内容(含文字、图片、视频)来源于网络,版权归内容原作者所有,如有侵权,请告知删除。

猜你喜欢

联系站长