当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

描边图标,设计描边风格图标教程

来源:站酷 作者:heyyer 学习:5795人次

这样风格的图标其实很简单的,用PS 和 AI 都能做,但是如果不考虑像素级的话呢,用AI 会快很多。

下面是随便找了一个图形参考的,步骤可能会很啰嗦也很多哦,辛苦观看。泪目::>_<::

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

www.16xx8.com_04095SF9-0.jpg

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

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

www.16xx8.com_04095T9C-1.jpg

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

www.16xx8.com_04095SD8-2.jpg

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

www.16xx8.com_04095T929-3.jpg

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

www.16xx8.com_04095T092-4.jpg

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

www.16xx8.com_04095V414-5.jpg

如下图↓

www.16xx8.com_04095Q162-6.jpg

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

www.16xx8.com_04095W593-7.jpg

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

www.16xx8.com_04095VI3-8.jpg

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

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
用户80339251982019-03-02 12:03
第20步能不能稍微解释清楚一点。似乎我并没有办法做到。。。
昵昵星人2016-04-26 02:09
顶_顶2016-04-23 03:20
第20步能不能稍微解释清楚一点。似乎我并没有办法做到。。。

关注大神微博加入>>

网友求助,请回答!