「PS教程」写实华为商店ICON图标绘制

这里有其他图标的草稿,大家可以根据草稿完成自己的ICON图标设计

「PS教程」写实华为商店ICON图标绘制

写实华为商店ICON图标绘制教程

「PS教程」写实华为商店ICON图标绘制

绘制圆角矩形数值在图中

添加图层样式如下

「PS教程」写实华为商店ICON图标绘制

「PS教程」写实华为商店ICON图标绘制

「PS教程」写实华为商店ICON图标绘制

绘制矩形数值如图

「PS教程」写实华为商店ICON图标绘制

添加渐变

「PS教程」写实华为商店ICON图标绘制

继续绘制矩形

「PS教程」写实华为商店ICON图标绘制

「PS教程」写实华为商店ICON图标绘制

绘制两个一样大小矩形更改不同颜色添加同样内阴影

「PS教程」写实华为商店ICON图标绘制

钢笔工具画出形状-剪切蒙版进来

「PS教程」写实华为商店ICON图标绘制

钢笔工具画出4个这样的形状

「PS教程」写实华为商店ICON图标绘制

并添加同样渐变数值如下

「PS教程」写实华为商店ICON图标绘制

绘制矩形添加渐变并放在刚才绘制形状图层下面

「PS教程」写实华为商店ICON图标绘制

绘制圆角矩形放在图层下面

「PS教程」写实华为商店ICON图标绘制

绘制白色矩形线做分割上面加上小矩形

「PS教程」写实华为商店ICON图标绘制

绘制两个矩形 做底

「PS教程」写实华为商店ICON图标绘制

绘制矩形加内阴影

「PS教程」写实华为商店ICON图标绘制

绘制椭圆加内阴影-外发光

「PS教程」写实华为商店ICON图标绘制

「PS教程」写实华为商店ICON图标绘制

复制两个形状填充深色降低透明度做投影

「PS教程」写实华为商店ICON图标绘制

网上找个华为logo

「PS教程」写实华为商店ICON图标绘制

「PS教程」写实华为商店ICON图标绘制

「PS教程」写实华为商店ICON图标绘制

最终效果

「PS教程」写实华为商店ICON图标绘制

福利互动

为答谢客官阅读完此文支持,特准备新人大礼包赠送领取:2000种设计笔刷,设计师必备100+种字体~~下方是领取方式

2,评论文章,不限字数,


分享到:


相關文章: