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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:小美

关键词

浏览器

步骤01 制作底座

1.1 新建490*490的圆角矩形,圆角半径为220,填充颜色为d2f5a6。

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

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

步骤 02 制作浏览器的基本形状

2.1 新建300*300的椭圆,选中椭圆,运用布尔运算减去顶层,在中心剪掉一个150*150的椭圆。

2.2 颜色填充为ffffff。效果如图所示。

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

2.3 为其添加图层效果,参数如图。

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

步骤 03 制作浏览器的云朵

3.1 新建113*45的矩形,再按住shift新建三个椭圆形状,大小分别为97*97,87*87,125*125。

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

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

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

3.4 制作云上的明暗光影。参数如图。

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

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

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

联系人

步骤01 制作底座

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

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

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

步骤 02 制作联系人的基本形状

1.1 新建椭圆161*158,填充色为ffffff。

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

1.2 为其添加明暗光影。

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

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

1.3 新建形状,用钢笔勾出联系人的身子。

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

1.4 为其添加光影效果,参数如图。

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

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

 收藏