Ps在制作网页时需要使用什么颜色?

Ps在制作网页时需要使用什么颜色?,第1张

配色方案:

1暖色调。即红色、橙色、**、赭色等色彩的搭配。这种色调的运用,可使主页呈现温馨、和煦、热情的氛围。

2冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用,可使主页呈现宁静、清凉、高雅的氛围。

3对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等。这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握“大调和,小对比”这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。

最后,还要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是“高调”和“低调”。底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或)。这种深浅的变化在色彩学中称为“明度变化”。有些主页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会使读者的眼睛受不了。

网页色彩的搭配

网页的色彩是树立网站形象的关键之一,色彩搭配却是网友们感到头疼的问题。网页的背景,文字,图标,边框,超链接,应该采用什么样的色彩,应该搭配什么色彩才能最好的表达出预想的内涵呢?阿捷这里谈一些心得,希望对你有所启发。

首先我们先来了解一些色彩的基本知识:

1颜色是因为光的折射而产生的。

2红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如:红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的"bgColor=#FFFFFF"就是指背景色为白色。

3颜色分非彩色和彩色两类。非彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。

4任何色彩都有饱和度和透明度的属性,属性的变化产生不同的色相,所以至少可以制作几百万种色彩。

网页制作用彩色还是非彩色好呢?根据专业的研究机构研究表明:彩色的记忆效果是黑白的35倍。也就是说,在一般情况下,彩色页面较完全黑白页面更加吸引人。

我们通常的做法是:主要内容文字用非彩色(黑色),边框,背景,用彩色。这样页面整体不单调,看主要内容也不会眼花。

●非彩色的搭配

黑白是最基本和最简单的搭配,白字黑底,黑底白字都非常清晰明了。 灰色是万能色,可以和任何彩色搭配,也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩,那么用灰色试试,效果绝对不会太差。

●彩色的搭配

色彩千变万化,彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知识。

一色环。我们将色彩按"红->黄->绿->蓝->红"依次过度渐变,就可以得到一个色彩环。色环的两端是暖色和寒色,当中是中型色。(如下图)

红橙橙黄黄黄绿绿青绿蓝绿蓝蓝紫紫紫红红

|___________| |____| |_________| |_________| | | | |

暖色系 中性系 寒色系 中性系

二色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。

红色---是一种激奋的色彩。刺激效果,能使人产生冲动,愤怒,热情,活力的感觉。

绿色---介于冷暖两中色彩的中间,显得和睦,宁静,健康,安全的感觉。 它和金黄,淡白搭配,可以产生优雅,舒适的气氛。

橙色---也是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。

**---具有快乐,希望,智慧和轻快的个性,它的明度最高。

蓝色---是最具凉爽,清新,专业的色彩。它和白色混合,能体现柔顺,淡雅,浪漫的气氛(象天空的色彩:)

白色---具有洁白,明快,纯真,清洁的感受。

黑色---具有深沉,神秘,寂静,悲哀,压抑的感受。

灰色---具有中庸,平凡,温和,谦让,中立和高雅的感觉。

每种色彩在饱和度,透明度上略微变化就会产生不同的感觉。以绿色为例,黄绿色有青春,旺盛的视觉意境,而蓝绿色则显得幽宁,阴深。

●网页色彩搭配的原理

1色彩的鲜明性。网页的色彩要鲜艳,容易引人注目。

2色彩的独特性。要有与众不同的色彩,使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准色彩一节)

3色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。

4色彩的联想性。不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。

●网页色彩掌握的过程

随着网页制作经验的积累,我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏,只能制作出简单的网页,色彩单一;在有一定基础和材料后,希望制作一个漂亮的网页,将自己收集的最好的,最满意色彩堆砌在页面上;但是时间一长,却发现色彩杂乱,没有个性和风格;第三次重新定位自己的网站,选择好切合自己的色彩,推出的站点往往比较成功;当最后设计理念和技术达到顶峰时,则又返朴归真,用单一色彩甚至非彩色就可以设计出简洁精美的站点。

○网页色彩搭配的技巧

文章写到这里,有心急的网友要问了:“到底用什么色彩搭配好看呢?你能不能推荐几种配色方案?”别急,这里有一点技巧,可以帮助你迅速成为调色大师:)

1用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将 色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。

2用两种色彩。先选定一种色彩,然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和**就是这样确定的。整个页面色彩丰富但不花稍。

3用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。确定色彩的方法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中选择"自定义",然后在"色库"中选就可以了:)

