使用层遮照制作图像渐变特效

渐变

“我需要在公司的网站上放一个春季销售的广告”,你的老板给你指派工作,“你能在1个小时内做好吗?”。“一个小时?我只需要5分钟。”你回答道。现在你需要的就是利用层遮照功能来提高你的工作效率。Photoshop中一个很重要的功能就是层遮照,使用它可以产生图像的渐变效果。在本文中我们将向你介绍如何使用层遮照,并且你还可以掌握Photoshop的如下功能:

使用Photoshop打开图像
使用层工作
使用渐变、笔刷、移动工具
修改图像或层的大小
找一些你比较喜欢的图片,我们现在就开始吧。

简单的渐变

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

首先打开你的图像:

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

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

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

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


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

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

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

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

产生的效果如下:

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

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


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

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

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

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

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


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

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

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

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

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

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

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

时间: 2024-08-07 22:04:35

使用层遮照制作图像渐变特效的相关文章

Flash制作沧海一滴水特效动画教程

给各位Flash软件的使用者们来详细的解析分享一下制作沧海一滴水特效动画的教程. 教程分享: 一.打开软件:新建影片,场景属性默认.保存文档.(先保存文档,有利于边制作边保存,不至于出现停电.意外事故丢失呀,这是的得教训!) 二.导入图片:点文件--导入到库.把素材图片导入. 三.建元件: 1.图形元件: (1)海波:在场景点图层一第一帧,打开库,拖入海水位图,打散.用黑箭头工具框选 图片的下半部分,选中状态点拷贝,然后粘贴,再粘贴,点修改--变形--水平翻转. 把两条海波对接. 图一   再点

Photoshop制作2015发光特效艺术字

  Photoshop制作2015发光特效艺术字     最终效果 1.新建一个1000 * 550像素,分辨率为72的画布,背景填充暗紫色:#9F0E5D,如下图. 2.新建一个组,在组里新建一个图层.进入路径面板,新建一个路径层,用钢笔勾出数字"2"的路径,如下图. 3.回到图层面板,选择画笔工具,把不透明度及流量都设置为最大100%. 4.按F5调出画笔预设,先选择66号画笔,然后再设置:画笔笔尖形状.形状动态.散布,然后勾选平滑,参数设置如图4 - 6. 5.把前景色设置为白色

Flash制作完美loding特效教程分享

给各位Flash软件的使用者们来详细的解析分享一下制作完美loding特效的教程. 教程分享: 特效 当然这里的"完美loding"是指londing程序的内部效果而不是外在的美观.不多说了,这篇帖子是我专门为菜鸟而写的,虽然关于"londing程序"制作介绍的文章已经不止唯一了,但是还有许多的新手对于"londing程序"还是有很多疑问,特别是对自己做的"londing"为什么总是在屏幕上一闪而过,有的甚至看不到"

软件Dreamweaver中的层在网站制作中作用重大

[硅谷网12月11日文]据<硅谷>杂志2012年第18期刊文,在使用Dreamweaver制作网站时候,总要用到层,因为层是一种网页元素定位技术,使用层可以以像素为单位精确定位页面元素,层可以放置在页面的任意位置.利用层可以非常灵活地放置网站内容,可以再层 里面放置文本,图像.视频等对象,甚至是其它的嵌套层.层对于制作网站的部分重叠效果更具有特殊作用,把页面元素放入层中,而已控制元素的显示顺序,也能控制是哪个显示.哪个隐藏.使网站制作工作更加高效. 关键词:Dreamweave:层:编辑:属性

jquery制作图片时钟特效_jquery

一.生成数字时钟 <script src="http://code.jquery.com/jquery-latest.js"></script> <script> window.onload=function(){ var oBody=document.body; var oP=document.getElementById("time"); setInterval(fnTime,1000); fnTime(); function

点击弹出窗口层,并且背景变暗渐变

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head><!-- meta

Photoshop制作霓虹灯文字特效教程

PS教程介绍利用对Photoshop制作霓虹灯文字特效.本PS教程属于基础教程,适合初学者! 先看效果图 图0 1.选择"文件/新建"菜单,打开"新建"或者Ctrl+N对话框 名称为:制作荧光字效果,宽度:为960像素,高度:为501像素,"分辨率"为72 , "模式"为RGB颜色的文档,如图1所示. 图1 2.执行菜单:"文件"/"导入",导入素材,调整其到适合的位置及大小,选择素材图

Photoshop制作恐怖滴血特效字体

  Photoshop制作恐怖滴血特效字体          效果图 下面是教程: 最终效果图         注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:182958314欢迎你的加入 分类: PS文字教程

用Dreamweaver为网页图像添特效

dreamweaver|特效|网页 大家都知道,Dreamweaver是一款专业的网页设计工具,提供了许多方便.实用的功能,使得以前许多网页效果的实现从繁琐的代码中解脱出来,只要轻点鼠标即可实现. 其中为网页图像增添特效就是其具有特色的功能之一,利用它可以为图像添加诸如阴影.运动.波浪.及淡入淡出等特效.这种特效不会增加图像的大小,当然也不会影响其下载速度. 其具体的实现方法如下: 1.在Dreamweaver编辑窗口中,点击菜单命令"Window/Css Styles"打开样式浮动面