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的这一款软件的使用者们带来的详细的描边风格图标的制作教程分享的全部内容了,各位看到这里的photoshop的这一款软件的使用者们,小编相信你们很清楚了制作教程了吧,那么现在就快去自己按照小编的教程去尝试下吧。

时间: 2024-09-17 20:09:50

photoshop描边风格图标制作教程的相关文章

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

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

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

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

Photoshop立体UI图标制作教程分享

给各位Photoshop软件的使用者们来分享一下立体UI图标的制作教程. 教程分享: 首先让我们来新建一个高度为560,宽度为420.   填充背景为:#fbf5e7   选择圆角矩形工具     画一个180*180,半径为10的圆角矩形 填充颜色为:#a9d0e1     ctrl+t,然后右击旋转,旋转45°,然后右击进行扭曲(其中万万不可双击取消变形哦)   可以拉辅助线,按住alt键,选中其中一个点,进行水平移动,这样是以中心为点进行的两边的延伸,哎呀,具体怎么个术语我也不是很清楚,就

PhotoShop简洁质感Vista风格错误提示图标制作教程

PS教程简单介绍用Photoshop制作简洁质感的Vista风格错误图标效果.本教程属于初级教程,简单易学,感兴趣的同学赶快来学习吧! 教程最终效果图: 图0 1.选择"文件/新建"菜单,打开"新建"或者Ctrl+N对话框名称为:制作Vista错误图标效果,宽度:为800像素, 高度:为600像素, "分辨率"为72 , "模式"为RGB颜色的文档,如图1所示. 图1 2.在图层样板中新建一个图层,在工具栏中,选择椭圆选框工具

PhotoShop绘制简单的小铃铛APP Icon图标制作教程

本PS教程教大家用PhotoShop绘制简单的小铃铛APP Icon图标.简单的东西,其实别小看一个小小的Icon,它里面包含的知识是非常多的, 这个比较简单,高手路过-- 最终效果: 1.新建文件,新建空白图层,按Ctrl+R调出标尺,利用钢笔工具绘制路径,并转换成选区(Ctrl+Enter). 2.使用渐变工具,为选区填充径向渐变,颜色代码如图. 3.新建图层,用椭圆选框工具,绘制选区,并再为其制作径向渐变,颜色如图: 分类: PS鼠绘教程 ps图标制作教程

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

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

PhotoShop绘制简洁的紫色高光日历图标制作教程

ps教程学习用PhotoShop绘制一个简洁的紫色高光日历图标,这种比较简单,主要用到了圆角矩形工具和图层样式,后加个白色高光即可. 先看效果图. 新建文档1000x1000像素,背景白色,新建图层填充黑色,加一个渐变叠加样式,具体参数不截图了,童鞋们随便弄一个即可,效果如下. 新建图层画一个黑色圆角矩形,半径30像素. 添加图层样式. 分类: PS鼠绘教程 ps图标制作教程

PhotoShop绘制黑色质感安培仪表盘图标制作教程

教大家用PhotoShop绘制一个黑色质感安培仪表盘图标,其实一个图标一点都不复杂,总共也就3个文件夹. PS:这里的形状都是先用AI画出来的,然后放在PS里做的效果,当然也可以直接在PS里画,根据个人习惯吧! photoshop教程最终效果图: 第一步:仪表盘底托的制作如下: 分类: PS鼠绘教程 ps图标制作教程

PhotoShop打造五彩抽象透明的圆球形图标制作教程

PS教程教大家制作一种五彩抽象透明的圆球形图标,做这个效果需要耐心去慢慢调,球体的步骤基本就是利用椭圆围绕球体的形状变形, 然后进行颜色填充,添加蒙版渐变,更改不透明度,一层层叠加形成的,喜欢的同学可以学习一下! 效果图: 教程步骤如下: 分类: PS鼠绘教程 ps图标制作教程