设计欣赏,设计教程,平面,广告,VI,标志,画册,封面

电脑艺术设计大师之路#5-探索图层奥秘,平面设计图

平面设计欣赏 | 标志设计欣赏 | 包装设计欣赏 | 广告设计欣赏 | 画册设计欣赏 | 个人简历封面

·个人简历封面
·产品设计欣赏
·广告设计欣赏
·photoshop教程
·VI设计欣赏
·标志设计欣赏
·网页制作教程
·包装设计欣赏
·封面设计欣赏
·广告设计教程
·平面设计欣赏

·Henry Warren 平面设计欣赏
·Kyle Cole 平面设计欣赏
·bendableelement T恤设计欣
·Stephen Chovanec 平面设计
·Paul Sternglass 平面设计
·Max Guzman 平面设计欣赏
·Ikuko Aoki-Salinas 平面设
·Chad Geran 标志及应用设计
·NITIS DESIGNS 平面设计欣
·Jillian Specter 平面设计
·SEGURA INC 包装及应用设计
·国际平面设计联合会设计师
·世界华人优秀平面设计作品
·世界华人优秀平面设计作品
·世界华人优秀平面设计作品

电脑艺术设计大师之路#5-探索图层奥秘

图层不透明度

  图层除了改变位置和层次以外,还可以设定各自的不透明度。点此下载范例PSD文件
  我们先按下〖TAB〗隐藏所有调板,然后使用【视图>屏幕模式>全屏模式】〖按两次F〗将Photoshop切换到一种没有调板没有菜单没有窗口的显示方式。这种方式可以为操作留下最大的屏幕空间。
  OK,Now,在不借助图层调板的前提下完成以下操作:改变一个眼睛的色相让两个眼睛的色彩有所区别。然后将两个眼睛移动到脸的边缘。如下图。该怎么做呢?


  我们来分析一下过程,改变色相就是使用色相/饱和度调整工具,虽然我们在之前已经使用过很多次,但不同的是这次多了图层的因素。所以要先正确地选择图层后再使用。在有图层调板的时候只要在调板中点击选择即可,而现在没有图层调板了,我们就需要使用前面所说的用移动工具来选择图层。
  所以首先选择移动工具〖V〗,然后按住CTRL点击位于右方的eye副本层,这样就选择了这个层,再使用色彩/饱和度调整工具〖CTRL U〗,改变色相到+90左右(可自己决定其他数值)。然后移动到脸部边缘。再按住CTRL单击另一个眼睛层并移动。从而在不借助调板和菜单的前提下“摸黑”完成了操作。从这里我们也可以看出,能够摸黑行进的人其实对道路是了如指掌,内心是非常明亮的。

  以后大家到公司应聘,在老板眼中,在全屏方式下完成操作的你肯定显得比那些需要借助菜单和调板的人来得更专业。因为他看不懂你操作的步骤,看不懂自然是因为操作者水平高啊。同样,全屏操作使得你在别人眼中看起来很酷。当然啦,在高手(比如我)和同是本教程的读者面前就免了吧。

  现在可以回到正常显示方式〖F〗,也可以继续留在全屏方式下。然后打开图层调板,此时打开图层调板的方法既可通过显示全部调板〖TAB〗,也可以单独打开图层调板〖F7〗。需要注意的是如果第一次〖TAB〗隐藏屏幕上所有调板时图层调板本来就没有显示,那么第二次〖TAB〗恢复所有调板显示后也不会显示。然后在图层调板中改变eye层的不透明度为50%,如下左图红色矩形处。然后再改变eye副本层的不透明度为50%,图像效果改变顺序如下右图。


 


  当不透明度为100%的时候,代表完全的不透明,图像看上去非常饱和非常实在。当不透明度下降的时候,图像也随着变淡。如果把不透明度设为0%,就相当于隐藏了这个图层。层的不透明度虽然只对本层有效,但会影响到本层与其他图层的显示效果。
  如上右图的中间图示可以看到,当蓝色眼睛层的不透明度下降以后,与脸层产生了一种色彩重叠的效果,在两者的相交区域内脸层的色彩加重了。此时位于其上层的紫色眼睛层没有受到影响,那是因为紫色眼睛层次较高且处于100%饱和状态。
  当紫色眼睛层的不透明度下降以后,与蓝色眼睛层和脸层产生了重叠效果。这时无论改变蓝眼层或是紫眼层或是脸层的不透明度,都会同时影响三者间的重叠效果。

  当各图层处在100%的饱和度时,彼此间是不存在重叠效果的。当各图层处于半透明(即饱和度低于100%)时,各图层内容的重叠区域就会呈现出色彩的重叠效果,此时改变任何一个层的不透明度,都会影响这个重叠区域内的效果。

  注意在图层调板上,刚才调节不透明度的地方下面,也有一个百分比的调节,写着“填充”。试着调节一下,会发觉单独改变填充,和单独改变不透明度效果相同。如下图,将眼睛层的不透明度设为50%填充设为100%,与不透明度设为100%填充为50%的效果,在图像中看来是相同的。如果将两者都设为50%,那么图层就是25%的实际不透明度了。


  类似这样几种不透明度综合作用的例子在Photoshop中很常见,也并不复杂。
  举个例子,比如新建一层用50%不透明度的笔刷绘制图案,当图层不透明度为100%的时候,图案就已经是50%的不透明效果了。如果图层不透明度再下降为50%,那么图案的实际不透明度就应该是50%×50%=25%。
  这时所看到的效果,应该和用100%不透明度的笔刷绘制后将图层不透明度降为25%的效果(100%×25%=25%),是一致的。可以调出信息调板〖F8〗,比较一下两者的色彩数值,应相等。如下图。这里要说明一下,信息调板中所反映的色彩数值,是以在图像上所呈现的效果为准的。


  当然,如果用25%的笔刷然后以100%的图层不透明度显示,那么效也和上图也是一样的。从这里我们不难总结出,图像的实际不透明度就是与之有关的几个不透明度的乘积。
  在实际的操作中,图层不透明度因为位置明显所以大家经常只记得这个不透明度控制,而忽略了Photoshop中其他的不透明度控制。这其他的不透明度控制主要是指绘图工具在绘制时工具本身的不透明度设置。初学者常因为图层不透明度为100%时图像还是半透明而感到困惑,这很可能就是因为没有顾及到绘图工具的不透明度设置。

  我建议大家在使用画笔等绘图工具时最好都设为100%不透明度,后期通过调节图层不透明度去实现各种半透明效果。为什么呢?
  首先绘图工具的不透明度要在绘制前设置,然后在绘制时才能看到效果,不满意的话还要撤销,然后重新设置再行绘制。这自然较为麻烦。相比之下图层不透明度不仅调节方便,并且效果立现。不满意可以直接修改无需重绘。

  再者也是比较重要的一点,就是不透明度在后期调整中只能降低而不能提高。如果先使用50%的笔刷绘制了图像,那么在以后的调整中只能降低而无法高于这原始的50%不透明度。所以为了保留最大的调整余地,也为了方便及简化操作,应该把图像的半透明效果全部交给图层不透明度去控制。

  当然,在实际的制作中也常会遇到在一个图层中需要使用多种不透明度的情况。那么首先考虑能够分层制作就分层,在不同层中设置不透明度。如果难于分层制作,那么还是建议在绘制时候都使用100%不透明度,然后使用以后课程中将要介绍的图层蒙板去实现不同地方的不同半透明效果。如下图即是使用图层蒙板实现了同一图层中的多种不透明度。


  现在回来说说刚才提到的在图层调板中的填充,它的效果看起来和图层不透明度差不多,那么它们有什么区别呢?首先明确这个填充也是一种不透明度,但它只针对图层中原始的像素起作用。
  那什么叫原始像素呢?就是指如同我们刚才那样画上去的图形,可以是用画笔、形状或者填充选区等方式绘制出来的,也可以是从其他图像中粘贴过来的部分。可以说到此为止我们在Photoshop图层中所制作的效果都属于原始像素。
  与之相对应的,有一种类型的图像不是通过绘制或粘贴产生的,而是通过其他方式表现出来的。比如在后面课程中将会学习到的图层样式。在这里我们先作一些简要介绍。

  样式的英文单词是Style,在Photoshop以及Illustraotr中都存在。样式可以用很简单的步骤做出很出色的效果,因此非常好用。现在我们先来阐述样式的概念。
  我们如果到乡村去游玩,常会看到布满爬山虎的墙,爬满青藤的树干或电线杆。它们的外表看上去都是绿色的。如下图是我在福建泉州拍摄的照片。


  土墙本来是绿色的吗?当然不是,那绿色是由外部的寄生植物产生的。所谓寄生就要有一个宿主,墙壁是爬山虎的宿主,没有墙壁就没有爬山虎。从这种特性上,我们可以称爬山虎的那种绿色是土墙的样式。引申开去,衣服是身体的样式,脸谱是京剧演员的样式等。它们都有一个共同的特点就是需要一个宿主。它们的共同作用就是为宿主“化妆”。

  Photoshop中的样式就是指图层样式,就是在图层的基础上为图层化妆,添加效果。我们可以打开样式调板【窗口>样式】,它默认是和颜色调板〖F6〗和色板组合在一起的。默认的样式调板应该如下图。如果其中的样式列表不对,可以点击调板右上角的按钮后选择复位样式并在确认对话框中按下好按钮。如果排列的方式不对,就点击调板右上角的按钮后选择小缩览图。如果选择纯文本、小列表或大列表方式可以直接看到每个样式的名称。缩览图方式下将鼠标停留在缩览图上一会儿也会出现名称提示。位于下图样式列表第一行第一个的样式功能是清除样式。可以通过点击它来清除已有的样式。


  注意,这个按钮在以后课程中统称为圆三角按钮,它位于调板的右上角。复位调板的方法一般就是点击该调板的圆三角按钮后在弹出菜单中选择相应的复位选项。为节约篇幅,在之后的内容中将不再叙述复位的方法,只会提“复位笔刷”、“复位样式”之类。
  同时,某个操作的菜单选项用【】表示,快捷键或快捷方法使用〖〗表示。其实这两个表示方法大家看到这里应该已经熟悉了。现在正式确认一下。

  调出样式调板后,选中脸层〖V,按住CTRL单击图像中的脸部〗,然后在样式调板中点击各种现成样式,会看到脸层发生了各种各样的变化。如下图。同时注意图层调板中face层发生了变化,如下右图是在应用了“蓝色玻璃”之后图层调板的样子。
  在原先的face层名字之后出现了标志,标志左边还有一个向下的三角形,其下方出现了许多附属层,这些层的名称前都有标志,这个标志是样式的独立效果指示,也就是蓝色玻璃样式为face层所做的各种具体的化妆方法。一个图层样式可以由一个或多个独立效果组成。可以通过点击左端的眼睛图标来隐藏某种独立效果,关闭最上方的效果将隐藏整个样式。点击那个三角形将会收起附属层以节约调板空间。再次点击又将展开。


 


  除了利用现有的样式外,我们也可以自己设定样式。图层样式对于网页设计来说是很重要很常用的,关于样式设定的详细内容将在以后课程中介绍。这里先粗略接触一下。

  首先清除掉face层现有的样式,可以使用菜单【图层>图层样式>清除图层样式】,也可以在样式调板上点击第一行第一个样式。较常用的方法是在图层调板face层上点击右键然后选择清除样式。注意点击的位置不能在图层缩览图上。
  清除样式之后我们来自己设定一个简单的阴影效果,确保选择层是face层,然后点击图层调板下方的标志,如下图红色箭头所指处。注意在这个标志有边还有一个很细小的向下三角形。还记得工具栏中的部分按钮也有一个细小的三角形吗?这种三角形就是预示点击后会有其他的选项出现,相当于考试时候遇到的多选题。而没有小三角形的按钮点击后就执行单一功能,没有其他选项,相当于单选题。


  点击后选择投影这一项,将出现一个如下左图的很大的设置框。这就是图层样式的设置框,全部的图层样式效果都在这里设置。由于前面我们已经选择了投影这一项,所以看到在设置框左边的样式效果列表中投影一项已自动打勾。设置框右边也自动切换到投影的一些调整选项。在这里我们都使用默认的投影设置而不作其他的调整,因为说好了现在只是粗略“见识”一下,图层样式的详细内容将在以后课程中介绍。所以按下设置框右上角的好按钮,完成设定。此时可以看到face层被添加了一个阴影的效果。如下右图。


 


  此时我们来看图像中新增加的阴影部分,这阴影是用绘图工具画上去的吗?不是。它是根据face层这个“宿主”产生的附属效果,也可以说是附属像素。因此,这阴影部分便不属于“原始像素”。此时在图层调板中改变填充的百分比数值为0%,就会看到一个奇妙的效果。如下图。原先绿色的face层消失了,只剩下阴影。


  为什么以前我们下降填充不透明度的效果,和下降整体图层不透明度效果是一样的,而现在却不一样了呢?
  以前我们的图层中只含有原始像素,而现在除了原始像素之外又多了一部分的附属像素。前面说过,填充控制的是图层中原始像素的不透明度,也就是说填充对附属像素是无效的。所以这一次我们下降填充后属于原始像素的脸消失了,属于附属像素的阴影部分不受影响。于是产生了如上图般的效果。
  虽然同处在一个图层中,但是原始像素和附属像素属于两个不同的“行政区”。从级别上来说,图层整体不透明度是最高级的,是中央政府,它控制着图层中所有的行政区,包括原始和附属像素。而填充属于地方政府,它只负责管辖原始像素行政区。

  除了从图层调板拉动滑杆改变不透明度的数值以外,还可以使用键盘上的数字键来快速设定。比如改为80%就按一下8,30%就按一下3,如果要改为47,快速地先后按下4和7。这个方法和在以前课程中所学到的改变画笔工具不透明度的方法一样。那如何区别呢?
  如果选择了绘图类工具,数字键就是改变这个工具的百分比选项,这个百分比选项未必是不透明度,比如模糊工具〖R或SHIFT R〗的选项是强度。
  如果没有选择绘图类工具,数字键就是改变图层的不透明度。因此在使用数字键之前要看清楚当前的工具是什么。

  作为我们现在来说,要记熟哪些是绘图类工具哪些不是,还是比较困难的。教大家一个快速判定是否可以使用数字键的方法:就是观察目前的公共栏中是否有百分比选项。有的话数字键就是改变这个工具选项。没有的话就是改变图层不透明度。因为公共栏的作用就是放置工具选项,选择移动工具公共栏就出现移动工具选项,选择魔术棒就出现魔术棒选项等。

  建议在改变图层不透明度的时候都选择移动工具〖V〗,因为在实际操作中经常在改变不透明度后移动位置。

  现在就本节中比较难懂和重要的部分作一下总结:
  1:各个图层不透明度互相独立,各自调整。
  2:图层不透明度为100%不能保证图像就是完全不透明的。图像半透明效果可能是由多种不透明度的综合作用而成。
  3:图像不透明度低于50%将无法用选择工具按住CTRL点击选取,但点击右键会出现在列表中。注意这里说的是图像而不是图层的不透明度。因为即使图层不透明度为100%,图像本身的不透明度低于50%还是无法按住CTRL点击选取。
  4:背景层作为一种特殊图层,一定是100%不透明,且不能调整不能移动。

  注意,在后面的科层中将不再详细叙述图层的选择方法,只会说“选择xx层”之类。因此请仔细学习这部分内容并确保能够熟练操作。

  还有,本节中提到的原始像素和附属像素这两个概念名词,是我为了便于大家理解而自创的,在Photoshop官方的技术文档中并不存在。在其他教程中也许也看不到(如果看到的话,很可能那就是引用了我们这里的解释方法哦)。大家要根据这两个名词理性地去理解这两类像素的概念,掌握之后则不必拘泥于这里的名称。

