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

photoshop网页应用教程:制作色彩丰富的网页

  • 2022-12-24 23:24:23
  • 来源/作者:互联网/佚名
  • 己被围观

作者甜筒 出处:UCD博客 所需素材: 烟叶 pixelated蓝色矩形 先看下效果吧! 第1步:创建一个新的photoshop文件(按Ctrl + N )大小为1200px,750px 。然后背景颜色选择渐变工具( G )从#792700到#000000从顶部向底部的文件。 第2步:创建一个新层,选择画笔工具(B组),





步骤31:创建一个新层,并将其命名为“left arrow”。选择椭圆工具( u )和建立一个循环使用的颜色#406f94 。双击该层,打开图层样式窗口的设置。








,                                            
步骤32:建立一个箭头的蓝色圆圈内。创建一个新层,并使用自定义形状工具(ü)创建一个白色箭头。双击该层,打开图层样式窗口的设置和使用的下列形象。设置不透明的这层到50 % 。






步骤33:重复前两个步骤,创建另一个箭头右侧的蓝色矩形。






步骤34:创建一个精选图片






步骤35:图片添加了一层阴影






步骤36:添加一些文字





选择文字工具( T )和添加一些文字。
步骤37:建立一个白色长方形 ,创建一个新组并将其命名为“content。”创建另一个组内本,并将其命名为"shadows."。选择矩形工具( u )和创建一个矩形,我没有使用白色。命名此层"white shape"并设置其不透明度为90 % 。








,                                            
步骤38:按
Ctrl单击载体面具"white shape"层以选中它。 T然后创建一个新层,选择渐变工具( G
)#8f8f8f透明。设置这一层不透明的50 % ,并将其命名为"top shadow."然后选择移动工具( V
)和打击的向下箭头,然后按键盘上的2px。







步骤39:创
建一个新层,使用矩形选框工具。然后使用渐变工具( g )#8f8f8f透明。这一层和使用黑色大软刷掩盖中心的阴影。设置不透明的这一层的30 %
,并将其命名为"vertical shadow 1."复制这一层(按Ctrl + j )条,命名新层"vertical shadow 2"
,将它移到权利。






步骤40:创建一个水平线 ,选择行工具( u )和建立一个横向1PX和颜色#aebcc7命名此层"line."






步骤41:添加一些文字,选择文字工具( T )写内容。







,                                            步骤42:创建一个的页脚 。创建一个新组,并将其命名为"footer" 。创建一个新的层,选择矩形选框工具( M )择。然后设置前景颜色为# 555555 ,选择一个大软刷。设置这一层不透明的50 % ,并将其命名为"gradient." 。

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

标签(TAG) 空来风 网页模板

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条