排版教程,超详细适合初学者的排版教程(二)

初学者排版教程第二篇,主要讲解图片大小设置,背景填充,图层、图层组和PNG的知识,新手一起来了解一下这些知识吧。

教程目录:

P1:图片大小的设置:图片大小的设置/尺寸的定义/照片常见尺寸表

P2:背景填充:颜色填充/图案填充

P3:图层与组:图层与图层之间的关系;养成分组操作的好习惯。

P4:笔刷的应用:笔刷的安装和使用方法。

P5:DIY PNG贴图:PNG的简介,如何制作PNG

P6:标尺等间距拼图:设置间距拼图。

P7:好看的简体字体归纳:常见的字体示例。  

上次的教程有很多不足的地方, 感谢大家的包容和支持☆~ 我一定会继续努力的呀~>_<~  大家的私信和留言我都有看到, 针对大家不明白的地方我做了一个总结(づ ̄ 3 ̄)づ 于是就有了这第二个排版的教程~(≧▽≦)/~ 算是对上次没有讲到的地方,进行一个补充。 如果有更好的方法也请在评论处分享出来吧?

让我们一起进步吧☆~

图片大小的设置

私信中有小伙伴反应说拼图之后图片很大,造成电脑很卡,所以图片大小的设置也是很必要的,在这里我只提供我个人的设置图片大小的习惯,但是不代表你要和我一模一样噢,我设置大小的原则是,放大之后细节还是能够看得很清楚,一般为2-5M。

如下图我们新建一张图。(这里也教大家另外一种拼图方法)

www.16xx8.com_jc095687_01.jpg

然后出现如下对话框:

www.16xx8.com_jc095687_02.jpg

美国标准纸张即A4标准大小。

www.16xx8.com_jc095687_03.jpg

图片大小我一般不低于15.3M,然后点确定即可。

www.16xx8.com_jc095687_04.jpg

如果想在这张图上上拼图,直接拖进图片即可,

同样,设置图片大小也是一样。

www.16xx8.com_jc095687_05.jpg

改变宽度的时候:

www.16xx8.com_jc095687_06.jpg

保存的时候:

www.16xx8.com_jc095687_07.jpg

计算机会计算出不改变图片宽高比例的高度,等比例的改变大小,十分方便。如果要改变图片的比例,用裁剪工具就可以了。保存的时候其实并没有图像大小显示值那么大,根据你的操作大概在5M之内。这样操作的时候,你的电脑应该不会卡了。

尺寸的定义

便于大家更好的理解:尺寸大小,比如800*600吧,知道了尺寸大小可以计算出像素大小,比如:800*600=480000,那个480000就是像素了,你可以把一长图片看成一个矩阵,尺寸大小就是长有多少像素,宽多少像素。而像素大小就是这个矩阵里一共有多少像素。

照片常见尺寸:

www.16xx8.com_jc095687_00.jpg

背景填充

其实就是改变背景的图案啦。我个人是比较喜欢简单的背景,毕竟是要在上面加文字的,如果背景太复杂,看得人眼睛会看花吧,我喜欢直接填充颜色。

操作如下:

新建一张空白的图,上面已经讲过,这里就不详细说明了。

然后“填充”

www.16xx8.com_jc095687_08.jpg

然后点颜色会跳出右边这个对话框(拾色器)

www.16xx8.com_jc095687_09.jpg www.16xx8.com_jc095687_10.jpg

选取自己喜欢的颜色即可。

如果我们想自定义图片做背景:

第一步:打开一张简单的图片。

www.16xx8.com_jc095687_11.jpg

第二步:编辑 - 定义图案。

www.16xx8.com_jc095687_12.jpg

第三步:点确定。

www.16xx8.com_jc095687_13.jpg

这个时候剪裁你会发现是这个样子。

www.16xx8.com_jc095687_14.jpg

所以这一步做完之后还没有完成哦,继续:剪裁 - 填充 - 图案 - 选择。

www.16xx8.com_jc095687_15.jpg

填充

www.16xx8.com_jc095687_16.jpg

图案

www.16xx8.com_jc095687_17.jpg

选择你要的图案:

www.16xx8.com_jc095687_18.jpg

 

www.16xx8.com_jc095687_19.jpg

