复古的颜色是一个很好的方式,让你的网站更古老/复古的感觉;它可以给你的设计一点不同于你经常在现代主题设计中看到的常规完全饱和的颜色。这篇文章兼而有之复古色彩的陈列柜现有网页设计中的主题,以及一个教程关于如何实现复古色彩的使用Adobe Photoshop(你会学到五种不同的技巧).
网页设计中的复古色彩
在我们深入研究使用复古色彩之前,首先让我们看看一些现有的网页设计,它们很好地使用了复古/复古色彩。
Kitschen水槽
赫胥黎草原艺术节
Clickfarm互动
道格拉斯•德梅内塞斯
文学波西米亚
Michela Chiucini
希望无限
伊藤绫的设计日志
F克莱尔·巴克斯特
米娅Makila
De PSD一个HTML
Owltastic
入职的孩子
SproutBox
诺坎普的飞艇
金斯福德比赛用蜂窝煤
一个优惠
Element Fusion的实习项目
乔·朗斯特里特
Mplusz
思考。做的。创造。
< / p > < h4 > JANA面包店的< / h4 > < p > < img src =" https: width="550" height="400">
基础设施等。
社会的零食
web-gab.com
JOBY公司
Supermercati莫塔
如何使用Photoshop在你的设计中使用复古的颜色
现在我们已经看到了一些复古色彩网站的例子,我们将看看一些创建它们的方法Adobe Photoshop.
使用颜色选择器来降低饱和度
点击工具面板中的前景色;这将打开颜色选择器对话框。
从红色开始(# FF0000).现在,直接点击你所选择的红色的左边。你越往左走,越减少饱和是多少。
降低图层的不透明度以降低饱和度
如果你在图层面板中降低不透明度,饱和度也会随之降低。这样做的坏处(或好处)是,如果背后有什么东西,它就会暴露出来。
照片滤镜图像调整
为了通过照片滤镜图像调整来降低饱和度,我们必须首先得到我们的颜色的逆;要做到这一点,按Ctrl + I(这是图像>调整>反转的快捷键击)。
接下来,在工具面板中选择滴管工具,单击画布中反向的颜色进行采样,并将其设置为前景色。一旦你设置了颜色,按Ctrl + I再次恢复到原来的颜色。现在,转到图像>调整>照片滤镜。
最后,将颜色改为倒色。
色相/饱和度图像调整
用这个方法,我们想通过按Ctrl + U或图像>调整>色相/饱和度进入色相/饱和度对话框。若要降低饱和度,请向左拖动饱和度选项滑块。
这可能是降低整个图像饱和度的最简单和最好的方法。
使用纹理
使用纹理也是给你的网站一个复古的外观和感觉的好方法。它不仅能改变颜色,还能让你看起来漂亮、不均匀、破旧。
有几种方法可以改变纹理的颜色,这里是一种方法。首先,我们要抓取一个来自Zen Textures的纹理.在Photoshop中打开纹理,把它放在红色方块的顶部。
然后将其图层的混合模式改为屏幕.现在,为了使我们的图像不那么桃红色,将不透明度降低到50%左右。我们希望你喜欢这篇关于使用复古/复古颜色的小文章。
如果您在使用这个颜色主题时有任何提示、技巧和技术要与其他读者分享-请务必这样做在评论中给我们留言!