在Photoshop中创建一个彩色复古主题的空间场景

Trevin是WebFX业务发展的高级总监。他参与了超过450个市场营销活动,20多年来一直在建立网站。他的作品曾被《搜索引擎之地》、《今日美国》、《快速公司》和《Inc.》收录。

预览

教程资源

  • 图片来源:Space Galaxy -桌面壁纸(桌面媒体)
  • 图片:131号母系(katanaz -母系)
  • 图片来源:vinyl_record (Refe Tuma)
  • 刷:高分辨率水彩Photoshop笔刷(Bittbox)
  • 笔刷:Halftone pack (Media民兵)
  • 图片:小捆包(媒体民兵)
  • 图片:球体(所罗门Sekani)

第一步:创建一个径向渐变层

首先,我们将创建一个新的Photoshop文档(3000x2281px, 300 DPI)。

创建一个径向渐变层

复制默认的背景图层,然后删除原始图层。

创建一个径向渐变层

给图层设置一个渐变叠加的图层样式(图层>图层样式>渐变叠加),设置如下(颜色:#dadada和#171616):

创建一个径向渐变层

创建一个径向渐变层

步骤2:添加银河背景

在这里,我们将开始构建背景。下载并打开空间银河-桌面壁纸,并将其放置在背景层上。调整它的大小以适应整个合成,然后设置其层的混合模式为覆盖

创建一个黑色椭圆

使用椭圆选框工具,在画布中间画一个圆。然后用黑色填充圆圈。

第四步:添加场景的主题

下载并打开女性股票131。将主题放入画布中,使用自由变换(Ctrl/Cmd + T)调整她的大小,然后将她定位在我们在上一步创建的黑色椭圆的合成中心。然后在主题图层上添加图层蒙版。

Ctrl-click/Cmd-click在圆形图层上加载圆形周围的选区。

反转选区(选择>逆),并蒙版去除掉圆圈外的主体部分,点击图层>图层蒙版>全部隐藏。

第五步:准备并添加黑胶唱片

下载并打开这个vinyl_record映像。我们需要在将图像放入主文档之前对其进行裁剪。使用椭圆选框工具,在记录上画一个圆,然后,在一个新层,用任何颜色填充椭圆选区(如黑色)。

在圆圈周围加载选区(同样通过ctrl -点击/ cmd -点击图层面板中该图层的缩略图),然后关闭该图层的可见性。点击黑胶唱片层使其成为活动层,然后复制粘贴到我们的主合成。移动黑胶唱片层下面的主题的层,并使它稍微小使用自由变换(Ctrl/Cmd + T)缩小。

第六步:添加更多的设计元素

让我们添加更多的设计元素,并致力于作品的组成。用矩形选框工具(M),画一个细长的矩形。创建一个新图层。

用黑色填充长而细的矩形选区,然后把它放在一个角度上,穿过主题。

Ctrl-click/Cmd-click在矩形层上创建一个矩形周围的选区。关闭矩形图层的可见性。

点击主题层,使其成为活动层。给图层蒙版,点击添加图层蒙板然后使用笔刷工具(B),前景色为黑色,隐藏矩形选区内的主题部分。

修改你的笔尖,使其具有100%的硬度。

在你画的线下面继续遮盖被试身体的整个下部。再次打开矩形图层的可见性。

复制黑胶唱片层两次。

把这两个图层都放在主题图层下面。增加第一个复制的黑胶唱片的规模,然后遮罩的部分以上的对角线矩形。减少另一个复制的黑胶唱片层的大小,然后也掩盖掉它的顶部部分,上面的对角线矩形。

复制对角线矩形层,并将复制下面的黑胶唱片层。将复制的矩形向右移动(使用下图作为参考)。复制主题的图层和对角矩形图层下面的副本。

在图层上添加一个图层蒙版。在图层蒙版上使用笔刷工具(B)隐藏对角矩形上面的区域,显示它下面的部分。记住,在图层蒙版上,黑色隐藏和白色显示,所以根据你需要的改变你的笔刷的颜色。

步骤7:增强设计元素

让我们平滑对角线矩形的边缘,并通过赋予它们阴影来增加更大的深度感。使用硬度为0%的橡皮擦工具(E)在对角矩形的边缘擦除它们的锐度。

然后,在最上面的主题层后面新建一个图层。

使用硬度为0%,前景色为黑色的笔尖绘制阴影。这样做的黑胶唱片层和任何其他你认为应该有阴影。

用钢笔工具创建对角线

调整您的笔尖到以下设置:

切换到钢笔工具(P),在一个新图层上,画一条水平线。在路径上单击鼠标右键,然后选择中风的路径从出现的菜单中。

在描边路径窗口中,确保刺激的压力选项未选中,然后按确定来描边路径。新建一个图层,用5px的笔刷重复这个过程。

完成后,使用自由变换旋转它们,使它们与黑色对角线矩形平行。

在图层面板中选择合并两个线条图层,然后点击图层>合并图层(Ctrl/Cmd + E),复制合并的图层。根据需要调整副本的角度,然后将其放置在最接近画布底部的对角线矩形上。

给黑圈一个渐变叠加

为了使我们之前创建的黑色圆圈和它的背景相协调,让我们给它一个渐变叠加,用类似于星系背景的颜色。给黑色圆圈图层添加渐变叠加图层样式,颜色:#000000和#380429。

步骤10:创建交叉

现在我们要在不同的设计元素之间做一些有趣的交叉。使用钢笔工具(P),在第一组两条线之间的图层上创建一个围绕主题衣服的路径,确保没有选择她的皮肤。将路径转换为一个选择,右键单击它,然后选择做出选择从出现的菜单中。

复制黑胶唱片层,并将该层放在选定区域的下方,确保旋转黑胶唱片,以便可以看到反射区域。使用图层蒙版来隐藏选定区域之外的黑胶唱片部分。

点击最底部的主题层(记住我们有多个层次的她)。

用同样的方法,在她的裤子的第一行和第二行之间进行选择,确保边缘不露出圆圈。

使用笔刷工具添加纹理

下载并安装高分辨率水彩Photoshop笔刷刷库。确保活动层仍然是最下面的主题层。切换到画笔工具(B),通过选择一个合适的油漆笔尖来设置它。

添加一个图层蒙版,使用笔刷蒙版她腿周围的底部区域。把笔尖的颜色改为白色,露出小腿,给它一些纹理。你可以尝试不同的笔尖,直到你得到你喜欢的效果。

复制主题层的最顶层。用自由变换将它放大,并向右旋转一点。

使用相同的方法给这个图层一个纹理。

步骤12:创建半色调元素

我们将模拟半色调效果,并在此步骤中添加它作为设计元素。在主题层和半色调元素的黑胶唱片层下创建几个新层。

下载半色调包,使用半色调刷,开始添加半色调到新的层。

步骤13:创建草图

在最上面的一组线条下面创建一个新层。使用钢笔工具(P),在主题stock层周围勾画轮廓。我们想要做的是给她一个素描,超现实的外观,所以用适当的笔尖描路径。

复制你刚刚创建的轮廓层,然后使用移动工具(V)将副本移动到右边。将图层的不透明度降低到42%。

步骤14:添加光滑的光条纹

现在我们将创建一些光滑的灯光效果。使用多边形套索工具(L),在画布的中心创建一个选区,如下图所示:

使用硬度为0%的大笔刷,前景色为白色,沿着选区的直边笔刷。

取消选择套索选择选择>取消选择(Ctrl/Cmd + D)。

使用橡皮擦工具(E)平滑它的边缘。把光条纹平行于你之前做的线。

复制光条纹,并将副本移动到构图的各个区域。

步骤15:画一个更大的圆圈

复制黑色圆圈层。使用编辑>变换>缩放来使重复的黑圆变大。

双击图层,进入图层样式窗口,改变图层的不透明度为0%。

在这个图层上修改渐变叠加图层的效果;它应该已经有一个了,因为图层样式在复制层时自动复制。更改渐变叠加的混合模式选项为覆盖并检查反向选项,以扭转梯度。

步骤16:添加动态光效果

,下载并打开其中一个图像小捆包.将小精灵图像放置在主题图层的下方。更改图层的混合模式为屏幕

使用橡皮擦工具(E)删除多余的边缘。你想要完成的是创造一种错觉,光线沿着被摄主体背部的轮廓和轮廓移动。

从Wisps包中打开另一个图像。

把它放在受试者的下半身(腿和大腿上部)。将混合模式更改为屏幕.改变色相(图像>调整>色相/饱和度)为-57。同时擦除任何多余的边。

步骤17:创建动态阴影

创建一个新的曲线调整层(层>新调整层>曲线)。在调整面板中,按照下图修改曲线。它的作用是让场景变暗一点。

用黑色填充调整层的图层蒙版。使用低透明度(30-40%)的白色笔刷在阴影上绘制,以显示在它们上面的调整层的部分。根据需要改变画笔的大小,这样你的图层掩蔽工作就会尽可能的干净。

步骤18:创建一个大气小装饰效果

复制星系层,并将复制的层放在所有层上。更改图层的混合模式为屏幕

在图层上添加图层蒙版,并蒙版去除了星系的外边缘,形成一种小插图的效果。

创建一个“次元变换”效果

我们将创造一个我喜欢称之为“次元转移”的效果。首先,创建一个新图层。用矩形选框工具(M)在画布的中心画一个水平矩形。

用油漆桶工具(G)将矩形区域填充为黑色。

放置黑色矩形层后面的主题和黑胶唱片层。使用自由变换,平行于我们之前做的线旋转矩形。

在黑色矩形图层上面创建一个新图层,然后选择图像>应用图像。这会将所有可见层合并到新层中,而不会永久合并其他层。

右键/Control-click合并层,然后选择创建剪切蒙版从上下文菜单。

这一层将成为下面一层的图层蒙版。你知道当图层上有一个箭头表示它连接到它下面的图层时,剪贴蒙版就创建了。

接下来,移动剪切蒙版一点,创建“维度转移”效果。

一旦你得到了你喜欢的效果,使用橡皮擦工具擦除矩形的边缘。

复制矩形和剪切蒙版,并将其移动到图像的下方。再一次,移动剪切蒙版,直到得到想要的结果。

重复这个过程,但这次,创建一个更细的黑色矩形。

添加更多光滑的光条纹

使用我们在步骤14中谈到的技术,在场景的底部创建两个更圆滑的光条纹,为构图带来额外的平衡。

步骤21:添加球体

让我们通过缩小现场的大小和深度技术来创造一种深度感。我已经包括了一个黑色圆形球体的库存图像,你可以在这里下载.你可以自己创建这些球体(如果你愿意),使用可以创建3D对象的软件。

我们需要在球体周围创建一个选区。要做出选择,进入通道面板(窗口>通道),然后单击Alpha通道。点击加载通道作为选择面板底部按钮;它有一个虚线圆图标,通常是最左边的按钮。

这创建了通道中所有白色区域的轮廓,这些区域恰好是我们的球体。

重新选择RBG通道点击它,并确保Alpha通道不再被选中。切换到图层面板,你应该会看到选区仍然是活动的。

复制并粘贴球体到我们的主文档。

使用矩形选框工具(M),在它们周围画一个矩形,选择单独的球体,然后使用移动工具(V)将它们移动到场景的不同区域,确保修改它们的大小。

如果你想要三个以上的球体,复制粘贴。

把它们排列起来,这样你在构图中就有一种平衡感和深度感。

使用高斯模糊(滤镜> Blur > Gaussian Blur),半径为27px。这使球体变得模糊,给人一种球体位于图像前景的错觉。

步骤22:改善场景的照明

创建一个新图层。点击Image >应用图像,将所有可见图层合并到新图层中。复制此图层(Ctrl/Cmd + J)。

将一个图层重命名为“glow”,另一个图层重命名为“High Pass”,以保持我们的工作井井有条。

在“发光”图层,选择滤镜>风格化>发光边缘。

将混合模式更改为屏幕并将不透明度降低到50%。

创建一个图层蒙版,使用一个黑色的大笔刷作为你的笔刷颜色,蒙版发光边缘的区域是不必要的。

在High Pass图层,选择Filter > Other > High Pass,确保Filter的半径设置为8px。然后,降低该层的不透明度为45%。

步骤23:创建一个“RGB分割”效果

现在我们要添加(我喜欢称之为)“RGB分割”效果。首先,将文件保存为JPG (file > save as)。保持Photoshop文档打开。

重新打开刚才保存的JPG文件。进入频道面板。切换到移动工具(V)。

单击红色通道选择它,然后通过按一次左箭头键将它移动到左边。单击绿色通道,并通过按一次右箭头键将其移到右边。最后,选择蓝色通道并通过按向上箭头键将其向上移动一次。

使用径向模糊来提高深度

接下来,我们将通过应用径向模糊滤镜来进一步增加深度感。仍然是JPG版本的作品,复制我们应用“RGB分割”效果的图层。在复制的图层中,点击滤镜>模糊>径向模糊。

增强焦点

让我们确保建立我们的焦点;我们将使场景的中心成为焦点。用径向模糊滤镜在该图层上创建一个图层蒙版。使用一个硬度为0%的大笔刷,黑色作为你的笔刷颜色,遮罩掉径向模糊的中心,直到只有边缘和主题的一部分保持模糊。

增强场景的颜色

我们将通过增强整个场景的颜色来完成。添加一个渐变贴图调整层(图层> New adjustment layer > Gradient Map)。确保渐变贴图的颜色是黑色和白色。

改变调整层的不透明度为19%。

制作另一个渐变贴图调整图层。点击渐变打开渐变编辑器窗口。

选择紫色,橙色梯度预设。

使用下面的颜色:#000000和# a90bb7再创建一个渐变贴图调整层。

全部完成!

教程汇总

这个Photoshop教程涵盖了相当多的技术。如果你刚刚开始使用Photoshop,那么我相信你的图层蒙版技能已经经过了测试!我们使用画笔工具创建了许多效果,包括“维度变换”、“RGB分割”效果和纹理。

我们应用了调整图层,使用通道面板来进行选择和创建有趣的效果,添加了半色调效果和球体等设计元素,以及很多很多。我希望你能学到一些可以在日常设计工作中应用的技巧。

下载源文件

  • retrospace_scene (ZIP, 218 MB)

WebFX职业

加入我们的使命,为全球企业提供行业领先的数字营销服务——同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!