如果排版时背景大小不够,也没关系,背景图层可以反复填充,只要重复上面的操作即可。

图层的概念

通俗地讲,图层就像是含有文字或图形等元素的胶片,一张张按顺序叠放在一起,组合起来形成页面的最终效果。图层可以将页面上的元素精确定位。图层中可以加入文本、图片、表格、插件,也可以在里面再嵌套图层。

组的概念

在图层面板最下方有一个像文件夹的图标(下图),点击就能创建图层组了。

www.16xx8.com_jc095687_20.jpg

图层组的作用就像文件夹一样,把同类的图层归类放在一起,便于管理。对于多图层的图片,一般都会使用图层组来管理,方便查阅,也方便对多个图层使用同一个编辑命令。可以同时隐藏和显示,移动,更改多个图层。

图层之间的关系

两个图层的上下关系是图层栏图层前后顺序所决定的。以背景图层为例,它位于图层的最下方,所以是背景,同理,离背景越近的图层,为它自己上方的图的背景,举个例子:

飞机的图层在电脑图层的前方,所以电脑图层可以看做是飞机图层的背景,飞机图层会覆盖在电脑图层的上方。

www.16xx8.com_jc095687_21.jpg

如果想同时移动这两个图层怎么办呢?

按住“control或CTRL”键同时用鼠标选中这两个图层,右击鼠标然后点“合并图层”

注意:别点成了“合并可见图层”,否则全部的图层都会合并,那样后面修改的时候就麻烦了。只需合并你需要合并的图层,然后再用移动工具,移动到合适的位置即可。

小技巧:保存的时候,可以直接点“合并可见图层”后,直接保存,记得除了保存最终的JPG格式之外,还要先保存一个包含所有图层信息的PSD格式,便于以后修改。

www.16xx8.com_jc095687_22.jpg

图层与组的关系

在建立了背景图层后,我们排版时往往要添加文字和图片,在PS里面每一张图都是一个图层,有时候定游记或者功课之类的可能会有上百张图,所以我们利用“组”来对这些图片和文字整理归类,才不至于思路混淆,想修改也无从下手。希望大家都养成分组的好习惯。

举例讲解:

在制作教程的时候,我每一张图都会制作成PSD,这里回顾一下PSD的概念,PSD/PDD是ADOBE公司的图形设计软件photoshop的专用格式。PSD文件可以存储成RGB或CMYK模式,还能够自定义颜色数并加以存储,还可以保存photoshop的图层、通道、路径等信息,是目前唯一能够支持全部图像色彩模式的格式。

以本次教程图片为例

www.16xx8.com_jc095687_23.jpg

图片置入后直接拖入组里:

www.16xx8.com_jc095687_24.jpgwww.16xx8.com_jc095687_25.jpgwww.16xx8.com_jc095687_26.jpg

分组完成之后PSD变得很有条理,便于以后修改,这是我平时常用的分组,建议将图片命名之后再导入,因为PS必须点了右边图层栏的图层之后,才能进行移动以及其它操作,命名之后,日后修改的时候便于找到是哪一张图。

笔刷的概念

笔刷是photoshop中的一个工具之一,它是一些预设的图案,可以以画笔的形式直接使用。

笔刷的安装,看图操作:(点画笔工具,点工具属性设置画笔,点小面板的小齿轮,点载入画笔。)

www.16xx8.com_jc095687_27.jpg

在网上事先下好的笔刷,点击打开即可。

www.16xx8.com_jc095687_28.jpg

笔刷的使用:新建一个空白的背景,然后将画笔调出来。

www.16xx8.com_jc095687_29.jpg

修改笔刷的颜色。

www.16xx8.com_jc095687_30.jpg

设置前景色为你想要的颜色即可。然后选择一个你喜欢的笔刷,我选的是星星图案笔刷,然后在背景上点一下。效果如下:

www.16xx8.com_jc095687_32.jpg

之后可以自己改变一下画笔里面的设置感受一下,例如我调了一下间距,然后使用星星笔刷画一条曲线,间距为百分之一的时候,效果如下:

www.16xx8.com_jc095687_33.jpg

间距为百分之115的时候:

www.16xx8.com_jc095687_34.jpg

