PS绘制写实篮球图标UI教程附源文件

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:uicn   作者:晴天锦毛

关键词

最终效果:


Image title一、准备好素材

在百度搜一张篮球的图片,用于轮廓线的绘制,另外再百度搜张篮球的皮质图片用于贴图

Image title

二、以下是绘制过程:

新建一个形状圆,上下渐变为: #43140e    #6f261f   #ac5951    #d77963

Image title

用百度搜来篮球图片沟出其轮廓线,注意轮廓线的平滑度,尽量少一些节点沟出轮廓

Image title

给轮廓线添加样式如图Image title

通过钢笔工具描出底部的反光部的轮廓,填充为#fff,然后通过蒙板擦除留下从边缘到无的一渐变;

Image title

如同上一步骤;

Image title

如同上一步骤;

Image title

阴影部分则为黑色填充,然后通过创建蒙板,擦除从边缘到无的一个渐变;

Image title

为整个球的图层新建一个文件夹,然后crtl+点击图层的路径,生成选区,然后为刚刚新建的组创建蒙板如图层组“组3”,目的是为了所有绘制的层图都会被遮罩在这个选区里,而不会溢出

Image title

用渐变工具,选择径向渐变,拉一个从白色到不透明度为0%的渐变,得到一白色的类似发光体的图层

Image title

 收藏