4用黑色和一种彩色。比如大红的字体配黑色的边框感觉很"跳"。

建议一个网站。

http://bbsfzdmcom/v111241html内容包括

精彩PhotoShop专题教程600例(含电子教程下载)

专题一:基础理论

Photoshop用户必知必会的28个快捷键

Photoshop通道在图像处理中的应用

Photoshop的动作命令和批处理命令

Photoshop历史记录画笔的使用

搞定钢笔工具就这四个键(Photoshop新手教程)

Photoshop设计初学之立体感的产生

对Photoshop中的光线和透视的一点看法!

Photoshop批处理设计制作展示

Photoshop基础学习:区域文字的排版

方便实用的Photoshop快速操作小技巧

Photoshop动作运用实例教程

深入的理解Photoshop通道

关于在RGB色彩空间中的基础知识

漫画技巧之线稿分离

保存透明gif时出现锯齿解决法

修改注册表提取PSD文件缩略图查看功能

美术基础图解:平行透视与成角透视

美术基础图解:立体光影表现

美术基础图解:冷暖色与对比色

美术基础图解:素描、笔触与色彩

Photoshop路径钢笔使用方法动画图解

photoshop钢笔练习十步曲

关于鼠绘时加深减淡的把握。

高级进阶: PS中颜色的反射

关于PHOTOSHOP的参数设置文件

photoshop菜单中英文对照表

Photoshop 套索运用新思路

少用却实在的 Photoshop 快捷键!

球体镜面反射

素描原理在PS鼠绘实物中的应用

轻松掌握Photoshop钢笔工具

色调曲线深入剖析

PS层样式详解:混合选项

PS层样式详解:投影

PS层样式详解:内侧阴影

PS层样式详解:外侧发光

PS层样式详解:内侧发光

PS层样式详解:三种叠加

PS层样式详解:斜面和浮雕

PS层样式详解:光泽

PS层样式详解:描边

Photoshop蒙板层样式

专题二:图像处理

揭密网络美女是如何炼成的

Photoshop给美女的衣服换花样

Photoshop使照片变油画教程

Photoshop简单三步实现图象合成

眩出色彩:黑白照片转彩调整图层篇

Photoshop照片柔焦效果处理方法

Photoshop钻戒金属质感完美修复

照片处理:Photoshop打造惊艳国画美女

Photoshop快速把MM照片打造为素描效果

Photoshop将美女变成邪恶之神

用Photoshop替换颜色做漂亮效果图

用Photoshop为照片打造烟雾弥漫效果

用Photoshop图案叠加看照片的艺术效果

Photoshop滤镜为MM照片制作好看的方块效果

季节变换 用Photoshop把秋天变成冬天

照片调色处理 Photoshop解密调色的方法

Photoshop把普通照片变为雨夜效果图

Photoshop使MM照片表现高饱和魅力

专家指导:用Photoshop调出唯美梦幻效果

Photoshop缔造绚丽的艺术效果 神秘的数字图像

数码图像快捷曲线调色法

巧用历史记录画笔给美女去斑

冷酷到底!金属人招贴制作技法

PS精彩合成:史努比遭遇蜘蛛侠

用Photoshop给牙齿美白

Photoshop对扫描的优化处理技巧

色诱:揭秘封面“色”女郎

用Photoshop教你制作美丽胶片写真

Photoshop将淑女照片处理成淡彩手绘特效

用Photoshop给照片调出更加亮丽的色彩

Photoshop处理风景为淡墨效果

Photoshop通道法制作照片逼真的折痕效果

Photoshop相片处理实例 芙蓉姐姐大变身

PS制作照片边缘斑驳效果

用Photoshop把照片处理成温暖甜美的风格

Photoshop处理照片局部过暗小技巧

PhotoShop制作摩托车之绚丽与朦胧效果

将女友照片变成手绘纪念画

Photoshop巧妙修图

PHotoshop实现斜风细雨不需归凄美境界

Photoshop CS2:两分钟去掉美女旁碍眼物

拼接照片颜色差异的校正方法

Photoshop白天变黑夜的另类做法

Photoshop怎样制作玻璃效果

人像摄影作品后期Photoshop处理简明教程

Photoshop广告特效制作:预处理

Photoshop处理MM暗光视频抓图

Photoshop数码照片处理实例:消除红眼

Photoshop制作的的一种特殊效果

Photoshop制作教程:超级美女插画效果