百万富翁可以发现画出来的图和画笔工具里面右下角的那个图是不是很像?其实右下角就是你用你选择的画笔画一条曲线的预览效果啦。其余的设置大家可以自己改变一下,都可以很直观的感受出每个设置的作用和效果。

小提示:画错了可以直接用橡皮擦擦掉。前提是:橡皮擦设置的背景色和你使用的背景颜色相同。

PNG的概念

PNG,图像文件存储格式,其设计目的是试图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。

它和JPG最大的区别在于JPG有背景,PNG只有主体

www.16xx8.com_jc095687_35.jpg

PNG的制作

有很多时候我们在网上找到的好看的图,它们的格式并不是PNG的时候,我们应该怎么办呢?这个时候我们就要利用上次提到过的抠图。

打开一张图片,用魔棒工具选中粉色背景的部分。

www.16xx8.com_jc095687_36.jpg

然后SHIFT+COMMAND+I 或 SHIFT+CTRL+I 反向选择,点击调整边缘,点击智能半径。

www.16xx8.com_jc095687_37.jpg

然后点击SHIFT+COMMAND+J(WIN:CTRL+J)复制图层,把背景前的小眼睛去掉之后,保存图片。

www.16xx8.com_jc095687_38.jpg

再次回顾一次保存图片的方法:

www.16xx8.com_jc095687_39.jpg

www.16xx8.com_jc095687_40.jpg

www.16xx8.com_jc095687_40.jpg

www.16xx8.com_jc095687_41.jpg

完成效果:

www.16xx8.com_jc095687_42.jpg

使用PNG的方法和JPG的一样,直接拖进图片里面就好了,就不再演示了。

等间距的拼图

我们需要做的是先把你要拼的图片,全部放在一个文件夹里面,并且裁剪成相同的比例。

然后调出标尺:

www.16xx8.com_jc095687_43.jpg

第一种方法:

视图 - 标尺(CTRL+R),
画面显示标尺后,可以直接用鼠标左键按住刻度线拖到你想要的位置,辅助线的距离你可以参考标尺(放大会准确些),可以直接用选择工具移动辅助线,辅助线为避免无意中被移动,你可以:视图 - 锁定参考线。

第二种方法:视图 - 新建参考线,这个新建的参考线位置非常准确。

这里演示的是第二种方法:

www.16xx8.com_jc095687_44.jpg

PS辅助线怎么用

1、从横标尺或坚标尺可以分别拖出横竖的辅助线,在拖动过程中按ALT键可以临时切换横竖辅助线。

2、在左上角的区域按住鼠标可以拖出十字辅助线。

www.16xx8.com_jc095687_45.jpg

www.16xx8.com_jc095687_46.jpg

如何清除辅助线?

将鼠标放在标尺线上,往标尺线方向拖动,如下图所示,拖到标尺线以外就可以了。

www.16xx8.com_jc095687_47.jpg

另一种方法:直接删除动作,将历史动作面板调出来,调出来之后,选定相应的动作删除即可。

www.16xx8.com_jc095687_48.jpg

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以关注我们小程序,每天都有新教程:点我用微信扫一下
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

