zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案

心形制作并不复杂，重点是把心形的体积感及高光刻画出来。制作之前最好找一些心形的素材参考一下，了解清楚高光及暗部构成，这样制作的效果就会逼真很多。

        最终效果

       
http://pic.16xx8.com/allimg/150108/0140344113-0.jpg
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:136122 作者：Sener 出处：PS联盟

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        1、新建一个900* 650像素，分辨率为72的画布，背景填充淡紫色：#ECACCE，如下图。

       
http://pic.16xx8.com/allimg/150108/014034LX-1.jpg


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        2、新建一个组，用钢笔勾出心形轮廓，转为选区后给组添加图层蒙版。如果嫌麻烦，可以直接使用素材图3，直接右键选择“图片另存为”，然后在PS中打开，素材为PNG格式，可直接使用。

       
http://pic.16xx8.com/allimg/150108/014034G41-2.jpg


       

       
http://pic.16xx8.com/allimg/150108/0140343C9-3.png


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        3、在组里新建一个图层，选择渐变工具，颜色设置为红色至深红渐变如图4，然后由右上角向左下角拉出径向渐变，效果如图5。

       
http://pic.16xx8.com/allimg/150108/0140341459-4.jpg


       

       
http://pic.16xx8.com/allimg/150108/0140342214-5.jpg


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        4、新建一个图层，用钢笔勾出顶部及右侧的边缘高光，转为选区如图6，羽化5个像素后填充淡紫色：#F5B1C5，取消选区后添加图层蒙版，用黑色画笔把底部过渡涂抹自然，效果如图7。

       
http://pic.16xx8.com/allimg/150108/0140342362-6.jpg


       

       
http://pic.16xx8.com/allimg/150108/01403443G-7.jpg


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        5、新建一个图层，用钢笔勾出图8所示的选区，填充淡紫色：#F5B0C5，效果如下图。

       
http://pic.16xx8.com/allimg/150108/0140345Q4-8.jpg


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        6、取消选区后，用钢笔沿左侧边缘勾出图9所示的选区，羽化2个像素后添加图层蒙版，效果如图10。

       
http://pic.16xx8.com/allimg/150108/0140342X9-9.jpg


       

       
http://pic.16xx8.com/allimg/150108/0140342C6-10.jpg


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        7、新建一个图层，用钢笔勾出下图所示的选区，羽化8个像素后填充同上的淡紫色。

       
http://pic.16xx8.com/allimg/150108/014034E08-11.jpg


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        8、按Ctrl+ J 把当前图层复制一层，不透明度改为：50%，效果如下图。

       
http://pic.16xx8.com/allimg/150108/0140341S8-12.jpg


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        9、新建一个图层，用钢笔勾出下图所示的选区，羽化3个像素后填充淡紫色：#FEDAF7，效果如下图。

       
http://pic.16xx8.com/allimg/150108/01403422W-13.jpg


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        10、新建一个图层，用钢笔勾出下图所示的选区，羽化3个像素后填充同上的淡紫色。

       
http://pic.16xx8.com/allimg/150108/0140345425-14.jpg


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        11、取消选区后用涂抹工具把边缘涂抹自然，效果如下图。

       
http://pic.16xx8.com/allimg/150108/01403412I-15.jpg


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        12、新建一个图层，用钢笔勾出下图所示的选区，羽化1个像素后填充白色。

       
http://pic.16xx8.com/allimg/150108/0140344R4-16.jpg


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        13、新建一个图层，用钢笔勾出下图所示的选区，羽化1个像素后填充白色，取消选区后用涂抹工具把边缘涂抹自然。

       
http://pic.16xx8.com/allimg/150108/01403433U-17.jpg


       

zw330wz 发表于 2015-1-8 03:39:19

Photoshop鼠绘立体水晶心形图案



        14、新建一个图层，用钢笔勾出下图所示的选区，填充淡紫色，不透明度改为：20%，效果如下图。

       
http://pic.16xx8.com/allimg/150108/014034L61-18.jpg


       
页: [1] 2
查看完整版本: Photoshop鼠绘立体水晶心形图案