用Photoshop从头开始创建一个现实的空间场景

WebFX总裁。Bill在互联网营销行业有超过25年的经验,专门从事SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

用Photoshop从头开始创建一个现实的空间场景

在这个中级到高级水平的设计教程中,我们将创建一个令人惊叹的太空场景,使用一些创新的Photoshop技术和一些纹理,具有逼真的行星,恒星和灯光效果。

最终结果

本教程有两个版本,请查看下面的两个版本。记得点击图片查看它们的全尺寸图片。行星的反射将完全可调,这取决于你想如何设置你的场景。

最后,我们将看看一些快速的方法来给图像一个完全不同的外观。

版本1

版本1

版本2

版本2

让我们开始吧!

开始:你将需要什么

1首先,我们去拿我们的生锈的纹理禅宗的纹理然后用Photoshop打开。

开始

创造大行星

2我们将从创建我们的大行星开始。因此,在工具面板中选择椭圆选框工具,创建一个圆(按住Shift保持正圆),尽可能地填充区域,而不会偏离文档的边缘。

3.我们想把圆形选框下方的区域放到一个新图层上。

按Ctrl + J复制选区;这将自动将所选区域放到一个新图层上。

创造大行星

4我们可以继续隐藏原来的纹理层(点击图层左侧的图层可见性图标-它看起来像一只眼睛)。现在,按Ctrl + j复制我们刚刚创建的圆圈图层,选择滤镜>素描>巴斯浮雕,并使用我下面的设置-这将给我们更多的行星纹理。

创造大行星

5Ctrl +点击圆形纹理层选择它。

转到>滤镜扭曲>球化,并改变数量为100%

6添加球化滤镜到我们刚刚添加的巴斯浮雕滤镜层。

7将纹理层移动到Bas浮雕层之上,并将纹理层的混合模式更改为覆盖

创造大行星

8现在,我们希望我们的星球与它有更多的对比,我们希望它更暗一些。进入图像>调整>水平(Ctrl + L),并调整水平,如下所示。

创造大行星

