您好,欢迎来到素彩网!

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

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

标签: 破旧 网页模板



第七步

为了完成布局的第一部分,接下来我们要画出侧边栏的背景。创建一些参考线来给侧边栏划定界限并且调整已经创建好的参考线,使他们适应目前的布局。然后画一个红色的矩形(#3D100B),应用如下图层样式:阴影、颜色叠加以及图案叠加。

这个时候你必须考虑之后如何将图片剪切以适应在HTML和CSS中使用。这也就是为什么我在应用投影时经常将距离设置为0像素的原因,而且只使用水平或者垂直渐变。这个案例中的材质有很多的水平线。在很多区域需要很容易的转换成可重复的背景图片。而且,这个时候也是稍微休息一下,将图层好好组织一下的时候。

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

第八步

现在开始设计细节,我想将网站名添加到显眼的位置,这就是为什么我会使用这张漂亮的破旧标签图片。很显然,你必须将标签放置到我们这个设计的左上角。试着作出如下图所示的效果。接下来,使用魔术棒工具选择棕色的圆圈,然后使用Ctrl+Shift+I反选选区。使用如下值调整色阶和色相/饱和度。

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

第九步

现在使用橡皮擦工具和不整齐的画笔,删除标签的一部分边缘。要添加剪纸效果,选择减淡工具,使用和上面相同的画笔形状给标签的边缘应用减淡。

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