本新闻共12页,当前在第04页  
01  02  03  04  05  06  07  08  09  10  
11  12  

第十届中国广告节获奖作品选 韩国化妆品广告欣赏 国际广告创意欣赏
电脑艺术设计大师之路#5-探索图层奥秘设计摘要:企业ci设计教程,为您提供画册设计,样本设计,产品目录设计,广告设计,海报设计和等设计资源欣赏,下载,图库,为设计师打造一个自我学习和提升的平台,学习设计最好的方法是多看,多做,多做,只有不断学习借鉴优秀平面设计图设计师的作品才能不断的提高自我,才能不断地迈向成功。
电脑艺术设计大师之路#5-探索图层奥秘设计摘要:平面设计图,空间概念涵概了自然空间感受与矛盾空间感受。随设计师的爱好、版面要求、视觉冲击需求、自由选择,而且毫不张扬,温文而雅,为抄袭者提供了大量改头换面的空间。对平面设计的理解很多来自这堆旧杂志。“平面不平”是我对平面设计,企业ci设计教程中画面效果的一种理解,很多人把它叫做版式、构图、结构、形式感…都可以,拜读了很多好的设计后,我感到设计师们都在有意无意地追求着“不平”的效果。即利用各种平面元素,在平面材质上(比如纸张等),我们头脑中的色彩冷暖关系就是固定的。红色偏暖,蓝色偏冷。其实这是一个错误的概念。如同音符一样,颜色随周围环境的变化转换着调性(冷暖关系).企业ci设计教程这一理论,符合商业时代或叫数码时代的要求,是个机械式的要求。对色彩调性化理解是对平面设计师灵性的训练.
网站地图·画册设计·样本设计·产品目录设计·广告设计·DM设计·友情支持·海报设计·包装设计·标志设计· ·
广告设计,广告制作,广告设计公司