推荐阅读
详细解析网页初级学习者如何学习
嗨少年，你是否下定决心学习网页设计？那就恭喜你了！网页设计可能是你职业生涯中让你满血复活的技能之一了。路漫漫其修远兮，在这漫长的学习中,开始的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代替列表标签的做法。或是用表格来表现列表的朋友也可以试着改变一下。从现在开始使用无序列表标签。当然如果你已经用了发现这样还不能满足你，那就等后面讲解如何用样式去开发出列表的潜力吧。今天讲的内容虽然比较简单，但是还是希望来读本篇文章的朋友可以思考一下上面我提出的问题。
最新发布
3ds MAX实例教程：多边形建模小狗
本教程是一篇关于用3ds max来制作多边形小狗建模的简易教程。首先看一下效果图。建立一个BOX，把物体放到空间原点上(这样在以后调节中间点的时侯比较方便)，塌陷模型为editpoly，删除另一半(颜色部分)，在模型上添加symmetry命令，改变轴向，flip命令，用extrude把头和四肢拉伸出来。点击放大可以在堆栈面版里添加一个smooth命令，可以边做边看效果，这里的smooth不要给光滑值，作用就是对面进行整理(因为很多拉伸的表面和原来BOX表面性质不一样)，具体点的调节这里就不做说明了，注意头部，中间的边是模型和symmetry生成体公用边，所以在拉伸以后，会在模型和symmetry之间形成多余表面，关闭symmetry显示，进行删除。当我们在POLY级别的时侯，点鼠标右键，会弹出一些系统定义好的快捷菜单。如图。
Illustrator设计金黄色的芥末文字效果
您将学习如何设置一个简单的网格，以及如何使用一堆线性渐变，一些网格，简单的勾兑技术和多种特效的创建您的芥末瓶。接下来，您将学习如何保存一个简单的，分散的刷子。移动到芥末文字，您将学习如何使用您的散射刷以及一个内置的毛笔，如何创建复合路径，如何做一个简单的混合，以及如何采取外观面板的充分利用。最后，您将学习如何创建使用外观面板，一个建立在模式和以及基本的勾兑技术的一些栅格效果纹理背景1，创建一个新文档，并设置网格打控制-N来创建一个新的文档。选择像素从单位下拉菜单中，输入600在宽度框中，550在高度框，然后单击高级按钮。选择RGB ，屏幕(72ppi) ，并确保该对齐新对象的像素网格框未被选中，然后单击OK(确定)。使格(视图>显示网格)和对齐网格(视图>对齐到网格)。对于初学者，您将需要一个网格每一 个加入5px，所以干脆去编辑>首选项>指南>电网，输入5的网格线间隔框和1的细分盒。你也应该打开信息面板(窗口>信息的实时预览与形状的大小和位置)。不要忘了度量单位的设置为像素编辑>首选项>单位>常规。所有这些选项会显著提高您的工作效率。2，创建芥末瓶的底部第1步
3DSMAX打造欧式古典客厅效果图教程
在这篇制作教程中，我主要探讨了制作新古典客厅的渲染和照明调整，在第一个实例中，我激活了Maxwell渲染，将Material Editor中的材质设置为Maxwell材质。图01中的数值表明了场景中照明位置的设置。我想把场景创建出真实效果，因此根据现实生活中光线的角度设置了照明。在这个场景中我选择了把照明资源变成立方体。图01当然，为了做这些发光的物体，需要发射器。我打开了Material Editor来获得这个效果，将发射器添加到立方体上(图02)。图02图03
Illustrator结合PS设计时尚的花纹插画教程
按照Adobe Illustrator和photoshop中的步骤创建了一系列矢量图形和图形可以组合成一个非常好看的矢量拼贴插图。然后，我们会玩完深度和细节的一些微妙的触动插图，给人一种抛光的图形与复古垃圾风格的提示。这里Blog.SpoonGraphics头设计已收到好评许多意见和一直的好几个问题，请求教程在过去一年的主题。所以，我认为这是我创造一些东西，包括一些建立了类似的图形样式的过程大约时间。我们将使用许多相同的技术，我原本用在网站设计，再加上一些额外的步骤来创建这个神经复古清理垃圾的流行文化矢量图。获得通过打开Adobe Illustrator中，创建了一堆简单的形状，以供将来使用资源的开始。适合进入这个流行文化风格的图形包括重叠的圆，闪电，条纹线条和漩涡。一个配件的配色方案将是限制这个作品给青色，品红色和黄色。通过复制(CMD + C)创建了一堆同心圆，粘贴在前面(CMD + F)，然后按比例缩小的同时按住Shift和Alt键。交替圆圈的颜色。集团圆的个人组和重复多次。规模和位置各组形成一个堆叠的形状。
Illustrator设计红色风格的猴年贺卡教程
本教程主要使用Illustrator设计红色风格的猴年贺卡教程，教程主要利用模板图层描摹草图路径的方法，用路径寻找器来修剪挖空路径。把复杂的对象定义成符号，可以方便操作，减少文件体积，很方便。利用photoshop的技术来操作illustrator，活学活用图层混合模式。最终效果：1.打开Illustrator，按CTRL+N新建文件，在对话框中定义一个文件名，选择Size(尺寸)为Letter大小，文件方向为横向。因为最后结果不是印刷输出，所以选择Color Mode(颜色模式)为RGB，可以保证图像颜色的鲜艳，也方便执行更多的效果滤镜。(图N-1所示)2.按M键切换到矩形工具，画一个矩形，设定填充色为Crimson，轮廓色为无色。(图N-2所示)3.把Layer 1命名为background，暂时锁定图层，新建图层2，选择File/Place(文件/置入)命令。4.置入一张素材草图(草图可事先在纸上绘画然后扫描处理)，因为2004年是猴年，所以我参考了一些传统图样的资料，绘制了这张草图。双击置入草图的Layer 2，命名为image，勾选Template(模板)，把图层2变成50%不透明度的模板图层。在Dim Images to中可以重新选择模板图层的显示不透明度。(图N-4所示)
Illustrator制作精致无缝的纹理图案
将某个场景的图案，按照随机的方式罗列整个画布上，这就形成一种纹理式样的图案。而这类纹理图案有两种表现，第一种是细微的质感纹理，这类纹理大部分运用到网页的背景上，它显得比较低调，主要色调为黑白灰;第二种就是以图案为独立细节进行随机散布的图案纹理，如下图。此类图案纹理能铺开整个画布，直接强调主题，虽然直接运用网页布局的很少见，但也能在制作某个广告图或者某个特别修饰的场景里使用。今天我们要学习的就是第二种以图案为独立细节的图案纹理，早已有类似thepatternlibrary 这样的网站给你提供了精美的图案纹理下载，但是设计时与实际需要的细节还是差之毫厘，那么，自己动手打造一张无缝的图案纹理就显得至关重要。一、制作准备1、AI软件;2、已完成的手稿图;3、配色方案;二、画上细节图1、梳理细节
3ds max创建逼真的公园长椅教程
这个教程讲解了怎样用3ds max软件创建公园长椅的模型。对于初学者来说，要制作一个新的场景或者重新设定3ds max的话，这个教程能很清晰地让你学到如何建模。第一步第一步是点击屏幕的右上角的创建菜单，选择“Extended Primitives(扩展几何体)”按钮。第二步接下来点击“champher box”，在顶部的视窗中点击并拖拽出一个长方形，总共点击3次来完成这个过程，形成一个长椅分栏的形状，不要担心长椅的长宽的间隔大小，就像我下面的截图中显示的那样做就可以了(图01)。图01第三步现在选定做好的长方形，按住“shift”键，选定并移动屏幕上方的按钮，拖拽出5个相同的长方形即可(图02)。
3ds Max快速环境闭塞的使用教程
环境闭塞可以帮助增加你的渲染作品的真实感，但是要在Max中创建环境闭塞有一点麻烦，特别是当你同时使用mental ray描影器和标准描影器的时候。你可以通过使用照明来创建一种环境闭塞效果，但是渲染起来会很慢，并且难以获得正确的效果。所以如果你想跳过这整个步骤，你只需要使用渲染选项中的材质覆盖来完成这个工作。这种方法很快速，并且可以让你在独立的通道里获得额外的环境闭塞。有了独立的通道之后你可以根据自己的想法调节和操纵软件，而不会影响到接下来的渲染。作者：Tom Isaksen需要注意的是，这个教程中使用的软件是3ds Max 2011和photoshop CS5。早期版本也可以使用，但是界面可能会有些许的差异。图01第一步：创建一个mental ray材质。首先要确定渲染设定菜单中添加了mental ray插件(按F10)(图02)。图02
3ds Max实例教程：结合VRay插件制作的玻璃杯
在一个压力很大的工作完成之后我做了这张图，因为我需要做一些美丽的东西来放松一下。我在purerender.com网站上看到了一个插图，叫“The Chesterfield Project”，我被插图上的精确的细节震撼了!当我仔细查看上面的细节时，我可以看到桌子上的玻璃杯，我就想，“我想来自己做这个，创建一个真实的3D渲染图”。我从玻璃杯的建模开始!这个过程不是很难，我在谷歌上搜索了一些玻璃图片。保存这些图片，把他们放到背景中作为参考资料(图01)。图01我用样条曲线绘画了玻璃杯，尝试把这些图和参考资料很好的结合在一起(图02)。图02玻璃上面有一层壳或模是非常重要的，以防万一我想在玻璃杯中加入液体。我用了Max里面的Lathe mod来做这个(图03)。