频道直达 - 专题 - 新闻 - 技巧 - 组网 - 开发 - 安全 - web编程 - 图像 - 操作系统 - 数据库 - 教育 - 旅游 - 健康 - 时尚 - 驱动 - 软件 - 游戏 - 多媒体 - ERP - 讨论组

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

来源: 作者: 出处:巧巧读书 2006-02-19 进入讨论组
下一页 1 2 
巧用Photoshop图层遮罩做简单平面设计(图一)

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

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

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

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

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

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


  首先打开你的图像:

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


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

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


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

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

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


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

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


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

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


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

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


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

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


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

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


  产生的效果如下:

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


  现在观察这个图像,你可能感觉郁金香也被渐变效果挡住了,我希望整张图片向上移动一些,但又希望保持现在的渐变效果不改变,层遮照就可以让你做到这一点。正文:http://www.qqread.com/photoshop/r442359003.html 更多文章 更多内容请看Photoshop教程Photoshop打造完整美容手册Photoshop精彩特效大全专题,或进入讨论组讨论。
下一页 1 2 
收藏此文】【 】【打印】【关闭
相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
巧巧读书宗旨
相关专题
讨论组问题推荐
站内各频道最新更新文档
站内最新制作专题
热门关键字导读
Photoshop教 程照片处理 照片制作 PS快捷键 抠图
计 算 机 故 障XP系统修复
艺 术 与 设 计设计 流媒体 设计欣赏 边框
计 算 机 安 全ARP
站内频道文章精选
巧巧电脑频道编辑信箱  告诉我们您想看的专题或文章