织梦CMS - 轻松建站从此开始!

我的网站

Photoshop绘制展示软件产品的绿色网页布局

时间:2010-10-27 21:02来源: 作者: 点击:
本教程主要用Photoshop制作简单的软件展示模板页面,教程中我将展示如何创建一个简单展示软件产品的绿色网页布局.

这将是我们创建的最终结果, 点击图片放大浏览.

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>绘制展示软件产品的绿色网页布局

创建文档

新建文档,大小1200 x 1200 像素,背景为白色. 设置你的前景色为#d6d6d6 背景色味#efefef 然后选择渐变工具设置线性渐变.

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>绘制展示软件产品的绿色网页布局

从画布顶端开始拖动渐变, 线性渐变大概有 250 – 300 像素.

Photoshop绘制展示软件产品的绿色网页布局

创建页眉

选择矩形选区工具, 拉出宽度跟画布相同高度大概160-170像素的选区.

Photoshop绘制展示软件产品的绿色网页布局

在填充选区之前设置你的前景色为 #483f38 背景色为#1e1916. 选择渐变工具,这次选择对称渐变.

Photoshop绘制展示软件产品的绿色网页布局

在矩形的中间拉出对称渐变. 一旦你填充了矩形,点击“滤镜 >杂色> 添加杂色”为它增加杂点.

Photoshop绘制展示软件产品的绿色网页布局
Photoshop绘制展示软件产品的绿色网页布局

创建模板题目

使用横向排版工具在矩形内部加上网站的标题和口号.

Photoshop绘制展示软件产品的绿色网页布局

接着 为标题添加阴影使用下面设置.

Photoshop绘制展示软件产品的绿色网页布局

为标题的其中一个单词添加渐变叠加.

Photoshop绘制展示软件产品的绿色网页布局

你将会看到.

Photoshop绘制展示软件产品的绿色网页布局

(责任编辑:RGB)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容