最新评论
乱世佳人:
我无意中发现了一些视频,视频中这个女的被好多好多人强奸了,这个女的真可怜,但当老师时被学生强奸,为了生活,她又去当护士,又被病人强奸,好不容易找了个监狱的工作,还要被犯人强奸,就连回家坐个公交车都被无数个乘客强奸,我掌握了大量的证据,我决定去报案,如果你们不相信可以留下邮箱,我把证据发给你们。
2019-01-04回复
Tan:
我无意中发现了一些视频,视频中这个女的被好多好多人强奸了,这个女的真可怜,但当老师时被学生强奸,为了生活,她又去当护士,又被病人强奸,好不容易找了个监狱的工作,还要被犯人强奸,就连回家坐个公交车都被无数个乘客强奸,我掌握了大量的证据,我决定去报案,如果你们不相信可以留下邮箱,我把证据发给你们。
2019-01-04回复
卡哇伊的小小:
我无意中发现了一些视频,视频中这个女的被好多好多人强奸了,这个女的真可怜,但当老师时被学生强奸,为了生活,她又去当护士,又被病人强奸,好不容易找了个监狱的工作,还要被犯人强奸,就连回家坐个公交车都被无数个乘客强奸,我掌握了大量的证据,我决定去报案,如果你们不相信可以留下邮箱,我把证据发给你们。
2019-01-04回复
美丽傲娇女:
老师:影响夫妻关系的事情有很多,小明,你举个例子?小明 : 不举
2018-05-31回复
2262692974:
老师:影响夫妻关系的事情有很多,小明,你举个例子?小明 : 不举
2018-05-30回复
Josie:
好棒 楼主要多多发教程哦~~期待
2017-05-26回复
PS教程自学网网友:
谢谢作者
2017-04-25回复
蛋无敌_:
该评论已删除
2016-05-12回复
天上谪仙:
和女朋友讨论王全安嫖娼。 我说:“这世道,好女人都被狗日了。” 女友:“那我算不算好女人?” 我竟无言以对…
2016-05-12回复
敖汉小伙:
该评论已删除
2016-05-11回复
压腿的加菲猫:
楼主在街上散步,突然发现地上有张毛爷爷,赶紧上前弯腰去捡,抬头看见一个穿齐逼短裙的妹子正愤怒的瞪着我,我未反应过来,妹子不由分说的“啪”声给我一耳光,骂道:“下流!” 我明白,她是误会我俯身偷窥她裙底了,我赶紧扬着刚捡到的毛爷爷正要向她解释,谁料我话未出口,妹子又啪的给我一耳光,“我呸!还给钱?特么的把我当什么了?” 然后,妹子拂袖而去...
2016-05-11回复
闹心的小鱼nice:
昨天看了一部视频,反映种植亚麻农户的心酸,视频开头就是FBI警告不准外流,以防止引起社会恐慌!片中一个种植亚麻的女的没钱买衣服,一丝不挂;没钱吃饭,饿的倒在床上;表情很痛苦,嘴里还绝望的叫着:亚麻跌,亚麻跌!各位P友,难道亚麻价格最近真的大幅度跳水了?
2016-05-11回复
蝶月光:
大哥跟嫂子吵架,双方都找来人,看阵势要干仗。 开打前,我哥发话:“别动你嫂子,其他人使劲打。” 嫂子也发话了:“别打我老公,其他人随便打。” 其他人。。。
2016-05-11回复
依晨adn:
记得上小学6年级的时候,女生还没有穿罩罩,坐我斜对面的妹子袖口很大,于是上课的时候没事一直在研究,突然感觉谁在看我,通过另一个袖口看见一张猥琐的笑脸,相视一笑,各忙各的。你们有过这样的经历吗?
2016-05-11回复
莫子川丶:
今天趁着合租的女生在洗澡,偷偷的溜进了她的房间,拿起了她的内衣开始仔细的嗅了起来,当我正嗅的认真的时候她突然进来了,大声的问:你在干什么?我丢掉她的衣服,把她逼到墙角一个帅气的壁咚。她害羞的说:你你要怎么样?然后我两只眼睛深情的望着她的双眼,并且大声说到:你他妈是不是偷我洗衣粉了
2016-05-11回复
看得见的风景:
我无意中发现了一些视频,视频中这个女的被好多好多人强奸了,这个女的真可怜,但当老师时被学生强奸,为了生活,她又去当护士,又被病人强奸,好不容易找了个监狱的工作,还要被犯人强奸,就连回家坐个公交车都被无数个乘客强奸,我掌握了大量的证据,我决定去报案,如果你们不相信可以留下邮箱,我把证据发给你们。
2016-05-11回复
旗木瑾烟:
老师:影响夫妻关系的事情有很多,小明,你举个例子?小明 : 不举
2016-05-11回复
默念信仰:
备胎看见女神拿着一款类似于诺基亚的按键手机,认为她长得漂亮又不对物质有很高要求一定是个好女孩,觉得自己表现的机会来了。于是拿出自己积攒多年的1000多元,加上高利贷借来的5000多,为了自己的终身大事一咬牙买了一部传说中的iphone.准备送给女神,可是女神只当他是个傻吊,并蔑视的告诉他:你知道什么叫威图吗傻儿子!
2016-05-11回复