推荐阅读
详细解析网页初级学习者如何学习
嗨少年，你是否下定决心学习网页设计？那就恭喜你了！网页设计可能是你职业生涯中让你满血复活的技能之一了。路漫漫其修远兮，在这漫长的学习中,开始的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代替列表标签的做法。或是用表格来表现列表的朋友也可以试着改变一下。从现在开始使用无序列表标签。当然如果你已经用了发现这样还不能满足你，那就等后面讲解如何用样式去开发出列表的潜力吧。今天讲的内容虽然比较简单，但是还是希望来读本篇文章的朋友可以思考一下上面我提出的问题。
最新发布
Intuos2+Painter 8 画浮世绘
前言：日本的“浮世绘”是德川幕府时代中叶一种画派的总称，取材于当时的民间风俗，如武士、拳击、游女、戏剧、游艺等，另外还有风景画，以红、绿、蓝、黄等色彩作画，用深黄色画的叫丹绘，红色的叫胭脂绘，金粉的叫川漆绘，也有多色彩印的叫彩绘，大多被用作文学作品的插页。“浮世绘”是岩佐又兵卫胜以创始，以后又有宫川长春、胜川春草、喜多川歌、鸟居清长等名家。 WACOM的intuos2数位绘图板为我们在计算机上重现这些传统的美术提供了绝佳的桥梁和创作工具。下面，我们就来介绍使用intuos2结合包括Painter,Photoshop,Illustrator以及Expression在内的软件进行该画风作品的创作。 Intuos2+Painter 8画浮世绘 1.Painter软件可以说是对intuos2的功能支持最完整也最完美的软件之一，软件当中的每一个笔刷工具都对应intuos2的1024级压感，而笔锋角度识别的功能也是基本上都支持的。打开Painter 8软件，新建一个文件，设定文件尺寸和分辩率以及Paper Color（纸张颜色）。 2.按【Ctrl+4】的组合键打开【Layers】（图层面板），新建一层。按【B】键切换到笔刷工具，使用【Pencils】/【2B Pencil】（铅笔/2B铅笔）的笔刷变体，选用一种中性灰色，在新建图层上起稿，图层自动会变成【Gel】的模式。用【2B Pencil】画出人物的大概轮廓和形体分布比例位置。 3.把草稿层的不透明度改为20％，新建一层。使用【Pens】/【Scratchboard Tool】（钢笔/平板墨水笔），选用黑色，然后利用intuos2精细的1024级压感根据下层的草稿画出精确的轮廓线条。
用Painter与数码板绘制百合花
利用Painter Classic可以模拟从毛笔、木炭、彩色铅笔到水彩画和油画等自然介质的绘图效果…… Painter Classic是在Corel Painter Classic基础上全面改进的新一代笔效绘图软件。它将Painter7中的诸多最新特色功能包容其中，更加优化了WACOM数位板和笔的各种功能。 利用Painter Classic不但可以模拟从毛笔、木炭、彩色铅笔到水彩画和油画等自然介质的绘图工具，还可以模拟某些特定笔效在绘画过程中的物理特性。 完成效果如下图： 完成效果图 可点击放大 第一步：打开Painter Classic，接好数码板，键入Ctrl+N新建一个文件。 第二步：在Tool面板上选择画笔工具。并把前景色定为黑色，拖动Size滑竿调整笔刷到适当大小，在画布上绘制草稿。
Painter 四月壁纸绘制过程
这次的主题是在南山植物园赏花,和老婆一起用DC的自拍功能合影。呵呵，当初拍婚纱照的时候也和老婆在这个场影拍过呢！ 这次的壁纸构图比3月的复杂了许多，相机是照着我的佳能S2IS画的，呵呵，还算逼真吧，背景的樱花没有画好，哎，有些郁闷。 下面把过程截图贴上来： 第一版草稿 呵呵，涂鸦的东东，够毛糙 第二版草稿 比涂鸦的东东仔细了一点 线稿 画完人物和相机的线稿之后，我已经不行了，想到背景还有这么多树，我决定放弃画背景的线稿，直接在第二版草稿的基础上画背景。 人物完成稿
Painter 绘制伏兵
先看看效果： 图片较大，若看不清楚。请点图片放大后阅读。 1.首先用PHOTOSHOP在背景层起稿，用柔性的喷枪定义画面的大致位置，喷枪用的粗一点，能后用色阶将画面调浅。 2.定下五官和头盔的位置，画笔要小一些，位置尽量准确。 ［点击放大］ 3. 将喷枪硬度调大，如图：红圈处。调整画面的另一些位置。 ［点击放大］
Painter 绘制机车少年
1.起稿，打开painter IX，我习惯用Cover pencil 来起稿，个人感觉他的感压效果比较明显，好控制一些。用大的线条勾画出人物及前景。 画面没必要太干净，毕竟是草稿嘛。 2.新建一个图层，用Cover pencil修整线稿。这一步比较关键，一张好的线稿有助于后面上色的更好发挥。人物是主体，我只勾出了人物线稿，尤其是头部，更需要细致刻画。 3.给主体着色，铺大的色块，和水粉起稿很接近。这里我比较喜欢使用Captured Bristle。当然使用Digital Watercolor也是很好的选择，看你的喜好。可以多新建几个图层，也有助于后面的绘画。 4.深入刻画人物头部，最初的想法就是绘制一个很pop的男孩形象，多少有些不屑一顾的感觉。上色时确定光源，打好这一步，接下来的每一步都是为它服务的。 5.OK,面部刻画现在才真正开始，依然用毛笔来细致刻画，画的过程中不要太局部，注意整体的关系：各个部位光源的位置，明暗交界线，还有反光。适当的时候缩小看一下，是否满意。细致刻画眼神，心灵的窗户。呵呵。
painter 超级可爱的上色过程
我是用painter画的，使用painter水彩画工具中的simple water作画 图片如下： 1 先整体的选择select然后进行float 这样画布上的草稿就可以生成新图层。然后用layer调色盘上的工具把“gel”替换成“multiply” 接着上颜色，涉及到画铅笔线条。。不过这样子是非常繁复的事情。最近才得道嘛……什么啊…… 其实只要把草稿分层之后，再在画布上涂抹颜色就可以了。（大概这个作者以前画图的时候直接在草稿上动笔吧……牛人= =|||）草稿不必要的话，删除草稿层也是可以的。或者全部完成后，在ps里面也可以对层作各种各样的改变。既可以产生相当不错的效果，总之怎么样都好。 图片如下：
Painter教程：《虎》绘制过程和简介
一、打开Painter IX，新建空白文件。我的是为了将来有用2500x2500象素cmyk色彩模式。 新建一个图层，描绘出轮廓。新建图层为了将来在底层绘制背景时候的方便。如图一 图片如下： 二、在线稿上铺上大的色彩，我是顺着毛发的纹理用不算大的笔触。在Painter中选用oils～fine feathering 20（可以根据实际情况调节）然后用oils～detail oils brush 15调节大小以适应来涂画如图二 图片如下： 三、色彩铺涂要深暗一些，以便于将来在之上面刻画毛发。注意大的色彩变化。为了便于观察，可以把背景加上一个中性的颜色，这样更利于将来对毛发的刻画。这时还不要考虑太多的毛发细节。如图三 图片如下：
汉王创艺大师插画教程
鼠标的出现，大大的改进了电脑的操作方式，但发展至今天，因为时代的进步，它的能力始终有限。作为一个艺术创作者、平面或动画的设计师，如果只使用一个鼠标作绘图，可谓是一件痛苦的事情，即使拥有精湛的鼠标操作技巧，精准的点击能力，也比不上用笔在画板上挥毫那么直观！ 所以，拥有一个功能强大和灵活多变的创意软件和工具可以使你的设计工作事半功倍，PAINTER9.05和汉王创艺大师绘图板就是这样一对创意绝配，它具备1024级的压感，能帮助你自由地发挥创意空间。在汉王创艺大师数位板里，还增加了一个非常实用又极具可塑性的可定义功能凹槽按键，按从上到下的顺序，第一到第四个按键为自定义的快捷键，默认为Contrl，Alt，Shift，Space，在Painter或Photoshop里面分别为橡皮擦（这个按键很重要，因为汉王的绘图板自配的电子笔没有橡皮擦功能），吸管，小手工具，而长条形的按钮则为放大镜工具，以此提高创艺大师的工作效率。 汉王创艺大师作为目前国产最出色的绘图数位板工具，精细的1024压感和其他绝妙无比的功能让设计师们感受到前所未有的方便和创作品质。1024这个有标志性的压感功能对于热爱素描又热爱数字创作的设计师来说无疑是最具有吸引力的，电子笔绘出的每一根线条都那么的精细和富有变化，宛如纸面的绘画。下面，我们将结合一些软件和汉王创艺大师数位板介绍在电脑上如何进行插画创作。 插画《海的女儿》 主体描绘：汉王创艺大师＋Painter 9 1. 打开Painter 9软件（用笔者自己的感觉来说新处的Painter9又恢复了Painter6时候的快速运行速度，让人欢欣鼓舞的是它还改进了界面，是界面更亲和好用而又不会像Painter8那样慢），新建一个空白文件，设置Paper Color为土黄色。 图2
Painter教程：夜的作画过程
绘画工具:pt6。手绘板是影拓2 影件:十九寸彩显。1G的内存。sgi9800pro显卡。p42.4 纯粹是我个人的习惯。在我画自已的画之前（非商业），我往往不知道自已要画什么，只是心中有个很模糊的印象。好在电脑提供了方便，画错了可以随便改，更可以重新来过，不会有什么负担。 先起大稿，把基调定下来，以及大概的关系。在这一步没必要把哪个东西画得很实在。因为我个人并不知道我要画的最后是个什么确切的东西。一切处在变化之中。 根据画面给人的感觉，我会根据它给我的感觉来在脑中构思它可以发展成为一幅什么样的画。有时候这样子可能会比自已最初设想的来得更好。 继续画下去，继续添加细节（这个细节不是把东西往细了画），心中不要负担，不要讲一些渐变之间的过渡的平滑，物体结构之间的细节等，也不要讲究笔触。 往往在画画的时候，我会掉进一种感觉之中，就是过分的关注笔触的形状等等，这个样子，把自已的注意力给分散了。一幅画的好坏不全是笔触来的。也就是工具怎么并不重要。 所以我一直在同这种感觉做斗争，因为我看到国外好多大师的画，那笔触简直连乱七八糟都算不上，近看就是一堆各种各样的笔触，完全不讲究笔触的美观等。但是远看完全可以达到相片级的效果。所以我也在一直的去向他们学习，体会那一种轻松的感觉（好像很不成功），他们让我学到，最重要的还是色彩，合适的色彩放到合适的位置，这个最重要）！