预览
教程资源
- 股票图片:美丽性感的女人在iStockphoto.com上
- 矢量文件:Circle_Fragments.eps通过Eric Vasquez(这是我)
- 图片来源:Casperium
第一步:在Photoshop中创建一个新文档
我们将在Photoshop中创建一个新文档(Ctrl/Cmd + N)，它是一个常见的面向景观的海报大小- 24×18”。这是一个作品，我想创建一个足够大的格式，以便它可以减少以后，如果需要。
2 .孤立的美
接下来，我们要打开美丽性感的女人股票的形象。你可以在iStockphoto.com上花几个积分购买这张图片。任何好的头像照片都可以用于此，你甚至可以把自己或朋友作为我们这篇文章的主题——现在这听起来是个有趣的主意!
我们想要从这张漂亮的照片中去除背景，但这可能有点棘手，尤其是当试图去除头发之间的空隙时，因为库存照片没有纯纯的背景色(所以如果你拍的是头像照片，而不是我用的库存照片，试着站在纯色背景后面)。我们有很多方法可以做到这一点，关于这个问题也有很多指南，所以我鼓励你使用你觉得最舒服的方法。你可以使用魔术棒工具(W)，一个图层蒙版，或钢笔工具，只是命名你的一些选项。
第三步:拖放N ' Drop
一旦我们将主题从背景中分离出来，我们将简单地将图层拖到空白文档中。如果您正在使用这个特定的图像，您可能需要调整它的大小，以便它能很好地适应文档。如果你使用的是一个小图片，你可能想把它放到一个更小的文档中，这样当你想放大它的时候，它就不会变成像素。
第四步:填充背景
接下来，双击背景图层解锁，使其可编辑。双击背景图层，你现在应该看到你的图层样式对话框窗口。选中颜色叠加框，选择纯黑色(#000000)，将背景层填充为黑色。
我们用这种方式改变背景颜色，这样我们以后就可以很容易地修改它，而不必使用油漆桶工具(B)或填充命令。
步骤5:创建自定义模式
我们将后退一步，从头开始创建一些东西，我们将使用一点。首先，新建一个20x20px的Photoshop文档。我们希望背景是透明的，所以在background Contents选项下，选择transparent。
如果你在创建新文档的时候忘记选择透明选项(别担心，我们都这么做)，没关系，只要双击背景层解锁它，然后关闭它(或删除它)。在背景图层上面新建一个图层，然后使用矩形选框工具(M)，创建一条1像素的细线，从上到下垂直。旋转这条线，使每一端都在左上角和右上角，形成X形的一半。
复制该层按Cmd/Ctrl + J，然后旋转复制的线完成我们的X形状。
合并线选择顶部图层，然后按Cmd/Ctrl + E(图层>合并下的键盘快捷方式)。快捷键非常节省时间，我经常使用(你也应该使用)!
我们现在要做的是点击编辑>定义图案，根据我们的X形状创建一个Photoshop图案。
您将被要求保存您的模式与名称;你可以叫它任何你喜欢的名字，但是为了简单起见，我将把这个图案命名为“x pattern”，然后点击OK按钮保存它。
在定义了模式之后，您可以关闭这个文档(不需要保存它)。
稍后您将看到我们创建这个模式的原因。
步骤6:启动Illustrator
回到我们的Photoshop主文档，关闭照片主题图层的可见性。现在你应该看到的是黑色背景层;我们稍后再回来讨论这个问题。接下来，启动Illustrator并打开Circle_Fragments.eps我已经在本教程中为您创建并提供了一个文件。
当你在Illustrator中打开文件时，你会注意到所有的对象都是散组的——这样做的原因是我们想把它们一次一块带进Photoshop，因为我们将对每个形状应用各种不同的效果。
选择圆碎片的最外层，然后复制这个形状，然后回到Photoshop并粘贴到我们的文档中。当你被提示与对话框窗口询问你想如何粘贴它，你可以接受默认的矢量智能对象选项，只需点击OK按钮;这将把第一个形状粘贴到文件的中心。
通过选择矢量智能对象选项，我们可以在没有任何质量损失的情况下调整这些形状的大小，这是我们需要做的，一旦我们引入了其余的部分。
继续这个过程，从Illustrator复制粘贴到Photoshop，逐渐重建形状，一层一层。我建议你先从外面开始，然后从里面开始，这样才能保持整洁。
将所有矢量形状粘贴到文档中后，应该会得到如下图所示的图形。
现在我们可以关闭Illustrator并继续教程的其余部分。
第七步:做大
回到Photoshop中，选择我们刚刚引入的顶部矢量形状图层，按住Shift键。按住Shift键，选择底部矢量形状图层。接下来，我们将按Cmd/Ctrl + T启动自由变换命令。
将光标移到一个角上，同时按住Shift + Alt，开始向外拖动，从中心向外放大所有矢量形状。通常情况下，按住Shift键会按比例放大我们选择的任何角落，但如果按住Alt键，我们会从中间放大形状。将它们放大，使它们的大小与下图中的形状大致相同。
步骤8:应用我们的自定义模式
关闭所有的矢量形状图层，除了最下面的图层，这应该是我们从Illustrator中引入的第一个图层。按住Cmd/Ctrl键并点击图层面板中的小图标-它会给你一个围绕形状的活动选框。
当这个选区仍然是活动的，创建一个新的层，要么点击在图层面板底部的创建新层图标，或按下Cmd/Ctrl + Option/Alt + Shift + N -这是一个很长的键盘快捷键，但它真的很方便的时候，像这样的时间!
在创建这个新图层之后，选区应该仍然是活动的。从下拉菜单到编辑>填充(Shift + F5)。当对话框出现时，将Use选项改为Pattern，正如你所猜测的，我们现在将滚动到我们的模式的底部，在那里我们最终会找到我们之前创建的“x模式”。
按确定将这个自定义图案应用到我们刚刚选择的矢量形状上。
步骤9:设置自定义模式的样式
接下来，就像我们之前对背景图层所做的一样，我们将双击我们刚刚创建的有图案填充的新图层。这应该会出现图层样式对话框，我们将再次选择颜色叠加，但这次我们想用纯白色(#ffffff)填充它。单击OK接受这些更改。
步骤10:淡出模式
现在我们要创建另一个新层(在模式层之上)。当我们选择这个新图层时，按住Cmd/Ctrl键并选择下面两个图层的矢量对象。这将再次为您提供一个主动选择的矢量形状。
下一步我们将使用从黑色到透明的线性渐变。我们可以使用渐变工具(G);一旦你选择了工具，注意顶部的工具栏——它是选项栏，它会为你提供活动工具的其他选项。选项栏是你可以选择和设置渐变选项的地方。
我们想要一个纯黑色，从100%褪色到完全透明。
现在我们准备淡出我们应用的一些X图形。为了做到这一点，我们将在矢量形状的顶部点击鼠标，并向下拖动，在释放之前稍微超过形状的中心。
我们将从底部开始做同样的事情，以便在两边创建渐变。
11 .由外向内
接下来，我们将打开下一个矢量形状，就在我们之前工作的图层上面;这应该是穿过最外层中间的晕层。双击该图层打开图层样式对话框，选中渐变叠加。
在渐变编辑器中，设置颜色，左边较深的蓝色为#0623a2，右边较浅的颜色为#85d4f1。
在关闭图层样式窗口之前，我们还要添加一个外发光，颜色:#2abbff。
打开下一个矢量形状图层，记住我们是从下往上工作的。
步骤12:复制粘贴(图层样式)
现在，我们想右键点击有渐变叠加的图层(我们之前工作的晕层，并应用辉光)。一旦我们这样做了，我们就可以从出现的菜单中选择复制图层样式。
一旦我们完成了这些，我们将打开并激活下一个矢量对象图层，这是一个包含我们从Illustrator中引入的4个圆碎片的图层。
再次右键单击该图层，从菜单中选择粘贴图层样式。在图层样式的设置中，我们需要做的一个小改变是取消选中渐变叠加，取而代之，选择颜色叠加，我们将填充形状的浅蓝色，我们之前使用的颜色(#85d4f1)。
复制和粘贴图层样式可以节省你的时间，也可以确保你的设置是相同的。
13 .进一步定型
接下来，我们将激活上一层上面的矢量形状层，也就是内圆形状。双击该图层，应用内阴影图层样式，设置如下图所示。
一旦你应用了内阴影，检查描边图层样式(使用如下所示的设置)。
当应用描边设置时，要确保不是使用纯色描边，而是应用渐变描边。这个渐变只需要两种颜色-纯白色在中间，渐变两端的颜色为#858585。
14 .更多的霓虹灯!
打开下一个矢量形状(两个圆弧形状就在我们之前处理过的图层上面)。我们想复制4个圆形碎片的图层样式(有颜色叠加和外发光的图层)。
将这些图层样式粘贴到这个图层上。
重复这个步骤为最后一个矢量形状，粘贴之前的图层样式一次，这样我们也有颜色叠加和外发光的效果在内部圆形碎片。
第15步:大扫除
现在，我们已经粘贴和样式我们的圆片段从Illustrator到Photoshop，我们将组织我们的工作一点(一个好习惯进入)。选择顶部矢量形状图层，然后点击图层面板底部看起来像文件夹的图标，创建一个新的图层组。
双击新建的图层组，这样你就可以把它重命名为有意义的图层，比如“圆碎片”(默认情况下，Photoshop会将这个组命名为“组1”)。
选择所有的矢量形状图层并将它们拖到这个文件夹中。
步骤16:建立自我
在我们刚刚创建的Circle Fragments图层组下面创建一个新图层(但这个图层应该在Background图层的上面)。设置前景色为深蓝色(#00082a)，然后在工具面板中选择渐变工具(G)。我们想要使用一个从深蓝色渐变到透明的径向渐变(在选项栏上设置这些选项)。
在我们的新图层中，点击画布的中间并向外拖动，这样你就留下了一个深蓝色的渐变。
我们将再次在深蓝色渐变层上面创建一个新图层，然后按D键自动重置前景色和背景色为默认颜色(黑色和白色)。现在我们将进入滤镜>渲染>云彩。
应用云滤镜后，点击滤镜>模糊>高斯模糊，在应用滤镜前设置半径为36。
现在我们已经完成了，我们将简单地改变图层的混合模式为叠加。
步骤17:让光明存在!
在Circle Fragments图层组下面创建一个新图层，但在cloud图层之上。选择纯白色，并应用另一个径向渐变，从白色向外淡出到完全透明。
新图层仍然被选中，转到滤镜>渲染>纤维，并应用以下设置:
在那之后，点击滤镜>模糊>径向模糊，并使用以下设置。
这是我们的作品:
步骤18:复制和混合
复制我们刚刚创建的图层4或5次，按Cmd/Ctrl + J，然后合并这些副本，在图层面板中选择它们，按Cmd/Ctrl + e，降低该层的透明度约为50%，设置其混合模式为柔光，然后将该层放在云层下面。
步骤19:添加一些洋红色
接下来，在Circle Fragments图层组的上面创建一个新图层。选择一个明亮的品红颜色(#f10fde)，创建一个从纯色到透明的径向渐变渐变。将这个图层的混合模式设置为彩色-然后随意地在画布上移动这个渐变，看看你认为它在我们的场景中最适合的地方。
复制该图层(Cmd/Ctrl + J)，并把它放在你认为合适的地方。
我们这样做不仅是为了给作品的颜色添加一些变化，而且因为在这个过程中通过将混合模式设置为颜色，当我们在它们上面应用额外的颜色时，我们将能够放大霓虹灯效果(并将它们的混合模式设置为叠加)。事实上，我们要做的就是使用纯白色重复透明的径向渐变，并重复它们几次。
把它们放在图像周围的地方，这样可以真正展示和放大霓虹灯的效果。
步骤20:回到背景
接下来，我们将复制云层下面的图层(径向模糊图层)，简单地按Cmd/Ctrl + j。复制图层后，按Cmd/Ctrl + T使用自由变换来旋转这个图层一点，这将使这个效果更加夸张。
在一个新图层，就在“Circular Fragments”组的下面，我们将使用以下颜色创建一个线性渐变(从左到右:#d25de5， #e17ef1， #94d2e6， #2b9ec4)。
点击画布左上角的外面，在释放鼠标之前一直拖动到对面的角落。设置该层的混合模式为Vivid Light。
修改我们的颜色
现在，我决定稍微改变一下颜色。到目前为止，我们一直在使用蓝色/粉色调色板，这很好，尽管很高兴看到其他颜色的选择。选择主题图像下方的顶层图层，在图层面板的底部，点击一个黑白相间的小图标——这是用来创建填充或调整图层的图标。
选择色相/饱和度，并设置顶部色相滑块为-100。现在我们得到了一个蓝色/绿色调色板。你可以在你觉得合适的时候摆弄这个滑块，也许你会喜欢用这个简单的方法做一些其他的变化。就目前而言，我认为这看起来相当不错。
在把我们的女孩带回来之前，我们还有一些调整要做!
步骤22:暗化边缘
在Circle Fragments图层组的下方创建一个新图层，选择纯黑色。使用径向渐变技术，我们已经在前面的步骤，我们现在要暗化组成的外部边缘。一旦你选择了渐变工具(G)应用径向渐变，你会注意到沿着选项栏有一个选项复选框，你可以选择反向来扭转渐变的方向-应用该选项，确保它是选中的。
一旦你准备好了渐变工具，点击图片中间的鼠标并向外拖动。你可能需要这样做几次来获得正确的效果(只需按下Cmd/Ctrl + Z来撤销)-或者你可以通过按下Cmd/Ctrl + T来缩放它来启动自由变换。一旦你对你的径向梯度很满意，你可以取消反向选项，这样你就不会忘记，因为我们将在后续的步骤中使用常规的径向梯度。
步骤23:最佳实践
下一步不是绝对必要的，但当处理很多层时，我发现将相似的对象分组在一起很有用。选择我们的Circle Fragments图层下面的图层，再次点击图层面板底部的文件夹图标。命名这个新文件夹为BG。
接下来，我们将选择该文件夹下的所有图层，并将它们放入“BG”文件夹。
然后我们将选择顶部图层，就在女孩的图像下面，并创建另一个新图层组。给这个命名为“颜色调整”，然后把剩下的松散图层拖到这个文件夹中。
第24步:向上移动
在下一步，我们将激活位于图层面板顶部的女孩的图像，并在关闭原始图层之前复制一个图层。我这样做只是为了以防我们需要回到原来的图像，因为一些原因。现在我们要做的是抓取“颜色调整”图层组和“圆形碎片”图层组，并拖动它们，使它们都位于图层面板的最顶端，在女孩的图像上方。
25 .间隔时间
打开上面教程资源部分列出的圣诞星云库存图片，把它放在女孩的图片上面，但在图层面板顶部的两个图层组下面。按住Cmd/Ctrl，在包含女孩图像的图层上点击鼠标;这应该给你一个积极的选择周围的形状，她的头。确保当你有这个选择时你点击它上面的图层，那里有我们的星云图像。
接下来，点击图层面板底部的添加图层蒙版图标，创建一个蒙版，这样空间图像只会在主体的头部可见。将蒙版层的不透明度降低到60%。
26 .凯文·史派西
……太棒了!我只是想看看你是否还和我在一起。不管怎样，继续学习教程。
打开另一张星云图片，并把它放到文档中。把它放在女孩的图像上面，在降低图层的不透明度为50%之前，设置混合模式为屏幕。
我们想让焦点停留在女孩和圆圈上，所以我们要把图像的外部调暗一点。
为了做到这一点，我们将选择纯黑色，然后再次使用渐变工具(G)。我们想要创建一个径向梯度，并确保检查在选项栏上的反向。在图层组的下面创建一个新图层，点击并拖动一个从图像中心向外的渐变。
这将创建一个反向的径向梯度，将均匀淡出图像的外部，所有的方式。你可能需要把它放大，让效果看起来更微妙，这可以很容易地用自由变换完成，按住Alt + Shift拖动四个角中的一个，就像我们之前做的那样，这样中心就会保持原位。
步骤27:添加更多的亮点
我们差不多要完成这个了，但在此之前，我想让我们加强并添加更多的颜色。为了做到这一点，我在图层面板的顶部添加了一些图层，并将使用径向渐变工具(确保取消勾选反向，因为我们在上一步中使用了这个选项)。选择一些更饱和的蓝色和品红颜色，然后创建一些小的径向梯度，每个在自己的新层。
将这些彩色渐变的混合模式更改为彩色，并在模型的脸部周围移动它们，直到你对结果满意为止。在添加了这些颜色之后，我添加了一个纯白色的额外径向渐变，并将其放置在圆形的左上角。同时设置该图层的混合模式为叠加。
创建一个级别调整层
接下来，选择图层面板的顶部图层，点击底部的创建新的填充或调整图层图标;从出现的菜单中选择“级别”。向内移动左侧滑块。
这将有助于给图片带来一些额外的对比，使它的颜色变暗一点。
步骤29:完成润色
最后一步，我们将添加一些额外的元素来加强这幅作品的彩色外太空感。用纯白色的硬圆形笔刷，画出一些星团，给人一种遥远星球的感觉(在所有图层之上新建一个图层)。一旦你画出了你的星星，并且对结果感到满意，那就省省你的工作吧!
教程汇总
这个Photoshop和Illustrator数字艺术教程带你走过了使用矢量形状组成场景的过程。我们谈到了创建和定义自定义模式，使用渐变工具来创建漂亮的灯光效果，给我们一个空间，颠覆性的氛围，一些Photoshop滤镜技巧给我们的构图一种独特的触感，等等。请在下面的评论中分享你的想法和问题!
下载教程源文件
- space_retrofuturistic_lights(ZIP, 59.80 MB)
