主页 > 饮食 > > (拟物化的图标怎么做)这种图标怎么做出来
最佳回答 最佳答案

本回答由网友推荐

資本家

虽然现在已经流化偏平风格图标,但是精致的拟物化图标还是受到不少人的青睐。
下面给大家分享的是一个拟物化精致皮包图标绘制PS教程,图案绝大部分效果都是图层样式做出来的,不熟悉这部分的同学可以来练习了。
图标PSD 百度云下载:http://panbaiducom/s/1nvncn49 我们的最终效果: 下面,教程开始! 在正式做图标之前,需要先自定义一个图案。
首先新建一个1000×1000px 的画布,填充颜色#c5ab90,然后【滤镜】-【杂色】-【添加杂色】,给图层添加7%的杂色。
完成之后,【编辑】-【自定义图案】添加一个图案,命名为【磨砂纹理】 准备工作做好了,开始画皮包。
新建一个1000×1000的画布,填充一个从#d9d5cf到#9c8c7e的径向渐变。
建一个512×512,半径为90的圆角矩形,并添加图层样式,其中【图案叠加】叠加的是刚才新建的【磨砂纹理】 CTRL+J复制一层刚才的圆角矩形,CTRL+T并按住ALT+SHIFT等比缩小,然后再给这个图层添加一个投影。
画一个竖着的矩形,居中摆放,并添加图层样式。
画一条细线,紧贴竖矩形的右边缘,添加图层样式。
将这个线条复制一层,移动到竖矩形的左侧,将【投影】角度改为0° 复制一层较小的圆角矩形(图层【中】),清除图层样式,用布尔运算裁掉上半部分,并填充颜色#372715 给这个形状添加图层样式,其中【图案叠加】叠加的是【皮革纹理】(素材包中有提供) CTLR+J复制一层之前画的竖线(图层【左】),CTRL+T旋转为横线,放到皮革的上边缘。
调节颜色和投影,做成这个样子~ 把这条横线复制一层,在形状工具下将线条改为虚线。
调整图层颜色和投影,做成以下效果: 将刚才做的实线和虚线一起建组(CTRL+G),添加一个图层蒙版,然后在蒙版上拉一个渐变。
然后新建一个图层,添加一个黑白渐变。
按住CTRL较小的圆角矩形(图层【中】)的选区,加一个蒙版,把多余的地方隐藏掉。
然后将混合模式改为【柔光】不透明度改为60%。
中间部分的效果已经完成了,建议把除了【底面】和【背景】以外的图层一起建一个组。
将【底面】图层复制一层,调整形状,更改图层样式。
将刚才的图层【盖】再复制一层,调整大小,修改图层样式。
再复制一层,将形状改为虚线,然后拷贝之前做的【虚线】图层的图层样式,粘贴到这个虚线图层上,修改图层样式。
调整图层顺序,把【上虚线】图层移动到【上】图层的下面。
然后通过布尔运算做出以下白色形状。
栅格化图层,【滤镜】-【高斯模糊】给予适当的模糊度,并调节图层透明度,用图层蒙版隐藏掉多余的部分,做出如下效果。
皮包的整体形状已经有了,接下来做皮带和金属扣。
用圆角矩形工具画一个下图的形状,并填充颜色#c5ab90,记得将这个图层移动到刚才做的【上高光】图层的下面。
将前面【皮革层】的图层样式拷贝过来,适当调节图层样式,用蒙版隐藏掉多余的形状,得到如下效果: 用之前做虚线的办法,再做一条虚线。
在皮带上画一个黑色的小圆,然后复制一个小圆,用布尔运算画一个圆环,填充颜色# c5ab90。
这里最好不要用图层描边的方式做圆环。
如果一定要这么做,就必须要把圆环栅格化,才能继续后面的步骤。
将【虚线】图层的图层样式拷贝过来,粘贴给【环】图层,适当调节,做出以下效果 将【环】和【孔】一起建组,复制组,排列成以下效果: 画一个矩形,利用变形做出以下形状,并填充颜色#c5ab90。
将【皮革层】的图层样式拷贝过来,适当调节,并添加一个【渐变叠加】 在【横扣】右边画一个圆,添加图层样式 复制一个【圆扣】到左边。
再复制一个【横扣】图层到下面,调节形状,做成以下效果。
用布尔运算画出金属扣的形状,再将【圆扣】的图层样式拷贝过来,适当调节 关于这个金属扣,我自己是画了一个圆,然后将下面的锚点拖上去,并调节锚点的手柄,得到了这个形状。
做出金属扣之后,用图层蒙版隐藏掉下面的那条边,然后用之前做高光的办法,给金属扣被皮带盖住的部分加点阴影 画一个瘦长的矩形,将【金属扣】的图层样式拷贝过来。
给这个图层添加一个蒙版,在蒙版上拉一个黑白渐变。
然后皮包就大功告成了~

