chaos00000 发表于 2006-8-2 09:05:08

【原创教程】PhotoShop新手入门(CG上色 22楼更新+常用快捷键)(77楼GIF作法)

鉴于大家对PS的学习热情,作为一个过来人,介绍下我自己的经验,基本可以满足大多数改图的需要。

第一讲:基本绘画工具

J1,我演示用的是Adobe Photoshop 6.01ch,不是最新的版本,不过都大同小异。可以双击中间灰色部分打开图片

http://my.opera.com/chaos00000/homes/albums/61974/j1.jpg

J2,图中工具栏左下的红圈是橡皮擦,上一点的是画笔,最上的红圈里可以修改画笔的大小和样式

http://my.opera.com/chaos00000/homes/albums/61974/j2.jpg

J3,图中工具栏左下的新红圈是形状工具,标题栏上的4个从左到右分别是 相加、相减、取交集和去除交集,还可以通过自定义设计新的图形。
http://my.opera.com/chaos00000/homes/albums/61974/j3.jpg

J4,形状设计完成后,记得在形状上右击鼠标,选择栅格化图层,将其转换。(有关图层问题下面会讲)

另外对于工具栏左方红圈的仿制图章,用法是选中仿制图章后,按住ALT键,鼠标指针会变成图章的样子,

之后点在想要仿制的画面上,如图点的是需要仿制的脸部,再松开ALT键并在被仿制处涂抹就行了。有类似复制图案的效果
http://my.opera.com/chaos00000/homes/albums/61974/j4.jpg

第二讲:图片的整体介绍

J5,一张图片的大小在PS中分为图象大小和画布大小两种,画布大小仅仅对外框的定义,图案不会随之改变,一般用来修正图案的外围不常用。

而图象大小指的是直接对所有形成图案的象素的编辑,最为常用。如图一般 约束比例 都要打勾,用来锁定照片的比例。

分辨率普通的图定72或是100就行了,太高了也没用。但如果是要照片输出打印的话,建议定在300。

一般截取图片的一部分,用左边红圈里的裁切工具就行了。
http://my.opera.com/chaos00000/homes/albums/61974/j5.jpg

J6,在修改图片的过程中,往往需要不断的改动,所以一般会先将原图建立一个副本文件,直接将右下方的原图用鼠标左键拖到右下红圈的符号就能建立副本。

同样为了改图的方便,PS会在你用各种工具的时候建立相应的图层(可以理解为在原图上再铺设多层的透明纸)。且当你在某一图层工作时,不会影响到别的图层。

而且可以在图层前面的小方框(红圈A)内表示可见/不可见(眼睛符号),可以编辑/不可编辑(画笔符号)来区别。另外完成出图的时候记得合并图层(后面会再提到)。

PS还很体贴的为我们建立了历史通道(红圈B),里面记录了你操作的步骤(至少30步以上,我没具体数过),方便随时回退/前进 修改照片或是用来 比对各种设计方案。(这很方便的唷!)

另外最上方的%号,显示的是当前照片的百分率,可以用鼠标滚轮方便控制。

http://my.opera.com/chaos00000/homes/albums/61974/j6.jpg

J7,另外补充一点,在用线框选定好编辑范围之后,你只能在选定的范围内进行各种编辑,如要在范围外操作要先取消选择。

(线框的使用方法同形状编辑,这个一般也不是很长用。后面会介绍更好的方法。)

http://my.opera.com/chaos00000/homes/albums/61974/j7.jpg

第三讲:截取单个物体

J8,PS一般常用的还有截取物体,能更好更完整的选取图案,可以说是PS的基本功。这里介绍下我自己常用的3个工具,这个套索就是一种(红圈C)。

套索我一般是用在要求比较低的粗加工上,通常用磁性套索,在要截取物体的外圈一连到底。套索头尾连接自动转化为选区,之后复制到新的地方。

(红圈B是原图用套索转化的选区,红圈A是将选区复制出来后的样子,羽化数值为0,后面会提到。)


http://my.opera.com/chaos00000/homes/albums/61974/j8.jpg

J9,左边工具栏的红圈,是个偷懒的工具--魔棒。是在照片中只需要纯色部分时使用的。

作用是选取在容差范围内的同种颜色范围,选项 连续的 指是否选取相联系的色彩,具体试试就知道了(红圈C)。对于 容差 我个人理解为颜色的深浅。(用红圈AB来举例。)

(容差取50时,可选的范围是A+B。容差取10时,可选的范围是A或B。)

http://my.opera.com/chaos00000/homes/albums/61974/j9.jpg

