photoshop快速设计描边小图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下快速设计描边小图标的制作教程。

教程分享:

描边图标是追波上MBE大神开始设计的图标风格,然后就掀起了一股时尚风潮

下面是一些截图:

 


<点图片看大图>www.16xx8.com

在绘制之前,我们先分析并总结一下上面图标的特点:

1.图形外观围绕着深色描线,也可以叫描边,描线与图形偶尔错位开。

2.描边有断线

3.图形线条简单,比较圆润,基本上都是圆角,图形容易绘制,也很可爱,十分的萌萌哒。

4.色泽比较鲜艳大胆,几乎都是明亮色,明黄色,蓝色为主。

了解了描边小图标的特点,那么下面我们就开始讲如何绘制了。

绘制工具:AI,PS SKETCH。这里就用PS来举例。

开始绘制萌萌哒小雪糕


啦。

1:打开PS-新建画布800*600,命名描边小图标--小雪糕,随时命名是种好习惯哦。

 


2:用矢量矩形工具绘制出雪糕的外形,尺寸看着办哦,我这里用的是 W200*H260,上面圆角100px,下面圆角40px,描边为10像素,黑色。注意这里描边的风格应该选择第二个居中描边,端点和角点一般选择圆角形式,命名雪糕的描边,如不清楚请看下图:

 


<点图片看大图>

3:复制雪糕描边图层--命名新图层为雪糕 ,这里的雪糕图层,需要关掉描边,打开填充并填充蓝色,然后将雪糕图层置于雪糕描边图层下面,并将蓝色雪糕图层向右移动20像素,效果如下:

 


<点图片看大图>

4:这一步做描边断线的效果,鼠标选中雪糕描边图层,点击小白工具(直接选择工具)会出现锚点和路径,这里我们先做一小段,点击钢笔工具添加一些锚点,多少根据实际情况而定,至少得3个锚点以上,用小白工具选中中间的锚点并按delete键删除,效果就出来了,描边被分开了, 其他的几段一样的方法,效果如下

 


<点图片看大图>

 


<点图片看大图>

5:用椭圆工具绘制眼睛,关掉描边打开填充,并填充黑色,画上眼睛,这里就不多说了,很简单,注意大小尽量用偶数哦,这里用的16*16px。

 


6:用矢量工具画上嘴巴和舌头

嘴巴需要用到布尔运算的加减,画一个椭圆,大小根据实际而定,尽量所有绘制都用偶数

 


然后同一个图层上画一个矩形用减去顶层形状,注意一定要和椭圆在同一个图层,

 


<点图片看大图>

然后再在同一个图层上增加一个圆角矩形,这里选择的是合并形状。

 


舌头直接画个椭圆就好了就不多说啦,嘴巴就画好了。

 


7:打开描边,填充也打开,用矩形工具(调整矩形下面左右的圆角度数)绘制雪糕棒,如图:

 


<点图片看大图>

8:给雪糕添加投影,方法--复制雪糕图层,调整复制图层大小如图路径,并添加内阴影

内阴影调整--颜色深蓝色,角度为20,距离、阻塞和大小为34、0、0,如下图:

 


 


9:然后就是画上一些小修饰物就大功告成啦

 


好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的快速设计描边小图标的制作教程解析分享的全部内容了,各位使用者们现在看到这里了小编相信各位现在那是非常的清楚制作方法了吧,那么各位就快来按照小编的教程自己去制作下描边小图标吧。

时间: 2024-09-21 07:25:46

photoshop快速设计描边小图标制作教程的相关文章

Photoshop设计描边风格图标制作教程

给各位Photoshop软件的使用者们来详细的解析分享一下设计描边风格图标的制作教程. 教程分享: 1.新建[Dribbble牌]画布800x600   颜色模式.分辨率别选错哦. 2.用矩形工具画一个矩形   3.选择参数,将填充去掉,打开描边,像素点自行选择.   4.调整一下描边的形式,[对齐]自行选择[端点]和[角点]一般都选择圆角   5.得到以下形状后,用钢笔工具,在红色箭头区域点几个锚点,间距自行选择.   6.用直接选择工具,框选两个锚点之间.   如下图↓   7.然后按键盘上

