前自己做了一个渐变科技感的图形,发布以后很多小伙伴都挺喜欢这种风格的,今天就出了一个教程,希望小伙伴都能学会,作出自己喜欢的作品。第一次出AI教程,平时都是自己做慢慢调整,没什么教学经验,不懂的地方可以留言咨询。
效果图
作者:黑的漂亮
个人主页:http://i.ui.cn/ucenter/153294.html
其实这种风格也挺简单的,没什么太多技巧,就是利用渐变加上透明度,互相叠加,在深色的背景上,有深色有亮色,对比出来就很出效果。
首先,我们得在草稿上把自己想要图形画个草图出来,比如像下面这样。做这种风格的,块面多一些,效果就会好些。在画草图的时候,结构一定要理清楚,后面做起来轻松很多。
草图
接下来就是打开AI,新建一个文档,尺寸可以随意,然后选择RGB颜色模式,勾选新建对象与像素网格对齐。在做比较规则的图形的时候,对齐网格会让你省去对齐的麻烦。
建好文档了,就开始把我们的图形画出来,基于都是基础图形,这里就不细说了,就是利用矩形工具和钢笔工具画出来就行了,画的时候,打开网格,对齐到网格,因为都是规则的图形,这样比较好对齐。画的时候我们需要把填充换成最基础的渐变,这样画的时候可以很好的观察图形。不然就会跟右边的一样,就看到一个轮廓
当基础图形画好了以后,我们就可以开始配色了,色感好的朋友,可以自己调取颜色,如果色感不太好的,可以在网上找一些配色比较好看的,然后吸取颜色。这种风格需要深色背景,所以我们在AI里面画个矩形,填充一个深色,我这里用的是#0f103e.背景色填充好了,把他放在最下层,快捷键ctrl+shift+[ 并且锁定住ctrl+2把我们之前画好的图形,放在上面
我们先把简单的填色了,四周是一个光束的感觉,所以我们选中四周的形状,给他调取一个比较亮的颜色到背景色的渐变
我们单独选择每个形状,轻微调整一下渐变的角度,然后把他们的透明度调整一下,我这里是前面80%,上面60%,后面40%,让他们比较有层次感。用同样的方法,依次完成四个方向,如下图。
接下来,我们来调整中间这块的颜色,为了方便选取,我们可以把前面做好的四个方向先移开,做好了在移回来,或都锁定,看自己习惯。
下面我们依次把所有的形状都填充上颜色
填充完颜色后,是不是大概的感觉出来了,接下来我们就是需要细化,就是依次慢慢调整渐变的方向以及透明度。方法就是选中一个形状,按g,然后鼠标拉方向
这次教程最重要的就是拉渐变,同样的渐变颜色可以拉出不同的效果,还有如果渐变色要吸取找好的颜色,先选中渐变这个滑块其中一个,然后按i调出吸管工具,然后按住shift键,点击你想要的颜色,然后选择另外一个滑块,吸另外一个颜色就OK了,不按shift直接点的话,吸出来这里就变成纯色了
希望这次的教程对大家有用,其实并不难,只是需要耐心慢慢调整,大家学会了后,可以做出各种好看的图案,要是不懂的地方可以留言咨询。
Adobe Color CC
https://color.adobe.com/zh/create/color-wheel/
Adobe 官网,非常强大,你可以上传喜欢的作品,看看它的调色盘是哪些。我用原画人设计学院彭钥老师的图做个示范:
?
http://colorexplorer.com/
操作酷炫,你只要拖动小方块,就会自动匹配合适的颜色
?
网站还可以查看图片配色,海妖放一张原画人设计学院龚珮老师的场景作品
得到如下配色信息
?
我这里选择了分析10种颜色,最高支持50种颜色分析。
配色网
http://www.peise.net/
一个在线配色工具,提供配色方案,理论知识,软件使用技巧等。
?
http://flatuicolors.com/
扁平化风格的设计配色参考网站。
?
http://www.colorhunt.co/
提供很多清新风格的配色,设计师专用。
?
http://www.colourlovers.com/
配色社区,你可以在这里和世界其他地区的设计师交流配色方案,谈笑风生。
?
网站还有很多知名LOGO 的配色方案
?
http://colrd.com/
网站非常漂亮,有很多世界名画和CG作品的图例+调色板,你也可以在这里上传自己的作品。
?
?
?
http://www.colorschemer.com/
提供搜索功能,Tag功能
?
http://www.dasplankton.de/ContrastA/
左边这个好好玩。
?
?
http://www.colorhunter.com/
可以搜索图片,找到对应的调色盘
?
?
http://colorblender.com/
网站有一个好,配色完成后可以直接下载act格式到电脑,再导入PS中,非常方便。
?
?
http://genopal.com/online.php
可以关键字搜索,也支持上传图片查看配色。
?
?
http://www.0to255.com/
?
?
http://www.colourco.de/
除了给一些非常有建设意义的颜色配对,支持自由生成、单色、单色与深灰色、单色与浅灰色等,同时还可以生成图片或者CSS代码、链接,所有的颜色搭配都是采用渐进的颜色展示方式进行对比的。
?
?
http://www.fancynode.com.cn/colorcube/home
兼容XP,同时推出MAC版! 加入PS色板导出,更优化了网页批量截图 | 屏幕取色等功能。
?
?
http://www.coolorus.com/
PS配色应用插件工具是一款优秀的 Photoshop 软件配色插件工具,很多功能很便捷,也有常见的配色方法、同色、补色和相似色等,基本可以秒杀一般的网页配色工具。
?
?
http://paletton.com/
一个成立于2002年的颜色配色工具,帮助平面设计师和网页设计师选择理想的配色方案,打开网站即可选择一种颜色,然后系统自动生成配套的色系供设计师使用。
?
?
http://coolors.co/
一个可以让你简单、快速的选色生成工具,为你找出配色的灵感,该网站是超快速为你生成配色,每次会为你挑选由五种颜色组合而成的调色盘,并显示颜色的代码,使用者可以快速选取使用,或是锁定其中的几种颜色。
打开Coolors后,会先出现一个简单的使用介绍,点击下面的按钮继续,会随即跳出来五个不同的颜色条,每条颜色下面有颜色代码,按键盘的空格键会随机出现五种不同的颜色,如果你确定一个颜色后点击颜色条下面的Locked来锁定,单独随机变化其中没有锁定的颜色。点选色码可以复制,或是修改为其他特定颜色。
在点选色条下方的色码后,能快速选取、复制,或是修改成其他颜色。整体来说,Coolors 是个相当好用的配色、色彩工具,里头有许多使用者所提供的色盘,当你想要一些配色灵感时,不妨到Coolors 找找吧!
?
?
http://brandcolors.net/
收录世界最知名的品牌、知名网站logo颜色的色码,可以快速下载获取颜色文件,支持ASE、SCSS、LESS和CSS格式。比如Tumblr、Toyota、Quora等公司logo的色值都可以在这里直接下载,以国外企业为主,不过拉到最下面竟然有中兴。
?
?
http://www.pictaculous.com/
一款在线照片色彩分析工具,可以帮助用户分析图片里的颜色,只需要通过浏览器把照片上传到该网站即可帮助你把图片转化为调色板,使用者还能够将色系文档下载到本地使用。
?
?
http://www.materialpalette.com/
一个致力于为设计师们提供颜色组合搭配的工具,让设计师轻松的选择自己喜欢的颜色,在线生成Metaerial Design 风格配色的搭配方案,让你从烦乱的颜色中筛选出一条极具创意的颜色组合。选择好呈现出来配色方案可多格式下载。
?
?
http://nipponcolors.com/
日本传统色系配色网,使用者透过NIPPON COLORS 即可轻松索引检视这些日本传统配色,包括色彩名称、色码(CMYK、RGB、HEX),亦能开启动态模式,自动随机切换不同背景色。若你想要在设计上走和风配色,或是日系的素雅风格,请务必到这个网站来找寻灵感。
?
?
http://www.colorhexa.com/
网站有颜色的维基百科之称,在输入框随便输入一个粉红色 ff4782
?
?
ColorHexa 自动生成与颜色对应的配色方案,比如互补/对比色(complementary)、分散的互补色(split complementary)、相似色(analogous)、三色(triadic)、四色(tetradic)、单色(monochromatic)。
?
?
不止于此,网站还可以给出同类色,让你挑选出视觉最舒服的颜色。
?
?
可以预览颜色使用效果
?
?
还有暗色和亮色的效果
?
?
色调
?
?
最最最体贴周到的是,网站还给出一个颜色在色盲眼中对应的颜色。
?
喜欢请点关注~提供各种设计资源分享,原创免费教程~
今生活条件好了,平顶山人们对家装的要求也日益提高了。毕竟谁也不想忙碌了一天,回到家还是一个让人不舒服的家庭环境。因此,室内装修就显得更加重要了,其中装修色彩搭配很关键,如果没有搭配好会影响到整体的效果。我们来介绍色彩搭配的四个方法,希望对您有所帮助。
1、颜色数量不宜过多
作为家庭装修色彩搭配技巧可以说是最重要一占,特别是对于色号数量一定要控制好,一般来说,一个空间里面最好就是控制在3种以内,而这里面,黑与白这两种颜色是不算在内的。如果你想让你空间给人留下一个个性、温暖的家装氛围的话,那么你在采用色彩方面就可以使用一些红色、橙色等暖色调与黑白色相搭,要知道这种强烈的对比色差也是能够让你的室内显得有一种生动、富有活力的感觉。如果居住者是属于性格温和、喜欢淡雅型的人,那么这边推荐他使用的颜色就是以灰色、浅棕、淡蓝等这些给人看起来比较柔和色调。
2、根据朝向挑选颜色
大家都知道,我们知道房子的朝向有很多种,不同朝向的房子给人带来的感觉也是不一样的。因此,我们在装修的时候可以多利用庭装修色彩搭配技巧来对它进行调整,这样也是可以起到不错的效果。比如说,朝东的位置它会受到太阳升起落下的影响,所以说这个方向相对来说比较阴暗的时间更长一些,那么这种朝向的房子可以浅暖色来装扮就是可以达到不错的效果。如果是朝西的房子,那么就可以使用一些冷色系来缓解长时间日晒带来的炎热。
3、根据功能用色
掌握正确的家庭装修色彩搭配技巧,这样才能达到我们想要的效果出来,只有这样才能将颜色用对地方,才能区分出不一样的区域来。比如说像客厅,相信大家都知道它是一个接待客人比较多的地方,所以说这个地方最好就是使用一些浅黄、米白、天空蓝等色彩更能够突出它的休闲性,同时这种颜色也是有助于放松身体的颜色。如果是使用在餐厅的话,这边建议可以选择明艳活泼的亮色这样能够促进食欲。
4、不同形状的房间用不同的颜色
经常有人买完房才发现,才知道这些房间的形状很奇怪,如果没有设计好就容易给人带来一种压抑感,怎么办呢?那么这个时候家庭装修色彩搭配技巧就可以派上用场了,可以使用比较常用的暖色来提升空间的温馨感,比如说像小房间就可以使用冷色系来放大视觉效果。
本页标签:装修色彩搭配,
本文地址:pingdingshan.bjhtzsgs.com/detail/4846.html(转载请注明出处)
*请认真填写需求信息,我们会在24小时内与您取得联系。