您好,欢迎来到素彩网!

ps设计破旧风格的网页模板(6)

来源:sc115.com | 442 次浏览 | 2015-09-22

标签: 破旧 网页模板



第十七步

从这里下载一些破损的边角和边框,在灰色背景上粘贴一个。将其颜色更改为#171612,图层模式为叠加。再给侧边栏的背景上也添加一个,这次将不透明度降低到25%。

ps设计破旧风格的网页模板

第十八步

让我们来添加一些文字。想象这是类似于由javascript驱动的最新日志,或者特别内容的日志区。我在这里使用的是和导航栏上一样的破损字体,颜色为#4D0D0D,正文部分用的是#3F3F3F色的Arial字体。

给标题应用投影效果,导航栏也一样。当你将这个PSD文件转换成HTML+CSS的时候,你需要将此标题转换成图片,所以这个时候你给它们添加样式是可行的。最后,使用参考线将文字图层放置于合适的位置。

ps设计破旧风格的网页模板

第十九步

我们的特别区域看上去有一些空白,因此我们来添加一些图片。在这个教程中,我使用了一张宝丽莱照片,你可以在这里下载宝丽莱图片。提取宝丽莱图片,将其放置于灰色背景之上的图层中,然后更改色相/饱和度让宝丽莱图片接近棕黑色。(需要勾选彩色化选项)。

给”Label”图层的边缘应用相同的技术(第九步)。将宝丽莱图片的边缘删除一部分并且将颜色渐淡。最后使用在第十步中相同的技术给其添加投影。

ps设计破旧风格的网页模板

搜索: 破旧 网页模板 

最热-网页制作

ps设计好看的老式wordpress模板

ps设计悬浮在水中的网页模板

ps设计独特的Wordpress主题界面

ps打造咖啡店主题网站主页

ps打造超酷个性网站登录界面

用ps做快速的xhtmlcss网页

使用ps设计一个快速而专业的网站版面

ps打造水晶风格网页提示框

ps打造超酷网站登录界面

新鲜视觉 非常规网页设计作品欣赏

素材
交通运输15交通运输15
交通运输98交通运输98
交通运输94交通运输94
交通运输92交通运输92
交通运输85交通运输85
交通运输75交通运输75
交通运输74交通运输74
交通运输72交通运输72
交通运输112交通运输112