Photoshop轻松为照片添加高光透明效果

Photoshop实例:超酷的海报效果图制作

拼贴艺术:Photoshop实战合成全景照片

Photoshop 淡彩水墨画的加工

用Photoshop做艺术照的效果

照片处理:为风景照添加积雪与飘雪特效

妙手回春:教你如何挽救MM废照片

Photoshop施魔功:揭开神秘的面纱

Photoshop练成照片的后期个性作品

Photoshop给超迷人女友美容教程

Photoshop把照片打造为漫画艺术风格

用Photoshop修复曝光照片

Photoshop打造美女残缺的美

专题三:抠图专集

Photoshop抠图教程:毛茸茸的牧羊犬

Photoshop另类抠图技法实例

Photoshop扣图实例:维美金喜善抠图

Photoshop妙用通道抠头发教程

photoshop 超简单抠婚纱方法

利用图层混合模式和通道抠图

桔子婚纱抠图

Photoshop通道法为漂亮MM抠图实例

Photoshop给美丽的狗狗抠图

怎能不心动?教你给极品美女抠图

Photoshop图像合成实例:汽车也“换肤”

Photoshop绝色美女通道抠图法

披头氏的另一种简单扣法

Photoshop实例教程:精细扣图

Photoshop通道抠图法巧抠阴影

Photoshop头发精细制作教程

Photoshop:把玻璃瓶“乾坤大挪移”

Photoshop金喜善唯美抠图

桔子终极婚纱MM抠图教程

photoshop抠取线条ALPHA通道法

从渐变映射开始的精细抠图方法探讨

专题四:精彩实例

Photoshop打造美女咖啡惊艳

Photoshop实列:修补沾上蓝色墨水的MM贺卡

Photoshop轻松变风景照片为铅笔淡彩画

Photoshop照片处理:制作水墨荷花图

用Photoshop制作宽屏婚纱模板

玩转“超女”之让李宇春和王菲换装

用Photoshop送小女孩一双大眼睛

用PS给美女上色的两个教程

惊艳:超级模特上色大法

photoshop制作电子漩涡效果教程

Photoshop绘制立体感觉的逼真星球

Photoshop精彩实例:朽木可雕

用Photoshop实现幻彩渐变效果

Photoshop打造超精美炫光飞镖

Photoshop笔刷实例:线框特效

Photoshop打造超可爱MM光盘封面

轻松做特效:Photoshop制作冲击波效果

Photoshop天使翅膀的制作

寄语:用Photoshop打造永恒回忆

Photoshop历史画笔上色教程

Photoshop轻松制作蓝印花布图案效果

Photoshop古老石头的制作

Photoshop给照片加上酷酷的个性条码笔刷签名

Photoshop黑白线搞着色的教程

用Photoshop把一张平淡的的照片制作成封面

Photoshop给漂亮MM制作头发

Photoshop制作水晶果子实例教程

Photoshop打造超唯美仙境豪宅

Photoshop教程:做铁丝网

海天无界:Photoshop打造无尽海洋

Photoshop变形人体制作教程

Photoshop制作简单抽线图效果

Photoshop给超级美女陈好上色

Photoshop制作倒影效果

用PhotoShop制作icon小

PS打造美女艺术特写

PS另类玩法:为孩子制作卡通纸帽

Photoshop教程:制作熊熊的火焰在燃烧

Photoshop帮漂亮美女换衣服

Photoshop打造精美手机广告

Photoshop制作奥运五环旗

Photoshop打造胶片风情海报

Photoshop制作融化的冰淇淋

Photoshop滤镜打造梦幻发光效果

Photoshop美女彩色铅笔教程

Photoshop简单制作错位拼贴效果

Photoshop极坐标滤镜巧绘螺旋蚊香

Photoshop制作有透射光效果的清凉水球

Photoshop特效:小拼贴梦露大照片

Photoshop简单四步为MM涂上闪亮水晶美甲与唇彩

PS自由变形工具巧绘中心对称花卉图案

利用Photoshop图层样式打造一幅沙雕画

Photoshop设计酒醉的探戈美女签名

购物商场 LOGO 制作解析

Photoshop绘制魔幻恐怖游戏海报的滴血特效

PHOTOSHOP制作炽热的太阳

Photoshop制作透明水晶苹果壁纸

photoshop云层中的光芒

用 Photoshop CS 做“魔眼”

美味鲜果味Photoshop CS绘制一根青香蕉

