视频教程

资源下载

http://pan.baidu.com/s/1pLG6oC7

详细步骤

制作图标

Step 01新建一个750像素×1334像素、72像素/英寸的文档。将前景色设置为浅黄色(R255、G255、B204),按下Alt+Delete快捷键,将背景填充为浅黄色。打开素材文件,将状态栏拖入文档中,如图所示。

Step 02选择圆角矩形工具,在画面中单击,打开“创建圆角矩形”对话框,创建120像素×120像素、半径为22像素的矩形,填充缟色(R233、G231、B210),如图所示。

Step 03创建一个圆角矩形,填充黄色(R255、G204、B0),如图所示。

选择椭圆工具,按住Shift键创建一个圆形,如图所示。

使用路径选择工具按住Alt+Shift键拖动圆形,进行复制,如图所示。

Step 04创建一个矩形,如图所示。

按下Ctrl+T快捷键显示定界框,在图形上单击鼠标右键,显示快捷菜单。选择“透视”命令,在定界框底边上拖动鼠标,进行透视调整,如图所示,按下回车键确认。

使用直接选择工具调整右上角的锚点,与白色圆形边缘对齐,如图所示。

Step 05使用路径选择工具按住Alt+Shift键拖动图形,进行复制,如图所示。

将该形状图层拖至黄色圆角矩形上方,按下Alt+Ctrl+G快捷键创建剪贴蒙版,将多余的图形隐藏,如图所示。

Step 06用钢笔工具绘制图形及投影部分,如图所示。

Step 07双击“圆角矩形1”图层,打开“图层样式”对话框,选择“投影”选项,如图所示。

选择横排文字工具,输入“信息”,如图所示。

在“图层”面板中,将组成图标的图层全部选取,按下Ctrl+G快捷键编组,命名为“信息”,如图所示。

按下Ctrl+J快捷键复制该图层组,在此基础上制作其他图标,将树木插图拖入文档中,效果如图所示。按下Alt+Shift+Ctrl+E快捷键盖印图层,将图像盖印到一个新的图层中。按下Ctrl+A快捷键全选,按下Ctrl+C快捷键复制,在制作效果图时,会将它粘贴到手机屏幕中。

TIPS

制作图标时,边缘没有对齐到像素网格,就会出现像素模糊的情况,可以在工具与命令的设置上进行调整。如设置图形大小时应尽量为偶数,不带小数点;使用路径选择工具时,在工具选项栏中选中“对齐边缘”选项,使矢量形状边缘自动与像素网格对齐;首选项中的也有相应的设置。按下Ctrl+K快捷键,打开“首选项”对话框,选中“将矢量工具与变化和像素网格对齐”选项,也是起到自动对齐像素网格的作用。

编辑智能对象文档

Step 01新建一个900像素×2600像素、72像素/英寸的文档,将背景填充浅黄色。打开素材文件,将手机拖入文档中,如图所示。

在“Screen 1”图层的图标上双击,如图所示,打开原文件。

按下Ctrl+V快捷键将图标粘贴到文档中,如图所示,通过自由变换适当放大图像以适合文档。

按下Ctrl+E快捷键将图层合并,如图所示。

按下Ctrl+S快捷键保存,然后关闭该文件,手机屏幕图像会更新为图标界面,如图所示。

Step 02用矩形工具绘制两个矩形,分别位于图像上、下两端,下方的矩形要放在手机后面,如图所示。

将素材文档中的树林插图、云朵和彩虹等图形拖入到效果图文档中,输入文字,如图所示。

最终效果如图所示。

TIPS

智能对象可以保留图像的原始内容和特性,在编辑时双击智能对象图标,可以打开智能对象源文件进行修改、替换内容。然后将图像合层,保存并关闭,智能对象所在的PSD文件会自动更新。

