怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程

怎么用PS创作奶油质感手机主题图标的图标设计教学-photoshop教程

图标设计,APP图标,PS图标设计,教程,PS教程,PS

想要创作一组手机主题图标,首先呢要去寻找相应的参考作品,然后按照自己的想法和思路把草稿画出来,把自己确定好的想要做的图标草图画出来,接着用软件进行相应的创作。前期在肥子老师的指导下进行了很多次修改,对于图标的光影配色体积,最终完成一组奶油状图标。

修改前后对比

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

创作步骤

电话

步骤 01 建立文档并创作背景

1.1 创建文档,大小为3600*2800px,分辨率为72。前景色填充为383e4b。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

1.2 为背景添加斜面浮雕和纹理效果,数值如图所示。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

1.3 用形状工具画出四个圆形,与背景图层建立剪贴蒙版,如图所示。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 02 创作底座

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 03 创作电话的基本形状

3.1 用钢笔勾出圆润的电话形状,如图所示。接着给电话添加图层样式,数值如图所示。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

信息

步骤01 创作底座

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 02 创作信息的基本形状

2.1 创建一个椭圆再用钢笔工具勾出一个圆角三角形,为他们做布尔运算合并形状组件。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

2.2 接着为信息内底添加图层效果,数值如图所示所示。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

2.3 创建50*50椭圆,填充色为ffeec6,接着复制两个椭圆出来。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

2.4 为椭圆添加图层效果,数值如图所示。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

浏览器

步骤01 创作底座

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

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

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

2.3 为其添加图层效果,数值如图所示。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 03 创作浏览器的云朵

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

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

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造

3.4 创作云上的明暗光影。数值如图所示。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图25我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图26我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图27我的爱 · 创-WODEAI.NET|3D打印机创意智造

联系人

步骤01 创作底座

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图28我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图29我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图30我的爱 · 创-WODEAI.NET|3D打印机创意智造

1.2 为其添加明暗光影。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图31我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图32我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图33我的爱 · 创-WODEAI.NET|3D打印机创意智造

1.4 为其添加光影效果,数值如图所示。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图34我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图35我的爱 · 创-WODEAI.NET|3D打印机创意智造

天气

步骤 01 创作底座

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图36我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图37我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

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

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

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图38我的爱 · 创-WODEAI.NET|3D打印机创意智造

2.4 为其添加明暗光影,数值如图所示。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图39我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图40我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图41我的爱 · 创-WODEAI.NET|3D打印机创意智造

播放器

步骤 01 创作底座

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图42我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图43我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图44我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图45我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图46我的爱 · 创-WODEAI.NET|3D打印机创意智造

音乐

步骤 01 创作底座

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图47我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图48我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

2.1 钢笔勾出乐府形状。填充颜色为ffffff。

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图49我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图50我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图51我的爱 · 创-WODEAI.NET|3D打印机创意智造

处理后效果

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图52我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS创作奶油质感手机主题图标的图标设计教学photoshop教程插图53我的爱 · 创-WODEAI.NET|3D打印机创意智造

常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/690947.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码