推荐阅读
详细解析网页初级学习者如何学习
嗨少年，你是否下定决心学习网页设计？那就恭喜你了！网页设计可能是你职业生涯中让你满血复活的技能之一了。路漫漫其修远兮，在这漫长的学习中,开始的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调出淡淡黄的复古欧美模特人物照片调色教程
欧美色调一直都很受大家喜爱，也是广告摄影爱好者的稀饭，既有色彩华丽的油画，也有低调暗沉的中性色彩，这里教大家用一种简单的方法，就能调出淡淡黄的外景人像。 首先我们来看一下对比图 原图效果： 一、这里用的版本是CS3，选择高光部分(CTRL+ALT+~),反选)(Ctrl+shift+I),得到暗部选区。复制一层，模式改为滤色，提亮暗部。合并图层 二、我们要抽去所有照片的黄，蓝色通道代表黄色和蓝色， 我们选择蓝色通道，讲蓝色通道填充成白色，CTRL+SHIFT+F渐隐38%.
PS制作矢量效果的黑白人物照片处理教程
本教程的转矢量方法非常经典。处理的时候先用PS做出初步的黑白纹理图，然后导入到AI里面，用其中的实时临摹功能转为正在的矢量图，后期再上色即可。 最终效果 原图 一、PS打开一个文件，文件像素相对高些，这样制作出来的图在细节上面会表现的更好。前景色设置除了白色以外的任意颜色，这里为黑色。 二、执行滤镜 > 素描 > 图章，设置根据左图的预览图自行调整。这里其实有很多的黑白效果可以应用，例如撕边、绘图笔等，效果都不一样，大家都可以去试试。确定后保存PS文件。
PS滤镜+样式工具制作质感褐色立体文字图片教程
本教程立体字制作比较独特，金属字表面质感是用滤镜及样式来制作，操作也比较简单，用镜头光晕做出质感，然后用简单的图层样式加强质感。立体部分作者用到了动作，这样做出的效果更逼真。 最终效果 一、在photoshop新建一个文档，大小设置为900*600，分辨率设置为300。将背景填充为一个较暗的颜色(这里用#332222，读者可以自己尝试喜欢的色相)。将白色作为前景色，输入文字“AWESOME”，读者可以根据画布的大小，风格的偏好，选择自己喜欢的字体、大小及样式。 二、首先为金属字创建表面的反射：新建一个新图层(Ctrl+Shift+Alt+N)，命名为“Metal”，并填充90%的灰色。使用 Photoshop自带的镜头光晕滤镜，在菜单：滤镜 > 渲染 > 镜头光。这个滤镜的设置很简单，可以自己探索，或者参考下图的设置。按住Alt键，将鼠标放在metal图层和文字图层之间，就会出现如下图的光标，点击之后，文字就会作为metal图层的蒙版，这样简单的金属字表面质感就出来了。 三、phtoshop混合图层模式是一个非常强大的工具，可以为金属字增加阴影和高光效果，选中文字图层，双击进入混合图层模式。 阴影：选中投影，将混合模式设为正片叠底，这样会使阴影更暗。透明度可自己把握，本文设为75%。方向设置为90，这样可以模拟顶灯照射的效果。距离和大小可以根据需要自己调整，距离控制阴影的位移，大小控制阴影的柔和程度。 高光：施加斜面浮雕效果，风格设为默认的内斜角，深度控制立体程度，这里设为100%。距离和大小的作用同阴影部分，这里设为0，这样就可以得到一种尖锐的倒角的效果。方向和阴影一样，也设为90。需要说明的是高度，调整高度值可以加大或减弱金属字的立体效果，这里设为65，加强效果，让倒角的高光部分更亮一些。 四、下面为背景增加一些光照，使效果更加真实。选中背景，同样施加镜头光晕的滤镜，可使用快捷键Alt+Ctrl+F调出上一次使用的滤镜，调整亮度值，这里设为100。下面增加模糊效果，用photoshop自带的高斯模糊滤镜。到菜单 滤镜 >模糊 > 高斯模糊，半径参考图片的实际效果自己调整。
科幻图片合成，PS软件制作科幻感十足的神秘之门
教程属于英译教程，制作起来可能会有点不是那么好上手，对PS操作比较熟练的同学们可以跟着来学习一下，只有练习可以把教程做好，不管英文还是中文，关键是要练习，或者学一下创作者的思路，整个场景大气恢宏，一个人迈向一闪高大的神秘之门，不知道往里走会有什么，整个场景给人一种神秘且科幻的感觉，具体如何做一起来学习一下吧。 效果图： 步骤1 首先，我们将创建一个新的图像文件，转到菜单栏，然后单击“文件”>“新建”，并在“新建”框出现时输入以下设置： 宽度：2000像素 高度：2000像素 分辨率：300 dpi 色彩模式：RGB色彩;8位 背景内容：透明
Photoshop给失真照片美白调色处理教程
偏暗偏色照片生活中是非常常见的，处理的时候重点处理有杂色及偏色的地方。处理的时候需要非常细致，最后能掌握一点人物鼠绘的方法。这样就可以根据实际的图片来修改人物的五官。原图最终效果一、打开原图，创建曲线调整图层，参数设置如图1，效果如图2。二、新建一个图层，按Ctrl + Alt + Shift + E盖印图层，执行：滤镜 > 模糊 > 高斯模糊，数值为3，确定后加上图层蒙版，把蒙版填充黑色，然后用白色画笔在有杂色的地方涂抹，简单给人物磨皮。三、新建一个图层，盖印图层，现在来处理鼻子上的暗块，适当的把鼻子的局部放大，然后用习惯吸取红圈位置的颜色，选择画笔工具参数设置如图4，然后慢慢涂抹，效果如图5。
场景合成，PS软件设计飞翔的雨伞的创意场景图片
场景比较梦幻，同学们可以通过教程来跟着制作学习一下，女孩站在中间，有雨伞悬浮周围，相信很多同学们都很想学习这样梦幻的场景，可以拿自己的图片来进行练习，那样操作起来更有动力，也可以拿爱豆的照片来进行练习，总之学习PS就是要找自己学习下去的动力，一起通过教程来学习一下吧，相信同学们可以做的更好。 效果图： 色彩风格 STEP 1 天空 1.1 压暗(修复一定高光) 1.2 色彩平衡
Photoshop合成乌云密布效果的草原照片制作教程
本教程合成的最终效果非常不错，色彩及气氛渲染的很到位。不过作者没有提供完整的原始素材图片，制作的时候需要自己找相关素材。最终效果 一、首先打开素材图片(因为是收费素材，这里不提供了，大家可以找类似图片去处理)。 二、打开第一张树的图，选择魔棒工具，容差大约30，在中间绿色区域点击一下，选区一个小块。 三、在选区的小块处，点击鼠标右键，选择扩大选区。需要扩大2-4次才可以把树叶全部选择上，你可以多操作几次(选多了就返回一下)直到满意为止。 四、选择好树之后，再次点击鼠标右键，选择通过剪切图层，点击后会出现一个只有树的图层。这时候有2个图层，上面的那个 图层我们管它叫树图层，下面的就是背景图层。
Photoshop调色调出青冷色效果的外景新娘婚纱照片
最终效果原图1、把上面的树林人物图片保存到本机，打开PS，再打开保存的素材。2、按Ctrl + J 把背景图层复制一层。3、在工具箱选择“模糊工具”，强度设置为100%。
Photoshop调色调出惊艳冷色效果的外景婚纱照片
原图：效果图：1：复制图层，然后选择通道，点击图片下面左边的“将通道作为选区载入” 2：回到图层，按快捷键“shift+ctrl+i”反向选择，再按“ctrl+j”复制图层，最后在图层里面选择“滤色”，这时候整张图片会变得透亮很多。
公文包图片，PS软件制作男士真皮公文包图片的实例教程
公文包构成并不复杂，制作思路也比较简单。过程：先把各部分的轮廓分好层，然后加入纹理素材，根据光源方向设定好暗部及高光区域，做出体积感。边缘部分再用画笔加上装饰线条即可。 最终效果 一、用photoshop新建一个512px*512px、模式为RGB的空白文档;设置两条参考线定位画布中心;点击圆角矩形工具(U)，设置圆角半径为10px，按Alt键由中心画一个棕色的圆角矩形，这就是公文包的主体部分，因此把该图层命名为“main”。 二、设置前景色为#8b493b;背景色为#672907; 选中图层main栅格化图层(ps:只有这样才可以进行下一步操作)，按ctrl键点击图层变成选区，然后执行 滤镜 > 渲染 > 云彩命令，这样就创建了皮革的自然颜色。 三、给矩形添加一个真实的皮革质感。下载一个皮革材质图片，放到main图层上面，命名为“texture”，调整图片大小略大于“main”图层(PS：为了方便看到下面图层，可先把texture图层的不透明度降低一些)(如图a所示)，给texture添加图层蒙版，然后按Ctrl键点击main图层，出现选区再反选，填充黑色，然后设置texture图层的混合模式为柔光，不透明度为50%;再执行 图像 > 调整 > 色阶 命令，让图层变得再亮一点。