正在阅读:PS教程:PS专业配色插件kuler使用详解PS教程:PS专业配色插件kuler使用详解

2014-06-25 10:58 出处:PConline原创 作者:PS梦工场 责任编辑:mohaichou

  【PConline 教程】经常听朋友抱怨说颜色如何难用,那今天PS教程给大家推荐一个PS自带的小工具:kuler。或许能帮你解决颜色使用方面的困扰。

  kuler线上版地址:https://kuler.adobe.com/create/color-wheel/

PS教程:PS专业配色插件kuler使用详解
图00

  在介绍工具之前,我们先简单复习下网页设计中配色的基础知识。

  那么配色需要遵循什么规则或者原理么?

  网页配色的基本原则:

  (1)色彩搭配的合理性。

  每一种颜色都有自己的含义,如:红色:热情、奔放、喜悦、庄严等等,这可以向浏览者准确快速地传递出设计者想要表达的主题。

  (2)色彩的鲜明性。

  页面的”视觉焦点区”一般是首屏的区域,在这区域中使用鲜明的色彩可以给浏览者留下深刻的印象并带来第二次访问。

  (3)色彩的独特性。

  如何在众多同类型的页面中脱颖而出,这就需要独特的配色方案。

  如何根据上面的原理来找到方法

  (1)对比色彩的搭配

  一般来说,色彩的三原色(红、黄、蓝)最能体现色彩间的差异。色彩的强烈对比具有视觉诱惑力,可以突出重点,产生强烈的视觉效果。

  (2)冷色系的搭配

  冷色系搭配是指使用绿色、蓝色及紫色等色彩的搭配,可为网页营造出宁静、清凉和高雅的氛围。

  (3)暖色系的搭配

  暖色系搭配是指使用红色、橙色、黄色等色彩的搭配,可为网页营造出稳性、和谐及热情的氛围。

  (4)邻近色的搭配

  邻近色是指在色环上相邻的颜色,如绿色和蓝色、红色和黄色,可以易于达到页面和谐统一的效果。

  (5)同种色彩的搭配

  同种色彩搭配是指首先选定一种色彩,然后调整其透明度和饱和度,将色彩变淡或加深,而产生新的色彩,这样的页面看起来色彩统一,具有层次感。

  下面为大家介绍这个叫Kuler的PS小工具,它躲藏在扩展面板里面。这个小工具需要大家安装完整版的PS才能使用。

PS教程:PS专业配色插件kuler使用详解
图01

  打开面板后会发现里面已经有了不少配色方案,左上方可以选择列出方案的排布顺序。如果这其中有”大厨”们中意的那么不多说,马上开工。如果都不尽如意,”大厨”只能自己动手丰衣足食了。

PS教程:PS专业配色插件kuler使用详解
图02

  点击创建,可以进入到编辑模式,耽误当务之急是要确定主色(基色),然后通过各种配色方案生成配色板。

PS教程:PS专业配色插件kuler使用详解
图03

  很简单吧,现在我们已经选好配色方案,那么如何使用呢?如果想使用某个色板为前景色,可以双击色块,前景色就会同步为当前色块颜色。如果要把配色方案添加到色板中,可以点图2下方的色板按钮。还可以保存这个主题,点击图2下方保存按钮,就可以了。

  Tips:命名主题名时须为英文,不支持中文哦。

  点击浏览>选择已保存,就能看到刚存储的配色方案了,除此之外,”大厨”们也可以将自己满意的配色方案上传到网上。

  如果你的PS版本不是完整安装的,那么可以用Kuler的线上版本:https://kuler.adobe.com/create/color-wheel/

  下面列出几种基础配色方案,供大家参考:

  潮流的扁平化配色

PS教程:PS专业配色插件kuler使用详解
图04

  带有情感倾向性配色

PS教程:PS专业配色插件kuler使用详解
图05

  中国传统颜色

PS教程:PS专业配色插件kuler使用详解
图06

  原文地址:Photoshop专业配色插件kuler使用教程 

相关阅读:

设计新趋势!用PS和AI打造Low Poly肖像

//pcedu.pconline.com.cn/490/4906839.html

翻译教程:PS CS6制作高清Ubuntu OS壁纸

//pcedu.pconline.com.cn/485/4857756.html

PS抠图初级教程:用PS快速选择工具抠图

//pcedu.pconline.com.cn/484/4843856.html

PS教程:巧用PS转换毕业求职简历为PDF

//pcedu.pconline.com.cn/481/4818782.html

PS教程:PS打造水果妆人像照片后期处理

//pcedu.pconline.com.cn/481/4818780.html

 

关注我们

最新资讯离线随时看 聊天吐槽赢奖品