18用Photoshop鼠绘一台iPad平板电脑

先看一下最终效果 在 Photoshop 中重构一个产品有很大的挑战 但同时也乐趣无穷 今天我们就将重构苹果公司一款最 漂亮的革命性产品 ipad 它融合突破性的技术于双手间 它简洁 干净 线条流畅 这个 iPad 允许你上 网 看书 打游戏 看电影 操作电子邮件 听音乐等 你还可以从程序商店下载超十五万程序扩充其功 能 我们开始教程吧 最终效果预览最终效果预览 能力等级 高级 素材 Overdue for iPhone Icons by kediashubham Aurora by pkarwowski Reference Photo by Apple 1 在 Photoshop 中新建文件宽 624px 高 921px 背景色设为白色 分辨率 72dpi 添加从上到下 蓝 到白渐变 选择 圆角矩形工具 圆角半径设为 22px 绘制如下图所示的形状 把该图层重命名为 border 在 border 图层上抠出边框来 按住 Ctrl 键单击 border 图层缩略图 取得选区 执行 选择 修改 缩 减 缩减 6px 按 Delete 删除 使用索讨工具单击 border 内部取得选区 新建图层填充黑色 把该图层重命名为 Black Glass 新 建图层 重命名为 screen 使用矩形工具绘制屏幕 到目前为止我们得到 4 个图层 background border black glass screen 2 我们回过头来处理 border 图层 选中图层 添加图层样式 斜面 浮雕 颜色叠加和描边 选中 black blass 图层 添加线性 渐变叠加 颜色设置为 5b5c60 000000 3 现在我们添加屏幕壁纸 首先我们下载 pkarwowski 提供的背景图 导入到 Photoshop 中 置于 screen 图层的上方 然后按住 Alt Ctrl G 创建剪贴蒙版 4 前景色设为白色 新建图层 重命名为 Dock 画一个长方形 然后执行 编辑 变形 扭曲 拖动 上方的两个角点向中间移动如下图 选中 Dock 图层 添加图层样式 渐变叠加 颜色设置为 454637 到 fafbfc 的渐变 把 dock 图层不透明度降低为 58 我们继续制作屏幕顶部的信息栏并且添加 ipad 图标 5 现在我们添加些 Icon 图标到桌面 下载本文所用图标 当然您可以使用谷歌搜索满意的图标 打开 下载好的 Safari 图标 把它导入 Photoshop 并且放置在 dock 层的上方 调整其大小 为 Safari 图标创建倒影 复制图标 然后执行 编辑 变形 垂直翻转 降低图层的不透明度为 21 创建黑色到透明的渐变叠加 选取并删除溢出屏幕的倒影部分 重复相同的过程 为桌面添加其他 3 个图标 6 下面来添加按钮以完善我们的 ipad 界面 画一个白色的圆作为开始按钮 然后继续在其内部画一个 圆角半径为 2px 的圆角矩形 对小圆应用渐变叠加 颜色设置如下 4c4d51 060606 然后给小的圆角矩形添加描边和渐变叠加 同时降低图层不透明度到 19 7 选择圆角矩形工具 圆角半径设为 2px 然后分别绘制按钮 A 和按钮 B 制作按钮 C 时 首先在顶部 圆角矩形工具设置面板上选择 形状图层 最左侧的一个 然后设置圆角 半径 2px 画出按钮 C 使用钢笔工具为按钮