赞同 (14259)

反对 (689)

其它回答
烟圈式爱情

教程的过程介绍的不是很详细,不过作者分享了很多不错的绘画经验,从光源设置到最后的高光点缀,这些都是非常值得学习的。
最终效果
1、整体的大统一,就是光源,大胆的使用明暗对比可以增强图标的视觉冲击,吸引眼球。
值得强调的是,高光和阴影绝对不是纯黑和纯白,要注意环境色的影响。

2、拟物类图标,重点拼在细节和明暗对比上,其中透视也是重要环节。
在设计之始,先画一个简单的线框确立好统一的透视关系。

3、先用钢笔工具,画一个大概外轮廓,相近的颜色。
关于矢量钢笔组合多多尝试钢笔路径操作。

4、细致刻画,增加或者减少一些装饰。
拟物化拼的就是逼真、动感。
至此我们所有的操作仍然是基于钢笔矢量工具上。
我们也可以将这步定位扁平化。

5、接着,就是细节的刻画。
利用图层样式进行一些效果,还是非常不错的。
多多尝试混合模式的使用能有奇效。

6、其它部位大同小异,不再一一列举。
重点是把能用上的效果都用上,发挥极致。

7、黄色部分,圆柱型身体两侧使用深红色衬托转角,高亮部分用黄色。

8、同理,胶带部分和中间细节也是利用图层样式进行调整,胶带复制一层增加厚度。

9、胶卷的底座。
多多参考实物进行设计,拟物化在和实物对比上,需要多多考虑真实存在性。

10、添加阴影部分,无论是多么小的厚度,都会存在阴影。
注意阴影的颜色要贴近物体环境色。

11、有的时候阴影表现仅一个图层是不够的,需要多层叠加。
因为阴影和亮部分处理的对比越强烈,拟物化图标的立体感就更强烈。

12、添加高光和阴影处理方法一样,我习惯后处理高光,因为亮点总是在最后提炼。
从图中我们可以看到,有了高光以后图标整个感觉就不一样了。

13、再加上一个衬板就完成了。
最终效果:
注:
更多精彩教程请关注三联photoshop教程栏目,三联PS群:339853166欢迎你的加入

赞同 (557)

反对 (253)

你喜欢的我

扁平化设计简单说就是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,用最简约的方法打造出一种看上去更“平”的界面。
扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。
用Photoshop cc2014软件制作一个简单的扁平化图标方法是:

1、打开ps软件,“文件--新建”100*100像素白色背景文件;

2、“编辑--填充”,用需要的颜色填充;
3、创建新图层,打开“画笔工具”,笔刷大小1像素,绘制一条直线;
4、打开“滤镜--扭曲--波浪”;
5、ctrl+t调整大小位置,向下合并图层;
6、打开“魔棒工具”,点击图片下方区域,“编辑--填充”,用较深颜色填充;
7、打开“椭圆形选框工具”,在图片左上方绘制一个正圆选区,“编辑--填充”,用较深颜色填充;
8、“文件--存储为”ico格式文件,完成。
photoshop的专长在于图像处理,而不是图形创作。
图形创作软件是按照自己的构思创意,使用矢量图形等来设计图形。
用ps制作一个扁平化的相机图标,可以按照以下的5个步骤来完成。
步骤 1:宽度: 500px, 高度: 400px 背景色#e8d59b步骤 2: 参考线设置:
垂直:
157px,177px,250px,323px, 343px, 378px 水平:
72px, 107px, 127px, 200px, 273px, 293px, 328px最终结果:
步骤 3: 前景色#d14242,,圆角矩形工具,半径40,如下步骤4: 椭圆工具,颜色#ffffff, 在中心创建圆状物体。
依然在圆形图层,选择减去顶层形状,画出圆环形状如下图。
步骤 5: 自定义形状工具,前景色 #ffffff, 中心创建三角箭头基本扁平化图标完成。
见下图:

