图标设计:用PS制作奶油质感手机主题图标(4)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:小美

关键词

天气

步骤 01 制作底座

1.1 新建490*490的圆角矩形,圆角半径为220,填充颜色为9ae7eb, 并添加图层样式来制造体积。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

步骤 02 制作天气的基本形状

2.1 新建174*83的矩形,再按住shift新建三个椭圆形状,大小分别为177*177,136*136,166*166。

2.2 按住shift,用路径选择工具同时选中矩形和两个较小的圆形形,在属性栏的对齐中选择底对齐。

2.3 调整矩形和圆形的位置,并注意矩形的两条较短边,要正好通过两个较小圆形的圆心,使形状平滑。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

2.4 为其添加明暗光影,参数如图。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

播放器

步骤 01 制作底座

1.1 新建490*490的圆角矩形,圆角半径为220,填充颜色为fec8b1, 并添加图层样式来制造体积。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

步骤 02 制作播放器的基本形状

2.1 用钢笔勾出圆润的三角形状,注意圆角弧度拉大一点。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

2.2 为其添加光影明暗效果。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

播放器

步骤 01 制作底座

1.1 新建490*490的圆角矩形,圆角半径为220,填充颜色为b3e4be, 并添加图层样式来制造体积。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

步骤 02 制作计算机的基本形状

2.1 选取圆润的字体输入“+ – × =”,或者使用钢笔和形状工具相结合调节出圆润的字体。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

2.2 为其添加光影明暗效果。四个符号效果一样,依次复制粘贴。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

 收藏