PS教程:梦幻星空海报制作

@伯毅狼:在网上看到一个很好看的海报,所以尝试着摸索分解了一下是怎么做的。现在我们来探讨下这个海报是怎么做的。如果有不足的地方,请指出改正,本狼一定认真改正。或者哪个朋友有更好的方法,本狼热烈欢迎与朋友们交流探讨!

首先我们来看下这个海报的原稿:

想想这个海报有哪些部分组成呢?1、“90’s”字样;2、霓虹灯效果的文字;3、星空背景;4、流星;5、其他文字;恩,就这些了。那么下面我们一样一样的来做,一定要耐心哦!

分解一:星空背景制作

首先我们打开帅气的PhotoshopCS6新建一个1000像素×1455像素,分辨率为72像素/英寸的文档,然后保存下。

选一张美丽的星空高清大图,导入到文档里,调整下大小和位置。比如这样:

看!多美迷人的星空,引人无限遐想……然后我们把这个迷人的星空做成LOMO风格的效果。个人建议用形状工具来做,为了方便以后修改。

A:用矩形工具拉一个和画布等宽等高的矩形,注意下,这里做出来的是形状而不是路径哦!

B:用椭圆工具,路径操作换成“减去顶层形状”,就是这样:

在矩形的中间减去一个椭圆,调整下位置和大小,只留下四个角落。

C:调出属性面板(窗口-属性),把这个形状图层羽化一下,调整下透明度和羽化值即可。

这样背景算是做完了,我们选中所有的图层,建一个图层组,命名为“背景”。之后我们每做一样就建个图层组。

分解二:“90’s”数字制作

其实做这个效果并不难,就是烦了点。所以大家一定要有耐心哦!

我们先来分解下这个9字,知道了一个数字的制作方式就容易多了,因为其他的都是同样的方法做出来的。

我们把这个9字分成了好几个面(关于这立体效果是怎么出来的,我在这里是抠图的,因为我这个字体。各位可以用各种方式来做,比如PS里的3D滤镜、AI的3D效果等。),我们一个面一个面的来做。每个面都用矩形工具哦!

我们先来做最顶上黑色的面。用矩形工具,拉一个矩形出来,颜色为#42f9ff,大小盖住黑色部分即可,然后转成智能对象,执行滤镜-杂色-添加杂色,设置如下:

给这个智能对象添加图层样式,设置如下:

渐变设置如下:

设置完渐变后,我们选中智能对象的图层,建立剪切蒙版,快捷键为:ctrl+alt+g或者alt+鼠标左键,就像这样:

效果如下:

就用这样的方法做好数字9 的每个面,不过请注意光影关系哦!大家要注意不断修改每个面的渐变数值,来加强立体感。效果如下:

做完每个面再来添加顶上那个面的边缘突出。我们可以把顶上这个面复制一层,放到最顶上然后设置填充为“无”,描边为1个像素(如果太细了就加粗,呵呵~~)。

描边设置如下,颜色为:#ffffff至#25dae5

形状的填充和描边设置是一样的,从左到右分别是:“无填充”、“纯色填充”、“渐变填充”、“图案填充”,最右边那个孤零零的……是可怜的拾色器。大家记住了哦!

设置完毕复制下这个图层,把描边的模式改成“纯色填充”,颜色为黑色,调整下不透明度,将该图层置于下一层,调整下节点即可。效果如下:

嗯,这样做好之后我们选中和数字9相关的所有图层,新建一个图层组,命名为9。方法有了,我们就这样把其他的也做完吧!记得建图层组哦!

这个分解的最后部分就是网格的制作了。我们新建一个40像素×40像素的文档,图层背景透明,然后画一个和画布等宽等高的矩形,描边为3像素,描边颜色为#55f4ef,填充为无。全选一下,定义为图案,保存后关闭(不保存也无所谓)。

我们回到海报的文档,用矩形工具拉一个大大的矩形,有多大呢,大到能盖住“90’s”的全部就行了。然后把这个图层的填充设置为“0”,图层名称改为“网格”并添加图层样式,设置如下:

盖住之后把这个大大的矩形转成智能对象,再自由变换,透视和数字的顶面一致就行了。

变换好了先别急着做其他的,我们把这个图层复制3次,因为其他地方也会用到。我们先把这4个图层链接起来,就像这样:

复制完了之后我们分别把这几个图层分配到数字“9”、数字“0”符号“‘ ”、字母“s”的顶面上,就是这几个面:

分配好了之后分别创建剪切蒙版,把网格塞进去,就是这样:

这个步骤做完之后我们再来看看效果:

嗯,感觉还挺像模像样的。现在知道为什么要把这4个图层链接起来了吧?啥?还不知道?是为了移动的时候4个一起移动啊,这样透视就不会变了。

分解三:霓虹灯效果

首先我们用钢笔工具在形状模式下画勾勒出这样的一个图形:

画完后把这个图层命名为“形状V”(其实大家随意啦),再添加一个图层样式,设置如下所示:

