当前位置:首页 > 设计教程 > 图标设计教程

图标设计教程

  • PS和AI制作奥利奥图标

    [图标设计教程PS和AI制作奥利奥图标

    时间:2015-11-12阅读:3231

    使用AI+C4D+PS创建一个写实的奥利奥ICON,都是使用一些基础的功能,附件有C4D工程文件和教程用到的贴图,还有我最后的PSD。 C4D部分我是做的比较详细的,作为C4D入门教程还是不错的。 PS:最后的效果图可能跟我之前发的有点不一样,其实是在最后部分的PS里面对于细节的修...

  • PS使用形状工具绘制立体齿轮图标

    [图标设计教程PS使用形状工具绘制立体齿轮图标

    时间:2015-11-12阅读:3186

    图标效果 1.新建512*512画布,分别拉一条水平和垂直居中的参考线 2.画一个竖向的矩形 3.在矩形顶端的两个锚点各向中间移动,并将顶部修饰为弧形 4.用变换工具,画出其余的11个角度 5.形状工具选择椭圆,画一个正圆切掉中间的部分 6.再用椭圆工具画中间更小的圆 副标题 7...

  • PS绘制扁平风格铅笔图标

    [图标设计教程PS绘制扁平风格铅笔图标

    时间:2015-11-12阅读:3750

    最终效果 1、新建500 * 500画布,填充为:#01dbcd。 2、椭圆工具,画一个362 * 362的正圆填充#01dbcd,描边1像素,命名为圆。 3、用矩形选框工具画一个长方形,填充为黑色,Ctrl + T 旋转45度左右,大小自己调到合适,然后调到恰当位置,命名为阴影。 4、将图层阴影移到...

  • PS绘制游泳圈软件图标

    [图标设计教程PS绘制游泳圈软件图标

    时间:2015-11-12阅读:2794

    本教程主要使用Photoshop设计救身圈组成的软件APP图标,整体的图标质感表现的非常好,喜欢的朋友让我们一起来学习吧。...

  • Illustrator绘制逼真的微信APP图标

    [图标设计教程Illustrator绘制逼真的微信APP图标

    时间:2015-10-26阅读:4095

    副标题...

  • Illustrator绘制卡通风格软件图标教程

    [图标设计教程Illustrator绘制卡通风格软件图标教程

    时间:2015-10-26阅读:1414

    Illustrator绘制卡通风格的软件图标教程...

  • Illustrator绘制立体逼真的钻石图标教程

    [图标设计教程Illustrator绘制立体逼真的钻石图标教程

    时间:2015-10-26阅读:1647

    最终效果图: Step 1 按Ctrl+ N创建新文档。从单位下拉菜单中选择像素,在宽度和高度框中输入600,然后单击高级按钮。选择RGB,屏幕(72 PPI),并确保使新建对象与像素网格对齐选中该复选框,然后单击确定。 启用网格(视图显示网格)和对齐到网格(视图对齐到网格)。 编辑...

  • Illustrator绘制扁平化风格的宝石图标

    [图标设计教程Illustrator绘制扁平化风格的宝石图标

    时间:2015-10-26阅读:1418

    本教程主要使用Illustrator绘制扁平化风格的宝石图标,教程算是一个系列的珠宝、宝石系列的图标设计教程,挺不错的,推荐过来和的朋友们一起分享学习了,下面就一起来学习吧。 我们先来看看最终的效果图吧: 使用线段工具画两根垂直交叉的直线,让它们的交点正好在正方...

  • Illustrator绘制复古风格的打火机图标

    [图标设计教程Illustrator绘制复古风格的打火机图标

    时间:2015-10-15阅读:1937

    今天的教程特别适合练习,教程的界面虽然是英文版的,但标注极为详细,值得一提的是译者玛皓雨Smartisan非常认真,跟着教程做了一遍,保证木有错误,对了,教程几乎每个步骤都有快捷键提示,不熟悉Illustrator的同学,趁这个机会顺便把快捷键get起来。 本教程你将学习如...

  • Photoshop临摹立体时尚的软件APP图标

    [图标设计教程Photoshop临摹立体时尚的软件APP图标

    时间:2015-10-05阅读:5271

    善用图层样式,你会发现图层样式非常的强大,下面的图片很简单,用图层样式就可以做了出来。前几天我把源文件删了,所以现在我边做边截图出来,有什么不同的也可以提问,楼主只是一个业余爱好者,前段时间喜欢上了临摹各种ICON。不过过段时间我应该要去研究颜色原理了。...

  • Photoshop制作金色质感的立体图标效果

    [图标设计教程Photoshop制作金色质感的立体图标效果

    时间:2015-10-05阅读:1109

    本教程主要使用Photoshop制作金色质感的立体图标效果,前部分主要使用钢笔工具来完成形状的勾画,然后在使用3D功能和缉渐变色来完成效果图,喜欢的朋友一起来学习吧。 先看一下显示的最终效果 1、新建文件,新建图层添加一个径向渐变如图 2、新建图层,将logo的形状绘制...

  • Photoshop绘制蓝色质感的软件图标教程

    [图标设计教程Photoshop绘制蓝色质感的软件图标教程

    时间:2015-10-05阅读:4064

    在Photoshop中图层样式是最为直观的东西,所有的效果都能量化,以数值的形式表现出来,就是各种晦涩难懂的等高线也可以用数字来表现。利用图层样式中的混合模式可以得到千变万化的效果,很多的UI和icon绚丽的效果大多数是靠图层样式来实现的。 今天我的临摹的iTunes图标...

  • Photoshop绘制精美的复古风格书本图标

    [图标设计教程Photoshop绘制精美的复古风格书本图标

    时间:2015-10-05阅读:1675

    本教程主要使用Photoshop绘制精美的复古风格书本图标,大多数人都没有意识到绘制一个图标需要多少时间和精力。图标需要数个小时才能完成,当然技术也在不断练习中日臻完善。在本次教程中,我们将演示如何在Photoshop中绘制一个打开的书本的图标。 教程素材: 填充图案.r...

  • Photoshop设计复古风格的牛皮质感图标

    [图标设计教程Photoshop设计复古风格的牛皮质感图标

    时间:2015-10-05阅读:1594

    在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要用到三项技巧:首先,充分利用网格和对齐到网格;其次,创建矢量形状,充分利用图层的混合选项;最后,用简单的混合技巧和特效来添加细致的阴影和高光。让我们开始吧。 教程素材: 复古风...

  • Photoshop结合CAD和AI制作奥利奥风格图标

    [图标设计教程Photoshop结合CAD和AI制作奥利奥风格图标

    时间:2015-10-05阅读:769

    副标题 副标题...

  • Photoshop设计绚丽时尚的闹钟图标

    [图标设计教程Photoshop设计绚丽时尚的闹钟图标

    时间:2015-09-10阅读:1130

    Photoshop设计绚丽时尚的闹钟图标...

  • Photoshop绘制精美螺旋圆点花纹图标

    [图标设计教程Photoshop绘制精美螺旋圆点花纹图标

    时间:2015-09-10阅读:1319

    这是模仿Nest烟雾警报器做的icon,打洞实在被难倒了没办法完全一样,只能做个差不多相似的样子出来。打洞排列怎么做可以参考这篇: Illustrator设计时尚的螺旋圆点花纹图案 ,不怎么好做就是了。 先看看效果图 图层数比起之前的Icon Design:My Wallet,这个Nest Pastic...

  • Photoshop设计蓝色立体效果的圆形图标

    [图标设计教程Photoshop设计蓝色立体效果的圆形图标

    时间:2015-09-10阅读:2570

    本教程主要使用Photoshop设计蓝色立体效果的圆形图标,经常看到有人问这种圆型icon要怎么做,觉得很有趣稍微思考一下原理,做了个简易快速版本。 中间的渐层色 画一个圆,设图层样式,角度。 凹进去的部份 其实是用迭的,再画一个半圆,设内阴影。 中心 画一个圆,用图...

  • Photoshop绘制精致的索爱播放器图标

    [图标设计教程Photoshop绘制精致的索爱播放器图标

    时间:2015-09-10阅读:1180

    当我们看到一个教程的时候,大家会想到些什么呢?马上开练?做完之后呢?本狼建议:在做之前,先看看效果图,想想自己能不能在没有教程的前提下把这个案例做出来?眼前的这个图形由几部分组成,在软件里该怎么实现?步骤是怎么样的?好好思考一番后,再动手做,有目的的去看教...

  • Photoshop设计时尚立体感的下载图标

    [图标设计教程Photoshop设计时尚立体感的下载图标

    时间:2015-09-10阅读:1372

    最终效果 1、新建大小自定的画布。选择圆角矩形工具创建一个120 * 120像素的形状置于画布正中央,圆角尺寸20像素,色值#78c549,命名为底板。 Ctrl + J 复制底板层,改变色值为#378404,命名为厚度,Ctrl + [将此层置于底板层的下面。 按下A键用直接选择工具选中底板层...