当前位置:首页 > PS教程 > 设计教程

ps设计绚丽渐变主题的海报

  • 2020-03-11 08:39:58
  • 来源/作者:互联网/佚名
  • 己被围观

这个系列的教程全部是来自于 Studio–JQ 的 Made-You-Look 系列。我们姑且称之为配色排版教程。今天是这个系列的第一个。

Studio–JQ 是一家位于英国的设计工作室,它是一个独特的品牌传播机构,由 Jonathan Quintin 所领导,他擅于运用排版及图形,其设计风格独树一帜,在排版的运用上和图形的理解上,可以说是出神入化,极具视觉张力。他的作品,我们有推送过,相信大家不会陌生,以前也有很多人问过这样的海报怎么做,现在我们决定推出这个系列的教程。

这个系列的教程全部是来自于 Studio–JQ 的 Made-You-Look 系列。我们姑且称之为配色排版教程。今天是这个系列的第一个。

首先是 Studio–JQ 的原作和我们的山寨对比,我拿到的图片是800X600像素,我做成1200X900像素了,可能在细节上做不到完全一致,但是大致的意思是这样,下面就跟着我们一步一步的来完成这个配色排版海报吧!

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

首先,新建文档,尺寸是1200X900像素,创建一个渐变调整层,我们首先来做渐变背景。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

下面,用矩形工具画一个颜色为#7435f8的矩形,作为我们的海报主体,看上去,矩形是不是有点像渐变,其实只有一种颜色,这只是眼睛的错觉而已,然后我添加了一个投影图层样式,在投影样式中,我调整了等高线。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

接下来,我复制了一层矩形,下移一层,将填充修改为0,重新调整了投影样式的参数,注意投影的图层混合模式。(这一步是为了照顾低版本的朋友,如果使用高版本的朋友,直接添加两个投影样式即可)

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

下面,用椭圆工具画一个圆,然后添加图层样式。(既然是临摹的话,就需要好好揣测下原作者的心思,看看人家到底是操作了什么,放大原图的话,我们可以看到原图的圆是有一个小小的描边,不放大,可能你并不会注意到)

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

复制这个渐变的圆,右键清除图层样式,并将颜色修改为#ff28a9,并添加蒙版。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

右键将这个复制的圆转换为智能对象,为其添加一个动感模糊,并用蒙版辅助,使其良好过渡。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

复制那个红黄渐变的圆,置于顶层,将描边的样式去掉,执行一个动感模糊。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

创建一个图层组,将这几个圆都包括进去,为了防止动感模糊后,有超出矩形的部分,所以,我给它添加了一个矢量蒙版。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

下面,添加文本,这个不用过多讲吧,我懒得再弄字体,就没有用跟原图一样的字体,直接思缘黑体,这里需要注意的是,为这个图层组添加一个描边样式,如果你仔细观察了原图你就知道。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

接下来,添加这些方块,操作手法很简单,就是画矩形,然后修改不透明度,动感模糊,这里不多说,大家自行尝试一下。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

接下来,添加这些0.5/0.1的文本和直线,那些直线适时的给点蒙版,文本和直线适当的调整不透明度即可,一样的还是给它一个描边。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

下面,新建个图层,填充黑色,将图层混合模式修改为线性减淡(添加),尔后添加杂色,然后创建一个图层蒙版,涂抹成跟原图一样。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

现在,我们回到渐变背景那里,把背景上的白色方框和文本做上去,一样的添加一个描边样式。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

至于这个蓝色的条状,除了动感模糊之外,还添加了一个高斯模糊。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

文本和白线条状下面,同样的只是复制了一层,执行了动感模糊。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网

到这里,就算是完成了,可能讲的不是那么的清晰有条理,但是,如果你跟着做的话,我想你会明白的,如果还是不明白,那可以看看我们所提供的PSD。

Photoshop设计绚丽渐变主题的海报教程,PS教程,PS家园网


(责任编辑:极限)

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG) 海报 渐变 绚丽

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?