接下来我们做上面的图形和文字部分。由于没有原稿上的字体,我们就用其他好看的字体来替代吧,我这选择了Freehand521 BT这个字体。上面的图形也用钢笔在形状模式下勾勒出来哟!然后调整下位置及图层样式(样式和形状V基本是一样的,稍微调整就行了)让这些和形状V图层对好就OK了。

回到“形状V”图层,添加蒙版,把应该被数字盖住的地方给遮盖掉。

貌似有地方看起来不和谐啊!

这里我们看到红圈内有不科学不和谐的地方,非常影响美观。不要急,我们再次打开形状V的图层样式,在“混合选项”里勾选“图层蒙版隐藏效果”即可,如图所示:

分解四:天马流星拳

哈哈,这里当然不会是拳法啦,只是流星的绘制而已。用自定义形状工具,选择里面的雨滴形状,按住shift键拉出一个雨滴形状,垂直变化下,把形状的颜色改成渐变填充,渐变从浅蓝色到透明(此处颜色可自定),效果如下:

01:用钢笔工具把下面的节点拉长,做出流星尾巴的样子;

02:复制该图层,颜色填充的渐变由“浅蓝到透明”改成“白色到透明”,然后调整下大小和位置,让该图层看起来小一圈;

03:选中这俩图层,转成智能对象,命名为“流星”,添加外发光的图层样式(稍微发点光就行了)。然后根据近大远小的透视关系,调整下流星的角度和流星组的数量及大小。

最后我们在数字9和数字0与形状V相近的面上添加一个反光,建议数值#ea289b。同样的,用形状哦!然后转成智能对象。大家或许注意到了,本教程里,反复提到用“形状”、“智能对象”的字眼,这样做的目的是为了方便以后修改。之后置于剪切蒙版内,比如这样:

转成智能对象后,调整透明度,高斯模糊下,数值随意,让反光看起来自然点就可以了。

最后的最后,添加文字和签名,还有闪闪的光芒(光芒可以用笔刷来做,怎么喜欢怎么做)。呼~~~OK了,全部完工,效果是不是很棒呢?

作者:@伯毅狼

xueui.cn 学ui网发布高质量ui设计教程和设计分享,希望打造一个最好的ui学习教程平台!QQ群:36013311

转载请注明:学UI网»PS教程:梦幻星空海报制作

(0)

相关推荐

  • PS教程:快速制作木质图标外框(附带PSD源文件)

    快速制做了个木质图标外框样式,方法很简单撒~@milaky在这说下制作的步骤.~^^~ ~喜欢的话可以打开PS一起来做吧~ 第一步: 建立一个900*700px的文件,绘制一个825*700矢量矩形, ...

  • 【PS教程】如何制作纸纹肌理效果?

    这里讲述纸纹肌理效果的制作方法 操作方法 01 置入一张图片,或者填充一个颜色. 02 选择[滤镜]菜单--滤镜库 03 展开[纹理]--选择[纹理化] 参数根据自己需要调整,确定. 04 最终效果如 ...

  • ps教程Photoshop简单制作漂亮的火焰效果

    魔鬼的火焰,本来做的这个想要当教程的,不过电脑断电,于是重新做了个. 操作方法 01 首先新建一个背景为黑色的图片文件.导入自己要做的图片或者文字. 02 在自己导入的图片图层操作右键,"混 ...

  • 如何制作电商视觉海报(ps教程)

    今天小编给大家带来的事电商海报的制作教程,包括设计前的构思,设计中的操作,和设计稿的美化,可以说是广大电商设计师的福音,文章结尾还放了源文件哦,大家可以下载下来研究一下. 站酷 原文作者:巧匠视觉 其 ...

  • ps教程:制作金属铁链链条效果图

    ps教程之如何制作一条金属链条,一条银色的金属铁链牢牢锁住,图文广告设计必须掌握技巧,希望能帮助到大家. 操作方法 01 打开图像处理软件,按PS快捷键CTRL+N新建RGB文件,并建立图层一,用圆角 ...

  • 快速打造超炫星空特效(ps教程)

    寂静的夜晚总是充满神秘感,不管是夜空中最亮的星,还是躲在云朵下最温柔的月牙,总是能让我们浮躁的心灵回归平静.从学习 UI设计那天开始,就一直追求超炫的特效,小编今天教大家用photoshop快速打造超 ...

  • 三种视觉海报的制作(PS教程)

    小编:今天给大家带来的是由设计派分享的三种视觉海报的制作(PS教程),一起来学习学习如何快速打造吸引人眼球的海报的制作方法吧! photoshop是现在制作海报的必要软件.制作海报要的不只是有一个好的 ...

  • ps海报制作教程

    相信很多小伙伴都会简单的ps软件使用,PS不仅会用作我们业余的使用,而且在很多专业上的海报设计上也会使用到ps.比如制作海报就是ps的常用功能之一.所以今天小编给大家带来一个简易的教程,即ps海报制作 ...

  • PS文字特效炫酷海报制作

    photoshop文字特效炫酷海报制作 操作方法 01 运用photoshop制作文字特效炫酷海报,下面是要用到的素材 02 PS教程:文字特效炫酷海报制作3D特效平面设计 上集 03 PS教程:文字 ...