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

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

教程分享:

1、新建【Dribbble牌】画布800x600

 


颜色模式、分辨率别选错哦。

2、用矩形工具画一个矩形

 


3、选择参数,将填充去掉,打开描边,像素点自行选择。

 


4、调整一下描边的形式,【对齐】自行选择【端点】和【角点】一般都选择圆角

 


5、得到以下形状后,用钢笔工具,在红色箭头区域点几个锚点,间距自行选择。

 


6、用直接选择工具,框选两个锚点之间。

 


如下图↓

 


7、然后按键盘上的删除键 delete,就得到以下形状。

 


8、再画一个矩形,设置如下,关闭描边,打开填充。

 


9、随便选择一个颜色,拖动到描边矩形中,注意黄色矩形与描边矩形的间距是否一致。

 


10、画两个眼睛

 


11、再画一个嘴巴

 


12、用矩形选框工具,从这个椭圆的水平中线画一个选取,如下图我画的选取是W:24px,那么我的锚点则会点在距离水平中线,距左距右各是24px。

 


如下图↓

 


13、用直接选择工具,选中圆圈中的3个锚点。再按键盘上的delete键。

 


14、我们会得到以下的形状。。( ⊙o⊙ )哇,好大的嘴巴呀,一点也不萌呢。

 


15、嘴巴太大,我们再用刚刚的方法。用矩形选框工具,这次画个W:12px吧,然后左右各点两个锚点,再删点不需要的锚点。

 


16、我们就能得到稍微小一点的萌萌哒的嘴巴了(⊙o⊙)哦。我们可以把这个小嘴画成小鸡小鸭的嘴巴,可以通过拖动锚点,画出你想要的线条形状。

 


17、编组,再复制一个组。

 


18、将复制的组,command(ctrl)+t,变化一下角度。

 


19、用钢笔工具和delete键删掉不要的锚点

 


20、用形状减去不需要的矩形面积,选择矩形工具按住alt键鼠标边上会出现一个减号,说明可减去当前矩形。

 


21、减去之后我们在画一个矩形

 


22、创建剪贴蒙版,在两个图层中间按住alt键也可进行快速剪贴蒙版。

 


23、变换一下形状,改变一个颜色,一般,黄色上面的投影会偏红。

 


24、大功告成( ⊙o⊙ )哇,等等还有一个小伙伴呢。(?3?)

 


25、新的小伙伴,我们在复制一个组,(快捷键我就不赘述了)。

 


26、准备移动另一个小伙伴的时候我们应该先记住右边这个的位置,按住command键会出现一个快捷的间距像素显示。我们可以记下这些数,当我们把另一个图移到左边的时候可以参考这个数值,以保证左右对称。( ⊙o⊙ )千真万确

 


27、另一个小伙伴一过来了,变换一下水平翻转,保持左右数值一致。

 


28、改下颜色,用个蓝色,一般冷色上的投影偏暖,暖色上的投影偏冷,可以做出不错的色彩效果。

 


29、最后,我们画一些点缀。完工了。~(???)/~

 


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

时间: 2024-09-11 09:22:30

Photoshop设计描边风格图标制作教程的相关文章

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

给各位photoshop软件的使用者们来详细的解析分享一下快速设计描边小图标的制作教程. 教程分享: 描边图标是追波上MBE大神开始设计的图标风格,然后就掀起了一股时尚风潮 下面是一些截图:   <点图片看大图>www.16xx8.com 在绘制之前,我们先分析并总结一下上面图标的特点: 1.图形外观围绕着深色描线,也可以叫描边,描线与图形偶尔错位开. 2.描边有断线 3.图形线条简单,比较圆润,基本上都是圆角,图形容易绘制,也很可爱,十分的萌萌哒. 4.色泽比较鲜艳大胆,几乎都是明亮色,明黄

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软件的使用者们,现在你们非常的清楚了教程了吧,那么各位就快去按照小编分享的教程自己去制作下吧.

photoshop设计一扇面边框制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计一扇面边框的制作教程. 教程分享: 一.园形.扁桃形.梨形扇面画框制作步骤 (1)新建图像,用于网络传送设立:图像高1800宽1800(象素)方形,颜色模式RGB,背景白色(例图演示设为800×800).在此基础上,还可以用粘贴.涂色等方式,更换图框面板色彩和图案.     <点图片看大图>www.16xx8.com (2)前景色改为黑色,打开工具栏的形状工具窗口.(3)白色方形中设置填充园形边界坐标限制(移动工具从标尺栏里分别移出

photoshop设计流光光斑字制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计流光光斑字的制作教程. 教程分享: 最终效果   1.新建一个1280 * 1024,分辨率为72的画布,背景选择白色,如下图.   <图1> 2.在图2上面右键选择"图片另存为",保持到本机,文字为PNG格式,用PS打开刚才保存的文字素材.   <图2> 3.把文字素材拖进来,效果如下图.   <图3> 4.按Ctrl + J 把文字图层复制一层,原文字图层隐藏,效果如下图.   <

Illustrator设计立体苹果图标制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计立体苹果图标的制作教程. 教程一览:   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计立体苹果图标的制作教程解析分享的全部内容了,各位使用者们看到这里小编相信大家现在是很清楚了制作方法了吧,那么各位就快去按照小编上面的教程去尝试着制作自己喜欢风格的立体苹果图标吧.