Photoshop设计教程:ipad主题网页制作教程

2016-02-16 06:20 19 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的Photoshop设计教程:ipad主题网页制作教程,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - PS 】

最终效果图

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

ipad电脑图片

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

#3a3a3a,#111111。以增加背景的层次感。

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

新建图层,用矩形工具拉出一个矩形框,使用渐变来填充矩形框。

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

用矩形选择工具选中ipad显示屏区域,添加一些好看的图片进去

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

文本区域看起来很单调,最好的方法是加入一些按钮与图标等,这里先加入以个圆角矩形按钮

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

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

加入一些图标

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

同样的方法在ipad功能说明去添加其他矩形文字区块

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

在功能区域最右下方加入一个下载按钮,按钮制作方法很简单,图层样式如下图。

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

之后在功能区域下方加入文本内容区域,这里使用矩形工具先建立一个颜色偏黑的背景区块。

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

在文本右边加入一些图片案例,这里使用网格来对其图片

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

继续添加新的资源区块。

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

这里将ipad图片放置在两个资源区之间,可以起到承上启下作用,同时让网站看上去更有整体感

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

这一步要说下,其实也很简单,就是做一个斜面区块,然后让ipad看上去是从某个袋子中取出的效果

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

根据上面的斜面区块继续进行细节处理,这里我们用矩形工具制作个渐变图层,透明度设置为30%。然后将其旋转与斜面平行放置,为斜面添加一些阴影效果,看上去更立体

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

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

Photoshop设计教程:ipad主题网页制作教程,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1569090.html

延伸阅读
标签: PS PS教程
在学习中遇到问题可以到 论坛 发贴交流! 首先选择一张汽车的图片素材 在PS中将汽车图片的上部去除 使用我们准备的风景图片 [next] 将风景图片拖动到汽车图层之后作为背景 为了使图片更真实,我们要把车窗部分扣出,并将其不透明度调整为80%,这样车窗就能出现真实透明效果的感觉了 由于白云部分的...
标签: PS PS基础
最近有关中国色彩古称与花卉、风景相结合题材的作品层出不穷,并且篇篇精彩,好多人询求拍摄此类作品的教程以及后期制作技巧,于是便萌生了此文给希望拍摄此类题材的新手一点参考。 总体来说拍摄此类作品从前期拍摄与后期难度都不是很大。笔者是新手,不厌其烦地拍摄花花草草,而此类方式也能让一些单独放出又不觉突出的照片一个变身的机会。 ...
来源:站酷 作者:猫(图老师整理)铭 制作牛仔海报之前需要对牛仔文化有一定的了解。然后搜集一些相关的素材,再按照自己的思路去构图及处理细节。 最终效果 1、新建一个600 * 800像素的文件,背景填充黑色。打开木板素材拖进来,如下图。 2、复制木板素材,选择菜单:编辑 变换 垂直翻转,然后移上去对接好。 3、合并两个木板图层...
这是一篇photoshop按钮制作教程,教程中将为大家介绍如何使用photoshop中的图层样式功能制作出水晶按钮的透明和立体效果,大家一起来动手制作吧。 先看效果图。 1、新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。 2、分别添加投影、描边这两个图层样式。 效果如下图所示。 ...
标签: 网页设计
这个Photoshop 网页设计的教程中,我们将学习设计一个整洁的具有现代气息的网站。这是设计和HTML/CSS模板转换系列教程的第一部分。     photoshop企业网页设计现代产品主题 第一部分: photoshop企业网页设计现代产品主题第二部分: 将现代产品主题企业网页由psd转换成XHTML/CSS模板 预览 以下是我们将要一些设计的页面预览,...

经验教程

334

收藏

82
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部