《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.3 创建选择区域

2.3 创建选择区域

网页美工设计Photoshop+Flash+Dreamweaver从入门到精通
从图像中选取所需内容是图像处理的基础操作,各种图像的处理往往是基于图像选取、并在所选区域上进行的。如何快速、精确地选取图像十分重要,这就要求掌握好各种选择工具的使用方法。

2.3.1 选框工具
在Photoshop CC中可以使用工具箱中的【矩形选框】工具和【椭圆选框】工具,在图像上选择选区。

使用【矩形选框】工具,在图像上绘制选区的具体操作步骤如下,所使用的文件名如表2-2所示。

(1)打开素材文件“原始文件/CH02/选择工具.jpg”,选择工具箱中的“矩形选框”工具,如图2-25所示。

(2)将光标移动到图像,按住鼠标左键进行拖动,释放鼠标后,即可绘制选区,如图2-26所示。

(3)在工具箱中选择【椭圆选框】工具,如图2-27所示。

(4)将光标移动到图像,按住鼠标左键进行拖动,释放鼠标后,即可绘制选区,如图2-28所示。

2.3.2 套索工具
使用【套索】工具选取不规则选区的具体操作步骤如下。

(1)打开素材文件“原始文件/CH02/选择工具.jpg”,如图2-29所示。

(2)选择工具箱中的【磁性套索】工具,如图2-30所示。

(3)将光标移动到图像上,单击确定选取的起点,然后沿着要选取的物体边缘移动鼠标指针,如图2-31所示。

(4)当选取终点回到起点时,鼠标指针右下角会出现一个小圆圈,单击即可选取不规则选区,如图2-32所示。

2.3.3 魔棒工具
Photoshop的魔棒工具,是一个选区工具,其选择范围的多少取决于其工具选项栏中容差值的高低:容差值高,选择的范围就大,容差值低,选择的范围就小。魔棒工具的快捷键是字母W。如图2-33所示为魔棒工具,魔棒工具选项栏如图2-34所示。


使用【魔棒】工具选取选区的具体操作步骤如下,所使用的文件名如表2-3所示。

(1)打开素材文件“原始文件/CH02/魔棒工具.jpg”,如图2-35所示。

(2)选择工具箱中的【魔棒】工具,如图2-36所示。

(3)在图像上单击选择区域,如图2-37所示。

(4)选择【图层】面板中的背景图层,双击图层弹出【新建图层】对话框,如图2-38所示。

(5)单击【确定】按钮,将图层解锁,如图2-39所示。

(6)按Delete键删除,抠取透明图像,如图2-40所示。

(7)选择菜单栏中的【文件】|【存储为Web所用格式】命令,打开【存储为Web所用格式】对话框,在文件格式下拉列表中选择PNG选项,选中【透明度】复选框,如图2-41所示。

(8)单击【存储】按钮,打开【将优化结果存储为】对话框,【格式】选择【仅限图像】,如图2-42所示。单击【保存】按钮,即可将图像输出为背景透明的GIF图像。

时间: 2024-09-08 10:06:53

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.3 创建选择区域的相关文章

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.8 实战——滤镜制作蓝色光束

2.8 实战--滤镜制作蓝色光束 网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 本章主要讲述了Photoshop CC入门的基础知识,下面具体讲述实际操作.制作放射光束的重点是径向模糊滤镜的应用,可以直接对背景素材或自制一些纹理模糊处理得到初步的放射光束,然后再用其他滤镜加强及锐化光束,后期再渲染颜色即可,如图2-90所示,所使用的文件及要点如表2-11所示. (1)打开素材文件"原始文件/CH02/蓝色光束.jpg",如图2-91所示. (2)选择工

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.2 设置前景色和背景色

2.2 设置前景色和背景色 网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 在Photoshop CC中,默认的前景色为黑色.背景色为白色.当设置了其他颜色后要恢复默认的颜色时,只需单击工具箱中的默认前景色和背景色按钮,如图2-18所示. 前景色:用于显示和选取当前绘图工具所使用的颜色.单击"前景色"按钮,可以打开"拾色器"对话框并从中选取颜色,如图2-19所示. 背景色:用于显示和选取图像的底色.选取背景色后,并不会改变图像的背景色

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.5 文字与图像版式设计

