Photoshop设计创意的宇宙场景教程

2019-03-15 | [ 添加收藏 ] | 查看: | 来源:PS教程网

您目前的位置:首页 > UI设计教程 > 正文
  • 设计培训
  • PS入门培训
  • PS中级培训
  • PS高级培训
  • PS精品教程
  • 在线报名
  • 以下是“Photoshop设计创意的宇宙场景教程”的详细介绍,现在由PS教程网小编带你一起了解详细的内容,正文如下:

    最终效果图

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤1现在让我们开始在Photoshop中创建一个新的A4文件。我希望设计作品能够打印,因此最好使用大文件和高品质的资源。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤2用黑色作为前景色,按Alt + Delete来填充背景层。这里有几种技术来创建一个充满恒星的太空背景。例如,你可以使用杂色滤镜和使用色阶。但我认为,笔刷能够更好的控制恒星的外观。而且利用笔刷选项你可以创建不同大小和透明度的恒星。创建一个新层,使用画笔工具。设置前景色为白色,并选择硬度为0%,25px的圆形笔刷。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤3去窗口>笔刷,应用下列设置:

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    现在你可以自由描绘恒星。随时调整笔刷的大小和使用一些不同透明度值的图层,使其更加切合实际。所有这些功能都可以在画笔选项里控制。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤4是时候添加一些云了。创建一个新层,去滤镜>渲染>云彩。设置图层为滤色,以便移除黑色区域,减少不透明度约30%,使用橡皮擦工具 - 或者蒙版 - 擦除画布边缘的云,使它们集中在画布的中心。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤5我想创建一个中心有星系的太空场景。这次我们不使用原始的星云图像,我们可以尝试用一些Photoshop技巧自己建立。创建一个新层,用黑色填充。然后使用一个大的柔软笔刷,在中心描绘一个白点。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤6去滤镜>液化。然后选择顺时针旋转工具,在白点上点击创建一个螺旋效果。最好的方法是使用此工具单击并拖动,形成小圆圈。如果你只点击鼠标而不动,那什么都不会发生。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤7按CMD/Ctrl+T来激活转换工具,拉伸和旋转螺旋。如果你想使其更柔软,就使用液化滤镜消除这些内在的黑色线条,应用高斯模糊(滤镜>模糊>高斯模糊),用一个低的值(约3px)。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤8最后,设置图层的混合模式为滤色。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤9该星系似乎过于“干净”。 如果你看过星云的照片,上面会有类似浓缩云的材质。因此,首先要做的是使用污渍纹理。下载Grunge Texture,把它拖到画布上。按CMD/Ctrl + Shift + U 去色,并设置图层为叠加,不透明度15%。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤10下载this photo of clouds ,并将其粘贴到你的文档里。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤11设置图层为叠加,使用橡皮擦工具擦除云的左侧部分,这样你将只保留了星云之外的一小部分云的“轨迹”。现在背景接近完成,你可以从图层窗口里选择所有图层,按CMD /Ctrl + G合并它们,将它们命名为“背景”。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤12是时候添加图像的主要元素了。我从Shutterstock下载了这个不错的portrait。我使用的是收费的优质图像。因为最终结果取决于所使用的资源的质量,而且通过网站免费提供的图像浏览很难找到这样一个表情的面孔。你可以考虑使用一个朋友的照片或使用任何你喜欢的图片类型。你继续下面的教程是没有问题的。 正如你可能已经注意到的,我使用钢笔工具提取了头像,我已经按照需要清除了一些区域。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤13选择头像图层,按CMD / Ctrl+ Shift + U 给图像去色。我习惯使用低饱和度的图像。而且我喜欢使用调整图层和笔刷给最终图像上色。使用Photoshop色彩工具可以使图像更有感染力。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤14下面是2个基本步骤用来增加色彩对比和增强图像细节。一是复制头像图层(Cmd/Ctrl + J),设置复制图层为叠加,不透明度60%左右。其次再复制原始头像层,把它移到三个图层的顶部。去滤镜>其他>高通道保留,输入一个约10像素的值,并设置图层为叠加。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤15...省略废话N字...现在让我们创建洞。创建一个新层,并在路径模式下使用钢笔工具,创建一个如图所示的正方形。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤16按CMD /Ctrl + Enter激活选区。确保使用一个暗灰色(#323232)作为前景色,按Alt + Delete填充选区。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤17对形状应用下面的图层样式。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤18按CMD /Ctrl + J来复制该层,再删除所有的图层样式。然后把复制的层移到右下角。我们将用它来提供洞的深度。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤19复制的形状太浅,所以添加一个黑色的叠加使其变暗。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤20现在,确保复制的形状被选中,按Cmd/Ctrl +点击原来的形状,以便创建其像素的选区,点击图层面板底部的“添加图层蒙板”按钮添加一个图层蒙板。这样你将消除多余的区域。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤21选择原始的形状,然后在路径模式下使用钢笔工具,并作出如下图所示的选区。现在我们将添加一些阴影来创建3D效果。记住,你必须单击Cmd/Ctrl + 回车转变路径为一个选区。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤22现在使用加深工具加深左上角。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤23按CMD /Ctrl + D取消选择,使用加深工具加深形状的左下方区域。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤24现在这个洞看起来更加真实了。下载这个crow图像,把它粘贴到你的画布中。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤25这个乌鸦太黑了。如果你缩小你会发现它很难区分。去图像>调整/亮度,增加亮度为70。现在看起来更好些。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤26一如以往,让我们对乌鸦添加一个图层蒙版。Cmd / Ctrl + 单击形状图层(原始的),添加蒙版。现在,你可以选择所有的头像层,组合它们(Cmd/Ctrl + G)。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤27现在,我们可以添加一些有趣的细节。 让我们从一个画笔开始。创建一个新的1000×1000像素的文件,使用多边形工具来创建一个黑色的三角形。 然后去编辑>定义画笔预设来创建画笔,我们之后将使用它。 现在,你可以删除这个文件并切换到主画面中。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤28选择我们刚才创建的画笔,应用我们之前对恒星相同的设置。这样,笔刷会给你一种动画效果,使用不同的角度和透明度。在头像图层组的下方创建一个新层,使用创建的画笔。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤29去滤镜>模糊>径向模糊,并输入以下设置。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤30使用圆形的笔刷重复步骤28和29。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤31我想创建一个半透明的立方体,可以把东西放在里面使其可见。使用Cinema4D来创建立方体。如果你没有Cinema 4D,可以在here下载源文件。步骤34现在去渲染>渲染的图片浏览,保存文件为tif。用Photoshop打开它。在通道窗口中你可以看到一个独立的通道。按Cmd/Ctrl + 点击它来选择立方体,复制(Cmd/Ctrl + C)和粘贴(Cmd/ Ctrl + V)它到主画面里。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤35复制立方体,向下移动创建副本。去滤镜>模糊>动感模糊

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤36使用橡皮擦工具,清除运动效果的上部分。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤37使用直线工具(2px宽),并沿着立方体的四条边创建对应的线(看下图)。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤38然后使用橡皮擦工具 - 0%的硬度 - 轻轻擦去线跟立方体相结合的部分(看圈圈处)。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤39这时你可以自由决定放入立方体的东东。我脑海中出现了添加宇航员的想法。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤40现在的问题是如何修改宇航员,使他看起来像在立方体的里面。使用“形状图层”模式的钢笔工具,在立方体的三个面上创建形状。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤41现在,对形状添加以下样式。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤42减少这3层的不透明度使它们看起来透明。最后对宇航员应用滤镜(滤镜>模糊>表面模糊)。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤43用同样的方法,我添加了第二个立方体(和第二个宇航员)。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤44创建一个新组,命名为“调整”,把它放在所有图层和组的顶部。在这里,我们将增加2层,这将给整体图像上色。记住这组将永远在其他图层的顶部,如果你想要修改图像的颜色,你就可以调整这些图层。去图层>新建调整图层>渐变映射,添加一个渐变,从蓝色(#13055c)到橙色(#ff5400)。设置图层为叠加,不透明度50%。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤45现在添加一个曲线调整层。在这里我使用曲线,直到我得到了合适的色彩组合。这个是没有秘诀的。只需要调整选项,不用担心你会得到完全不同的效果。可以按照你的品位来。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤46在“调整”图层组的下方创建一个新组,命名为“颜色”。设置该组的混合模式为叠加。我使用了蓝色涂抹边缘。我认为黑暗的颜色会引导用户把注意力集中到中心。然后我使用一个大的柔软的笔刷在脸上描绘,使用一个黄色的笔刷在星云上涂抹。(仔细看下图中右下角的图层面板,琢磨下)

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤47我们正在接近尾声。在“颜色”图层组的下方创建一个新组,命名为“光效应”。切换混合模式为颜色减淡。然后在组里创建一个图层,在你想要增强的区域里创建一些点。在不同的图层上创建点,使用不同的透明度。本步骤的目的是使图像更生动。要重点关注 - 脸,立方体,星云 - 在这些地方点击。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤48在“光效果”图层组中,使用椭圆工具,创建一个伸展的扁扁的那种椭圆形。把它放在手的下方。在头的下方做同样的事。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤49现在,我们可以添加最后的细节。首先我要充实背景。从WeGraphics下载这个免费样品3d abstract renders。把它粘贴到画布中,在背景图层组的上方。去色(Cmd/Ctrl + Shift+Alt + U)以及设置这些图层的混合模式为叠加。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤50我们将需要使用2分钟的Illustrator。在Illustrator中打开一个新文件,并创建一个1pt黑色描边的圆圈,不填充颜色。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤51去效果>扭曲和变换>变形,应用以下设置。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤52在Photoshop中复制并粘贴插图,并添加以下样式。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    步骤53最后的润色。 字体使用Republika。为了给字体更多的样式,我复制了它,在副本上应用柔软的动感模糊。

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    最终图像完成了! 我们还可以加入更多的细节,但我认为这足以达成了本教程的目的。我希望你能学到新的东西,以及喜欢这个最终效果!

    Photoshop设计创意的宇宙场景教程,PS教程,兽猫教程网

    点击阅读全部
    微信扫码打赏

    如果本教程对你有帮助,请献出您的一份爱心,有您的支持我们会做的更好!
    站长整理教程和视频真的很辛苦!感谢!

    • 附件下载:
  • 标签:教程 创意 
  • 发布时间:2019-03-15 16:01:17
  • 0
  • UI设计教程相关信息

    • Photoshop设计创意的宇宙场景教程
    • Photoshop设计创意的宇宙场景教程

      PS设计创意的宇宙场景教程最终效果图步骤1现在让我们开始在PS中创建一个新的A4文件。我希望设计作品能够打印,因此最好使用大文件和高品质的资

      标签: 教程 创意  | 更新时间:2019-03-15

    热门设计培训课程 更多>>

    设计论坛 | 学习问答 | 培训课程 | 视频教程 | 资料下载 | 站点地图
    ©2005-2020 兽猫教育 旗下平台 PS教程网 互联网ICP备案:渝ICP备17008327号

    地址:重庆市 · 重庆市沙坪坝区大学城南路23号 客服电话:400-879-2201 商务咨询QQ:785669963 渝公网安备 31011502002407号