- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
项目八 编辑位图——英雄联盟登录界面
学习任务:
任务1 设计登录界面背景
任务2 设计登录框
任务3 设计登录按钮
任务1 设计登录界面背景
任务描述
本任务是设计登录界面的背景,主要使用“调整颜色平衡”命令调整位图色调,使用“扭曲”滤镜生成彩色旋涡。
任务1 设计登录界面背景
任务目的
1.了解位图的颜色模式和转换方法。
2.掌握矢量图与位图的转换方法。
3.掌握对比色配色原理。
4.了解给位图添加滤镜的方法。
任务实施
Step1.导入位图
(1)新建文件,宽297mm,高167mm,横向。
(2)双击工具箱中的“矩形”工具 ,绘制与页面尺寸相同的矩形,填充黑色,无轮廓。
(3)执行菜单栏【文件】→【导入】命令,按住Ctrl键选择素材包中的“暮光之眼1.jpg”、“暮光之眼2.jpg”、“光线.png”三幅图片,单击“导入”按钮导入图片。
Step2.制造光效
(1)选择“光线.png”,执行菜单栏【位图】→【扭曲】→【旋涡】,设置参数如图8-1-2所示,效果如图8-1-3所示。
任务实施
Step1.导入位图
(1)新建文件,宽297mm,高167mm,横向。
(2)双击工具箱中的“矩形”工具 ,绘制与页面尺寸相同的矩形,填充黑色,无轮廓。
(3)执行菜单栏【文件】→【导入】命令,按住Ctrl键选择素材包中的“暮光之眼1.jpg”、“暮光之眼2.jpg”、“光线.png”三幅图片,单击“导入”按钮导入图片。
Step2.制造光效
(1)选择“光线.png”,执行菜单栏【位图】→【扭曲】→【旋涡】,设置参数如图8-1-2所示,效果如图8-1-3所示。
任务实施
Step4.调整大小
(1) 选择“暮光之眼1.jpg”,在工具属性栏上设置其缩放比例为“44%”。
(2) 选择“暮光之眼2.jpg”,在工具属性栏上设置其缩放比例为“67%”。
Step5.调整透明度
(1)选择“暮光之眼1.jpg”,使用工具箱中的“透明度”工具 为其添加“线性”透明,如图8-1-7所示。同理为“暮光之眼2.jpg”添加透明效果,如图8-1-8所示。
(2)按住Shift键分别选择“暮光之眼1.jpg”、“暮光之眼2.jpg”,在图片上右击,执行【顺序】→【置于此对象前】快捷菜单,当光标变为 时单击“光线.png”。
(3)将“暮光之眼1.jpg”、“暮光之眼2.jpg”分别摆放到页面的左右两侧,效果如图8-1-9所示。
(4)将“暮光之眼1.jpg”、“暮光之眼2.jpg”、“光线.png”置于黑色矩形框内。
任务实施
Step3.绘制栏杆
(1)使用“3点曲线”工具 在图3-1-5所示曲线上方再绘制一条曲线,在工具属性栏中设置“轮廓宽度”为2mm,效果如图3-1-6所示。
(2) 在工具箱中选择“2点线”工具 ,在如图3-1-7所示“2点线”工具属性栏中选择“垂直两点线”,将鼠标移动到桥面上,按住鼠标左键不放,往栏杆方向拖拽,在合适位置松开结束绘制,如图3-1-8所示。保持线条选中状态,在工具属性栏中设置“轮廓宽度为2.5mm”,依次绘制栏杆,最终效果如图3-1-9所示。
任务1 设计登录界面背景
任务总结
将多张图片融合在一起时,要注意色彩的统一,过渡要自然。背景元素要适当虚化,不要喧宾夺主。对比色可加强画面冲突,营造激烈的氛围。
任务2 设计登录框
任务描述
本任务是设计登录框,主要使用“位图颜色遮罩”命令进行抠图,使用“创造性”滤镜生成雪花,使用“高斯式模糊”滤镜柔化背景。
任务2 设计登录框
任务目的
1.熟练使用“位图颜色遮罩”命令抠图。
2.熟练使用“高斯式模糊”命令柔化位图。
3.掌握“创造性”滤镜的用法。
4.掌握“透视滤镜”的用法。
任务实施
任务实施:
Step1.导入位图
(1)导入素材包中的“英雄联盟.jpg”、“火.png”两幅图片。
Step2.图像抠图
(1)选择“英雄联盟.jpg”,执行菜单栏【位图】→【位图颜色遮罩】命令,在打开的“位图颜色遮罩”泊坞窗设置参数如图8-2-1所示,使用“颜色选择”按钮 在“英雄联盟.jpg”的黑色背景上单击,效果如图8-2-2所示。
任务实施
(3)选择黑色矩形,执行菜单栏【位图】→【转换为位图】命令,将黑色矩形转换为位图。
(4)保持黑色矩形选中状态,执行菜单栏【位图】→【三维效果】→【透视】命令,设置参数如图8-2-7所示,效果如图8-2-8所示,同理为黑色矩形轮廓应用“透视”滤镜。
(5)选择黑色矩形,执行菜单栏【位图】→【创造性】→【天气】命令,设置参数
您可能关注的文档
- 《After Effects特效与合成》课件——项目二 制作广告宣传片.ppt
- 《After Effects特效与合成》课件——项目六 制作节目包装.ppt
- 《After Effects特效与合成》课件——项目七 制作电视短片.ppt
- 《After Effects特效与合成》课件——项目五 制作电视栏目.ppt
- 《After Effects特效与合成》课件——项目一 After Effects入门知识.ppt
- 《CorelDRAW X6》项目2 绘制几何图形.pptx
- 《CorelDRAW X6》项目3 绘制直线和曲线.pptx
- 《CorelDRAW X6》项目4 掌握对象的操作技巧.pptx
- 《CorelDRAW X6》项目5 掌握颜色的应用.pptx
- 《CorelDRAW X6》项目6 编辑文本.pptx
- 《CorelDRAW X6》项目9 综合训练.pptx
- 《Dreamweaver 网页设计与制作》课件——项目八 制作茶文化网站——应用 Div+CSS技术布局网页.ppt
- 《Dreamweaver 网页设计与制作》课件——项目二 创建度假村网站——Dreamweaver CS3 入门.ppt
- 《Dreamweaver 网页设计与制作》课件——项目九 制作个人网站——应用模板和库.ppt
- 《Dreamweaver 网页设计与制作》课件——项目六 制作电影网站——建立框架网页.ppt
- 《Dreamweaver 网页设计与制作》课件——项目七 制作美容网站——应用样式表.ppt
- 《Dreamweaver 网页设计与制作》课件——项目三 制作汽车网站——输入与编辑网页元素.ppt
- 《Dreamweaver 网页设计与制作》课件——项目十 制作留言板——动态网页入门.ppt
- 《Dreamweaver 网页设计与制作》课件——项目十一 制作饰品公司网站首页——应用 JavaScript 制作网页特效.ppt
最近下载
- Unit+4+Section+A+2a-2e课件+2025-2026学年人教版(2024)英语八年级上册.pptx VIP
- 小学总务处主任述职报告PPT.pptx VIP
- Unit 4 Section A (1a~2e) 课件2025-2026学年人教版八年级英语.pptx VIP
- 世界的地形课件七年级地理上学期人教版1.pptx
- 世界的地形课件七年级地理上学期人教版2.pptx VIP
- (正式版)DB15∕T 2748-2022 《绿色电力应用评价方法》.docx VIP
- 人教版(2025) 必修第一册 Unit 2 Travelling Around Reading and Thinking课文解析&逐句翻译课件(共17张PPT))(含音频+视频).pptx VIP
- 制造业采购付款制度及流程设计.docx VIP
- 继承优良传统弘扬中国精神 (第二版).pptx VIP
- 含硅废渣综合利用项目环评(新版环评)环境影响报告表.doc
文档评论(0)