当前位置:主页 > PS教程 > 设计教程 >

PS制作一个多媒体网站布局设计教程

  • 2021-06-23 23:31
  • 来源/作者:Tutsplus/活力盒子翻译
  • 己被围观

本教程我们将演示如何在Photoshop中使用照片,画笔。纹理和3D物体来 设计一个有创意的多媒体网站布局。界面设计第一印象很重要,令人惊叹的具有视觉吸引力的作品是每个设计者为之

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

PS:素材在文章结尾论坛二楼。

最终效果图

Photoshop设计一个多媒体网站布局教程

步骤1

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

Photoshop设计一个多媒体网站布局教程

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

Photoshop设计一个多媒体网站布局教程

步骤2

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

Photoshop设计一个多媒体网站布局教程

步骤3

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

Photoshop设计一个多媒体网站布局教程

步骤4

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

Photoshop设计一个多媒体网站布局教程

Photoshop设计一个多媒体网站布局教程

(责任编辑:极限)

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

分享到:

标签(TAG) 设计教程 多媒体网站 

更多精彩内容

  • <strong><font color='#FF0000'>Ps制作照片逼真投影</font></strong> Ps制作照片逼真投影
  • <strong>ps去除水印</strong> ps去除水印
  • <strong>ps惊人新功能、自动着色、</strong> ps惊人新功能、自动着色、
  • <font color='#660000'>ps2021版新功能</font> ps2021版新功能