推荐阅读
详细解析网页初级学习者如何学习
嗨少年,你是否下定决心学习网页设计?那就恭喜你了!网页设计可能是你职业生涯中让你满血复活的技能之一了。路漫漫其修远兮,在这漫长的学习中,开始的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调出蓝紫色效果的外景婚纱照片
素材图比较适合做成较为古典效果。处理的时候先要降低图片的饱和度,然后把色调较为艳丽的绿色及黄色转为蓝紫色,再适当调暗整体色调并适当柔化处理,即可得到想要的效果。最终效果 原图一、打开原图素材,新建一个图层,填充深蓝色:#0B3B6C,图层混合模式改为“色相”,不透明度改为:30%,这一步操作目的是给图片加上一些蓝色调,效果如下图。二、创建可选颜色调整图层,对背景部分的黄,绿色进行调整,参数设置如图2,3,效果如图4。
用Photoshop调出橙红色彩的漂亮美女头像照片
暖色图片调色较为容易,不过后期的柔化处理及高光渲染也很重要。有了这两步,画面层次感会增强,同时效果会更唯美。最终效果原图一、Photoshop打开美女头像照片素材,按PS快捷键CTRL+J复制一层,对皮肤进行磨皮。二、新建一层可选颜色,设置如下图。
Photoshop照片美化:制作淡黄色效果OL美女照片
暖色OL照片比较好把握。调色的时候只需要把画面中的其他色调转为暖色,然后适当调整好整体层次,局部可以适当渲染一些补色,增强画面的协调关系即可。最终效果 原图一、打开需要调色的OL美女照片素材,创建可选颜色调整图层,对红,黄,绿,白进行调整,参数设置如图1 - 4,效果如图5。
Photoshop调出唯美漏光艺术效果的室内人像照片
此次拍摄的是一个魔法主题,为了更好地塑造照片的故事性,前期准备了厚厚的书本和羽毛等道具。拍摄是在一个多云的下午进行的,为了要营造出一个魔幻的境地,使用烟饼是必不可少的,有条件的摄影师可以选择液态氮来替代。开拍之前明确了具体的分工,由于道具比较多,需要抛羽毛、放烟等工序,因此最好能有助手帮忙完成,如果没有的话只能摄友之间相互帮助了。模特的位置在靠近窗户的地方,并处在正面受光的位置,为了营造神秘感,我选择在模特的正面偏下的位置进行仰拍,与此同时,助手站在一个椅子上由高处往下缓缓抛下羽毛。后期修片购买了书籍的朋友可找到实例参考,文件位置:实例文件>CH06>6.2>6.2.psd 视频位置:视频文件>CH06>6.2.mp4。原片1原片2
通过Photoshop调色实例告诉你风景后期调色思路
有不少刚入门的风光摄影爱好者可能喜欢把所有颜色的亮度和饱和度都调较高。而这恰恰是会使一张图片变得非常杂乱,颜色并不和谐,让观看的人不知道看哪好,缺失一个方向感和主体;又或者,在处理一张片子后期的影调和颜色时,感到困惑或者无从下手。到底这一块区域调整亮些还是暗些,这块区域的颜色到底偏暖调些还是冷调。我希望这篇文章能在一定程度上帮到你。大家都知道摄影是一门光的艺术,光在摄影中的地位非常高,而光也是决定了一张片子的明暗度和颜色的重要元素之一。光的角度决定了一个景物的立体感,哪里是暗,哪里是亮。在光线没那么刺眼的时候,暗的地方颜色自然稍微偏冷,亮的地方自然偏暖。一张片子从暗到亮,从冷到暖都有,就能为整个画面增添立体感。这也是为什么大多数风光摄影时机都选在日出或者日落时分。关键词:明,暗,冷,暖 思路:根据想表达的感觉和主题该亮的地方亮,该暗的地方暗该冷调的地方冷,该暖调的地方暖接下来我们看看不同颜色是怎么生成。同一种颜色可以在亮度和饱和度强弱程度影响下衍生出不同版本颜色。例如橙色里面有暗橙色和亮橙色;淡橙色和浓橙色。在附图1里我们可以看到颜色蛋糕切图,从蛋糕的底部往上方向轴是亮度对颜色的影响,我们可以看到在蛋糕上面的颜色十分明亮而越往下越暗甚至完全黑色;另外从蛋糕中心点往外发散方向轴是饱和度对颜色的影响,越往中心方向颜色越淡越往外围颜色则越浓。(附图1:颜色和明暗度之间的关系) 为什么要说这个呢,这是因为在风光摄影后期处理中,我们能根据我们想表达的主题去控制这些色彩和影调怎么表现。颜色在高亮度和饱和度的时候能呈现充满生命力的感觉,而颜色在低亮度和饱和度的时候则有令人觉得昏暗,模糊的感觉。回到刚才前面所说的思路。通常在有直射光照到的地方能容纳比较高饱和度和亮度的颜色,其次是映射光的区域,而没有光照照到或者映射到的区域则颜色较低饱和度和比较暗。例如日落或日出时光线照耀到的云彩和太阳高光区域,这些都是能容纳高亮度和饱和度的颜色。我们在处理的时候尤其得注意这一思路,每一个区域都根据光线的情况来控制颜色和明暗度,只有这样才能使得观看起来比较自然,不会突兀。
Photoshop打造唯美妆容片效果的人像照片
好久没有带来自己新的后期教程了,也感觉自己好久没有修片了,最近一直在忙拍摄的事情,本次带来的后期教程,是我前段时间玩的一组片儿,很久没修片了,也不知道有没有退步!大家来一起看一下吧!,为了让大家看的清楚明了,我把图层的名称和顺序稍微改动一下让大家看的更明白点。其实这组片子在我拍摄的时候,我已经知道我后期想要的效果,“唯美”就是我要的,所以在后期处理的时候一定要抓住柔和的特点来进行修调。效果图:1、打开原图2、这一步是非常关键的一步,如果是我的学生你们应该知道我对于液化的要求!看原片发现脸比较大,大小眼比较严重,嘴唇比较厚所以对脸型进行了一下调整。3、 这一步运用修复画笔和仿制图章工具来进行对脸部修饰,图章的精髓是少点多画。
Photoshop增强室内人物照片皮肤色彩教程
室内人物照片处理需要一定的图片美化技术。因为室内拍出的照片光感不是很均匀,人物脸部或肤色部分有一些曝光过度的部分。处理的时候需要修复好后再慢慢润色。最终效果原图一、修饰背景与人物,使整体色彩趋于统一。修饰人物的脸部和细节。也可以做一些适当的液化。追求人物线条的美感。这里我利用通道磨皮具体步骤如图,这个步骤我建立一个动作,下次运用的时候直接执行动作就可以了,特别对于这张图片,修片和调色同样正要,因为图片属于特写,所以对五官的修饰要多一些,人物皮肤修饰的前后对照,发现磨皮后皮肤还保留原来的质感,但细腻了许多,这也是通道磨皮的优点。二、对磨皮后皮肤还存在的一些瑕疵进行单独修饰,可用仿制图章,如下图:三、利用减淡和加深工具分别对眼睛进行修饰,是眼睛更有神,减淡和加深工具在修饰眼睛是的设置如下图,减淡用高光,加深用阴影,曝光度可以适当的降低。
Photoshop简单的方法提高人像肤色的质感
本教程主要使用photoshop简单的方法提升人像的肤色质感,今天给大家介绍一个非常重要的后期手法:D&B。D&B是一个比较高端的后期手法,如果你想要学习商业人像后期,这个手法是必须掌握的。学会了只需一招,让你脸小,鼻挺,肤白,不多说,赶紧收。相信大家一定听过D&B,中性灰,双曲线等等名词。这些词语到底什么意思?它们之间的关系到底是什么?D&B是一种后期思想,而中性灰、双曲线是它的具体手法。怎么理解这句话?D&B的英文是Dodge & Burn,直译成中文就是减淡和加深。其本质就是通过减淡(增加光)和加深(减少光)来改变画面的光照分布。我们知道,画面的光影信息是人类来判断物体形态、距离大小等要素的重要参考标准。当一束光从右边打过来,如果在一个物体的左侧出现了阴影,我们就可以借此判断这个物体的大小、具体、高度等信息。同理,如果我们修改画面的阴影,那么我们人对这个物体的判断也会随之发生改变。
Photoshop给街拍美女照片色彩美化PS处理
原图素材有点偏灰,教程中大部分过程都是介绍背景部分的柔化及加深处理。其中用的方法就是图层叠加,可以多复制一层图层,部分图层可以适当模糊后再改变图层混合模式。直到把背景处理成自己满意的效果,最后用调色工具美化一下人物部分即可。最终效果原图一、打开原图素材,把背景图层复制一层,执行:滤镜 > 模糊 > 高斯模糊,数值为5。二、把模糊后的图层混合模式改为“浅色”,效果如下图。三、按Ctrl + U 调整色相/饱和度,参数设置如下图。