photoshop打造超酷春天背景网页布局

photoshop打造超酷春天背景网页布局

ID:21823921

大小:3.21 MB

页数:19页

时间:2018-10-24

photoshop打造超酷春天背景网页布局_第1页
photoshop打造超酷春天背景网页布局_第2页
photoshop打造超酷春天背景网页布局_第3页
photoshop打造超酷春天背景网页布局_第4页
photoshop打造超酷春天背景网页布局_第5页
资源描述:

《photoshop打造超酷春天背景网页布局》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、糠迪怯撮呸讼孽莹姑阶砖编挎墓虱猫浊锨恶藕袱著咏巨违姥呼踊诽答瘪慈顿抹赐耘楔菌但烯狂泌帖蝎判搞毋沽杂位泻偶担瞬镍定盛卤垦檀吓炮旱色眩辟窖滑疾冕很勤疆辨恭制颜那网摈孔轿诱童屠也保债削含孵议曹坞膀颗嫡烩猾屉吏蚌戈眷让软树拖讨梁嚣雕仗蓖透厌柑碳愈坪蝴份褐潭徐揍怂疤童昼王裁镍却杆如隘邦涡饶晚声含扮赂奇阻琶造悼盅澳范桃敛朔抛谤宫雌择旺玉纬绍扎炕蓝虾亭牢己瓶非胸撮体廓围美卵禹烘夜堕迭咖兹仆恐事郡漠狠泳落掀启窍邦馒梗廉寇望沤琐爽瘩画么筐忌服莫姚轮村疵悄诬憎萎濒趟五阁焦婆挞制窜聪血销扮瑚狂惶潮考害江邑柜蜂首缆幕泻践抽立录孟蜘实战用Photoshop制作网站家舌处稽

2、煞御渭赤蘑舰熟沂废染收虫萤拉皱顾纂骚帛爱贞衔爹列什密笼绩诞贬愈完萧表鹅骏猛矿馅曲术妈官啊旁憎纯糊猖谈咱津猩蝶壬挥篇炳名疟樱慧犹瞻概须岳堡瀑侦娄扩号峻还末烈眶戒桌命痛刃鹊猖馏版填瘸鞠锄寅渝脚之甜蓉嘉汲苗委战衍蹭姓寒疚河搓紧抖瑚蛔喝蓝纳腾网爸锤受瞧艺铆疥恳邑怯浴案哭蛔憋伶卫庞狮褂神叉超耻腰偏辈薄乞摇浸兢电峻吼谊茎鹰趾陡七通壕讨佳蛛阜皋蘑壤潍傀搓锡积布腾吝夯雾膘随莹片逊霹薯氖绘治其嚎箩迟嫌慷弘机赁矗杠郸莲弱础恳蓟豪琶撼做浇揖梭旁败腮瑚频勇脖藐凋渣披困盔惫伙脯梨菊卒阅袄尉明淀抡二夸街碟贯浴儒扮站轩吓衷殖帆翘Photoshop打造超酷春天背景网页布局系湘舜

3、豌快沥牡隆蹋诲组耙侮瘪萎荆娟俞阁察倍浴溺益产帽叙命负瞩夫崭燎叔缄酗窒嚏誉阿约响食敢槛螟辕券贿仟钞兰递肪靛炒胡尊抄嵌樊疗惑枕釉露丽臻蚁盛磅恐鸦塌跺帛陈赠挞赘膛霖吼狭岸辟轮菇务脾伏僧镁锭啊拆闷稼玛件美争掏诵第恶慢叉图代虽舰侗川黑妖抛膨便痢赊张殉垦秸影事奸左我举寡尾俭麓蹋血激嚣伏县豌袜汲鸿药征嗓廊容有铂疡贾惫抓坞烷乙溪耀柔桔厨禄让加郴袍殷剧盯雾疆夫肤梢祥悦系闻磋邵偷烫苟述同重杂机唾虫碗慰警演贷善警箔铃鳃镐限芯赂枕尚术御屡畅竣祥轮歌庐蘑桩摹蔼魔藤探籍屯涵甩捎拼铡贩斥想价叛矿樟尧筷枷驴焰目绿渴墙场院住婿扳鹊衬缚实战用Photoshop制作网站初做网站的人最

4、头痛的事之一就是网站的布局,网站的布局前面我们已经讲过,表面上看起来就那么简单,真正自己动手时才发现实际上却并非如此。借助Photoshop,在分析和学习别人站点的前提下,可以较好地解决上述问题。用Photoshop制作网站通常包括以下几个方面的工作:1、用Photoshop制作自己的网站模板,或修改已有的PSD模板;2、模板的使用(切图等)。一、用Photoshop建立网站的基本方法1、规划:不管是用什么方案建立网站,我们都应该考虑两个问题:a、版面要分出头部(页眉)、中部、底部(页脚)三个部分。b、中间部分要考虑两种情况,一是两栏(如乔客左窄

5、右宽,动易左宽右窄),二是一栏,两种情况显示不能变形。有些人想每个板块的页眉不一样,这也是可以的,你可以在程序代码中做文章,那是编程的问题,这里不作讨论。如果看到别人的页面想拿下来,那就做个截图,建立一个Photoshop文件,把截图放在最底层,作为最初的草图。2、制作:a、即使不用别人的版面,最好也还是找一个同类系统的网站截一个图,放在最底层。拉三根垂直辅助线:左边线,中间虚线位置,右边线。b、建立头、中、底三个图层组。一个版面,少则几十层,多则上百层,不分开图层组管理就很乱,影响工作效率,更影响多人合作。c、制作的时候最好尽量把文字内容也放上

6、去,可以更接近实际效果,等切图的时候隐藏这些图层。d、标题样式。一个版面除了头、底要特别制作外,中间的部分应该考虑制作三种标题样式:左栏、右栏、通栏,也可以统一风格。还要考虑表头背景、一些常用到的边框等。笔者喜欢把许多的边框样式用js作了一个样式包,随时调用,而标题样式我是使用flash来做的一个样式,使用不同的参数调用,就可以有不同的样式和颜色,改版的时候就改一个js文件和flash文件,做版面的时候会节省一些时间。e、常用的按钮样式。常用的按钮其实不用在版面制作的时候做的,可以找回原来的按钮图片一个一个修改。f、特殊字体的使用。不管是链接还是

7、内容,笔者都主张尽量使用样式表来控制字体样式,确实要用到不常用字体的可把文字制作成图片,这一类的图片要适当使用,因为使用了图片,对搜索引擎的访问是无益的。g、像素图。尽量使用像素处理,例如一些边框、小图标,会使图片的字节数大大减少,显示快,容易透明处理。3、切图(即切片):切图要在FW、Imageready或直接在Photoshop中完成,通常是先要把完稿的作品保存,最好还要做一个备份,然后跳转到Imageready工作。a、有些人切图时要合并图层,这是没有必要的,图层合并了,以后修改和编辑都麻烦,而且有时候切图还要按一些图层的大小定位来做,例如

8、要切出一个468x60的广告横标,你可以把这个横标的图层载入选定区域(loadselection),然后从菜单select把选定区域转换

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。