PS图象处理软件的设计风格现代企业产品网站
建立一个新的PS图象处理软件文档
1。首先,一个新的文件(Ctrl + N)是建立在PS图象处理软件,尺寸为1200 x 1200像素,而背景是透明的。
图1
设置头部背景
2,用矩形选择工具在透明的背景上画一个矩形,矩形的大小:1200px倍;120px
图2
三.使用颜料桶工具(G)用任何颜色填充头部的选定区域。点打开图层样式对话框,使用以下设置添加渐变叠加效果。
图3
在此之后,应给出以下结果。
图4
设置内容部分的背景层
4、现在我们要创建的图层内容区域的背景第二部分。前景将# 00315c,和背景颜色设置为# 001b32.select矩形框选择工具(M)选择剩余的透明层;选择渐变工具(G)选择后,然后设置渐变类型为径向渐变。
图5
5,当g被设置时,它从顶部的中间垂直拖动到画布的4 1大小。
图6
添加参考线
6。现在我们需要一些参考线保持850px中间内容,选择视图>新建参考线,参考线对话框中输入新的175px,选择垂直方向。在这样一个画布左边参考线了。
图7
7、重复6步,创建一个垂直的参考线,但这一次输入1025px(175px + 850px = 1025px)。这样的850px宽,中部地区完成。
图8
头部区域设计
8,选择水平类型工具(T),然后在参考线的左边缘添加页面标题和口号。
图9
9、标题文本层下创建一个新层,选择矩形选择工具(M),并选择在头部区域的宽度必须充满1200px,和高度约60px。
图10
10、填写选区白色(# ffffff)(G),然后设置透明度为25%,在图层面板中,效果如下。
图11
创建导航
11,选择横排文字工具(T),在导航文字的右侧部分的标题和标签对11-12px.then字体大小;没有预留空间菜单项的宽度之间。
图12
12, use a rectangular box tool (M) between each menu item to make a 1px wide segmentation line; length across the whole head.Fill in (G) the line of the 1px with the #CECECE color.The effect is like the following figure.
图13
13。现在,我们在每个菜单项中添加鼠标悬停动态效果(悬停),在鼠标悬停时,我添加了一个菜单项来显示悬停的效果。
图14
14。与# 00315c颜色填充选定的三角区
图15
创建欢迎区
15,选择横排文字工具(T),加入一些欢迎标语;相同距离的左接近参考线的左侧,然后留出一些在页面标题和欢迎文本空间的顶部。4蓝列表图标添加到文本。这个图标的功能图标集(文件名circle_blue。PNG)。
图16
16,一个受欢迎的图片将被插入在欢迎文本的右边;我使用六版本的网站界面,把你的照片,删除不需要的部分。照片后准备,改变图片的编辑>变换>透视视图。
图17
17,选择椭圆框工具,然后在欢迎图片下面画一个椭圆。
图18
18、使用黑色(# 000000)填充(G)的椭圆选区。
19,然后将区域层透明度设置为35%。
20。然后使用滤镜>模糊>高斯模糊的椭圆,并设置模糊半径从1为2 px。
图19
21。复制一张欢迎图片和下面的阴影,并将它们拖到原始图片的底部。
22。位置是拖后,高斯模糊,半径为1px。
图20
创建一个水平的3D分割线
23、选择矩形工具(M)堆栈创建两个1px的线;宽度850px,从左到右的参考线,参考线。你可以把两个线在同一层。
24、填写两线颜色# 000d19和# 003461,分别。
图21
25,选择椭圆框工具(M),然后在分割线上画一个椭圆。
图22
26、使用黑色(# 000000)填充(G)选定区域,再加上高斯模糊2为3px.然后一个矩形框工具是用来切断分割线的一半,剩下的半个椭圆。
图23
27、合并两层(Ctrl + E),然后添加图层蒙版(点击图层面板上的添加图层蒙版按钮)合并图层。
28,使用渐变工具(G),梯度型对称逐渐,前景设为白色(# ffffff),和背景颜色是黑色(# 000000)。
图24
29,拖动对称梯度,从分隔线的中间拖到两侧,从而产生中间方向对两侧的影响。
图25
设计内容区域
30,在左边的线下面的三维行中选择水平类型工具(T),右分割添加任何文本标题和段落。
图26
31、使用矩形工具(U)角上创造内容的文本区左圆角矩形;半径设为10px(默认背景是10px)。
图27
32、路径完成后,选择钢笔工具(P),右击矩形内部,选择选区。
33,设置前景# 00315c,背景色是# 001b32,然后选择渐变工具(G)。梯度型为径向梯度。
34。拖动渐变从顶部到中间,与绘制背景相同,效果如下图。
图28
35,我们需要添加圆角矩形投影、内阴影和笔画图层样式(双击图层上方的图层面板打开图层样式对话框)。
图29
Figure 29
图30
36,使用多边形套索工具(L),然后在矩形上做一个三角形。
图31
37,剪切并复制选择到一个新层。一般来说,这种方式会丢失所选图层样式。所以在这之前,我们必须在右下角添加一个模式。
38,通过编辑>变换>旋转180度旋转到边角层。
图32
39,添加一些任意文本来完成内容框的绘制。
图33
创建页脚区域
40,圆角矩形工具(U)也被选中拖动一个圆角矩形。
图34
41。使用任何颜色填充角矩形。选择添加了以下样式。
图35
42,最后,添加页脚信息以取得成功。
图36