推荐阅读
详细解析网页初级学习者如何学习
嗨少年，你是否下定决心学习网页设计？那就恭喜你了！网页设计可能是你职业生涯中让你满血复活的技能之一了。路漫漫其修远兮，在这漫长的学习中,开始的30天是至关重要的，因为很多人仅仅坚持了一两个星期就放弃。在这篇文章中，我将传授你一些有用的知识和技巧，让你更好的开始网页设计之路，并长久的留在这个赛道上。向上吧，骚年！网页设计是一个涉及面很广的领域“我想学习网页设计”这句话就像“我想学习如何烹饪”一样,你知道吗？做饭有成千上万的食谱,很多不同的烹饪风格。每个成为设计师的人都应该知道,网页设计有成千上万的特定工具和一般原则。也正因为网页设计是这样一个广泛的领域,许多人就简单地问：叫兽，我该如何开始？这个问题虽然只有六个字，却能阻挡了人们的网页设计之路：有这么多工具可以选择,那我到底该选哪个呢？我真的无从下手。我的网页设计之路在网页设计大军中,我也曾是一个被如何开始和从哪里开始弄的不知所措的菜鸟。我不知道是该先学习Dreamweaver呢还是photoshop ? 或者先学习如何用JavaScript编程?其实这些事情我都可以做,但当学习的资源很多的时候,我们中的许多人就会面临着过载的选择,当你有很多选择时,你会烦恼,最终一个也不想选了。你有过这种经历吗？Dreamweaver是一个很基本的程序,它可以帮助你更快编写HTML和CSS代码。它的优点是简单,缺点是你会花更多的时间去编码。所以Dreamweaver只能是一个节省时间的好方法,而不是学习网页设计的好开头。这就是我已经吸取的教训。所以我的选择是:首先学习HTML和CSS. 为什么要从HTML 和CSS开始?
CS5新增功能实例精解1. 新增的“Mini Bridge中浏览”命令
2010年4月Adobe公司传来喜讯，Photoshop推出了CS5版本，软件中增加了很多动人的新增功能。为了让大家快速掌握这些功能的使用方法，在此我为各位朋友整理了几组实例操作，供大家学习和研究。在Photoshop CS5版本中，软件的界面与功能的结合更加趋于完美，各种命令与功能不仅得到了很好的扩展，还最大限度地为用户的操作提供了简捷、有效的途径。在Photoshop CS5中增加了轻松完成精确选择、内容感知型填充、操控变形等功能外，还添加了用于创建和编辑3D和基于动画的内容的突破性工具。下面将带领读者一起体验Photoshop CS5中的新增功能。开始阅读之前，请先下载练习文件然后配合下面的操作进行学习。在Photoshop CS5中，单击应用程序栏中的图标，在展开的菜单中选择“CS5新功能”选项，更换为相应的界面。此时任意单击菜单，在展开的菜单中，Photoshop CS5的新增功能部分显示为蓝色，更加方便用户查看新增的功能，如图1-1所示。图1-1借助更灵活的分批重命名功能轻松管理媒体，使用Photoshop CS5中的“Mini Bridge中浏览”命令，可以方便的在工作环境中访问资源。（1）执行“文件”→“Mini Bridge中浏览”命令，打开“Mini Bridge”调板，如图1-1所示。图1-1（2）在“Mini Bridge”调板中，单击并拖动其右下角，可调整调板的大小，如图1-2所示。
在InDesign中对行距、字偶间距和字符间进行调整
图4-29所示出示了行距、字偶间距调整和字符间距调整的对照图。图4-29 对照图相邻行文字间的垂直间距称为行距。测量行距时是计算一行文本的基线到上一行文本基线的距离，如图4-30所示。基线是一条无形的线，多数字符的底部为基线，均以它为准对齐。图4-30 行距（1）在“字符样式”调板中，双击“标题”样式，打开“字符样式选项”对话框，选择“基本字符格式”项目。（2）单击“行距”选项的下拉按钮，在弹出的下拉列表中选择“自动”。然后设置“大小”选项为24点，如图4-31所示。图4-31 设置行距
HTML教程:无序列表
原文：http://andymao.com/andy/post/102.html段落已经讲完了，那么一些基本的应用方式也讲了一些，那么是否已经应用了呢？当然应用可以更为丰富，那么这些就需要自己在实际工作中不断的摸索与思考，然后创新并总结得出新的应用形式。当然了段落不能当作万用膏药一样倒处使用，不过相信大家也都知道现在“DIV”这个标签的作用已经被扩大化了（POPO曾有一篇文章《<DIV>不是万能膏药》），更已经被一些人拿来与CSS一并说事。这里呢还是要重新强调一次：DIV只不过是HTML中的一个无语意标签，他可以用来布局或是作为无语意部分的处理，而CSS则是一种样式语言。名不正则言不顺，我这里不是古板，而是这种说法会让大家对于标准的理解会产生偏颇。基本的等级都弄不清楚，把标签功能无限放大，这些都不是一个正确的学习态度。我这里细细讲解各种标签以及用途其中一点也是希望大家正确理解WEB标准的意义。正确的说法应该是“xHTML+CSS”或是“WEB标准”简称为“标准”也可以。今天不是为发牢骚的，还是讲今天的主题《无序列表》列表，相信大家都已经用过了，Word里也有，很多文档编辑里也都有。而在HTML中的列表则有三种类型：无序列表、有序列表、定义列表。饭要一口口的吃，事要一件件的做，今天只讲无序列表，并且今天所讲的列表不会涉及到CSS的美化工作。说到这里大家应该也明白了，我的讲解都是分开来的，并不以样式美化为主，这也是要告诉大家标签代码非常重要。那么我们首先就要来理解列表。我们日常生活工作都是琐碎而没有条理的，而要想得到一个高效的友好的信息互通那么就要梳理信息，做好归类。这样才能有效传达信息。用列表把同类的内容进行简单的归纳，我认为这是列表的一个基本作用。常见的用途有：图书目录、饭店菜单、人员名单、待办事宜等等。而这些信息大多不是大篇的信息内容，而是简要的标题。当然列表的用途不是说只能是归纳标题信息，列表并没有去限制内容的多少。只是我们常用列表去归纳的多是些标题信息罢了。那么我们又如何去理解无序列表呢？无序的对应就是有序，从字面上去理解就很容易，有序就是说他本身就标明了前后顺序的，这是严格的，并且这些信息本身就有着顺序特性。比如我们写操作步骤那就就需要明确第一步第二步，这样的信息必然是有序的，而无序呢？也就是说其本身就是无序的没有任何顺序可言。这里要举个实例让大家思考一下：*部门的领导名单前后顺序是他们最头疼的事，虽然他们有时会写着排名不分先后，但是实际上依然是有排名的，那么这里我想提出问题：这样的名单应用有序列表还是用无序列表呢？当然这个没有标准答案，各人都有各人的思考方式，那么你是怎么想的？不妨在评论上留下你的想法。这里我就不说我是怎么想的，希望大家能多动动脑筋，多思考。列表的标签形式是：<ul> <li>这就是列表的内容了</li> <li>这就是列表的内容了</li> <li>这就是列表的内容了</li> <li>这就是列表的内容了</li> </ul>这里我们要注意到，列表有两个部分，一个是最外面的一个标签<ul></ul>，一个是里面的内容<li></li>。我们可以这样去理解，<li></li>是一个个标准化的小盒子，他们主要存放着列表信息，而<ul></ul>则是个大箱子，他的作用就是存放小盒子。这些一个个的小盒子只有放在大箱子里他们才不会弄丢了。整齐而有利于运输（移植）、存放（定位）。那么列表与段落一样可以有很多属性在其中，比如，我们可以为<ul></ul>设置一个id或是class或是title等属性，其特点功用与段落中的一样。而<li></li>也可以有这些属性，但是一般情况下来说列表即然是同类的一般也不作特殊化处理。那么无序列表基本上也就算是讲完了，其实这篇最重要的内空就是什么样的信息应该用无序列表，而这些则需要在实际应用的时候多分析多思考。那么对于还没使用列表标签的朋友，开始使用列表标签，放弃用DIV代替列表标签的做法。或是用表格来表现列表的朋友也可以试着改变一下。从现在开始使用无序列表标签。当然如果你已经用了发现这样还不能满足你，那就等后面讲解如何用样式去开发出列表的潜力吧。今天讲的内容虽然比较简单，但是还是希望来读本篇文章的朋友可以思考一下上面我提出的问题。
最新发布
ps柔光和50度灰在哪柔光灰和中性灰区别
ps柔光灰在广告精修中应用的比较多，很多新手朋友不明白什么是柔光灰，其实是50%的中性灰图层，混合模式设置为柔光，柔光模式可以完全过滤掉中性灰，对于黑白也有一个很好的过滤效果，使用黑白画笔绘制图像，起到局部加深和减淡的效果，当然也可以直接用加深减淡工具处理局部明暗。通过下面的截图大致说明其操作步骤： 1、如何建立50%柔光灰图层？点击菜单栏上的【图层】，下拉菜单里面点击【新建】，展开的菜单里面点击【图层】， 2、弹出的新建图层设置界面上，模式设置为【柔光】，并且勾选上【填充柔光中性色（50%灰）（F）】， 3、新建的中性灰图层上，可以通过拾色器查看到颜色信息，其中可以看到明度为50%，色相和饱和度为0，并且图层混合模式为【柔光】，由此可以看到柔光灰，就是一个中性灰图层，混合模式设置为柔光， 4、可以看到虽然柔光灰图层在背景图的上面，但在柔光的模式下，完全被过滤掉了， 5、那么柔光灰图层能够做些什么？可以切换到加深减淡工具，选中中性灰图层，减淡工具可以局部提亮，加深可以局部压暗，并且不会覆盖原有的图像文理，还可以设置曝光度，对于明暗程度进行设置。 6、还可以使用画笔工具，前景色设置为白色或者黑色，起到的效果就是提亮或压暗，如下图所示，在柔光灰图层上，用画笔绘制黑色上去，因为柔光模式的过滤，最终呈现的是加深的效果，白色绘制上去就是提亮的效果，通过设置【不透明度】和【流量】，会产生出更多的修饰效果。 柔光灰，就是中性灰图层设置成柔光模式，目的是为了过滤黑白，达到加深和减淡的效果，如果在操作中遇到问题，可以在下方留言讨论。
Photoshop删除所有隐藏图层和空白图层方法
photoshop是设计师常用的设计工具，对于网页设计、广告设计、画册设计、图像合成等工作一般都会使用许多图层，然而有些隐藏或空白图层是不需要的，多余而且增加PS文件大小，这里小编向大小介绍一个简单方法来实现PS一次性删除所有隐藏图层和空图层方法。删除所有隐藏图标点击图层面板右上角展开菜单，选择【删除隐藏图层】，这样软件会自动删除所有的隐藏的图层了。删除所有空白图层点击【文件】菜单，选择【脚本 – 删除所有空图层】，这样软件就会删除所有空白、无内容的图层啦以上方法很简单，特别对于大文件处理，还是很有帮助的。
ps制作阳光洒落效果斜射光线效果怎么做
ps阳光洒落效果的制作方法，比较简单的操作是，通过阈值功能把图片变为黑白效果，然后再设置径向滤镜，最后设置图层混合样式后，获得斜射光线效果，如下图中是合成后的样子，具体操作方法且看下面详细教程。 1、打开图片之后，先复制出一个图层，点击菜单栏上的【图像】，下拉菜单中点击【调整】，展开的次级菜单里面，继续点击【阈值】， 2、弹出的阈值设置界面上，可以看到此时预览的图片已经变为了黑白效果，阈值色阶可以通过下面的三角滑块调整，阈值色阶越小，最终合成的光线越亮，反之越暗。 3、接下来开始设置模糊效果，点击菜单栏上的【滤镜】，下拉菜单里面点击【模糊】，展开的次级菜单里面，继续点击【径向模糊】， 4、弹出的径向模糊设置界面上，拖动滑块设置【数量】，模糊方法点选为【缩放】，品质自行设置，【中心模糊】区域，可以用鼠标拖动改变模糊样式， 5、因为笔者选择的图像光线是从正上方射下来的，所以用鼠标拖动中心点到顶端居中位置， 6、最后一步设置径向模糊图层的混合模式为【滤色】，然后通过设置【不透明度】，改变射线的强度，达到理想效果， 7、最终的效果对比如下图所示，上面为原图，下面为增加光照效果的图片， 如果在操作中遇到问题，可以在下方留言中讨论。
Photoshop照片上色：给头像照片加上红润肤色
黑白人像上色跟绘画中的上色非常类似，需要自己有一定的美感及色彩搭配能力。人像上色相对要容易一点，我们可以直接找像素及色彩比较好的实物图作为参考，这样可以更加精细的上色。 最终效果原图一、本教程采用photoshop CS5制作，其它版本通用，先打开原图，将背景复制一个“背景 副本”图层，如下图所示。二、第一步先来整体上色，单击选择菜单“图像->调整->色彩平衡”，如下图所示。三、在弹出的色彩平衡窗口中，我们将对皮肤的主体色进行上色，上色的方法很多，而要处理出带有层次感的皮肤颜色，推荐用色彩平衡，首先设置中间调，调高红色和黄色，并适当加强洋红，这是调整黄色肤种的常用手法，具体参数如下图所示。
Photoshop制作喷溅装饰的人像裙子效果图实例教程
最终效果1、打开PS软件，按Ctrl + N 新建画布，尺寸为1080 * 800像素，分辨率为72像素/英寸，然后确定。2、用油漆桶工具把背景填充蓝色#4FA3EB，如下图。3、打开下图所示的人物素材，用移动工具拖到新建的画布里面，并调整好位置。4、把人物图层复制三层，选择选择最底部的图层，其它图层暂时隐藏，用钢笔工具把人物腿部抠出来，如下图。
Photoshop调出唯美紫色艺术效果的河道边女孩
最终效果原图1、打开原图素材大图，创建可选颜色调整图层，对黄、白、黑进行调整，参数设置如图1 - 3，效果如图4。这一步主要给图片高光区域增加淡蓝色，暗部增加深蓝色。2、创建可选颜色调整图层，对黄、绿、白、黑进行调整，参数设置如图5 - 8，效果如图9。这一步把图片中的黄绿色转为黄褐色。
淘宝手机详情动图怎么添加制作动图
淘宝详情手机端不仅仅可以添加视频，还可以添加制作动图效果，视频的制作对于大部分小卖家来讲，还是有一定的难度的，但动图图片的制作就简单多了，只需要添加上图片，选择动图样式就可以生成，手机详情旺铺编辑器，提供了自定义动图和模板动图，通过截图简单说明操作步骤： 1、手机详情动图图片的添加制作，需要在手机描述的旺铺详情编辑器中完成，需要进入【卖家中心】，【出售中的宝贝】或者【仓库中的宝贝】，找到产品之后点击后面的【编辑宝贝】，进入编辑页面之后，找到手机端描述，默认为【使用文本编辑】，切换至【使用旺铺详情编辑器】，点击【编辑详情】， 2、如果是第一次使用旺铺详情，电脑端已经布置详情内容了，可以点击【导入】-【导入详情】-【导入电脑端详情】，完成手机详情的内容填充，如果已经完成手机详情的布置，可以继续点击【基础模块】，展开的菜单里面，鼠标移动到【动图】，展开的菜单里面，第一个为【自定义模板】，其他为现成的模板，只需要替换图片和修改文字即可，先点击自定义模板， 3、自定义模板添加上去之后，点击编辑之后，进入编辑界面，鼠标移动到右侧图片缩略图上面，显示出来【更换图片】，弹出的图片空间里面，选上需要展示的图片， 4、这里的图片大小被锁定为640*420，所以不符合这个尺寸的图片，需要通过拖拉缩放来调整尺寸， 5、调整好尺寸后，在进行位置的调整，满意位置，然后再添加第二张图片，如果想要添加更多图片，需要点击加号按钮，最多可以添加9张图，笔者不建议添加很多图片，一般三张就好， 6、图片添加完成后，在右侧下端的面板上，进行动画效果的选择，以及动图间隔时间的设置，这里就不细讲了，自己点中一个样式，点击中间下端的【预览】，查看效果即可。 7、制作完成后，点击右上角的【保存】按钮，返回详情编辑界面， 8、除了自定义模板的设计，还可以挑选模板进行修改，左侧模板列表中，点击选中一个模板，右侧栏上可以看到图片以及文字的修改项，图片的替换，就是鼠标移动到缩略图上，点击【更换图片】，文字的修改就直接在文本框内更改即可， 9、如果以后需要修改动图，只需要找到动图模块，鼠标移动到右侧面板上，点击显示出来的【编辑】，或者更换其他已经设计好的动图，这里的已有动图，目前仅支持详情中设计的动图，没有上传动图功能。
淘宝正方形主图怎么做裁剪正方形
淘宝主图的最佳尺寸为800*800px，方形图对于女装来讲，裁剪的时候会麻烦一些，想要保留完整模特身材，还要展现产品，设计主图的时候需要有一定的取舍，或者是需要一定的抠图技术，还有很多朋友是手机拍照上传，图片是长方形，面对这些问题，如何使用ps来做裁剪？下面分享一些裁剪技巧供大家参考。 1、所拍照的图片如果是长方形，并且长宽都大于800px，那么只需要以产品为中心裁剪即可，比如下图中，不要以模特为中心， 2、而是以上衣为中心进行裁剪，点击切换为裁剪工具，上端选项中，切换为1:1（方形），移动裁剪范围，回车裁剪即可， 3、如果产品为下身衣服或者鞋子，那么就以产品为中心进行裁剪即可， 4、如果你是完美主义者，不喜欢把模特裁剪了，就是想要整体效果，那么有两种方法，一个是背景复杂的图片，需要抠图换背景，然后进行方形裁剪，另一个是背景简单，比如是单色、具有可重复行的背景，那么可以通过【内容识别缩放】功能，自动扩展背景，模板不会变形，下面简单说明操作步骤，图片图层上点击锁图标，或者双击图层， 5、因为需要把图片变为方形，所以需要把画布的宽度和高度统一尺寸，点击【图像】，下拉菜单里面，点击【画布大小】，弹出的界面上，可以把宽度的尺寸增加与高度一样，宽度一栏填上差值，并勾选【相对】，点击确定， 6、此时图片变为了正方形，透明区域还需要填充上背景，切换至【移动工具】状态下，上端选项中，点击勾选【显示变换控件】， 7、点击【编辑】，下拉菜单里面，点击【内容识别缩放】， 8、慢慢的拖动两侧边框到边缘，此时可以看到模特没有变形，两侧的透明区域，被自动填充上了背景， 9、最后需要去掉【显示变换控件】的勾选，可以看到正方形的主图已经设计好了，
ps柔光灰与空白图层柔光模式的区别
中性灰图层设置成柔光模式后，可以作为ps工具的一种常用修图方法，用于提亮或者压暗图像局部，那么为什么不直接用空白图层的柔光模式，岂不是更为简单直接，其实两种方式还是有区别的，下面通过截图简单说明一下： 1、无论是中性灰图层还是空白图层，都是需要开启柔光模式，那么柔光到底是什么原理，有什么好处，先来看一下笔者做的案例，下图中，笔者在空白图层上增加了5个颜色长条，从左到右分别填充了纯黑、25%灰、50%灰、75%灰、纯白， 2、当图层混合模式改为柔光之后，可以看到中间的50%灰颜色条消失了，也就是中性灰被柔光模式完全过滤掉了，小于50%灰度的颜色条，相对变暗，起到了局部压暗的效果，大于50%灰度的颜色条，相对变亮，起到了局部提亮的效果，这就是柔光对于黑白的过滤效果， 3、既然搞明白了柔光模式的原理，那么柔光灰的作用就是做局部的提亮和压暗，中性灰被完全过滤掉，不用担心其对下面图层的影响， 4、其实空白图层的柔光效果，也可以做到提亮和压暗的效果，与柔光灰在效果上是一样的，但这两种到底有啥区别，用哪一种合适？ 5、柔光灰和空白图层的柔光模式，都可以使用画笔工具操作，但如果使用加深减淡工具的话，就只能用柔光灰了，加深减淡工具不能在空白图层上操作，这时其中的一个区别， 6、另外柔光灰图层，也更利于观察画笔的痕迹， 以上是笔者总结的两点区别，如果您对于上述的观点有异议，可以在下方留言讨论，大家共同学习。
AutoCAD建模教程：三维旋转、剖切、阵列的应用
AutoCAD三维建模 05 】—三维旋转、剖切、阵列【三维练习题05】本AutoCAD三维建模系列教程主要介绍：1、在三维界面里进行旋转。2、实体怎样做剖切。3、怎样对实体作平面环形阵列。下面，是本习题的详细绘图步骤讲解，最后面是绘图步骤讲解的Flash动画演示：1、打开CAD，点击“主视图”按钮，进入主视图二维界面，平常，主视图大都称为“前视图”。