#066: 对页脚进行Photoshop处理,第一部分

我们踏上了页脚的伟大旅程!CSS-Tricks 始终拥有一个宏伟的页脚,而这个设计也不例外。它并不仅仅是毫无用处的。我们有很多东西确实值得在网站上至少有一个链接(例如社交媒体链接、联系链接、我参与的其他项目等),而页脚是这些东西的完美位置。

我们将经典的 CSS-Tricks 星号徽标融入到页脚,而不是头部,因为头部已经足够忙碌了。但首先,我们用一种变暗和下拉阴影效果来突出页脚,使其与顶部的区域区分开来。

我们最终使用星号的形状作为蒙版,露出它下面的我的照片。我们将我的照片变成黑白,并使用 Photoshop 的工具进行处理,这可以产生比简单地移除颜色信息更好的黑白效果。然后,我们在上面应用一个非常重的品牌颜色滤镜,以扩展品牌的统一性和设计的一致性。