photoshop设计网页:多媒体网站布局

2016-03-19 01:58 1 1 收藏

今天图老师小编给大家展示的是photoshop设计网页:多媒体网站布局,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

【 tulaoshi.com - PS 】

最终效果

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

资源:
在本教程中我们将使用到下面的资源:
Classical camera
Director’s chair
TV camera
Laptop
Microphone
Hotair baloon 1
Hotair baloon 2
Small Tree
Cityscape BtuLaoShi.comrushes by Terf
Clouds brushes by JavierZhx
Abstract glow brushes by Ro-stock
Rust Textures by Princess of Shadows
Armored Metal Textures by Wen Jr
Render Pack Textures 1 by Angelus Hellion
Render Pack Textures 2 by Xcellcior

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

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

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

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

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

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

1234下一页

来源:https://www.tulaoshi.com/n/20160319/1901017.html

延伸阅读
标签: Web开发
怎样设计网页? 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了…… 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设...
来源:活力盒子 作者:Luycas 本教程的效果图制作的非常小巧,很适合用到一些可以播放音乐的网页中。制作方法也比较简单,播放器的每一个部件基本上都是用图层样式来表现立体及浮雕效果,只要注意好图形的层次关系,我们就可以分层来完成效果图。 最终效果 1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色tulaoshi的油漆层,添...
标签: PS PS基础
通常设计师接到设计任务时,如果没有跟创意点相符的原画素材,这时候就需要自己动手。下面给大家介绍一下关于素材再创造打造场景氛围的例子。 下面是一个老玩家分红利的页面,要求有股票、红利一些元素在页面中体现,所以联想到用工作台场景来展现,这样可以更容易的把一些带有股票、红利的元素融入到场景中,再根据构思,寻找一些图片素材,提...
一、前言 随着多媒体硬件环境和软件环境的不断完善,目前,大部分计算机软件开发中都涉及多媒体软件技术的应用。 进行多媒体应用程序设计,从原理上说,可以采用从C 到多媒体专用开发系统(如TOOLBOOK、AUTHORWARE、DIRECTOR)等多种层次的工具。然而,由于多媒体软件涉及的媒体复杂多样、开发周期短并且需要多种专业人员参与,因此,...
  ■ 多媒体 <BGSOUND <EMBED 欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HTML概念】。 ■ <BGSOUND: <BGSOUND 是用来插入背景音乐,但只适用于 IE,其参数设定不多。如下 <BGSOUND ="your.mid" =true =infinite ="your....

经验教程

478

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部