当前位置: 手机中国论坛 > 兴趣论坛 > 谈天说地 > 杂谈 > 帖子正文

[杂谈] PS简单实用制作帖子导读图小技巧

2016-11-03 15:49:07 1580 评论(31)

最近看到好多坛友的文章里面喜欢放一张文章导读图,也有朋友问到怎样去制作导读图,因为牛哥哥会一丢丢的PS,所以在这里分享一下简单制作帖子内导读图的小技巧。

在末尾分享PS文件以及一些常用中文字体,需要的朋友可以自行下载安装使用。

首先打开PS软件,里面的一些工具就不一一介绍了,就简单说一下怎样制作一个帖子内的导读图。

原创最简单的 iOS 9.2 - 9.3.3抹掉所有内容 修复Cydia教学这篇内容为例

首先,找好素材,因为本内容为教程类文章,文章内并没有可以直接去用的素材,所以这种情况下就需要自己去搜集素材,因为平时做图积累了不少素材,所以我就在自己的素材库去找寻合适的素材了。

【图片1】PS简单实用制作帖子导读图小技巧

一个iPhone的外形图,一张iPhone界面图(为了与文章内容相符,所以采用的是文章内出现的截图),再有一个合适的背景就可以了。

准备工作完成后就开始操作吧。

根据自己的需求建立新的文件,这里用到的快捷键是Ctrl +N

根据自己需要的尺寸建立新文件,点击确定就可以来发挥自己的想象了。

【图片2】PS简单实用制作帖子导读图小技巧

首先把自己需要的原材料拖进软件后放到建立好的文件中,将背景素材放置到文件的最下面的图层中。

背景要根据自己想要的主色调以及本文章的类型来选择,因为本篇内容是一篇严肃的教程类文章,所以色调选择的是冷色调的蓝色背景,为了防止操作出现错误所以将图层进行复制一个备用,将背景图片进行虚化处理,因为我习惯用高斯模糊,模糊效果也是我想要的。

根据自己想要的模糊效果来调节半径像素,所有拖动即可。

【图片3】PS简单实用制作帖子导读图小技巧

将背景处理好之后就是表达该文章内容的时候了。

将手机外形图剪辑好了之后拖动好新建的文件中。因为除了外形其他是我们不想要的所以这里要用到魔棒来选择,连选按住Shift即可。也可以搭配选框,方法很多,就看自己的操作习惯了。

【图片4】PS简单实用制作帖子导读图小技巧

这里介绍一些操作的快捷键

CTRL + A 是全部选中该图层图片

CTRL + T 选中该图层图形,可进行拖动调整。按住Shift键可以等比拉大或缩小(需拖动对角线)

CTRL + D 取消选区

CTRL + Shift +S另存为文档

V是移动快捷键

E 是橡皮擦

M是选框

L是套索工具

B是笔刷工具

Z 是放大缩小(MAC直接用两指在触摸板上操作即可)

T是输入文字工具也是常用的快捷键

CTRL + Shift +I是选区反选

CTRL + C/CTRL + V复制/黏贴

基本上就能用到这些快捷键,一般在左侧都会有这些工具,但是为了效率等原因,使用快捷键更方便一些。

基本搭配做好了,剩下的就是输入文字以及做一些装饰了

【图片5】PS简单实用制作帖子导读图小技巧

文字的搭配方式是一张图最好只用一种字体,且字体的选择要和内容相关,是一篇摄影类的文章和一篇教程的字体是有些许差别的,就像不同的人会搭配不同的衣服和首饰是一样的道理。

整个图片的色彩搭配上尽量以同一色系为主要配色,当然高手可以使用一些撞色或大胆的颜色搭配。

文字排序以及大小

【图片6】PS简单实用制作帖子导读图小技巧

最主要的核心词应该是本土中占比最大的,解释性文字需要做陪衬。

选择好文字的字体之后也可以再次调整

【图片7】PS简单实用制作帖子导读图小技巧

字体的颜色、大小、平滑度等都可以在上面的工具栏进行调整。也可以通过选择框来调整文字的大小,看自己情况而定。

【图片8】PS简单实用制作帖子导读图小技巧

最大的字是要告诉大家只是一个讲述什么的文章。

文字部分已经完成,但是看起来乱乱的,没有美感,这时候就可以加入以下装饰,图形、线条等。

加入装饰后看起来整个画面更加饱满了。

基本的操作就是这些。

最后保存好就可以了。

【图片9】PS简单实用制作帖子导读图小技巧

这就是最终最终呈现的导读图了

【图片10】PS简单实用制作帖子导读图小技巧

操作过程中肯定还会有很多这样那样的问题出现的,耐心研究一下都能够解决的。

以上是牛哥哥自己的一些方法和技巧。欢迎一起交流一起成长呀!

牛哥哥就不设置回复可见~(≧▽≦)/~啦啦啦

打包字体 链接: //pan.baidu.com/s/1jHJ71lG 密码: xcw5

软件安装包 链接: //pan.baidu.com/s/1b8s2uE 密码: scp6

【图片11】PS简单实用制作帖子导读图小技巧【图片12】PS简单实用制作帖子导读图小技巧【图片13】PS简单实用制作帖子导读图小技巧

不吐不快,我来说两句... 登录 | 注册

发布
相关评论 共31条相关评论
牛哥哥 LV.5 楼主 发表于:2016-11-03 16:09:05

【图片14】PS简单实用制作帖子导读图小技巧【图片15】PS简单实用制作帖子导读图小技巧【图片16】PS简单实用制作帖子导读图小技巧

回复
就内谁 LV.3 发表于:2016-11-03 18:43:47
学习了~~
回复
牛哥哥 : 就那谁,对,就是你哈哈~
回复
2016年11月03日
无名氏 LV.1 发表于:2016-11-03 18:46:16
【图片17】PS简单实用制作帖子导读图小技巧
回复
回复
2016年11月03日
英雄贝得罗 LV.8 超级版主 5# 发表于:2016-11-03 23:09:16

一直都想要导读图的教程,楼主终于发力了,期待楼主更多的PS教程!

回复
回复
2016年11月03日
笨s笨 LV.6 6# 发表于:2016-11-03 23:33:23
看不懂
回复
牛哥哥 : 需要一些入门才能看懂。
回复
2016年11月03日
草原安达 LV.3 7# 发表于:2016-11-05 07:42:00

牛哥哥,可以的。我一直用脑残秀秀~~~这下真的学习了。

回复
牛哥哥 : 美图秀秀也可以的,不过复杂点的就差强人意了。
回复
2016年11月06日
小水水666 LV.1 8# 发表于:2016-11-07 13:46:45
感谢楼主
回复
牛哥哥 : 不谢不谢
回复
2016年11月08日
微笑饮砒霜 LV.4 9# 发表于:2016-11-07 22:28:38

对我这种不爱学习的PS小白来说,赤裸裸的炫技,您这样子好吗?

回复
牛哥哥 : 这是简单的入门的哈哈,一点没有炫技的意思
回复
2016年11月08日
微笑饮砒霜 LV.4 10# 发表于:2016-11-07 22:29:56

忘记问了,我只会光影魔术手,字体怎么搞进去,怎么也弄不来,悲催啊!

回复
牛哥哥 : 是把字体打出来?还是把字体放到PS里面?
回复
2016年11月08日
微笑饮砒霜 LV.4 11# 发表于:2016-12-01 22:46:05

看不懂的路过!

回复
牛哥哥 : 慢慢研究就能看懂了
回复
2016年12月02日

您需要注册登录后,才能回帖哦! 登录 | 注册