psschool 发表于 2022-4-7 00:00:00

立体图标,Photoshop结合AI鼠绘炫丽的立体相机图标教程

本教程主要使用photoshop结合AI绘制炫丽的立体相机图标,首先在学习某种风格的时候,一定要尽可能的对学习对象的风格进行分析,整体造型是这种轻拟物带有三点透视视角的,配色风格上采用霓虹配色与深色背景相得益彰,体积光影上符合光影逻辑。希望大家可以喜。
先看看效果图

http://www.06ps.com/d/file/2022/0407/1649300907918.jpg

首先在学习某种风格的时候,一定要尽可能的对学习对象的风格进行分析,整体造型是这种轻拟物带有三点透视视角的,配色风格上采用霓虹配色与深色背景相得益彰,体积光影上符合光影逻辑。

http://www.06ps.com/d/file/2022/0407/1649300909124.jpg

一、造型部分
Step 01:首先根据分析去找图片作为参考。

http://www.06ps.com/d/file/2022/0407/1649300912729.jpg

Step 02:根据参考在AI中使用形状工具制作出轮廓色块。

http://www.06ps.com/d/file/2022/0407/1649300913817.jpg

Step 03:框选所有的色块,并添加3D-凸出的效果,调整凸出距离与透视角度。

http://www.06ps.com/d/file/2022/0407/1649300915613.jpg

Step 04:分别选中每个图层,并调整位置与凸出距离的长度,让画面有相机的基本外形。

http://www.06ps.com/d/file/2022/0407/1649300918220.jpg

http://www.06ps.com/d/file/2022/0407/1649300919524.jpg


               
               
Step 05:选中所有图层,然后在对象中选择拓展外观。

http://www.06ps.com/d/file/2022/0407/1649300921413.jpg

http://www.06ps.com/d/file/2022/0407/1649300923165.jpg

Step 06:选中拓展外观后的图层,将同类型的结构面合并。

http://www.06ps.com/d/file/2022/0407/1649300924999.jpg

Step 07:将图层复制到PS中,分路径调整好图层顺序,调整色块颜色。

http://www.missyuan.net/uploads/allimg/210526/110K1K00-10.jpg

二、光影色调部分
Step 08:根据光影来向使用画笔工具加剪贴蒙板绘制出里面的彩色渐变光影,下方是深蓝色,上方为浅粉色,通过这样的颜色对比可以制作出初步的体积。

http://www.06ps.com/d/file/2022/0407/1649300927438.jpg

http://www.06ps.com/d/file/2022/0407/1649300929304.jpg

Step 09:转折处使用浅色画笔增加转折处的反光效果,增强体积感。

http://www.06ps.com/d/file/2022/0407/1649300930639.jpg

Step 10:正面也采用相同的方法,使用画笔绘制出渐变颜色。

http://www.06ps.com/d/file/2022/0407/1649300933689.jpg

Step 11:绘制颜色的时候也需要遵循基本的光影规律,受光面的颜色整体要比背光面的颜色亮。

http://www.06ps.com/d/file/2022/0407/1649300934472.jpg


               
               
Step 12:其它部位也采用相同的方式去塑造光影颜色。一些小的形状就不需要在AI中做。小的形状不需要考虑太精细的透视关系,所以在PS中用形状工具去做更节省时间。

http://www.06ps.com/d/file/2022/0407/1649300936720.jpg

那基本的操作流程就是这样的,具体的参数与操作细节在视频中会有详细的讲解。大家记得要看视频,学会总结里面的方法,而不是对着参数抄。根据相同的思路,很快就能做出风格相似的作品。

http://www.06ps.com/d/file/2022/0407/1649300940146.jpg

http://www.06ps.com/d/file/2022/0407/1649300945913.jpg

http://www.06ps.com/d/file/2022/0407/1649300949762.jpg

http://www.06ps.com/d/file/2022/0407/1649300907918.jpg

进入查看视频教程:点击进入查看视频教程
页: [1]
查看完整版本: 立体图标,Photoshop结合AI鼠绘炫丽的立体相机图标教程