蜂鸟网首页 > 技法学院 > 摄影技巧 > 正文

PS色彩构成与应用-网页配色技巧练习

0 2008-08-25 09:00:00   蜂鸟网   作者:李敏 胡苏望 [合作]

photoshop实例:网页配色

  在Photoshop中练习纯粹的色相对比最好的方法就是练习网页配色。图5.21是将海豚、陶罐和餐桌中的颜色应用到了网页配色中,同时标明出色彩迁移后获得的色彩印象。这是一种采集色彩的方法,通过选用已有的彩色图片并从中拾取颜色来完成新的构图。其右上角的色块和色彩印象的描述是为强化练习者的色彩感觉。图5.21所示的网页之所以没有运用文字等细节,是为了培养练习者对色彩的大印象,让练习者先从整体入手,养成由整体到局部的民好设计习惯。

PS色彩构成与应用-网页配色技巧练习

PS色彩构成与应用-网页配色技巧练习

PS色彩构成与应用-网页配色技巧练习
图5.21

接下来做一个网页配色练习。原图如图5.22所示。

PS色彩构成与应用-网页配色技巧练习
图5.22

  在网页设计中首先需要确定网页的整体风格,像本例中的网页主题跟哲学教育相关,因此用色上应该相对稳重、传统。具体的风格则要根据多种因素综合考虑,如研究同类网站的网页风格以寻找差异性,了解客户的宗旨以体现企业文化等。确定了网页的整体风格后再思考用什么样的色彩搭配手法和选用什么样的主色及辅助色。对如图5.22所示的原图进行色彩设计后的效果如图5.23所示。这主要采用了纯度较高的对比色相(橙色和绿色),所以网页效果强烈鲜明、有活力。

PS色彩构成与应用-网页配色技巧练习
图5.23

  在具体填色时还要注意各个元素之间的关系。例如页面分为“首页导航”、“左侧导航”、“页面说明”、“正文”4个部分,配色时要先为这4个部分排序,排序的依据是想先让读者看到什么再让读者看到什么,通过不同配色就能引导读者的视觉流程。这需要细致周全的考虑,包括每部分的文字、装饰图片和隔离线的处理。

  在这些网页元素中逐一填充自己需要的颜色,不断调整部分和整体的色彩关系。

5.3色彩的纯度对比

  纯度对比是由不同纯度的色彩放置一起而产生的色彩间鲜艳程度的对比。

  改变色彩的纯度有4种方法:加白、加黑、加灰和加互补色。人们经常用加黑、自或加互补色的办法来降低色彩的纯度,往往忽略灰色,这是因为要先用黑白两色
调出与该纯色明度大致相同的灰,在操作上稍嫌麻烦但我们要学习使用不同明度的灰色,它能保证色彩处在同一画面中,不破坏画面秩序,这在写生中有相当重要的意义,如图5.24所示。

PS色彩构成与应用-网页配色技巧练习
图5.24

  柯布西耶的《静物》:无论颜色深浅还是鲜浊,这组静物看上去都处于同一层次空间中,静物的关系更像是部分被半透明的细纱所遮挡;色彩中混入恰当明度的灰是关键。

  将色相的纯度分为9个阶段,则1~3为低纯度,4~6为中纯度,7~9为高纯度,如图5.25所示。相差5个阶段以上为纯度的强对比,相差4个阶段左右为纯度的中等对比,相差3个阶段以内为纯度的弱对比。

PS色彩构成与应用-网页配色技巧练习
图5.25

  高纯度色彩在画面面积中占60%左右时,构成高纯度基调,即鲜调;中纯度色彩在画面面积中占60%左右时,构成中纯度基调,即中调;低纯度色彩在画面面积中占60%左右时,构成低纯度基调,即灰调。

  一般来说,纯色明亮、艳丽,容易引起视觉的兴奋;含灰色的中纯度基调丰满、柔和、沉静,能使视觉持久注视;低纯度基调单调耐看,容易使人产生联想。纯度对比过强时,则会出现生硬、杂乱、刺激等感觉;纯度对比不足,则会造成粉、脏、灰、闷、含混、单调等感觉,如图5.26所示。

PS色彩构成与应用-网页配色技巧练习
作者:葛玉龙
图5.26

  纯度的主题构图练习:高纯度、中纯度和低纯度基调分别表现了环境由无污染到严重污染的过程,最后一张较低的纯度对比所带来的沉闷、压抑强化了主题。

相关文章
  ・ 摄影内功的提升-从无聊题材中提炼经典
  ・ PS色彩构成与应用-色彩里的色相对比
  ・ 摄影内功的提升-确定照片颜色白平衡
  ・ PS色彩构成与应用-明度九宫格训练
  ・ 摄影内功的提升-制作个性化相片及色感
  ・ 
PS色彩构成与应用-色彩里的明度对比
  ・ PS色彩构成与应用-关于颜色的对比
  ・ 照片专业处理技法-真实传递照片颜色
  ・ PS Lightroom技巧-为软件添加PS功能
  ・ 照片专业处理技法-让阴霾变为蓝天
  ・ PS Lightroom技巧-消除可怕的红眼
  ・ 照片专业处理技法-调RGB获得完美肤色

书  名  Photoshop色彩构成与应用(1DVD)(彩印)

PS色彩构成与应用-关于颜色的对比


丛 书 名  --
标准书号  ISBN 978-7-115-17802-1/TP
编目分类  TP391.41
作  者  李敏 胡苏望 编著
译  者  --
责任编辑  李莎
开  本  24 开
印  张  7.5
字  数  246 千字
页  数  174页
装  帧  平装
版  次  第1版第1次
初版时间  2008年6月
本 印 次  2008年6月
首 印 数  4000 册
定  价  45.00 元


内容提要
  本书运用大量实例讲解了色彩设计的方法。主要内容包括色彩的基础知识、色彩体系及应用、色彩心理、色彩的风格、色彩对比、色彩肌理和质感、色彩调和、色调与色彩重构、色彩的综合应用等。
  由于在色彩表现和处理上,Photoshop是首选软件之一,因此本书在介绍色彩知识的同时会有针对性地介绍如何运用Photoshop完成色彩设计。
  本书适合艺术设计类与计算机图形图像类专业的学生使用,也适合希望提高色彩设计能力的设计人员阅读。


目 录

第1章 色彩的基础知识 1
1.1 色彩的形成 2
   计算机的呈色 4
1.2 色彩与生理 4
1.3 原色 5
   Photoshop的色彩模式 5
1.4 色彩的分类 7
1.5 色彩的属性 7
1.6 色彩混合 8
1.7 训练课题 10
1.8 优秀作品赏析 12

第2章   色彩体系及应用 13
2.1 色相环 14
2.2 色立体与表色体系 14
   Photoshop实例:色彩设置 16
2.3 色彩的明度推移 18
   Photoshop实例:明度推移训练课题 19
2.4 色彩的纯度推移 22
   Photoshop实例:纯度推移及骨骼训练课题 22
2.5 色彩的色相推移 25
2.6 训练课题 26
2.7 优秀作品赏析 27

第3章 色彩心理 29
3.1 色相的联想与想象 31
3.2 色彩与味觉 36
3.3 色彩与音乐 38
3.4 色彩与形状 3

24小时热文

欢迎使用蜂鸟 爱摄影小程序

分享到朋友圈

0

打开微信,点击底部的“发现”,使用
“扫一扫”即可将网页分享至朋友圈。