J10,为魔棒举个实际例子。图A是原图,用魔棒点周围白色部分,得到白色选区。(用图B的反选命令,得到所要截取的图案)。最后得到图C。

http://my.opera.com/chaos00000/homes/albums/61974/j10.jpg

J11,最后我讲下我自己用的最多的截取工具--钢笔工具。基本的原理就是用鼠标取出目标周围一个个的点,并通过自由变换点,精确连成截取物的外围线。

http://my.opera.com/chaos00000/homes/albums/61974/j11.jpg

J12,全部围完后,右击鼠标,看到图A的对话框,选择建立选区。之后会弓单出图B的对话框。

这里说下羽化的概念,通常选区的四周因为人的因素,缩小仔细看起来会线条比较硬,用了羽化之后,截取图的四周会模糊化,和后期加入的背景会比较融合。我一般定在3以下。

http://my.opera.com/chaos00000/homes/albums/61974/j12.jpg

J13,如上取得选区后,用红圈里的移动/复制 命令,得到了下面的图。这样PS改图的基础工作算是基本完成了。

http://my.opera.com/chaos00000/homes/albums/61974/j13.jpg

第四讲:渐变 实例以及扩展

J14,有了前三讲的基础,我们开始来应用一下。渐变 的概念就是让两个不同要素的图案相互融合在一起,并且可以通过多次融合,达到联系多个图案元素的目的。

对于常用的图案,建议向我一样,先建立个素材仓库。要用的时候,自己用 裁切工具 和 魔棒 相互结合应用,方便取图。(具体方法参考前面3讲)

http://my.opera.com/chaos00000/homes/albums/61974/j14.jpg

J15,顺便再讲解下图层的应用,(前面已经介绍过图层了,位于最上方的图层其所对应的图案也会处于最上层。可以通过鼠标将图层置于上层便于PS,另外提醒下,只有蓝色选中的图层可以进行编辑哦!)
(图层1在上方的效果)

http://my.opera.com/chaos00000/homes/albums/61974/j15.jpg

J16,(图层2在上方的效果)

http://my.opera.com/chaos00000/homes/albums/61974/j16.jpg

J17,将两个图层的图案摆放好后,可以开始用渐变工具进行渐变了。这个例子的目标是将小樱的头象和大蛇的身体相互融合。

第一步骤(图红A)选择 快速模板编辑,第二步骤(图红C)选择 渐变工具,第三步骤(图红D)选择 渐变的形式,一共5种具体区别自己试验吧,反正可以用历史通道回退的。

(很重要哦!)这里来解释下渐变的原理(图红B)当你切换到 快速模板编辑时 原本的双层颜色会自动转换 白色/黑色的样式,白色 代表 渐变的前景目标,黑色 代表 渐变的背景目标。

再看(图红C)渐变工具的颜色 是左白右黑,表示从前景向背景方向融合。最后看(图红D)我选择的渐变样式,同样是左白右黑,表示从前景向背景方向融合。如果用左黑右白的样式,就表示从背景向前景方向融合。

(以上选择好后,用鼠标在图上拉线定立范围,我以左白右黑为标准介绍,鼠标的点击起点为前景色彩浓度的100%,背景色彩浓度的0%,随着鼠标的移动,相互的比率逐渐互换,如图上的红色区域表示的就是背景部分的预览。)


http://my.opera.com/chaos00000/homes/albums/61974/j17.jpg

J18,第四步骤(图红A)切换回正常编辑模式,主画面显示选区(图红B),这选区就是渐变的关键部位了。

http://my.opera.com/chaos00000/homes/albums/61974/j18.jpg

J19,第五步骤(图红A)选择按钮 添加模板,之后得到了主画面显示选区(图红B),小樱的头象和大蛇的身体相互融合,我作的不够精细,各位可以再好好试试。

渐变的初步讲解就这样了,照着5个步骤多试试,应该没什么问题了。另外渐变对应的前景和背景,仅仅指的是你选中的当前图层和其下的一个图层,要注意。


http://my.opera.com/chaos00000/homes/albums/61974/j19.jpg


第五讲:图片的合成实例

J20,鉴于前面有些东西讲的不是很详细,特地举这个例子,应该能有些针对性。

如下图的林克,选取的方法(用魔棒+反选 或是用 钢笔工具,这就自己判断吧,那个好用就用那个,多试试总是没错的。)

得到选区后,点击(红图A)的移动命令,将选好的选区用鼠标拖过去。当然事先要打开用来做背景的图片。



http://my.opera.com/chaos00000/homes/albums/61974/j20.jpg

J21,如图可以明显看出,林克和背景的大小相差很大,这里可以用两种简单方法。