赞同 (59816)

反对 (681)

甜警司

你可以先用ps制作一个正方形的图片,几十到几百像素都可以,然后保存为png,jpg等图片格式,然后再用网上的icon在线生成器(网上搜icon在线生成器,有很多)生成后下载即可方法一,打开ps,直接新建ctrt+n,新建高宽为256像素大小的图像,(本人亲测,当高宽任一大于256像素的话,保存时都不能为ico格式),控制高宽像素小于256,然后拖进自己的图像,另存为ctrt+shift+s——选择保存ico格式即可,出现对话框,就选择第二个选项。
即可方法二,打开ps,打开自己的图片,ctrt+alt+i调整图像大小,控制高宽小于256像素,这个也实验过了,当大于256像素时如图:
当小于或等于256像素时,如图,那么可以保存了,保存时就有ico格式可以选择,此时文件差不多小于150k选择保存路径后,点击保存,然后选择第二个选项:
png(vista)。
点击ok即可。
(如果选择第一个,那么文件基本是失败。)

赞同 (63675)

反对 (388)

昼夜温差

你好,两者在于一个像真实的,一个虚无扁平化。
拟物化设计的优点:
认知和学习成本低,外婆级的人也能看懂IOS里卖年几乎所有原生应用的图标;
各种按钮的视觉质感和按下去之后的交互效果,养成用户对这类“东西”的统一认知和使用习惯;
人性化的体贴:
我相信有很多同学都非常喜欢ibooks的体验,用它来阅读确实是一种享受。
拟物化设计的缺点:
大多数拟物化界面并没有实现功能化,只有花费大量的时间在视觉的阴影和质感效果。
扁平化的优点:
简约而不简单,搭配一流的网络、色彩设计,让看久了拟物化的用户感觉焕然一新;
突出内容主题,减弱各种渐变、阴影、高光等拟直视觉效果对用户视线的干扰,让用户更加专注于内容本身,简单易用。
设计更容易,优秀扁平的设计只需保证良好的架构、网络和排版布局,色彩的运用和高度一致性。
扁平化设计的缺点:
需要一定的学习成本,且传达的感情不丰富,甚至过于冰冷。

赞同 (63426)

反对 (660)

月间熊

比如你手机移动端的界面图标,这些都是图标的用途。
拟物图标如图 拟物化设计的优点:
1认知和学习成本低,外婆级的人也能看懂IOS里卖年几乎所有原生应用的图标;
2各种按钮的视觉质感和按下去之后的交互效果,养成用户对这类“东西”的统一认知和使用习惯;
3人性化的体贴:
我相信有很多同学都非常喜欢ibooks的体验,用它来阅读确实是一种享受。
趣达有教程。
拟物化设计的缺点:
大多数拟物化界面并没有实现功能化,只有花费大量的时间在视觉的阴影和质感效果。

赞同 (73641)

反对 (347)

重新活

问题:苹果是只被咬一口的苹果安卓是只机器人都是极具代表性的,深入人心可是WP呢?有吗?
楼主真厉害,能从一个被咬一口的苹果标志判断出产品是iPhone, iPad, iPod 还是Mac小娜的图标早就可以代表windows phone了,不过windows图标更加具有代表,小娜就是windows phone的一个代言人

赞同 (16066)

反对 (945)

故人叹

现在的设计越来越走扁平化的设计了 扁平化设计更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。
由于目前显示设备越来越多元化,为了能更好的在不同的设备中显示相同的效果,操作又简单,扁平化的设计刚好能满足这种需求,具有更好的适应性。
拟物化设计现在慢慢的已经是过去式了,扁平化设计会慢慢成为主流。
不知道对你是否有帮助,谢谢!

赞同 (75800)

反对 (916)

人间独一份

ai和ps 存在放大放小的区别 在功能上技术可以都能做同样的事儿 一般拟物化的图标 采用在ps里面有矢量蒙版做 这样灵活性高 容易加质感用AI做比较容易。
再看看别人怎么说的。
可以的啊,楼主,PS、CDR、AI都是可以的!

赞同 (30262)

反对 (94)

相关百科

(超长裙怎么做不显胖)女生

看你胖的是上半身还是下半身 下半身偏胖的话穿长裙配高跟鞋就很好~如果上半身偏胖就建议不要穿长裙了 把你纤细的双腿露出来才显瘦~...全文

等你回答

换一换