我想群策群力设计商标图案图标,哪个网站好用?可以付费

漂亮实力派!教你用Sketch绘制一枚精美的锤子论坛图标
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座,聊设计,找素材,尽在优设网
& / & & / & 正文
Hi,我是优设小编
漂亮实力派!教你用Sketch绘制一枚精美的锤子论坛图标
编者按:好久没出Sketch教程了,今天跟着 来一发图标临摹,原图标是科技的UI高手方迟设计的,效果惊艳。刚买Sketch的同学,内文附有新手系列教程,帮你从零开始掌握Sketch。不多说,先看今天教程。
Sketch源文件免费下载:
工具:Sketch 3.3.2
首先,先画一个水箱
新建圆角矩形、调透明度,然后调大小。
水箱的角,我是直接添加描点绘制的。
接下来就是添加水箱的边,和凹面绘制。先看一下所有样式。
因为这个水箱的边内外有两个切面,所以描边一共有三层。
第一层、第二层分别是线性渐变。
第一层比第二层短,这是因为第二层才是水箱边的内切面。
这是第三层,这里我使用了环形渐变,因为水箱角的上部_外切面也是高光的。
接下来是水箱凹面。
这里使用了两个样式,径向渐变+内阴影。
同样的,外阴影也两个。
同样,先把水部分的轮廓勾出来,然后调整渐变色。
水与水箱之间是有“缝隙”的,所以也是要有“边”。
接下来添加水面的波纹。
水波共两层( Path 21、Path 22 )。
绘制方式:Path 21 是纯色面+描边,Path 22 是线段,色彩自己看着调,这里不上图了。
感受一下矢量图和位图之间的差别。
直接上图。
径向渐变填充
描边居中、线性渐变
外描边、纯色填充
之后就是复制、粘贴、放大缩小、变形。
水面上半部分的 LOGO 我就不说了,我直接说水影。
水影我是直接绘制的,共两层(愚蠢的方式)。
第一层我用的高斯模糊。注意!是 Path 1 ~ Path 10 。
这是第一层 Path 24 的样式(变焦模糊)。
第二层全部是变焦模糊。注意!变焦模糊会严重变形曲线,所以一定要使用蒙版(蒙到“水”里)。
主体完成,来做背景
也是两层。
这是“背景”层,径向渐变+杂色。
然后复制一层(中心背景),并添加圆形蒙版。
最后,改一下“中心背景”层的杂色。
第一次用Sketch好紧张,如何假装经常用?
2,看新功能(安利必备)
3,好用的插件
原文地址:
【优设网 原创文章 投稿邮箱:】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:。
设计微博:拥有粉丝量102万的人气微博 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:
订阅更新:您可以通过
【推荐!设计师必备网址导航】
我们的团队
大家在关注手机端的图片制作软件 或者美图软件 哪个比较专业点 好用点 我想设计个LOGO图标而已_百度知道
手机端的图片制作软件 或者美图软件 哪个比较专业点 好用点 我想设计个LOGO图标而已
提问者采纳
提问者评价
太给力了,你的回答完美地解决了我的问题,非常感谢!
其他类似问题
为您推荐:
围巾的相关知识
其他2条回答
设计logo还是不要用这些软件好了,用ps吧
可以用美图秀秀这是美图软件
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁你曾经遇到过让你给一个指定的问题设计图标的困难么?和你的开发者一起合作,却发现很难给你的客户一个足够完美的解决方案?当你在设计页面图标遇到麻烦的时候,这篇文章就可以帮助到你了。指导原则图标设计是整个页面视觉设计中一个最重要的视觉元素。一个图标的细节,样式和功能是由很多东西决定的。总而言之,图标设计的指导原则涉及到以下五个部分:1、理解问题所在2、采用全局方法3、越简单越美好4、考虑环境因素5、理解符号元素这篇文章不是那么难以理解,而且会给你在真正的图标设计中带来很大的帮助。一、理解问题所在有的时候可能需要从零开始设计网站,那么就需要大量的图标用于视觉表达。通常情况下,客户需要为他定制出独一无二的图标。比如说,他需要给一个文档设计一个“Error”的图标。起初,他建议说在一个页面图标里放一个X来表示文档类型不支持,或者表示文章没有被下载成功。他脑海中的图标是这个样子的:还不坏是吧?为了简单,除去了一些元素,改成了:但是,它还需要改进,因为它还不像是一个专门为文档加载错误设计的一个图标。二、采用全局方法“这个警告图标怎么样?”我们思考着,因为它实际上已经在网页中被大量使用了,人们可以轻易明白它的含义。当我们想设计一个图标的时候,一定要考虑到同种类型的其他图标是如何设计的。否则,你很有可能使用的图形的寓意在其他图标上已经被大量使用了,表达的还是另一个意思,那么你的设计就会产生歧义。三、越简单越美好之后,我们想到在一个文档图标中画一个大三角形,像是这样:但是,经验告诉我,它太复杂了。它的寓意不那么直接,人们也不能一眼看上去就明白是什么意思。四、考虑环境因素之后,我提出建议我们应该用一个大x包含在一个圆内的图标,像是这样:但是这还是不可取的,因为这个图标传达的信息是危险。这个图标表达的含义太过了。我现在想说的,是你需要考虑到环境色。颜色和视觉量级是传递图像的一个重要的方式。比如,红色常常用语警告,而浅色比如灰色显得更加中性。如果你用中性色来表示,那么可以恰如其分的表达出图标含义。五、理解符号元素符号语言是一种次通信,在网页设计中也是非常重要的一个部分。比如,装饰性字体更有女性气质,而手绘字体则看上去更加童趣。你想用你的图标表达怎样的含义?例如,这个Error图标并没有创造太多令人惊恐的元素。我记得这个图标常常在我网络瘫痪的时候出现,它们非常完美。含义也不过分,只是恰如其分的告诉用户出错了。再比如这个更直接一些:下面这个例子来源于Chrome浏览器,完美的表达出了我需要的那个图标。轻微,准确,告诉用户某个地方出了错。这个图标除了白色线条的部分都是灰色,可以让用户明白问题的严重,但是又不至于过分到让人民产生惊恐的感觉。最后一个图标表达的信息很简单,但是却传递了最准确的信息。结论图标使用的艺术需要一点点好眼力,也要一点点设计的经验。但是它也可以根据我们上述讨论的几个原则来构建。如果你的图标寓意太模糊,或者使用千篇一律的视觉提示,那么不妨再好好思考上述说到的五点。 
 文章为作者独立观点,不代表微头条立场
的最新文章

我要回帖

更多关于 设计商标图案 的文章

 

随机推荐