书签 分享 收藏 举报 版权申诉 / 14
上传文档赚钱

类型33-PS网页效果图制作(销售版)课件.pptx

  • 上传人(卖家):晟晟文业
  • 文档编号:5099964
  • 上传时间:2023-02-11
  • 格式:PPTX
  • 页数:14
  • 大小:219.85KB
  • 【下载声明】
    1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
    2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
    3. 本页资料《33-PS网页效果图制作(销售版)课件.pptx》由用户(晟晟文业)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
    4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
    5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
    配套讲稿:

    如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

    特殊限制:

    部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

    关 键  词:
    33 PS 网页 效果图 制作 销售 课件
    资源描述:

    1、教学情境二 官方网站设计子教学情境三 网站网页的设计PS网页效果图制作流程1、绘制结构草图首先是根据网页内容的策划进行结构的设计,也就是绘制结构草图,在草图上,我们规划内容的摆放,并对尺寸进行一个大约的设定,这就是PS效果图制作的蓝图。2、使用参考线初步定位确定大体框架结构后,首先是把草图放入效果图文件中,缩放到合适的大小,然后通过标尺和矩形选框工具等等来帮助绘制参考线,以便在PS对结构进行初步的定位;打开标尺快捷键是CTRL+R;在PS中,当参考线被拖动靠近中间的位置的时候,会自动判断中间点并吸附。3、绘制结构底图参考线设置完成后,我们可以使用形状工具,先绘制大体的框架,在这里可以打开对其参

    2、考线;比如我们通过这个方形形状工具来定位旗帜广告的位置,接着后续我们可以通过剪贴图层,把旗帜广告的图片定位到对应的位置;4、添加内容结构地图绘制完毕,添加相应的内容;每一个部分的内容都需要设计制作,因此在这个过程中要注意保持整体的风格和设计细节的统一。5、效果图切片根据前端制作需要,使用PS的切片工具进行图片的裁切6 6、输出切片输出切片 输出切片的命令要选择存储为WEB所用的格式;需要输出的图片是透明的,请选择PNG这种可以支持透明的图片格式。教学情境二 官方网站设计子教学情境三 网站网页的设计PS网页效果图制作具体步骤1、首屏的概念设置文档的名字为INDEX,文件大小先设置为1366*76

    3、8,dpi为72,这是我的电脑的一个屏幕的大小。当浏览者打开一个网页的时候,首先看到的只是这个网页的一个屏幕的大小的内容,这就是首屏,显然首屏在浏览的时候占有首要的关注度。后面我们通过剪切工具拉大视图,或者调整画布的大小,来扩展画布。2、绘制结构框架根据网页结构规划,逐步为LOGO和导航留出她们的空间;通过矩形选框工具的属性来帮助结构的创建;3、按结构建立图层组绘制的形状图层,请大家注意做好命名,这里是网页的头部,主要放置标志,这个图层组我们把它命名为TOP,这样便于内容的管理,然后是导航条部分,我们用导航英文单词的缩写NAV进行图层组的命名。因此类推,这是其他部分的命名,每个名字都是相关内容

    4、的提示。这里做的好处是这里做的好处是为后续修改调整提供方便,比如你想调整这个部分的内容,就可以快速的找到它们,然后直接移动或者隐藏,或者删掉。4、使用剪贴图层、蒙板等添加内容当结构都设定好以后,就可以把内容添加进去,前面我们介绍过,大家可以使用剪贴图层,让内容约束到这个区域;大家也可以使用蒙板让内容显示在制定的区域。比如我们希望这一组照片都只在这个区域显示,那可以把给这些图层建立图层组,然后点击结构形状这个图层的缩略图建立选区,然后为这个图层组建立蒙板。5、交互视觉效果的制作在制作按钮等有交互视觉效果的部分,要把相应的视觉效果做出来,以便前端程序员实现这些效果,比如按钮部分,希望有可点击的提示,要制作鼠标经过的时候文字颜色、背景颜色或者背景图案的变化。6、效果图切片最后是切片,这里有几个注意点,请大家先了解后再切片,提高切片的效率:1、切片一定要和所切内容保持同样的尺寸,不能大也不能小;2、单色区域不需要切片,因为可以通过代码生成同样的效果;3、重复性的图像只需要切一张即可;4、多个素材重叠的时候,需要先后进行切片,如背景图像上有按钮,就需要先切片按钮,然后把按钮隐藏,再切片背址图像。5、如果效果图非常复杂,无法布局,那么最简单的解决方法就是切片成一张大图像即可。例如效果图中带有曲线的部分就可以这样处理。当然这样出力会遇到图片加载慢的问题。谢 谢!

    展开阅读全文
    提示  163文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    关于本文
    本文标题:33-PS网页效果图制作(销售版)课件.pptx
    链接地址:https://www.163wenku.com/p-5099964.html

    Copyright@ 2017-2037 Www.163WenKu.Com  网站版权所有  |  资源地图   
    IPC备案号:蜀ICP备2021032737号  | 川公网安备 51099002000191号


    侵权投诉QQ:3464097650  资料上传QQ:3464097650
       


    【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。

    163文库