推荐阅读
详细解析网页初级学习者如何学习
嗨少年，你是否下定决心学习网页设计？那就恭喜你了！网页设计可能是你职业生涯中让你满血复活的技能之一了。路漫漫其修远兮，在这漫长的学习中,开始的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代替列表标签的做法。或是用表格来表现列表的朋友也可以试着改变一下。从现在开始使用无序列表标签。当然如果你已经用了发现这样还不能满足你，那就等后面讲解如何用样式去开发出列表的潜力吧。今天讲的内容虽然比较简单，但是还是希望来读本篇文章的朋友可以思考一下上面我提出的问题。
最新发布
详细解析Photoshop替换颜色的使用技巧教程
任何一种功能，不会用或不喜欢用，都是因为你对这个功能的本身不了解，对里面的一些后期处理不熟悉。任何的功能都会造成误选，后期能不误选的解决掉，就是高手。1.什么是“替换颜色”功能2.你为什么不会用“替换颜色”3.使用案例1.什么是“替换颜色”功能“替换颜色”其实是“色彩范围”+“色相”的一个组合功能。它的使用就是用使用“色彩范围”来建立选区，然后在改变它的色相。有人可能会问，为什么会使用“色彩范围”建立选区，而不是其它。原因很简单，就是这样建立的选区过度自然。在后面的案例中你会看到这一点。2.你为什么不会用“替换颜色”一般来讲，使用“替换颜色”，要将“本地化颜色簇”的勾选去掉，否则会使的图片不均匀，其次任何的选择都会误选，比如这个可选颜色也是。有一个非常简单的办法，就是将图片复制一层，然后在上面的图层进行 “替换颜色”。然后在图片的上层建立蒙版，将误选的去掉就可以了。3.使用案例
Photoshop抽丝和质感背景制作使用技巧
继上一个教程之后，很多同学和老师都让我继续写教程出来，继续解决大家平时遇到的问题，正好我最近也有点时间，就写个东西出来，希望能帮到大家。今天一起来研究快速对齐、滤镜、质感背景、字体、抽丝这几个效果的使用。
详解Photoshop调色教程中匹配颜色工具使用
PS中有一个功能叫“匹配颜色”。可以使两张或多张图片的颜色倾向一个色调，使得图片可以色调统一。也可以在图片混合时，更容易使得颜色统一。一：两张或多张图片颜色统一二：图片混合的技巧一：两张或多张图片颜色统一图片色调统一也是有一个前提的，那就是使得图片倾向于深色，而不是倾向于浅色。也就是说要减少细节。反过来效果就非常差。原图，两张图颜色差距非常大
实例解析Photoshop曲线工具的使用技巧教程
大部分时间，曲线更能都是调亮度神器，都是调整图像的明暗度，而且好像还总结了一些规律，比如最常见的S曲线和明度曲线暗度曲线等，如果想再继续调整，一般就会使用可选颜色或色调等手法了。一：曲线不仅仅用于调亮度二：应用曲线调出更好的画面一：曲线不仅仅用于调亮度曲线可以调整亮度，也可以调整红色洋红绿色黄色等其它颜色，更重要的是可以定点调整，这一点比其他的方法更有效。二：应用曲线调出更好的画面1. 直接调整颜色有时候我们不需要那么麻烦，只需要调整它们的不同颜色就可以得到意想不到的效果，比其它的根据来的更简单，如下：
Photoshop多种后期重要工具使用心得
随着数码相机的普及,photoshop的照片处理功能越来越贴近我们的日常生活。本文主要介绍Photoshop对摄影作品进行后期的制作的功能。·颜色替换工具颜色替换工具是一款非常灵活及精确的颜色快速替换工具。操作的时候，我们只要先设定好前景色，并在属性栏设置好相关的参数如模式、容差等，然后在需要替换的色块或图像上涂抹，颜色就会被替换为之前设置的前景色。同时，我们也可以用取样一次或取样背景色等更加精确地替换颜色。·混合器画笔工具混合器画笔工具是较为专业的绘画工具，我们通过属性栏的设置可以调节笔触的颜色、潮湿度、混合颜色等，这些就如同我们在绘制水彩或油画的时候，随意地调节颜料颜色、浓度、颜色混合等，可以绘制出更为细腻的效果图。我们还可以运用混合器画笔工具对图片的色斑、摩尔纹、曝光过度的区域进行处理，处理时对不同区域要随时取样。·加深工具
Photoshop调出外景美女淡淡的粉色甜美效果
效果图：原图：1、复制一层 阴影/高光 然后对皮肤以外部分添加蒙版2、盖印图层 修复画笔工具去除大的噪点3、复制一层 NEAT磨皮 加蒙版擦出衣服头发和石凳4、亮度/对比度
Photoshop合成乌龟背着城堡效果图片设计教程
非常可爱的一组组品，一个年迈的老乌龟背着海洋和城堡，乌龟壳中间是海洋，乌龟背部是城堡，完成最终效果图，希望教程网的朋友可以喜欢。最终效果教程所用素材已经打包点这里下载详细过程：
图片合成：PS制作森林中马灯下的小动物图片合成教程
本教程主要使用photoshop合成森林中马灯下的小动物，整体的创意效果非常的漂亮，希望大家可以喜欢。最终效果1、打开前景图，修改名字为“草地”，使用“快速选择工具”和“选择并遮住”搭配使用将素材抠好，搭建基本场景。 命名后，点击快速选择工具，框选草地部分，点击选择并遮盖。2、进入快速选择工具后，使用左边工具栏第二项“调整边缘画笔工具”，模式为“+”，然后擦拭草地边缘，就可以将草地边缘抠出;将右边输出位置选择选取，点击确定。3、之后可看见选区，点击右下角“添加蒙版”，图层后边会出现一个蒙版。4、使用同样的抠图方法将天空部分去除，将此图层置于底层;根据画面比例调整，选中背景树林，按CTRL+T将此图层稍稍压扁;草地图层也下移至图中所示位置。
单色场景的合成方法：PS合成硝烟弥漫战争场景图片效果教程
本教程介绍单色场景的合成方法。这类合成相对来说要简单一点，因为省去了大量调色的工作。我们只要把素材都转成黑白的，然后融合起来，修饰好细节，后期再整体调色即可。最终效果 一、新建一个700 * 500像素的画布，打开一张高光素材，适当调整颜色如下图所示的黑白，曲线，色阶等，调成黑色，然后执行：滤镜 > 模糊 > 动感模糊，参数及效果如下图，如果没有合适的素材这一步可以跳过。 二、新建一个图层，用画笔加上一些云彩(可以去网上下载云彩素材或云彩笔刷)，大致效果如下图。 三、打开下图所示的背景素材，拖进来，整体调色如下图所示的：黑白，色及及曲线，调成高对比的黑白色。然后加上图层蒙版，用黑色画笔把天空和多余的山体涂掉。