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

我的网站

Photoshop设计移动APP应用类型网站(3)

时间:2014-06-25 14:21来源:站酷 作者:教程盒子 点击:
完成头部,接下来我们将添加网站名称及标语。 创建一个新图层,利用选框工具(M) 一旦选择了填充(G)选定区域与任何随机颜色,然后添加一个渐变叠加使用

完成头部,接下来我们将添加网站名称及标语。

Photoshop设计移动APP应用类型网站

创建一个新图层,利用选框工具(M)

一旦选择了填充(G)选定区域与任何随机颜色,然后添加一个渐变叠加使用以下设置。

Photoshop设计移动APP应用类型网站

背景创建完成后,我们将在左侧添加文本信息,右侧添加图像。

Photoshop设计移动APP应用类型网站

需要的图像教程盒子已经打包上传。

复制下载到的素材:htc_pad_2_by_esintitasarim-d325zed.jpg Ctrl+T 变形工具调整大小。

Photoshop设计移动APP应用类型网站

打开下载到的素材放大镜拖动到HTC PAD2的底部

Photoshop设计移动APP应用类型网站

再次打开HTC素材置于放大镜图层的下层,设置为剪切蒙板.然后移动(V)HTC较大版本图层直到如下图所示。

Photoshop设计移动APP应用类型网站

创建底部导航

新建一个图层,如下图所示(蓝色区域)

Photoshop设计移动APP应用类型网站

在刚刚添加的图层中,设置渐变叠加。使用下图参数进行设置。

Photoshop设计移动APP应用类型网站

利用文本工具添加导航名称,并用头部导航所使用的线条设置为该导航添加设置。最终效果如下图。

Photoshop设计移动APP应用类型网站

最后上面的子标题添加一个指向上的小箭头。还可以使用多边形套索工具(L)创建。

Photoshop设计移动APP应用类型网站

创建内容区域

选择矩形选框工具(M),然后选择在最后一点的白色区域,如下所示。

Photoshop设计移动APP应用类型网站

设置前景色为# cecece和背景色设置为# ffffff,选择渐变填充工具(G)然后拖动一个线性渐变的 顶部选择向下几个像素。

Photoshop设计移动APP应用类型网站

选择矩形选框工具,在顶部创建两个1像素线条,就跟头部导航的一样。创建完成后设置透明度为50%

Photoshop设计移动APP应用类型网站

在剩下的空间我们开始建立内容,如下图所示。

Photoshop设计移动APP应用类型网站

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