ps绘制android手机界面界面,教程·Photoshop | 手机界面效果图展示设计相关推荐

  1. ps入门教程:photoshop工作界面

    请大家安装好PS(这不是废话嘛--),然后将PS的界面熟悉一下,消除对PS的惧怕心理~~ 学会新建文件和保存文件,学会设置参考线. 安装完毕后,打开PS,就进入了PS的操作界面,我们来看一下[图1.1 ...

  2. PS绘制Android圆角图标

    1.创建自定义画布粘贴图片 2.转换智能对象并栅格化图层 3.选择圆角矩形工具,并选择路径 4.设置圆角半径和宽高 5.建立选区,并添加图层蒙版 6.图片制作完毕

  3. PS绘制俄罗斯Ilya Shapko插画教程

    首先,是我们的临摹品与大神的原图对比. 首先,我们创建一个新文档,我用的大小是1400*1000像素. 我创建了一个纯色调整层,把背景颜色折腾成暗蓝色(#030316). 首先,我用了四个椭圆来构成狮 ...

  4. 360n4手机可以装linux,360手机N4 root教程_360手机N4获取root权限的方法

    在这里说说咱们的的360手机N4的root教程了,有没有需要的呢,在这里说的root教程不是一键root的方式,是利用第三方的recovery来给手机刷入一个zip格式的root包就可以了,这个很简单 ...

  5. 手机使用linux教程,通过手机访问Linux电脑的教程

    玩蛇网推荐图文教程:python 列表 通过手机访问Linux电脑的教程,本文章教程中会指导所有的Linux使用者们,在系统上安装SSH,以便通过智能手机远程访问他们的电脑的方法. Android平板 ...

  6. FTP测试手机软件画画教程图片,手机绘画SketchBook原创教程

    AutodeskSketchBook是一款专业的画图自然画图软件,其手机版本软件更方便大家使用,都有智能手机随时携带,有了心情随心所欲的绘画创作这个最好用. 这是一个我每天路过的一处神秘美景,除了树在 ...

  7. 怎样升级android10版本,手机怎么升级win10系统 win10手机版升级教程

    win10正式版即将发布,手机版win10系统也陆续放出支持机型,手机怎么升级win10系统?下面我们就一起来看看win10手机版升级教程. 手机怎么升级win10系统 win10手机版升级教程 首先 ...

  8. 手机三维模型产品Web3D可视化vr线上展示

    在互联网时代不断的发展下,三维建模技术和电子产品线上展示进一步升级融合,以一种全新的三维效果图的展示技术,高度还原现实场景的手机模型,有效提高手机模型的发展.商迪3D通过Web3D可视化三维效果构建出 ...

  9. Android基础入门教程——1.7 界面原型设计

    Android基础入门教程--1.7 界面原型设计 标签(空格分隔): Android基础入门教程 本节引言: 引用锤子科技视觉设计总监--罗子雄在重庆TEDx活动上说的一小段话: 每当我们看到一些美 ...

最新文章

  1. BZOJ 2157: 旅游
  2. VTK:图像归一化用法实战
  3. BluePrint和ORM
  4. Android 中activity中传递数据的方式
  5. ajax显示失败信息,javascript
  6. Fragment 和 FragmentActivity的使用(二)
  7. 在线文本转二进制工具
  8. Eclipse中使用GIT将文件还原至上一版本
  9. bzoj 3351 [ioi2009]Regions
  10. mybatis spring maven
  11. mysql 完整性的概念_MySQL中一些深入概念整理
  12. Kafka开源转商业实践,助力车主无忧系统稳健 | 凌云时刻
  13. 考研408复习思路,学习方法
  14. IDEA中springboot项目启动慢
  15. java网上图书商城_java网上图书商城(8)订单模块3
  16. STM32 RCC浅析
  17. VS调试C++程序,提示无法启动程序,“xx.exe”。系统找不到指定文件的解决办法
  18. c#中 .length和length()的差别
  19. 设计模式总结--李建忠
  20. 想知道游戏建模师每天都在做什么吗?在工作中应具备哪些能力?

热门文章

  1. 可能是最优雅的分割线实现方式CSS实现
  2. C语言单片机压力传感器报警器,单片机压力传感器的实时监测和报警程序
  3. Howto: Download SLES or SLED Source Code
  4. leaflet 加载腾讯地图
  5. 截图神器推荐 ShareX
  6. 浅谈golang中的代理模式
  7. MySQL学习笔记-(5)---(JDBC)
  8. 思科access-list 1 permit 1.1.1.0 0.0.254.0 //允许第三位为奇数的路由
  9. (翻译)黑底白字样式的使用时机
  10. 基于遗传算法的多目标优化算法(附代码案例)