当前位置： 首页> ps实例教程> ps网页设计> 网页模板>教程内容
ps设计教程：ipad主题网页制作教程(5)
来源：图图网
作者：佚名
学习：674人次
最终效果图
ipad电脑图片
#3a3a3a，#111111。以增加背景的层次感。
新建图层，用矩形工具拉出一个矩形框，使用渐变来填充矩形框。
用矩形选择工具选中ipad显示屏区域，添加一些好看的图片进去
文本区域看起来很单调，最好的方法是加入一些按钮与图标等，这里先加入以个圆角矩形按钮
加入一些图标
同样的方法在ipad功能说明去添加其他矩形文字区块
在功能区域最右下方加入一个下载按钮，按钮制作方法很简单，图层样式如下图。
之后在功能区域下方加入文本内容区域，这里使用矩形工具先建立一个颜色偏黑的背景区块。
在文本右边加入一些图片案例，这里使用网格来对其图片
继续添加新的资源区块。
这里将ipad图片放置在两个资源区之间，可以起到承上启下作用，同时让网站看上去更有整体感
这一步要说下，其实也很简单，就是做一个斜面区块，然后让ipad看上去是从某个袋子中取出的效果
根据上面的斜面区块继续进行细节处理，这里我们用矩形工具制作个渐变图层，透明度设置为30%。然后将其旋转与斜面平行放置，为斜面添加一些阴影效果，看上去更立体
共4页: 上一页 1 2 3 4 在本页浏览全教程
学习 · 提示
- 一定要打开PS，跟着教程做一遍，做完的图到这交作业： 提交作业
- 建议练习时，大家自己找素材，尽量不要用教程提供的素材。
- 教程有看不懂的地方，可以到论坛发帖提问： 新手求助
- 加官方微信，随时随地，想学就能学：ps_bbs，或扫右侧二维码！
- 关注我们学更多，每天都有新教程： 新浪微博 抖音视频 微信小程序
- d) return false;this.setAttribute('overtime', d + 5000)">上传作业
- 教程提问
- 素材在哪
- 发评论 | 交作业 -
最新评论
暂无评论，交个作业支持一下吧~
查看全部评论 >
相关教程
- 网页模版，个人网站建设入门知识
- 网页模板，设计酒吧主题网页模板实例
- ps设计蓝色主题风格的网站首页模板教程
- 从零手把手教你设计网页
- 网页设计基础技巧
- 网页设计的分割布局秘密
- ps cs6设计个人作品网页模板教程
- ps网页布局设计实例教程
- ps黑色风格网页模板
- ps一个木纹风格网页模板
推荐教程
- PhotoShop设计制作怀旧风格网页的详细教程
- PS教程:制作非常不错的wordpress博客网站模板
- photoshop网页应用实例:制作苹果导航栏
- Photoshop绘制好看的老式wordpress主题
- Photoshop网页设计:杂志风格网站界面
- Photoshop绘制木质纹理的网站首页模板
- ps设计制作居家风格美食Blog网页特效
- Photoshop CS5制作放射状光线网页广告板
- PS教程:绘制清新的色彩生动的网页布局
- Photoshop制作礼品店网站模板
关注大神微博 加入>>
-
Photoshop绘制绿色风格的尼康相机网页平面图 -
ps切片工具怎么用 -
Photoshop设计教程:设计一款漂亮的网页模板 -
从零手把手教你设计网页 -
ps设计蓝色主题风格的网站首页模板教程 -
ps一个木纹风格网页模板 -
ps cs6设计时尚促销专题页教程 -
Photoshop设计制作百度空间的模板
网友求助，请回答！