9将背景图层改为黑色(# 000000),然后我们再进一步。

10我们现在要合并地球的两层。要做到这一点,按Ctrl +单击选择两个图层,然后单击链路层图层面板底部的图标来链接两个图层。

然后,选择最上面的图层,选择图层>向下合并,或者简单地按Ctrl + E将它们合并成一个图层。

11现在,我们想要创建一个新的组来把我们的星球放进去。点击创建新组图标(它看起来像一个文件夹)在图层面板的底部。一旦你创建了组,将你的行星图层拖进去。

创造大行星

添加外辉光和内辉光图层样式

12现在我们的行星在我们的组中,我们将添加一些图层样式到它。

13首先单击添加图层样式点击图层面板底部的图标,然后选择外发光

更改您的设置,如下所示(使用的颜色是# 3 eb9f9).

14现在,添加一个内发光图层样式与我下面的设置使用相同的颜色外发光图层样式(# 3 eb9f9).

添加外辉光和内辉光图层样式

添加图层蒙版

15点击行星组,使其成为活动层,然后点击添加图层蒙版图标(图层面板底部)。在行星组内,Ctrl +点击行星层,在它周围得到一个选框,然后用黑色(# 000000)使用编辑>填充(Shift + F5)。你应该最终只有外部发光图层样式显示。

添加外辉光和内辉光图层样式

给行星一个发光的边缘

16为了给我们的星球一个发光的边缘,我们想移动面具。

要做到这一点,我们将点击蒙版,然后点击链路层图标在图层和蒙版之间,以解除它们的链接。现在我们可以使用移动工具(V)移动蒙版层,而不需要移动其他任何东西。

给行星一个发光的边缘

17让我们去给我们的蒙版一个模糊,这样就没有这样一个明确的线。点击蒙版图层,选择滤镜>模糊>高斯模糊。

改变模糊的半径选项50 px

给行星一个发光的边缘

18行星看起来很不错,但我们想摆脱铁锈色,给它更多的“蓝色”的外观,使它与辉光相融合。要做到这一点,我们将点击行星图层,并打开色相/饱和度图像调整对话框按Ctrl + U;或者,您可以通过选择“图像>调整>色相/饱和度”来进入“色相/饱和度图像调整”对话框。

给行星一个发光的边缘

这是我们的星球现在的样子。

给行星一个发光的边缘

设置太空场景

19现在我们已经完成了我们的第一颗行星,我们可以在Photoshop中创建一个新文档(Ctrl + N)来设置我们的场景。

我将创建我的新文档,画布尺寸设置为1680 px通过1050 px

20.用黑色填充新Photoshop文档的背景(# 000000),然后把行星带进来。首先,将行星组和蒙版链接在一起,通过Ctrl +在图层中单击它们,然后单击链路层图标(或右键单击并选择链接图层)。然后,拖动图层到新的Photoshop文档;这将复制图层到新文档中。

我把行星的大小减小到95%为了更好的适合,你可以使用编辑>转换>比例(但做你认为最好的)。

添加一些星星

21我们将在背景中添加一些星星。首先,创建一个新图层(Ctrl + Shift + N),并把它放在行星组下面。

22去过滤>噪音>添加噪音。确保单色选项期权大约是30%

设置太空场景

23为了获得更少的白噪音和更多的星星外观,我们将通过图像>调整>级别(Ctrl + L)调整级别,使它们如下所示。

这将给我们一个更高的对比度,让很多噪音消失。

设置太空场景

24我们不希望星星走在我们星球的黑色部分前面,所以给星星层添加一个蒙版。按Ctrl +点击行星层,在它周围创建一个选框选区,切换到新添加的图层蒙版,然后用黑色填充选区(# 000000)在蒙版上使用编辑>填充(Shift + F5)。

设置太空场景

给场景一些现实的纹理

25为了获得更多的太空感,我们要去拿垃圾纸纹理禅宗的纹理。在Photoshop中打开纹理,并将其带入我们的画布中。

26使用自由变换工具(Ctrl + T)旋转和调整纹理大小,使其适合画布。

记住,当你调整纹理的大小以保持纹理图像的比例时按住Shift。

27一旦我们有了纹理的大小,我们想用image > adjustment > invert (Ctrl + I)来反转纹理图像的颜色。然后我们要打开我们的级别对话框(Ctrl + L)来降低纹理中的白色数量。把不透明度这一层的某个地方45%现在。

给场景一些现实的纹理

28重复第24步(添加图层蒙版)去除行星前面的恒星纹理。

添加光源

29我们将保留现在的纹理,我们将添加一个来自行星后面的光源。

首先,创建一个新图层(Ctrl + Shift + N),并把它调到图层面板,使它在所有图层的顶部。使用多边形套索工具,创建一个粗略的星形,如下图所示。

添加光源

30.进入滤镜>模糊>径向模糊,改变选项One hundred.并按OK应用过滤器。这不是我们想要的效果,所以我们想再次应用过滤器。

我们可以通过按Ctrl + F轻松做到这一点,这将重新应用您使用过的最新过滤器,在本例中是径向模糊过滤器。

31现在我们要选择滤镜>模糊>高斯模糊半径选项设置为20 px

添加光源

32我们想复制白色区域图层(Ctrl + J),并使用自由变换选项(Ctrl + T)旋转复制的图层,直到你得到如下所示的效果。

添加光源

33选择一个白色光源层-在图层面板中最低的那个层-并通过单击图层添加一个颜色叠加添加图层样式点击图层面板底部的图标,然后选择颜色叠加。使用浅蓝色(# 3 eb9f9)。你可以使用自由变换工具来调整这个图层的大小和角度。

同时,考虑调整不透明度选择的颜色叠加到一个适合你的口味。我把我的侧面收进去,把它移到行星后面一点。当你对光源满意后,把这两层移到行星下面。

添加光源

使用镜头光晕滤镜

34我们要添加一个镜头光晕。

为此,我们需要创建一个新图层,用黑色(# 000000)使用编辑>填充(Shift + F5),然后把它带到所有图层的顶部。

35暂时隐藏新创建的黑色图层(点击它旁边的眼睛图标,切换图层的可见性),这样我们就可以设置一些参考线来确定镜头光斑将放置在哪里。

36从上面的标尺和左边的标尺(按Ctrl + R来显示和隐藏标尺)带来一个指南,这样它就在我们的眩光中间形成一个准星。您可以通过按Ctrl +;切换指南的可见性。设置引导可以让我们精确地放置镜头耀斑。

使用镜头光晕滤镜

37切换黑色图层的可见性,并选择滤镜>渲染>镜头光晕。

试着对齐镜头光斑,使它正好在我们设置的参考线的交叉点。

38因此,我们的镜头光晕匹配我们的图像的其余部分,让我们调整色相/饱和度。按Ctrl+ U打开色相/饱和度对话框,并使用下面的设置调整镜头光晕的颜色。

使用镜头光晕滤镜

创造一个更小的星球

39现在,我们要创造一个较小的行星。重复步骤2 - 18,画一个小点的圆。

既然你现在已经熟悉了创建一个星球的过程,为什么不玩一下设置和选项来实验不同的效果和纹理呢?另外,不要忘记将行星添加到我们在第15步中所做的恒星和恒星纹理蒙版中,这样恒星就不会穿过。

40当你完成创建较小的行星,把它放在我们的空间场景Photoshop画布。

创造一个更小的星球

添加一些“太空尘埃”

41既然我们拥有了两颗行星,我们将添加一些“太空尘埃”。首先,从工具面板中选择套索工具并更改羽毛选项(在选项栏中)100 px

42在两颗行星的中间画一个有机的云状形状。

它不必是完美的,如果你有任何尖锐的角,100px的羽毛将使它们平滑。

添加一些“太空尘埃”

43创建一个新图层(Ctrl + Shift + N)在除了星星和背景纹理之外的所有东西后面。设置前景色为黑色(# 000000)和背景色改为白色(# FFFFFF),然后去过滤>渲染>云。

44通过双击新创建的图层,打开图层样式对话框,然后选择渐变叠加图层样式渐变叠加盒子。用各种色调创建一个凉爽的蓝色渐变,并调整你的设置,就像我下面所做的那样。

添加一些“太空尘埃”

45我们要添加一个图层蒙版(点击添加图层蒙版图层面板底部的图标)到云层,因为如果你有一些云显示在任何一个行星的前面,我们想要摆脱它。

46在工具面板中选择画笔工具(B),然后使用黑色(# 000000)前景色,开始画掉我们不想要的部分云。

添加一些“太空尘埃”

添加光反射

47现在我们要添加一些光线在行星上的反射;让我们从小一点的开始。Ctrl +点击小行星图层,在它周围创建一个选框。

48在小行星组的顶部创建一个新图层,用浅蓝色填充,使用编辑>填充(Shift + F5);使用类似的颜色# 88 d6fc。因为我们组已经有了蒙版,所以蓝色填充也会被应用到它上面。

将这个新图层的不透明度降低到40%

添加光反射

49为了获得明亮的高光,我们将通过Ctrl +点击图层在小行星上重新创建选框选区。然后创建另一个图层(Ctrl + Shift + N)。

50再次选择画笔工具(B)直径选项设置为about100 px,不透明度选项20%,硬度选项0%。开始画在行星的正面,面对光源的白色(# FFFFFF).

你应该得到如下所示的东西,非常微妙,但仍然值得注意。

添加光反射

51我们也将开始反思我们的大星球。首先,像前面的步骤一样,我们要在大行星组中创建一个新图层,并填充蓝色(# 88 d6fc)或类似的东西。将这个图层的不透明度降低到70%

添加光反射

52我们去掉一些蓝色的反射因为光的反射正好在光源周围。

要做到这一点,我们将添加一个图层蒙版。

53添加图层蒙版后,设置前景色为白色(# FFFFFF)及背景颜色改为黑色(# 000000).现在选择渐变工具(G),设置渐变类型选项为反映梯度(倒数第二个渐变选项)。点击并拖动从光源中间到画布底部的渐变。

这样可以去掉大行星顶部和底部的蓝色色调。

添加光反射

54就像另一颗行星一样,我们将在白色区域创建最大的高光区域。按Ctrl +点击行星并创建一个新图层。开始画与我们同样大小的刷子在第50步。你的反射应该像我下面画的那样,它不会绕行星太远,而且在光源处比较小的行星更亮。

添加光反射

一些最后的调整和细节

55当我继续在场景中工作时,我不太喜欢镜头光晕,所以我调整了它,让它看起来更好、更明显。新镜头光晕的亮度设置为80%而在105毫米'而不是50 - 300 mm的变焦它在以前。

一些最后的调整和细节

56我要回到星星的背景纹理。现在我们已经把它和其他东西放在一起了,把不透明度降低到30%

使用蒙版,已经应用到我们的背景星星纹理,开始画我们的20%不透明度刷“白色”区域在左下角,因为他们看起来有点不合适。我不会完全去掉这些区域,只是降低一些不透明度。

一些最后的调整和细节

57现在,我们要放入一些更亮的星星,让背景看起来更亮一点。在星星纹理层上方创建一个新图层,在工具面板中选择画笔工具(B)。

改变笔刷的设置,这样不透明度选项在100%,刷子的直径大约是5 px,以及硬度是在0%

58在文档周围的行星之间使用白色(# FFFFFF)作为前景色。

一些最后的调整和细节

59现在,我们要给星星添加一些图层样式。首先,添加一个外发光图层样式。调整设置如下所示,使用颜色# 3 eb9f9

这将给我们的恒星一个漂亮的微妙的光芒。

一些最后的调整和细节

60Nest,我们将添加an内发光图层样式。这将给我们的恒星一个蓝色的色调,同时仍然保持白色的中心,给他们一个明亮的发光外观。

61将图层的不透明度降低到70%让它们和背景融为一体。我们不想让它们看起来不自然地明亮或太突出。

一些最后的调整和细节

62现在,让我们添加一个照片滤镜调整层,使所有的色调/颜色都一样,这样它就能很好地混合在一起。

点击创建一个新的填充或调整层在图层面板底部的图标(通常是左边第四个图标),然后选择照片过滤。你可以使用不同的过滤器,直到你得到你喜欢的东西。我用了冷却过滤密度选项设置为21%

一些最后的调整和细节

备选最终结果(版本2)

63你可能希望场景有一个古老的,复古的外观。

要做到这一点,我们需要暂时隐藏照片滤镜调整层(点击眼睛图标切换图层的可见性)。添加色相/饱和度调整图层,使用与添加照片滤镜调整图层相同的方法。把饱和选项降至-50年

现在进入我们的照片滤镜调整图层,改变过滤器选项乌贼

备选最终结果(版本2)

我们完成了!

所以我们有了它,一个星球由纹理和Photoshop有两种可能的结果。

版本1

版本1

版本2

版本2

在Flickr上分享你自己的作品

再玩一玩,把你的作品上传到Flickr上的六个修订用户组

下载源文件

您可以在下面下载本教程的源文件。

相关内容

WebFX职业

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

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