1.5 文字与图像版式设计 网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 文本是人类重要的信息载体和交流工具,网页中的信息也是以文本为主.虽然文字不如图像直观形象,但是却能准确地表达信息的内容和含义.在确定网页的版面布局后,还需要确定文本的样式,如字体.字号和颜色等,还可以将文字图形化. 1.5.1 文字的字体.字号.行距 网页中,中文默认的标准字体是"宋体",英文是The New Roman.如果在网页中没有设置任何字体,在浏览器中将以这两种字体显示

网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1章 初识网页设计与配色1.1 网页设计的相关术语

1章 初识网页设计与配色 为了能够使网页初学者对网页设计有个总体的认识,在介绍设计制作网页前,本书首先介绍网页设计的基础知识,如网页的相关术语.网页设计常用工具Dreamweaver.Flash和Photoshop以及网页的布局与配送.通过本章的学习可以为后面设计制作更复杂的网页打下良好的基础. 1.1 网页设计的相关术语 网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 在学习网页设计之前,先来了解一下网页中静态网页和动态网页的基本概念. 1.1.1 什么是静态网

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.2 网页美工常用工具

1.2 网页美工常用工具 网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作.Dreamweaver.Flash.Photoshop这3个软件相辅相承,是网页美工的首选工具,其中,Dreamweaver主要用来制作网页文件,制作出来的网页兼容性好.制作效率也很高,Flash用来制作精美的网页动画,Photoshop用来处理网页中的图像. 1.2.1 网页编辑排版软件Dream

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——第2章 使用Photoshop CC入门基础2.1 Photoshop CC工作界面

第2章 使用Photoshop CC入门基础 Photoshop的专长在于图像处理,而图像处理是对已有的位图图像进行编辑加工处理以及运用的过程,其重点在于对图像的处理加工.本章主要介绍Photoshop的基本操作,包括Photoshop CC的工作界面.前景色和背景色的设置.图像区域的选择.基本绘图工具的使用.创建文字和应用滤镜等基本知识. 学习目标 ● Photoshop CC工作界面 ● 设置前景色和背景色 ● 创建选择区域 ● 基本绘图工具 ● 创建文字 ● 图层与图层样式 ● 应用滤镜

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——导读

前言 互联网信息技术彻底改变了人们的生活和工作,让越来越多的企业和个人建立起网站来宣传自己,网页设计人员的需求大大增加.网页设计是一项综合性的技能,是现代艺术设计中具有广泛性和前沿性的新媒体艺术形式之一.一个优秀的网站,在栏目设计.导航设计.色彩搭配.内容设计等方面都非常严谨.有的网站看上去可能很简单,但却能够在网络中脱颖而出,这些网站可以给人一种吸引力,让浏览者在观看的同时,不知不觉地记住了网站的相关信息,感受到了企业的文化.如何让网站在网络上脱颖而出?网页的美工无疑起到了重要的作用.网页的图

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.3 网页版面布局设计

1.3 网页版面布局设计 网页设计要讲究编排和布局,虽然网页设计不同于平面设计,但它们有许多相近之处,应加以利用和借鉴.为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验. 1.3.1 网页版面布局原则 网页同平面设计一样,也要遵循一些设计的基本原则.熟悉一些设计原则,再对网页的特殊性做一些考虑,便不难设计出美观大方的页面来.网页页面设计有以下基本原则,熟悉这些原则将对页面的设计有所帮助. (1)主次分明,中心突出 在一个页面上,必须考虑视觉的中心.这个中心一般在屏

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.4 基本绘图工具

2.4 基本绘图工具 在处理网页图像过程中,绘图是最基本的操作.Photoshop CC提供了非常简捷的绘图功能.下面就来讲述在Photoshop中,画笔.铅笔.加深和减淡工具的应用. 2.4.1 画笔工具[画笔]工具是工具箱中经常用到的工具,下面将讲述[画笔]工具的具体应用,所使用到的名称如表2-4所示. (1)打开素材文件"原始文件/CH02/画笔工具.jpg",如图2-43所示. (2)选择工具箱中的[画笔]工具,如图2-44所示. (3)在工具选项栏中单击[点按可打开"