Photoshop制作精致的Ipad正面图

2016-02-02 00:24 26 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Photoshop制作精致的Ipad正面图吧。

【 tulaoshi.com - ps入门教程 】

本教程介绍Ipad电脑的绘制方法。其中包括电脑的框架及操作界面两个大的部分。制作的时候可以先从电脑部分做起,利用图层样式等来增强质感。界面部分制作比较简单,图片及桌面等都可以选用其它素材。
最终效果

1、在Photoshop中新建文件宽624px、高921px,背景色设为白色,分辨率72dpi。添加从上到下,蓝到白渐变。选择“圆角矩形工具”,圆角半径设为22px,绘制如下图所示的形状,把该图层重命名为“border”。

2、在“border”图层上抠出边框来。按住Ctrl键单击“border”图层缩略图,取得选区,执行“选择-修改-缩减”,缩减6px,按Delete删除。

3、使用索讨工具单击“border”内部取得选区,新建图层填充黑色,把该图层重命名为“Black Glass”。新建图层,重命名为“screen”,使用矩形工具绘制屏幕,到目前为止我们得到4个图层,background、border、black glass、screen。

4、我们回过头来处理“border”图层。选中图层,添加图层样式。斜面/浮雕、颜色叠加和描边。

5、选中“black blass”图层,添加线性“渐变叠加”,颜色设置为:#5b5c60-# 000000。

6、现在我们添加屏幕壁纸。首先我们下载pkarwowski 提供的背景图,导入到Photoshop中,置于“screen”图层的上方,然后按住Alt+Ctrl+G创建剪贴蒙版。

7、前景色设为白色,新建图层,重命名为“Dock”,画一个长方形,然后执行“编辑-变形-扭曲”,拖动上方的两个角点向中间移动如下图。

8、选中“Dock”图层,添加图层样式“渐变叠加”,颜色设置为#454637到#fafbfc的渐变。

9、把“dock”图层不透明度降低为58%。我们继续制作屏幕顶部的信息栏并且添加ipad图标。

10、现在我们添加些Icon图标到桌面,下载本文所用图标(当然您可以使用谷歌搜索满意的图标)。打开下载好的 Safari 图标,把它导入Photoshop并且放置在“dock”层的上方,调整其大小。

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

11、为 Safari 图标创建倒影。复制图标,然后执行“编辑-变形-垂直翻转”。

12、降低图层的不透明度为21%,创建黑色到透明的渐变叠加。

13、选取并删除溢出屏幕的倒影部分。

14、重复相同的过程,为桌面添加其他3个图标。

15、下面来添加按钮以完善我们的ipad界面。画一个白色的圆作为开始按钮,然后继续在其内部画一个圆角半径为2px的圆角矩形。

16、对小圆应用渐变叠加,颜色设置如下:#4c4d51-#060606。然后给小的圆角矩形添加描边和渐变叠加,同时降低图层不透明度到19%。

17、选择圆角矩形工具,圆角半径设为2px,然后分别绘制按钮A和按钮B。

18、制作按钮C时,首先在顶部-圆角矩形工具设置面板上选择“形状图层”(最左侧的一个),然后设置圆角半径2px 画出按钮C。

19、使用钢笔工具为按钮C增加锚点如下图所示,然后使用直接选择工具选中锚点,按左方向键向左侧移动3个像素。最后把所有按钮都置于“border”层的下方。

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

最终效果:

来源:https://www.tulaoshi.com/n/20160202/1527904.html

延伸阅读
来源:PS联盟 作者:Sener 马头与文字是一个整体效果,不过过程相对比较繁琐。因此把马头与文字分开写教程。马头部分重点是手绘,文字部分做成立体效果即可。本教程只描述马头部分制作。 最终效果 加上文字后的效果。文字教程后续呈现! 1、先来绘制马头的主体部分,需要完成的效果如下图,用到的颜色非常少:红、黄、暗红,黑色。 ...
图片虽然简单,不过制作起来并不容易。图标边缘有金属边框,中间为水晶效果,顶部还有图形。每一部分都要求做到非常细致,这样整体效果才更精致。 最终效果 1、首先,新建一个512×512的画布,设置如下。 2、设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472。 3、紧贴参考线,用形状工具...
标签: PS PS基础 PS效果
对于各界交互界面大师来说,按钮的制作无疑是不可缺少的一个组成部分,但是习惯于运用多个图层叠加出非常漂亮的效果的时候,修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。 最终效果 1、新建大小自定的文档,背景填充青色。先用钢笔建立路径,如下图。 2、创建渐变调整图层,渐变颜色位置随意,如下图。 ...
效果图制作包括两个大的部分:首先是金属边框部分,用到了几个不同大小的正圆,分别添加了不同的图层样式来渲染质感。然后是中间的漩涡及放射效果制作,这些需要用不同的滤镜来完成。 最终效果 1、新建,背景填充深灰色,新建图层,选择椭圆工具(U)在图层B上创建一个白色圆圈这里名为B。 2、创建两个红色和绿色的圆圈...
教程过程介绍得有点简单,只介绍了几个部分的制作方法,不过其它部分的制作方法一致,多点耐心和细节就可以做出来。 最终效果 1、首先我们先画出剪影部分,这是个耐心活。 2、接着我们就要去抠细节了,从上自下抠细节。首先从屋檐开始抠细节。 3、然后把烟囱加上砖头,给烟囱加个投影。 4、做房顶的砖瓦。 ...

经验教程

828

收藏

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