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

PS制作iPad应用程序动画模拟教程

  • 2021-05-12 10:54:58
  • 来源/作者:互联网/佚名
  • 己被围观

如果你是初学者的话可以学到其中的操作技巧,你在制作网页或软件界面时要经常用到这些方法,教程也对ps 动画制作也进行详细描述。无论是教还是学,浮躁不可有,耐心是必须的。

最终效果图

Photoshop制作iPad应用程序动画模拟教程

动画效果 教程素材:http://www.missyuan.com/viewthread.php?tid=611135

1、iPad 2 的 psd文件 iPad 2 template.rar

2、手型图片 hand-point.rar

3、字体 Walkway Typeface 字体--Walkway--font.rar

4、用到的图标 图标icon_used.rar

第一步:新建文件

画布大小 1400 X 1200px,RGB,72dpi,并命名为 ipad应用程序.psd

Photoshop制作iPad应用程序动画模拟教程

第二步:创建ipad屏幕的操作区域

创建一个长方形,大小为1024*768,作为ipad2的操作区域(即ipad2的屏幕大小)

1、选择矩形工具(U) ,随意的画个矩形,按 ctrl + t ,在属性工具栏上上输入具体的数值(提示:右键点击属性栏上的宽度输入框,选择“像素”)

2、按ctrl+A ,并选择 移动工具(V) ,点击“垂直居中对齐”和“垂直居中对齐”

3、建立参考线,对齐矩形的边线。

Photoshop制作iPad应用程序动画模拟教程

第三步:添加ipad2 背景图

1、 拖动素材ipad2.psd(从本文中下载)到ipad应用程序.psd中,自动生成一个智能对象,按 ctrl+T 调整ipad2大小,使ipad2的屏幕边线对齐参考线,命名改层为“ipad”如下图

2、 双击图层“ipad”,打开智能对象,隐藏相应的图层,在图层“Base”上建立蒙版,用选区工具(M),画出ipad2屏幕区域,并填充黑色,并“保存”,回到ipad应用程序.psd。

Photoshop制作iPad应用程序动画模拟教程

第四步:背景

1、给ipad的屏幕区域添加一个背景,选择矩形工具(U),在图层“ipad”的下方创建矩形,并命名为“背景”,按ctrl+G ,编组名为"App"

2、给整个文档添加一个渐变(设置前景色#121212,背景色 #434343)

Photoshop制作iPad应用程序动画模拟教程
​​​​​​​

 1/10    1 2 3 4 5 6 下一页 尾页

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

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?