其他频道 PS工具大全 在线PS 在线ico制作 字体转换器 书法字典
当前位置:首页 > 教程 > 高级实例 >

photoshop设计色彩丰富网页界面

作者:甜筒 来源:PS中文网 更新时间:2009-08-06 返回首页:PS酒吧
先看下效果吧!

第1步:创建一新文件(按Ctrl + N )大小为1200px,750px 。然后背景色彩选择渐变工具( G )从#792700到#000000从顶部向底部的文件。

第2步:创建一新层,选择画笔工具(B组),选择一软刷直径300px和添加一些颜色您布局。我用红色,橙色和蓝色命名此层"color"。

第3步:添加一纹理的背景,下载烟叶(在本教程上方所需素材)点击这里下载。右键单击该层,并选择转换为智能对象。然后进入过滤器“艺术”胶片颗粒和使用的设置下方的形象,然后进入过滤器“ Pixelate ”马赛克,并再次使用设置下方设置混合模式为这层差异,不透明度为30 % ,并将其命名为"texture"

第4步:创建一黑色的背景,创建一新层,选择圆角矩形工具( ü ) ,设置半径为3像素,并创建一圆形黑色矩形。然后双击在此层,打开图层样式窗口的设置和使用的下列图像阴影。设置这一层不透明为70 % ,并将其命名为"black shape"

步骤5:使用组编制织您层按住Ctrl键并选择所有图层您创建到这个时候,然后将它们组合(或Control + G ) 。名称为"background."

第6步:创建更多的组。创建一新组,并将其命名为"home" 。 然后创建另一组,并将其命名为"logo" 。

第7步:添加一标志和口号创建一新的层内的“标识”组。然后选择文字工具(T)和写的名称布局使用颜色#f4f4f4 。双击该层,打开图层样式窗口的设置和使用的下列形象。然后创建一新层和写标语用的颜色#eeeeee 。

第8步:“注册”和“登录”按钮这个时候我们要创建两个按钮在右上角。创建一新组并将其命名为“Sign up | Login”。然后选择圆角矩形工具( u )和创建一圆角矩形。双击形成的层,打开图层样式窗口的设置和使用的下列形象。设置前景色彩为白色,使用文字工具( T )的输入 “Sign up | Login”的按钮。设置不透明的文字层至75 % 。

第9步:创建一新组并将其命名为“Navigation” 。创建一新层,选择单列选框工具,然后单击您的文件后,创建一高度1px 。填补这一选择颜色# 406f94 。设置这一层不透明的40 % ,并将其命名为“Line” 。

第10步:创建一新层,选择矩形选框工具( M )和创建一选择,辅助线。然后选择渐变工具( G )从# 35423e到透明,从底部到顶部拉。然后按Ctrl + D键取消。然后进入过滤器> “噪音> ”添加噪音和使用的设置下面的相片。命名此层“gradient” ,并留下一距离1像素。
步骤11:写你的名字布局的网页选择文字工具( T )和写的名字,你的布局的页面在导航栏中。然后双击文字层,打开图层样式窗口的设置和使用从明年形象。字体我用被称为灰度基本法。

步骤12:这个时候我们要创建一分隔符。创建一新层,选择单柱选框工具,然后点击一次您的布局。然后选择矩形选框工具(m) ,点击“ ,它们与选择”按钮,选择律师,并创建一选择,如从明年形象。填补选择白色,然后按Ctrl + D键取消。

顶:0 踩:0 作业:Go! 问答:?

“photoshop设计色彩丰富网页界面”的相关教程和素材: 界面 设计 网页 色彩

本周热点教程
Photoshop教程栏目列表