如何在你的设计中使用复古色彩

WebFX总裁。Bill在互联网营销行业有超过25年的经验,专门从事SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

复古的颜色是一个很好的方式,让你的网站更古老/复古的感觉;它可以给你的设计一点不同于你经常在现代主题设计中看到的常规完全饱和的颜色。这篇文章兼而有之复古色彩的陈列柜现有网页设计中的主题,以及一个教程关于如何实现复古色彩的使用Adobe Photoshop(你会学到五种不同的技巧).如何在你的设计中使用复古色彩

网页设计中的复古色彩

在我们深入研究使用复古色彩之前,首先让我们看看一些现有的网页设计,它们很好地使用了复古/复古色彩。

Kitschen水槽

Kitschen水槽

赫胥黎草原艺术节

赫胥黎草原艺术节

Clickfarm互动

Clickfarm®互动

道格拉斯•德梅内塞斯

道格拉斯•德梅内塞斯

文学波西米亚

文学波西米亚

Michela Chiucini

Michela Chiucini

希望无限

希望无限

伊藤绫的设计日志

伊藤绫的设计日志

F克莱尔·巴克斯特

F克莱尔·巴克斯特

米娅Makila

米娅Makila

De PSD一个HTML

De PSD一个HTML

Owltastic

Owltastic

入职的孩子

入职的孩子

SproutBox

SproutBox

诺坎普的飞艇

诺坎普的飞艇

金斯福德比赛用蜂窝煤

Kingsford®比赛用煤块

一个优惠

一个优惠

Element Fusion的实习项目

Element Fusion的实习项目

乔·朗斯特里特

乔·朗斯特里特

Mplusz

Mplusz

思考。做的。创造。

思考。<p class='content-break'></p> <p> DO。创造。“宽度= < / p > < h4 > JANA面包店的< / h4 > < p > < img src =" https: width="550" height="400">

基础设施等。

基础设施等。

社会的零食

社会的零食

web-gab.com

web-gab.com

JOBY公司

JOBY公司

Supermercati莫塔

Supermercati莫塔

如何使用Photoshop在你的设计中使用复古的颜色

现在我们已经看到了一些复古色彩网站的例子,我们将看看一些创建它们的方法Adobe Photoshop

使用颜色选择器来降低饱和度

点击工具面板中的前景色;这将打开颜色选择器对话框。

从红色开始(# FF0000).现在,直接点击你所选择的红色的左边。你越往左走,越减少饱和是多少。

使用颜色选择器来降低饱和度

降低图层的不透明度以降低饱和度

如果你在图层面板中降低不透明度,饱和度也会随之降低。这样做的坏处(或好处)是,如果背后有什么东西,它就会暴露出来。降低图层的不透明度以降低饱和度

照片滤镜图像调整

为了通过照片滤镜图像调整来降低饱和度,我们必须首先得到我们的颜色的逆;要做到这一点,按Ctrl + I(这是图像>调整>反转的快捷键击)。

接下来,在工具面板中选择滴管工具,单击画布中反向的颜色进行采样,并将其设置为前景色。一旦你设置了颜色,按Ctrl + I再次恢复到原来的颜色。现在,转到图像>调整>照片滤镜。

最后,将颜色改为倒色。照片滤镜图像调整

色相/饱和度图像调整

用这个方法,我们想通过按Ctrl + U或图像>调整>色相/饱和度进入色相/饱和度对话框。若要降低饱和度,请向左拖动饱和度选项滑块。

这可能是降低整个图像饱和度的最简单和最好的方法。色相/饱和度图像调整

使用纹理

使用纹理也是给你的网站一个复古的外观和感觉的好方法。它不仅能改变颜色,还能让你看起来漂亮、不均匀、破旧。

有几种方法可以改变纹理的颜色,这里是一种方法。首先,我们要抓取一个来自Zen Textures的纹理.在Photoshop中打开纹理,把它放在红色方块的顶部。

然后将其图层的混合模式改为屏幕使用纹理现在,为了使我们的图像不那么桃红色,将不透明度降低到50%左右。使用纹理我们希望你喜欢这篇关于使用复古/复古颜色的小文章。

如果您在使用这个颜色主题时有任何提示、技巧和技术要与其他读者分享-请务必这样做在评论中给我们留言

相关内容

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!