>[Photoshop教程]画水彩静物

Photoshop装裱书法作品

专题四:精彩实例

自己动手画玻璃砖墙

Photoshop雕刻各式玫瑰花

被Photoshop揉皱的青蛙王子

Photoshop上色秀

Photoshop制作画框中探出头来的美女

WEB应用中的铁锈效果实现

明暗渐变表现立体

立体感从何而来

Photoshop打造让我怀念的绿油油的春天草地

Photoshop打造美女照片超酷海报效果图

Photoshop打造逼真的纯正黄金材质特效

秋日私语 Photoshop绘缤纷水晶枫叶

Photoshop打造好看的梦幻氛围效果图

Photoshop快速打造iPod美女海报

用Photoshop把两个水果做酷酷效果图

收藏夹图标制作图解教程

用Photoshop打造嵌入人体的按钮

Photoshop最简单制作立体泡泡方法

Photoshop特效:环削桔子皮

Photoshop偷梁换柱位移MM照片背景

Photoshop打造一堵真实的石头墙

Photoshop巧绘晶莹剔透的水晶樱桃

Photoshop教你制作精美的包装盒

教你用Photoshop打造奶酪店招牌

Photoshop快速制造三维立体按钮

Photoshop精彩实例:逼真爆炸效果

合成与后期光影-超级战士

Photoshop纸质底纹与墨韵的制作方法

Photoshop特效:撕纸边缘效果

腐朽化神奇 Photoshop把照片变费为宝

[精彩实例] Photoshop精彩实例--制作大雪纷飞的效果

Photoshop轻轻松松一步还原原图颜色

Photoshop快速特效制作:闪电

Photoshop制作逼真的蘸水钢笔

AI结合PS制作:晚风中的芦苇丛

Photoshop绘制逼真星球

Photoshop精彩实例:简单血滴效果制作

Photoshop打造神奇魔幻头像

Photoshop打造陷入照片的青蛙

用Photoshop制作三维金属链条

Photoshop制作自己的篆刻印章图案

专题五:实物制作

Photoshop超强打造精美陶瓷教程

Photoshop综合练习:足球的绘制技巧

妙用Photoshop制作一款木制音箱

用 Photoshop 来一起做钻石

Photoshop实例:给漂亮MM打造撕边效果

PS魔术实例:绘制方形樱桃

做一盏台灯

Photoshop质感特效:水晶贝壳

栩栩如生--Photoshop CS绘制一枝小巧圆珠笔

鲜美水果味!Photoshop栽培一颗鲜嫩草莓

点燃设计之火-PS鼠绘一只打火机

用 Photoshop 做拆扇效果

MP3 播放器 线控制作教程

标本浸泡罐

Photoshop做钻石

教你用Photoshop打造漂亮的手提袋

Photoshop仿真实例:复古木质笔杆蘸水笔

用WACOM全新6D美术笔绘制**概念图

Photoshop特效:制作逼真的洁白羽毛

专题六:手绘专场

Photoshop精彩手绘:少女与小狗

Photoshop鼠绘婚纱美女教程

Photoshop 打造古装美女

PS绘制真实的蝉。。。。

用Photoshop教你鼠绘精美电吉他

Photoshop鼠绘唯美靓女

Photoshop打造美女写实绘画

photoshop美女打造的全过程

PS鼠绘教程:葡萄美酒夜光杯

Photoshop实例:制作一棵松树

Photoshop打造精美的玉佩的全部过程

用Photoshop制作淘气包小丸子

Photoshop精彩教程实例:自画像

人物练习:Photoshop鼠绘超级美女

心情符号:Photoshop打造心情娃娃

Photoshop手绘实例:青年头像素描

Phtoshop打造可爱奥运福娃欢欢

Photoshop手绘实例:老人头像素描

Photoshop打造超可爱福娃迎迎

Photoshop 绘制工笔国画牡丹

Photoshop打造超可爱HELLO KITTY

Photoshop精彩教程:绘制鸡毛

Photoshop打造超可爱Snoopy

Photoshop鼠绘超级女生何洁

Photoshop手绘超完美《Handgun》

性感旋律:Photoshop超短裤美眉

Photoshop教程:菜鸟完全无纸卡通CG教程

Photoshop结合纸面手绘创作个性插画

Photoshop打造邮票超可爱小狗教程

Photoshop鼠绘婚纱美女教程

美丽的女神:芙蕾(漫画插图手法例程)

