产品设计——数码平面表现课件教学配套课件张捷第4章手机平面表现.pdfVIP

第4章 手机平面表现 • 本章将介绍一款直板手机的设计与制作过程， 通过结合使用Photoshop与Illustrator最终完 成此款手机的平面效果图制作。 • 通过本章的学习，读者可以掌握的知识点有： • 手机的一般形式与结构 • 手机电路板的导入方法 • 手机外观设计要点分析 • 手机线框三视图的制作 • 用AI制作简单效果方法 • 用PS制作逼真效果方法 • 结合三维软件的立体效果 • 设计版面的处理与制作 4.1手机结构 4.2 手机线框三视图 • 把DWG文件导入AI • 注意比例 4.2 手机线框三视图 • 画出正面外框 4.2 手机线框三视图 • 绘制键盘区域 • 注意按键位置 • 注意按键大小 4.2 手机线框三视图 • 绘制其他 4.2 手机线框三视图 • 完成正面 4.2 手机线框三视图 • 绘制侧面 4.2 手机线框三视图 • 背面分析 • 完成背面图 4.3 手机初步效果表现 • 在AI中使用渐变、 填充、描边、羽化 等命令完成初步效 果 4.4 手机深入效果表现 • 把AI中的线框、外 形均导入PS中 4.4 手机深入效果表现 • 正面大体颜色处理 4.4 手机深入效果表现 • 完成屏幕制作 4.4 手机深入效果表现 • 使用图层样式完成 键盘效果的制作 4.4 手机深入效果表现 • 完成图标的制作 4.4 手机深入效果表现 • 增加凹槽效果 • 增加材质的丰富性 • 完成正面制作 4.4 手机深入效果表现 • 用类似方法完成侧 面制作 4.4 手机深入效果表现 • 完成背面喇叭罩制 作 4.4 手机深入效果表现 • 复制一个摄像头 4.4 手机深入效果表现 • 完成背面制作 • 完成另一个侧面制 作 4.5 手机立体效果表现 • 打开立体图 4.5 手机立体效果表现 • 复制出正、侧面 • 描绘路径 4.5 手机立体效果表现 • 使用“扭曲”工具调 整图片的透视 • 添加蒙板 • 用笔刷涂抹以柔和 过度 4.5 手机立体效果表现 • 用通道去除背景 4.6 手机后期效果表现 • 合并拷贝 • 复制于新建文件 • 添加外发光、描边 4.6 手机后期效果表现 • 添加倒影 • 完成制作 4.7 习题 • 重新设计手机外观 • 仍旧使用“4.2pcb.d xf”作为参照，如图 4-259所示，参考本 章的制作流程，重 新设计并制作一款 手机的效果图。