学生问:如何绘制这种圆润图标底色

前言:学生们在学习ps软件的过程中非常的认真与努力,所以对于软件的使用可以说已经很熟练了,可是为什么当我们给学生安排一些原创设计需求的时候,学生却有种无从下手的感觉呢,究其原因就是学生在创新制作这方面的技巧和方法学得不够,所以下面我给大家分享一个案例,目的是为了能让大家在设计制作方法方面能有一定的了解和提升。

有一个学生问我,类似下面的图标底色如何能画得规范:

相信很多同学都有自己的画法,我把我的想法及做法分享给大家

1、绘制一个正方形和一个正圆,它们的宽高是一样的,如下图对齐

2、将正圆旋转45度,如下图

3、用白箭头移动正圆的其中一个锚点到正方形的直角点位置,如下图

4、按上述方法将正圆形四个锚点都移到正方形直角点,效果如下图

5、完成,如下图

上述操作步骤的发布,旨在帮助大家对上述图标的绘制方法及技巧有所了解。因为课余时间有限,文字内容及语言组织没花太多时间,说是教程有些牵强,算一个案例分享吧。希望大家看过我的案例分享后能有所收获。如果大家喜欢哪类效果,还想看哪方面的哪类型的设计制作案例可以留言给我,有时间我一定会分享更多设计制作相关的内容给大家的。谢谢!

原文发布于微信公众号 - 我分享我快乐(duan_uid)

原文发表时间:2016-02-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏重庆的技术分享区

前端学习之路(从入门到...)

互联网的快速发展和激烈竞争,用户体验成为一个重要的关注点,导致专业前端工程师成为热门职业,各大公司对前端工程师的需求量都很大,要求也越来越高,优秀的前端工程师更...

52617
来自专栏Golang语言社区

11个基础的HTML5动画工具

如今,在Web开发中最为流行的语言就是HTML5了,它帮助开发者将多样化的内容展现给用户。在过去两三年中,我们共同看到了HTML5的发展,它逐渐在网络的世界中积...

4687
来自专栏无原型不设计

从iOS 11看怎样设计APP图标

苹果WWDC2017开发者大会已经尘埃落定,除了新产品的发布,iOS 11也正式亮相。新系统中,地图、App Store、时钟、相机、联系人等等原生应用都换了...

3753
来自专栏闻道于事

两个HTML,CSS布局实例

今天首先仿照某公司页面只做了一个几乎一模一样,连距离都相同的页面。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T...

7506
来自专栏腾讯NEXT学位

NEXT讲坛丨《从零开始的React之道》公开课

2494
来自专栏HTML5学堂

HTML5发展历程

HTML5发展历程 HTML5学堂:HTML5应该说是一个新名词了,由最初的网页设计与制作,发展到WEB前端开发工程师,又演变出HTML5的“新名词”。那么H...

3666
来自专栏逍遥剑客的游戏开发

Gamma校正问题

1732
来自专栏hightopo

基于HTML5实现3D监控应用流动效果

2254
来自专栏PHP在线

未来Web设计的7大趋势

原文出处: Medium 译文出处:朵璞 1. 手势取代点击 我们都已经忘记滚动条曾经是有多麻烦,大多数用户都得煞费苦心地把鼠标移至屏幕右侧来移动这古...

4005
来自专栏Golang语言社区

【Golang语言社区】H5游戏开发-从零开始开发一款H5小游戏(四) 撞击吧粒子,炫酷技能的实现

本游戏有五种技能粒子,分别是 "护盾","重力场","时间变慢","使敌人变小","增加生命"。Player粒子吃了技能粒子后就能表现各种特殊效果。 碰撞检测 ...

3889

扫码关注云+社区

领取腾讯云代金券