ps之网页效果图强化训练专题.pptx
《ps之网页效果图强化训练专题.pptx》由会员分享,可在线阅读,更多相关《ps之网页效果图强化训练专题.pptx(12页珍藏版)》请在咨信网上搜索。
1、photoshopphotoshop之网页效果图强之网页效果图强化训练化训练做网站,一般是先用PS出效果图,然后切图,然后div+css布局之.因此,熟练的制作出效果图是前提。本专题会花上几周的时间,带领大家制作几个效果图的案例,掌握制作效果图的一般方法。本专题在网页制作中的重要性:60%切割与布局:40%专题一专题一photoshopphotoshop之网页效果图强化训之网页效果图强化训练练下面是几种效果图的切图,欣赏它们的效果。下面是几种效果图的切图,欣赏它们的效果。专题一专题一photoshopphotoshop之网页效果图强化训之网页效果图强化训练练专题一专题一photoshoppho
2、toshop之网页效果图强化训之网页效果图强化训练练专题一专题一photoshopphotoshop之网页效果图强化训之网页效果图强化训练练专题一专题一photoshopphotoshop之网页效果图强化训之网页效果图强化训练练在用在用ps绘制效果图时,其实用到的知识点并不是太多,路径的使用比较频繁,路径就绘制效果图时,其实用到的知识点并不是太多,路径的使用比较频繁,路径就是形状,特殊的形状要用钢笔工具,规则的形状用工具箱里自带的数学工具组就是形状,特殊的形状要用钢笔工具,规则的形状用工具箱里自带的数学工具组就可以了。给图像添加样式的操作也不少。填充颜色以渐变色居多,网页颜色的搭可以了。给图像
3、添加样式的操作也不少。填充颜色以渐变色居多,网页颜色的搭配通常都是相似的几种颜色,颜色不宜超过配通常都是相似的几种颜色,颜色不宜超过3种。网页版面会有很多的区域,每个种。网页版面会有很多的区域,每个区域通常都是用矩形或者圆角矩形隔开。修饰符号也很多,比如点横线或者其他区域通常都是用矩形或者圆角矩形隔开。修饰符号也很多,比如点横线或者其他一些小的图像,它们起网页点缀的作用。一些小的图像,它们起网页点缀的作用。1.1 区域分割图像的制作区域分割图像的制作(重点掌握重点掌握)各区域绝大部分网页都是通过矩形或者圆角矩形隔开,这个已经成为网站设计行业默认的样各区域绝大部分网页都是通过矩形或者圆角矩形隔开
4、,这个已经成为网站设计行业默认的样式了。式了。两大方法:两大方法:1.绘制选取,然后描边。绘制选取,然后描边。2.绘制路径,转换为选取后再描边。绘制路径,转换为选取后再描边。专题一专题一photoshopphotoshop之网页效果图强化训之网页效果图强化训练练方法方法1.绘制选取,然后描边。绘制选取,然后描边。矩形选区矩形选区 圆角矩形选区圆角矩形选区 方法:右击选区,选择方法:右击选区,选择“调整边缘调整边缘”,设置平滑选项的值,其中羽化值与半径值设,设置平滑选项的值,其中羽化值与半径值设置为置为0最佳。然后选择最佳。然后选择“编辑编辑”-”描边描边”方法方法2.绘制路径,转换为选取绘制路
5、径,转换为选取(ctrl+enter)后描边。后描边。方法:最好是在路径面板里新建路径,跟图层一样,然后转换为选取后描边。方法:最好是在路径面板里新建路径,跟图层一样,然后转换为选取后描边。上机训练:上机训练:专题一专题一photoshopphotoshop之网页效果图强化训之网页效果图强化训练练给各区域添加标题区域给各区域添加标题区域 给矩形或者圆角矩形添加标题给矩形或者圆角矩形添加标题 重点:给圆角矩形添加标题区域的方法:绘制圆角矩形路径,然后用直接选择工重点:给圆角矩形添加标题区域的方法:绘制圆角矩形路径,然后用直接选择工具修改路径,如果要将圆角转换为直角,需要用转换点工具单击,将曲线节
6、点转具修改路径,如果要将圆角转换为直角,需要用转换点工具单击,将曲线节点转换为直线节点,然后再用直接选择工具修改。换为直线节点,然后再用直接选择工具修改。上机训练:上机训练:专题一专题一photoshopphotoshop之网页效果图强化训之网页效果图强化训练练案例一:绘制如果所示的效果图:案例一:绘制如果所示的效果图:专题一专题一photoshopphotoshop之网页效果图强化训之网页效果图强化训练练操作步骤:操作步骤:1,新建图像文件的大小为新建图像文件的大小为1024*768,由于在浏览器中网页的实际宽度应该减去右边垂,由于在浏览器中网页的实际宽度应该减去右边垂直滚动条的宽度,所以实
7、际大小在直滚动条的宽度,所以实际大小在9991001之间。打开之间。打开“试图试图”“”标尺标尺”命令命令显示标尺,使用选择工具从锤子标尺中拖出条垂直辅助线,使中间区域宽度为显示标尺,使用选择工具从锤子标尺中拖出条垂直辅助线,使中间区域宽度为网页实际宽度。新建一个图层,双击标题区域,命名为网页实际宽度。新建一个图层,双击标题区域,命名为“上部广告区上部广告区”,(该区,(该区域通常可能会是某一有渐变效果的背景图片,或者有关公司产品或者企业形象展域通常可能会是某一有渐变效果的背景图片,或者有关公司产品或者企业形象展示的图片,通常也会包含公司示的图片,通常也会包含公司logo(标志图片),甚至可能
8、是标志图片),甚至可能是flashd动画),绘制动画),绘制一高度为一高度为120像素左右的矩形选区,选择渐变工具填充渐变色,在工具选项栏中设像素左右的矩形选区,选择渐变工具填充渐变色,在工具选项栏中设置渐变色为从白色到淡蓝色渐变。置渐变色为从白色到淡蓝色渐变。,新建图层命名为,新建图层命名为“log”,由于由于LOG图片未准备好,所以绘制一个区域用来标志该图片未准备好,所以绘制一个区域用来标志该区域放置区域放置LOG图片。设置前景色为白色,使用椭圆选区工具绘制选区后图片。设置前景色为白色,使用椭圆选区工具绘制选区后alt+delete填充前景色。使用文字工具在白色投缘上输入文字填充前景色。使
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ps 网页 效果图 强化 训练 专题
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【精****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【精****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。