当前位置:软件学习 > Photoshop >>

巧用Photoshop图层遮罩做简单平面设计


  Photoshop中一个很重要的功能就是层遮照,使用它可以产生图像的渐变效果。这样你也许就可以在几分钟之内做出一份简单又漂亮的平面广告小样出来。

  在本文中我们将向你介绍如何使用Photoshop的图层遮照做出步骤简单、又漂亮的平面设计效果,初学者还可以掌握Photoshop的如下功能:

  使用层工作
  使用渐变、笔刷、移动工具
  修改图像或层的大小

  找一些你比较喜欢的图片,我们现在就开始吧。

  首先我们制作一个简单的渐变,结果下图:

  


  首先打开你的图像:

  


  这张照片是从数码相机中取得的,它的尺寸有1920x2560像素。如果图像的尺寸太大放在网页上会造成下载速度很慢,因此我们需要修改图像的大小。执行Image>Image Size,并且重新指定图像的大小。我把图像缩为300x400像素。

  


  为保留原有文档我们现在新建一个图片文档,执行File>New,建立一个200x300的图像,在原来的图像上按Ctrl+A(全选图像),按Ctrl+C拷贝图像到剪切板,在选择新建立的图像文档,按Ctrl+V粘贴图像,图像自动成为新的一层。此时你会发现粘贴的图像要比我们建立的图像文档尺寸大,不必担心,稍后我们会处理这些。

  要给层添加一个遮照,打开层的控制面板,点击下面的“Mask”的图标:

  


  这样就给层添加了一个遮照,你会看到层的边上多了一个矩形的链接:

  


  遮照只是一个黑白的“图像”,你可以用黑色、白色或灰色来填充遮照,白色的区域将会允许图像显示出来,而黑色的区域将隐藏图像,灰色的区域会产生透明的效果。现在,我们将产生一个黑到白色的渐变,在工具箱中选择渐变工具,你也可以直接按快捷键g来选择。

  


  将前景色设置为黑色,背景色设置为白色。

  


  在工具栏中你可以看到渐变的方式,请确认效果是由前景色到背景色的。

  


  点击一下层遮照,然后在图像中间到底部拉出一个垂直的渐变,你可以按着Shift键以保证渐变式垂直的。

  


  产生的效果如下:

  


  现在观察这个图像,你可能感觉郁金香也被渐变效果挡住了,我希望整张图片向上移动一些,但又希望保持现在的渐变效果不改变,层遮照就可以让你做到这一点。


  特别推荐——设计类视频教程:


Photoshop视频教程


Coreldraw视频教程

Flash MX 视频教程

网页设计制作视频教程

3DsMAX视频教程

  在层的控制面板中,你会看到链接的图标,它用来链接层遮照和图像的,单击链接图标取消链接。

  

  再单击一下图像以保证你下面所做的操作都是针对图像的,然后在工具箱中选择移动工具(或直接按快捷键V来选择)。

  


  在图像文档中将图像向上拖动到满意的位置。

  


  在下方空白的地方写上一些文字,好了,这样一个广告就基本完成了。

  


  一个小技巧:你可以用任意的颜色来填充背景层,由于层遮照会使图像的一部分变透明,所以背景颜色也会显示出来,这样图像看起来会更生动。

  


  下面我们再来看另一个层遮照的应用,我们将用笔刷和层遮照产生下面的效果:

  


  打开图像,并放置在新的一层中,添加层遮照:

  


  在工具箱中选择毛笔工具,或者按快捷键B来选择。

  


  在笔刷工具箱中,选择一个合适的笔刷:

  


  在层遮照中进行描绘,隐藏一些区域。

  


  现在我们觉得“人”在图像中有些大,需要缩小一些,首先取消链接。

  


  按Ctrl+T或者在Image菜单中选择Free Transform,将图片缩小到合适的大小。

  


  作一些其他的调整,敲上文字:

  

  特别推荐——设计类视频教程:


Photoshop视频教程


Coreldraw视频教程

Flash MX 视频教程

网页设计制作视频教程

3DsMAX视频教程

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,