正在阅读:用创意留住用户!打造多媒体网站布局上用创意留住用户!打造多媒体网站布局上

2010-07-26 16:27 出处:PConline 作者:汤汤 责任编辑:luoxiaoqin

  第一印象很重要!令人惊叹的具有视觉吸引力的作品是每个设计者为之追求的。今天,我们将演示如何在Photoshop中使用照片,画笔。纹理和3D物体来 设计一个有创意的多媒体网站布局。让我们开始吧!先看效果图。

图28
效果图

  步骤1在Photoshop中创建一个960 px * 620 px的画布。这个尺寸适用于大部分的网站屏幕。

图01
图01

  按CMD + R来添加标尺,画出一些指导线,标明主要内容区域的界限。 这将益于定位你的设计。

图02
图02

  步骤2 现在主要区域被适当的限定,让我们调整画布为1224 px * 620 px(图像>画布大小)创建一个更大的背景。这个溢出的区域将有益于大屏幕,创建一个’无边界’的视觉效果。

图03
图03

  步骤3 编写文档的最后一步是在中心添加指导线。指导线将方便你定位中间的设计元素。一个快速找到该中心的方法是创建一个新层,然后按快捷键CMD + T激活“自由变换”。

图04
图04

  步骤4 让我们在云彩背景平台上放置主要元素吧。先制作一个灰色的渐变背景。去图层>图层样式>渐变叠加。渐变颜色为#434344到#EAECEC。其他设置为默认。

图05
图05

图06
图06

  步骤5 创建一个新层“云”。载入云彩笔刷Clouds brushes,用白色涂抹出一些形状,大小和透明度各不相同的云,直到你得到类似下图的效果:

图07
图07

  步骤6创建第二个图层“云2”,在中心添加一些云。

图08
图08

  步骤7 创建第三个图层“云3”。这一次使用抽象光晕笔刷Abstract glow brushes,使用第二个笔刷,大小为420px。翻转它,按CMD + T>水平翻转。这使云彩看起来更加虚无缥缈。

图09
图09

键盘也能翻页,试试“← →”键

相关文章

关注我们

最新资讯离线随时看 聊天吐槽赢奖品