第一种是使用(红图A)的 自由变换 将 林克 缩小(红图B)


http://my.opera.com/chaos00000/homes/albums/61974/j21.jpg

J22,第二种是改变背景图的大小,当然也可以用自由变换,看自己喜好。

http://my.opera.com/chaos00000/homes/albums/61974/j22.jpg

J23,最后将选区移动到背景图上,选合并图层,就OK啦!(PS的以上命令基本就是最常用的了。)

http://my.opera.com/chaos00000/homes/albums/61974/j23.jpg

[ 本帖最后由 chaos00000 于 2006-8-25 17:02 编辑 ]

chaos00000 发表于 2006-8-2 09:06:26

第八讲 用来讲的通道吧,休息下先

[ 本帖最后由 chaos00000 于 2006-8-25 17:12 编辑 ]

IVAN1707 发表于 2006-8-2 09:11:42

MY GOD,这正是我需要的,努力做吧,我一边看一边学...

春风笑桃 发表于 2006-8-2 09:16:28

狗狗可能会有精华了。。。
加油!

kodak 发表于 2006-8-2 09:18:46

吐一下槽
画笔除了选大小还可以选形状,另外可以用黑白(习惯)图在“定义画笔”那里设置成专用形状的画笔

Jimmy141087 发表于 2006-8-2 09:21:59

good!支持一个!!

砂之私语 发表于 2006-8-2 09:30:43

同吐,个人认为图层和选区需要先讲,然后工具,然后通道,然后渐变

qisiwole 发表于 2006-8-2 09:34:59

建议从图层、选区、通道及动作开始
还有重要的功能历史纪录……
还有同样重要的快捷键……

理亚 发表于 2006-8-2 09:58:25

十分的入门级...

+U咯

chaos00000 发表于 2006-8-2 10:13:38

原帖由 IVAN1707 于 2006-8-2 09:11 发表
MY GOD,这正是我需要的,努力做吧,我一边看一边学...

基本都是我自己的学习过程,基本让人看完就可以自己PS了

砂之私语 发表于 2006-8-2 10:21:12

如图一般 约束比例 都要打勾,用来锁定照片的比例

这个选项要具体问题具体分析,因为ps处理的主要是位图(不可以随便放大缩小的图,简单来说),所以对于图象大小和分辨率的关系需要注意,如果打了那个勾,改过了就不能改回去了,比如原来是10*10 300dpi,你改成10*10 72,再改回300分辨率,图就小了,无法维持10*10,否则马赛克,还有,举个例子,可以通过把一张有些小的300分辨率图改成96或者120来增加其图象大小。


又,不打那个钩变的只是图象大小尺寸啊...比例怎么会变...

美鸟D游戏 发表于 2006-8-2 10:27:01

学习中

Evanjjy 发表于 2006-8-2 10:56:09

哈哈这是好东西,要顶

美鸟D游戏 发表于 2006-8-2 11:40:11

想问一下..一张图经过PS,我之后可以把某图层取下来吗?

chaos00000 发表于 2006-8-2 11:50:11

原帖由 美鸟D游戏 于 2006-8-2 11:40 发表
想问一下..一张图经过PS,我之后可以把某图层取下来吗?

可以用PS的专用格式PDP,连所有图层一起保存。只要不合并图层就行了

qisiwole 发表于 2006-8-2 11:50:31

呃……PS版中加入的抽出工具也不错

砂之私语 发表于 2006-8-2 12:01:37

原帖由 美鸟D游戏 于 2006-8-2 11:40 发表
想问一下..一张图经过PS,我之后可以把某图层取下来吗?


ps提供多种存储格式,如果那张图片的格式是支持图层的,就可以用ps打开操作图层,常用的有psd格式和tif格式两种。


至于已经合并成jpg格式的,就无法操作图层了。gif格式的动画用ps打开只能打开第一层,后面的会丢失,要用imageready(和ps一起捆绑装上的)来打开

美鸟D游戏 发表于 2006-8-2 12:13:11

那就是说jpg的东西都可以在分解了?

chaos00000 发表于 2006-8-2 12:16:28

原帖由 美鸟D游戏 于 2006-8-2 12:13 发表
那就是说jpg的东西都可以在分解了?

只要是PS支持的图片格式,都可以任意肢解

友情提醒,原图一定要有备份唷

砂之私语 发表于 2006-8-2 12:30:44

orz...抠那条狗有那么麻烦么....n多个锚点...
页: [1] 2 3 4 5 6 7 8 9
查看完整版本: 【原创教程】PhotoShop新手入门(CG上色 22楼更新+常用快捷键)(77楼GIF作法)