Photoshop快速设计Wifi无线图标教程

给各位Photoshop软件的使用者们来分享一下快速设计Wifi无线图标教程. 教程分享: 1.新建一个500*500的画布,填充背景颜色#2b2b2b.     2.然后选择     形状工具快捷键:U.右键单击选择椭圆工具     . 之后单击操作区域弹出     ,点击确定. 变成     .名称默认为椭圆1.     3.选中图层1,按住Alt(Alt是减去操作,Shift是合并形状操作),在操作区域单击一次. 出现     (这时候就不用按住Alt了)然后点击确定.生成一个     .

PhotoShop绘制一只七星瓢虫小图标制作教程

介绍用PhotoShop绘制一只七星瓢虫小图标,我一直很奇怪为神马很多软件到BUG提交都用瓢虫做标识,后来在一本书上无意中看到ladybug才恍然大悟. 教程效果图: 绘制流程如图: 分类: PS鼠绘教程 ps图标制作教程

photoshop描边风格图标制作教程

给各位photoshop软件的使用者们来详细的说一说描边风格图标的制作教程. 教程分享: 1.新建[Dribbble牌]画布800x600   颜色模式.分辨率别选错哦. 2.用矩形工具画一个矩形   3.选择参数,将填充去掉,打开描边,像素点自行选择.   4.调整一下描边的形式,[对齐]自行选择[端点]和[角点]一般都选择圆角   5.得到以下形状后,用钢笔工具,在红色箭头区域点几个锚点,间距自行选择.   6.用直接选择工具,框选两个锚点之间.   如下图↓   7.然后按键盘上的删除键

photoshop设计一个调节开关图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计一个调节开关图标的制作教程. 教程分享: 新建一个渐变调整层,做一个45度的从 #a1a5ae 到 #eef2f3 的线性渐变.   光是渐变背景,感觉差了点什么,添加点质感吧.复制一层渐变图层,转智能对象,添加一个杂色.   执行"滤镜-风格化-浮雕效果",添加一个浮雕效果.   将这个图层的图层混合模式更改为"叠加",我们的背景就完成了.   画一个圆角矩形,并添加图层样式.           复制

Photoshop设计锤子时钟图标制作教程

给各位Photoshop软件的使用者们来说说设计锤子时钟图标的制作教程. 教程分享: 效果图:   制作步骤如下: 首先,第一步,我们要建立一个空白文档,800px X 800px,分辨率为72像素的空白文档,为了日后可以随时调整背景色,新建一个图层,然后设置前景色,填充#8a8a8a.颜色大家可以根据自己的感觉,进行填充!此填充颜色图层命名为背景颜色填充层.(切记,养成不要修改原图和可以随时修改,不动原图的习惯哦) 操作过程为:     第二步,我们要进行时钟UI的设计,首先,我们做最外层,由

photoshop设计日历主题图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计日历主题图标的制作教程. 教程分享: 首先,新建一个文档,我的是1024*1024.   在背景层上拉一个径向渐变,颜色如图所示~~   新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示   确定后把混合模式改为柔光,透明度30%   新建一个圆角矩形,如图所示,调整好圆角,填充颜色随便.Ctrl+a 选择水平居中,垂直居z中,Ctrl+d取消选择   双击圆角矩形添加图层

photoshop设计快播ICON图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下计快播ICON图标的制作教程. 教程分享:                               好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的计快播ICON图标的制作教程分享的全部内容了,各位看到这里的photoshop软件的使用者们,现在你们非常的清楚了教程了吧,那么各位就快去按照小编分享的教程自己去制作下吧.

Illustrator快速设计出商业名片制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下快速设计出商业名片的制作教程. 教程分享:   图 1 在本文中我们将介绍在 ILLUSTRATOR CS 中,如何利用简单的工具快速制作出这些漂亮的商业名片 当你使用多功能画笔及蒙板你就可以创造出很酷的名片.在本文中我们向你展示如何通过调整画笔的尺寸及距离,再通过蒙板剪切来设计名片,同时,你也可以了解设计名片时全出血位的设置. 一.所有这些名片都是由 ILLUSTRATOR 里的商业名片( BUSINESS CARD 2 BLANK