推荐阅读
详细解析网页初级学习者如何学习
嗨少年，你是否下定决心学习网页设计？那就恭喜你了！网页设计可能是你职业生涯中让你满血复活的技能之一了。路漫漫其修远兮，在这漫长的学习中,开始的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代替列表标签的做法。或是用表格来表现列表的朋友也可以试着改变一下。从现在开始使用无序列表标签。当然如果你已经用了发现这样还不能满足你，那就等后面讲解如何用样式去开发出列表的潜力吧。今天讲的内容虽然比较简单，但是还是希望来读本篇文章的朋友可以思考一下上面我提出的问题。
最新发布
3DMAX详解四边形镂空球体的制作方法
大家好，继上次星星球体之后，大家有没有回家实验一下。不同的球体使用不同的建模方法可以变化出无数个既个性又漂亮的装饰品。大家可以回顾一下以前的球体，比如：足球、篮球、高尔夫球、星星球……如果你的头脑里没有制作的思路，那就赶快翻看下以往的教程试着做一下吧，今天我要给大家带来的又是一个漂亮的球体。小伙伴儿们看看下图，知道这样菱形的球体怎么做出来的吗?跟随着我的步骤一起来吧。1.先建一几何球体 参数 : 分段数如图2.把几何球体转换成可编辑多边形物体3.塌陷为可编辑多边形后，全选边，4.在边层级中，添加面板中细化操作，在细化选择中 选择 面,ok确定
Illustrator实例教程：使用3D效果制作网页按钮
在这篇文章中我们将通过使用Adobe Illustrator中的3D效果来创建一组网页按钮。为什么要用这种方法?原因是这种方法替代了使用不同的笔刷和其他工具来创建高光和阴影，只需一步就能实现，充分利用了现成的光线设置和斜角形状。让我们开始!最终效果图：第一步：按钮形状我们从创建基本的网页按钮形状开始。选择圆角矩形工具，在画板中任意位置点击一下打开圆角矩形窗口。填入如下图所示的数字以得到我们需要的形状。选择浅灰色作为填充颜色。第二步：3D设置在此矩形选中的状态下，选择效果菜单》3D》凸出和斜角。在下图的右方你可以看到默认设置，只有”指定绕X轴旋转”的值有所改变。通常情况下我更愿意使用斜角形状，但有时不能得到让人满意的结果。在这个例子中，如果你选择”长圆形”作为斜角形状改变会更明显，边缘会更圆润，而且之后也不用担心高光和阴影的问题。如果你增加高度值，圆形的边缘就会变得更厚。
Illustrator制作时尚大气的放大镜教程
放大镜是大家再熟悉不过的用品来，今天我们就是用它来设计一个图标，看看大师们有哪些好的idea，需要与设计打交道的朋友不妨利用休息时间学习一下。最终效果具体的制作步骤如下：1. 新建文档，800*600px。输入一些文字，使用大一点的字号。我使用的是futura字体。之后，应用“创建轮廓” (shift + ctrl + o)。然后文本应用渐变，如下图所示。(译者注：图示标错了，最高数值只有255，应该为r41 g199 b226差不多)2. 使用钢笔工具绘制形状，如下图所示(译者注：图示的rgb标错了，哪来的347，晕，应为r247 g147 b40)。复制(ctrl+c)轮廓文本，贴在前面。选择这2个路径，点“路径查找器”面板里的“与形状区域相交”，点“扩展”按钮。3. 重复第2步绘制阴影使用不同的颜色。
Illustrator制作超有质感立体矢量LOGO
本次教程专门为仅有一点AI基本操作技巧的初学者而准备的，文中所用到的AI技巧仅有滤镜、不透明度、辅助线等工具，对于初学者来说也是很快就能学会的，下面就让我们一起来学习吧。先看看效果图最终效果图预览1.绘制图形最基础的外形,很多人喜欢把整个图形的外形绘制出来，在这里告诉大家是不对的，上图已经分好颜色了，颜色不同的地方都是单独的一块!2.图形上色，把图形最基本的颜色大致分清，包括一些高光和阴影都用不同颜色出别出来。3.细节美化，此处的细节美化并不是每个地方很小的细节都要走到位，仅仅是把大致的渐变表现一下。
3dmax融合后期制作超酷室外效果图教程
在今天的教程中，K.Shane需要进一步研究如何在3dsmax渲染到后处理融合和photoshop的元素，以达到最好的结果，尽快，尽可能有效地。人们总是问我关于我过去的教程中所涉及的工作流程，所以我决定放在一起后，我的更详细的技术解释一些。我开始与一些场景的提示，然后进行整体测试的渲染工作流程和渲染输出设置，然后移动到合成!在本教程中，我不会讨论建模，纹理或灯光，因为它纯粹是一个专注于后期制作。最终产品下面是效果3dmax融合后期制作室外效果图 场景设置技巧提示1在VRAY渲染设置“选项卡中，我采用了同样的云/天空图像的环境，覆盖，的反射覆盖，的折射覆盖渠道，以确保我们可以看到白云倒映在建筑物的窗户。已提出了从1.0到3.0 的倍数值，以增加强度的反射在我们的场景中，它有明亮的玻璃，使之更生动的效果。
Illustrator把照片制作成矢量线条插画
本教程主要使用Illustrator把照片制作成矢量线条插画，教程难度一般，但是挺有创意的，也算是一个技巧的分享吧。喜欢的朋友让我们一起来学习吧。我们先来看一下效果图：具体的制作步骤如下：1、新建文档，点文件菜单>置入。选择图像/照片文件，点“置入”，导入图片(如果你想导入的图片文件至始至终都保存在新建的文档里，那么请不要勾选链接选项)。下一步，选择图片，并且使用Ctrl+2锁定它。2、依据图片的复杂程度，来确定图片上使用的阴影数。这里，我定义了3种不同类别的阴影，即最亮的区域(明调)为空，中间调用单线表示，最暗的阴影(暗调)用交叉线表示。你也可以尝试使用不同的线条来表示不同的阴影。3、使用直线段工具(/)，绘制一条水平线，宽度比图片(描摹区)宽一点。把它移到描摹区的顶部，描边颜色：使用对比度高的颜色。
Illustrator绘制时尚大气的心形插画教程
本教程主要使用Illustrator绘制时尚大气的心形插画教程，这教程是我从一国外AI网站翻过来的，此教程很简单，主要用的到是封套工具。先看图：1.首先画一心型图，如下：2.在心型图上画两条线段，弧度可自定，然后填充笔触颜色为白色，在轮廓小窗口里选择宽度为1，也可自定(保存一下)：3.选中画的两条线段，在菜单栏选择对象--路径--轮廓转笔触：4.选中心型图案和两条已经转为笔触的线段，按Shift+F7调出排列(如果已经调出，可省这步)，在排列小窗口里找到路径查找器，选中外形区域减去前面，然后点击扩展。然后用选择工具选中心型图案，鼠标右键点击释放复合路径(保存一下)：
3DMAX制作另一种金属曲面渐变的方法
还记的我上次给大家讲的异形建筑外立面的制作方法的教程吗?今天继续教大家用另外一种曲面渐变的方法，效果差不多，但过程是大不一样的，随着科技的发展，越来越多的异形建筑出现，这就需要我们设计师能很好的通过软件把这些异形的想法都表现出来。所以我们要多掌握几种建模的技巧，希望下本篇教程能在工作中帮到大家。1.在顶视图，创建一个(平面)Plane1，参数如图：2.再复制一个(平面)Plane2，隐藏起来，会在后面待用。3.将PLANE1转为可编辑多边形。4.把可编辑多边形物体选择多边形的面层级。
3Dsmax制作创意的太阳能充电伞教程
今天要给大家带来的异形伞状结构建模，请允许我用最简洁的语言来介绍一下这款设计吧，设计师将新能源、汽车与建筑设计融合在一起后，打造出了创意的可折叠太阳能充电伞。这款可折叠太阳能充电伞(Solar Pavilion)是为沃尔沃新V60混合动力车设计的。从造型设计的角度来看，灵感源于兰花造型，展开后犹如一只蝴蝶在阳光下翩翩起舞，建筑由膜结构+碳纤维+太阳能板组成。整体造型充满现代科技感，通过数字化设计的网眼织物将支撑棒弯成连续绵延的曲面形式，可折叠、易携带。从可持续发展的角度来看，便携易用实现了未来绿色可持续交通。这是本次的教程思路，有无3Dmax建模基础的童鞋们都能快速get技能哦!主要是伞状结构外框架和内膜结构以及面板的建模思路。一、样线条的编辑—伞状外框架1.在前视图创建螺旋线，半径1和半径2都为50mm,高度850mm,圈数为3，复制一份隐藏备份。2.加上弯曲(Bend)命令，角度为360度，这样就连续循环环绕一圈，在顶视图中我们看到3片效果。
3DMAX详细解析水立方外造型建模教程
石墨建模对于3D设计师们来说其实并不陌生了,在max2010版以上的版本，石墨建模就已经存在了，它能快速有效的完成一系列Poly建模工作。石墨建模工具实际上就是内置了polyboost的模块，把多边形建模工具向上提升到全新层级，提供至少有100种新的工具, 可以自由地设计和制作复杂的多边形模型。石墨(Graphite)建模工具分为三个部分：Graphite Modeling Tools(石墨建模工具)、Freeform(自由形式)和Selection(选择)。鼠标放置在对应的按钮上，就会弹出相应的命令面板。下面我们就运用这个石墨工具来简单完成一个小的实例，首先，我们看一下我们的参照图。我们要做的实例就是这个图片中水立方外面的结构。首先我们可以分析一下这个结构的外面，它是由很多个不规则的多边形组合而成的长方体结构。每个面大致相同，所以我们就拿它的一面来举例制作。第一步，我们在基本几何体中找的平面(plan)命令。在前视图中我们创建一个片。参数如图。第二步，就用到了我们前面所讲的石墨建模工具，模型在选中的情况下，选择工具栏中的“建模—转为多边形—拓扑工具”。我们选择“拓扑”中的“蒙皮”，可以看到我们的模型线分布快速的发生的变化。