网站建设实例之公司主页设计专业知识讲座.ppt

第八章网站建设实例
维达制造有限公司主页设计实例
——网页制作与网站设计课程讲义
2020/12/27
1
网站建设实例之公司主页设计专业知识讲座
第八章网站建设实例
本章要点
Photoshop中不规则形状的选取
图层中元素的排列
商标的样式设计
Photoshop中滤镜的使用方法与技巧
ImageReady中动画的制作
2020/12/27
2
网站建设实例之公司主页设计专业知识讲座
维达制造有限公司主页设计实例 ---项目背景
第八章网站建设实例
淮安市维达科技有限公司是一家专业从事全系列各种规格LED显示屏的研发、制造、技术服务的企业。具有一支显示行业丰富经验的专业队伍，汇集优秀的光电技术、数字电路技术及计算机技术的人才。产品结合了日本、美国、台湾等先进LED数码电子显示屏的最新科技，采用世界最先进的LED显示屏专用技术。随着技术的不断升级换代，工艺水平的不断提高，使我公司产品在质量、性能、价格等方面都具有很强的竞争力。公司以技术为基础，视质量为生命。公司的技术人员多，他们是公司的主要力量。我们非常重视技术改进工作，积极采用新器件、新工艺。能反映公司奉行“诚信为本，质量第一，优质服务，追求卓越”的方针，使公司深受广大客户信赖和赞誉。相信具有竞争力的、质量过硬和服务优良的产品一定会让您满意。
2020/12/27
3
网站建设实例之公司主页设计专业知识讲座
第八章网站建设实例
软件，新建一个RGB文件，宽度为778像素，高度为450像素，分辨率为72dpi，保存文件命令为“”。
，新建一图层，并在画面的左侧做出从大到小的小圆，并排列如图所示。
制作思路：选中“椭圆选区工具”，在属性设置中设置“样式”为“固定大小”，宽12像素，高12像素，填充白色，依次缩小大小，然后调整间距，然后用快捷键〈Ctrl+J〉复制图层，然后链接相关的图层，对这些图层首先左对齐，然后垂直方向均匀分布，最后执行“图层” →“合并链接图层”命令。
维达制造有限公司主页设计实例 ---效果图的制作
2020/12/27
4
网站建设实例之公司主页设计专业知识讲座
第八章网站建设实例
，然后设置不透明度50%左右，如图所示
维达制造有限公司主页设计实例 ---效果图的制作
2020/12/27
5
网站建设实例之公司主页设计专业知识讲座
第八章网站建设实例
，然后执行“编辑”→“变换”→“水平翻转”命令（快捷键〈Ctrl+T〉），调整位置到画面的右侧，如图所示。
维达制造有限公司主页设计实例 ---效果图的制作
2020/12/27
6
网站建设实例之公司主页设计专业知识讲座
第八章网站建设实例
“”，用魔术棒工具将红色的企业标志选出并复制选区中的内容，回到实例图中粘贴企业标志图形并调整大小，如图所示。
维达制造有限公司主页设计实例 ---效果图的制作
2020/12/27
7
网站建设实例之公司主页设计专业知识讲座
第八章网站建设实例
，给图层添加样式（外发光、斜面和浮雕），效果如图所示.
维达制造有限公司主页设计实例 ---效果图的制作
2020/12/27
8
网站建设实例之公司主页设计专业知识讲座
第八章网站建设实例
，设置前景色为深蓝色（ RGB值070FA8），利用“圆角矩形工具”，在属性中设置为“填充像素”模式，然后绘制圆角矩形区域，然后使用“添加到形状区域” ，绘制，如图所示。
维达制造有限公司主页设计实例 ---效果图的制作
2020/12/27
9
网站建设实例之公司主页设计专业知识讲座
第八章网站建设实例
“魔术棒工具”选区蓝色区域，执行“选择”→“修改”→“收缩”命令，然后弹出“收缩区域”对话框，设置收缩量为5像素，如图所示。
维达制造有限公司主页设计实例 ---效果图的制作
2020/12/27
10
网站建设实例之公司主页设计专业知识讲座