Photoshop打造美丽凤凰效果图

Photoshop亲手打造奥迪A6轿车

Photoshop鼠绘逼真可爱小猫

Photoshop金属甲壳虫的制作

Photoshop打造美女漂亮的脸

Photoshop 绘制卡通蝙蝠侠

Photoshop绘制连衣裙古典美女全过程

Photoshop打造美丽性感的红衣女郎

Photoshop鼠绘超靓丽气质大眼美女

Photoshop 实例教程:手绘瓶盖 DIY

棉花时代思宝宝插画教程

棉花时代时尚插画简明教程

Photoshop教你制作逼真蜻蜓翅膀

用photoshop画矢量美女

Photoshop 水墨画技法

Photoshop手绘汽车设计效果图技法

手绘卡通图像实例:苍劲的大树

Photoshop鼠绘靓丽化妆品广告美女

PS绘制琥珀玉佩

用Photoshop绘制SD娃娃

PS鼠绘实例剖析:奥黛丽·赫本

漫画绘制教程《漫画姚明》

Photoshop简单绘制一个逼真的梨

Photoshop绘制2006年世界杯专用球

Photoshop打造可爱SD娃娃QQ头像

Photoshop 画漫画——游素兰

Photoshop制作竹子的简单操作

Photoshop与数码板绘制动漫形象:龙骑士

Photoshop功夫巨星李小龙黑白照

Photoshop实例教程:麻生奇罗新作过程版

Photoshop纯画笔制作人物头发

利用AI与PS结合做鞋子的效果图

Photoshop打造超酷天王周杰伦

Photoshop鼠绘可爱的小猫

Photoshop绘制中国古韵水墨画

Photoshop鼠标绘卡通头发过程

动画图解Photoshop快速造型:简易立体圆锥

手绘教程:电脑水彩人体技法

[推荐]Photoshop制作招贴画人像

Photoshop手绘教程:教你鼠绘美女

Photoshop《蚂蚱》制作详细教程

专题七:照片特效

photoshop把美女做的更制作得更邪恶更黑暗

用Photoshop给极品美女美容篇

绝色美女相片优化超强技巧

Photoshop让美女的皮肤变得更白

轻松将美女照片处理成彩虹笔刷风格漫画

Photoshop美化迷人的床上美女

Photoshop完美去除照片中的阴影

Photoshop通道抠图让漂亮MM无处不在

PS转化美眉高质量黑白照片

Photoshop打造你满意的照片

经典 “反转负冲”人像处理一例

用Photoshop自带样式轻松实现旧照片效果

Photoshop基础教程:使模糊的照片清晰起来

用Photoshop巧妙为图像添加圆角网格

烧纸效果的旧照片:纯Photoshop处理

Photoshop打造美女高圆圆水彩效果

Photoshop修照片之面部光洁篇

Photoshop十秒钟调整曝光不足照片

照片处理 Photoshop打造魔戒女孩

照片处理:Photoshop制作明媚天气中的灿烂笑脸

Photoshop使漂亮MM色彩更加艳丽

Photoshop把MM照片转化为浪漫工笔画风格

Photoshop为美女照片打造艺术海报效果

照片处理魔术:点石成金

照片处理魔术:校色

照片处理魔术:光影

Photoshop使漂亮美女皮肤红润真实

用Photoshop把普通照片打造为模拟柔光效果

Photoshop特效实例:打造朦胧中的鲜艳

Photoshop高级柔化处理人物照片

Photoshop照片柔焦效果处理方法

专题八:文字特效

Photoshop实例:超靓火焰字详细教程

用Photoshop打造巧克力字母饼干

Photoshop精彩特效:琥珀文字

Photoshop打造闪亮的钻石效果文字

Photoshop 制作花色字

如何用Photoshop制作像素化文字

Photoshop打造绚丽文字

负片效果字

Photoshop 制作强烈火焰字效果

巧用Photoshop路径造型做连体字特效

巧用Photoshop路径工具做流线字

Photoshop设计塑料效果的漂亮文本

Photoshop另类3D岩浆字效做法

Photoshop路径文字简单教程

Photoshop字体特效:支离破碎的纹理

Photoshop滤镜轻松打造火焰字特效

Photoshop腐蚀金属块上的镂空字

欢迎分享,转载请注明来源:浪漫分享网

原文地址:https://hunlipic.com/langman/3459999.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-15
下一篇2023-08-15

发表评论

登录后才能评论

评论列表(0条)

    保存