PS设计产品展示页面绿色风格

梦境净吧

梦境净吧

2016-03-19 02:01

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐PS设计产品展示页面绿色风格,希望大家看完后也有个好心情,快快行动吧!
最终结果

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

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



创建文档

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

Software Layout #6

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

Software Layout #6

创建页眉

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

Software Layout #6

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

Software Layout #6

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

Software Layout #6

Software Layout #6

创建模板题目

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

Software Layout #6

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

Software Layout #6

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

Software Layout #6

你将会看到.

Software Layout #6

创建小型的导航栏

选择圆角矩形工具,半径设置为10px.

Software Layout #6

在页眉矩形的右侧拉出小型的圆角矩形.

Software Layout #6

现在为你的圆角矩形增加图层样式.

Software Layout #6

Software Layout #6

Software Layout #6

在矩形内加入文字连接, 看起来应该是这样的.

Software Layout #6

创建主要导航栏

在你使用圆角矩形工具创建主要导航栏之前,先选择矩形选区工具各增加一条高度为1px的线.在顶部的线颜色为黑色,底部的线颜色为黑色. 放置两条线在页眉矩形的底部.

Software Layout #6

使用圆角矩形工具拖出矩形, 使矩形在页面和背景的中央位置.

Software Layout #6

为你的导航增加以下样式.

Software Layout #6

Software Layout #6

Software Layout #6

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

12下一页
展开更多 50%)
分享

猜你喜欢

PS设计产品展示页面绿色风格

PS PS基础 ps平面设计教程 ps去水印教程
PS设计产品展示页面绿色风格

B2C网店的产品展示页面设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
B2C网店的产品展示页面设计

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

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

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

PS设计网页产品展示类蓝色系主页教程

PS PS基础 ps平面设计教程 ps去水印教程
PS设计网页产品展示类蓝色系主页教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop设计产品展示网页界面设计教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计产品展示网页界面设计教程

精美的产品包装设计展示

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
精美的产品包装设计展示

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PS企业网站模版设计系列三:新手入门

PS企业网站模版设计系列三:新手入门

photoshop创建常见的网页风格教程系列一

photoshop创建常见的网页风格教程系列一
下拉加载更多内容 ↓