在Photoshop中制作一个时尚的未来质感壁纸

预览

点击图片查看最终结果全尺寸．

教程资源

• 图案:无缝纸图案2 -灰色由WebTreats(免费)
• 纹理:Diellza的Light Texture(图片来源必需)
• 纹理:实验脏纹理由Caleb Kimbrough失而复得(免费)
• 字体:Telegrafico字体由Ficod(个人:信用要求，商业:捐赠要求)
• 纹理:实验噪音纹理由Caleb Kimbrough失而复得(免费)

步骤1:设置Photoshop文档

打开Photoshop并创建一个新文档(Ctrl/Cmd + N)。我们将制作一个普通屏幕分辨率的壁纸，也可以按比例缩小以适应更小的屏幕分辨率。

我们需要为元素的对齐和稍后纹理网格的创建设置网格设置。打开你的首选项(Ctrl/Cmd + K)并单击参考线，网格和切片在左边。

设置栅格线每选项设置为100px和细分5。

在本教程中，根据需要切换网格的可见性(Ctrl/Cmd + ')。

步骤2:添加纹理纸背景

下载并加载“无缝纸图案”Photoshop图案文件(webtreats-paper-patterns.pat)。创建一个新的填充层创建新的填充或调整层按钮在图层面板的底部。从图案中选择第二个灰色纹理，如下所示。

在这一点上，你可以删除默认的背景层。

添加一个新的色相/饱和度调整层;点击创建新的填充或调整层点击图层面板底部的按钮，选择色相/饱和度。

设置饱和度为0。这将删除图案中的所有颜色。

添加一个新的亮度/对比度调整层。设置对比度为-50。

复制两次亮度/对比度调整图层，选择并按Ctrl/Cmd + J(或右键单击并选择)复制图层从出现的菜单中)。

步骤3:添加浅色纹理

下载并打开光纹理文件(在上面的教程资源部分列出)。

按Ctrl/Cmd + A选择整个画布。按Ctrl/Cmd + C复制纹理。

返回到原始文档，确保在图层面板中选中最上面的图层，并按Ctrl/Cmd + V粘贴在它上面的浅色纹理。

纹理对于我们的画布来说太大了。

按Ctrl/Cmd + T变换纹理。同时按住Shift键来限制比例，抓住纹理的角柄并向内拖动，以调整它的大小到我们的文档的大小。光的爆发应该大致在中心。

设置浅纹理图层的混合模式为叠加。

将不透明度降低到45%。

在图层面板中选择所有的图层，并按Ctrl/Cmd + G将它们分组。命名组为“Background”。

步骤4:创建一个可见网格

按Ctrl/Cmd + '切换网格的可见性。选择“View > Snap”开启“Snap”功能。

确保网格是通过查看> Snap To来检查的。

折叠Background图层组，点击左边的箭头，按Shift + Ctrl/Cmd + N在上面创建一个新图层。命名新图层为Vertical Grid。

选择铅笔工具(B)，设置大小为1px，并设置前景色为白色。

导航到画布的左上方。按住Shift键，点击最左边垂直网格线的顶点，然后点击画布底部同一直线的最低点。

这将给我们一个完美的直线，匹配我们的Photoshop网格。

按Ctrl/Cmd + J复制“垂直网格”图层。用移动工具(V)，按住Shift并拖动这个新图层到右边，使它刚好位于下一个垂直网格线的顶部。

完成后，按Ctrl/Cmd + E将新图层与下面的“垂直网格”图层合并。

继续复制垂直线，并将它们合并成一个图层。

按Shift + Ctrl/Cmd + N创建一个新图层，命名为“水平网格”。使用前面的技术水平完成网格。完成后，确保所有水平线都在一个图层上。

完成后，网格应该如下图所示。

设置垂直和水平网格的不透明度为5%。

第五步:破坏网格

我们现在要用图层蒙版来绘制网格线。

下载并打开实验脏纹理(在上面的教程资源部分列出)。

打开后，选择“图像>图像旋转> 90”^o公约。

添加一个新的亮度/对比度调整层。设置亮度为150，对比度为-50。

按Ctrl/Cmd + Alt/Opt + I打开“图像大小”对话框。设置分辨率为72ppi，宽度为1920px，高度为1440px。

按Ctrl/Cmd + A全选，然后按Shift + Ctrl/Cmd + C复制合并。

复制合并将把所有可见层的平铺版本放在剪贴板上。

返回到原始文档，选择“垂直网格”图层，然后单击添加图层蒙版按钮在图层面板的底部。

选择蒙版缩略图后，点击到通道面板，它位于(默认情况下)图层面板的右侧。

点击“垂直网格蒙版”图层上的眼睛图标，使其可见。然后按Ctrl/Cmd + V粘贴我们的纹理蒙版。

返回图层面板，选择“水平网格”图层。按Ctrl/Cmd + D以确保所有内容都被取消选择。

然后按住Alt/Opt并将蒙版缩略图从“垂直网格”层拖动到“水平网格”层。这将复制蒙版，并将其应用到另一层。

第六步:创造发光的对角线

按Shift + Ctrl/Cmd + N创建一个新图层。

命名为“1号线”。选择笔刷工具(B)，设置笔刷的主直径为1px，前景色为黑色。

确保抓拍仍然是激活的，你的网格是Photoshop网格是可见的。

放大画布的右下角。从文档的右边缘开始，距离底部20个网格框(400px)，按住Shift键，从该点点击到文档的底部，距离右侧1个网格框(20px)。

继续从相同的起点画线，但每次移动一个网格框的底部。重复这一步骤，直到你到达画布的左下角。

一旦完成，你的文档应该是这样的:

双击Lines 1图层的缩略图，打开图层样式选项。

在混合选项部分，设置填充不透明度为0%。

在图层样式选项仍然打开的情况下，单击外辉光(外辉光颜色为白色)。

现在你的图像应该是这样的:

选择Lines 1图层，按Ctrl/Cmd + J复制它。重命名复制层Lines 2。

旋转180°，点击编辑>变换>旋转180°。

现在，通过选择查看>抓拍到>文档边界，确保文档边界抓拍是打开的。

拖动“Lines 2”图层到画布的顶部，直到它进入左上角。它基本上会镜像下面的行。

选择除“Background”组外的所有图层，并按Ctrl/Cmd + G将它们分组。

命名组为Lines。

步骤7:设置参考线

选择查看>新建参考线，创建一个960px垂直的参考线。水平600px，垂直300px，垂直1620px。这些将是我们创建形状和类型的主要指南。

可以通过按Ctrl/Cmd +;来切换引导线。

步骤8:创建中心圆

按Shift + Ctrl/Cmd + N创建一个新图层。选择椭圆工具(U)，设置你的前景色为黑色，然后单击填充像素椭圆工具选项栏中的选项。

同时按住Shift + Alt/Opt，从文档中心拖动圆圈，直到它有10个网格框(200px)宽和高。

步骤9:创建三角形

选择钢笔工具(P)，设置前景色为黑色，并确保形状图层选项是从钢笔工具选项栏中选择的。

这个形状需要3个点。从画布的死中心开始，然后在圆的高度处到左边的参考线，然后在圆的高度处到右边的参考线，然后在中心处关闭形状。

选择新的三角形形状图层，按Ctrl/Cmd + J复制它。

选择编辑>变换>旋转180°并向下移动新三角形，使其与顶部三角形镜像。

三角形的顶部将位于画布的中心。

选择两个三角形形状图层，按Ctrl/Cmd + E合并它们。这些形状原本是矢量，但是合并它们会栅格化它们——这就是我们想要的。

选择新合并的三角形图层，选择椭圆选框工具(M)，同时按住Shift + Alt/Opt，从画布的中心拖动，直到你通过一个网格框的中心圆。

按Delete键删除所选区域。

选择三角形图层和圆形图层，然后按Ctrl/Cmd + E将它们合并在一起。

步骤10:为形状设置样式

选择形状图层，设置混合模式为叠加。

选择滤镜>杂色>添加杂色，并使用下面的设置给形状一些微妙的纹理。

现在我们要创建我们自己的图案，它将与我们的形状混合，以创建更多的纹理。

按Ctrl/Cmd + N为我们的模式创建一个新文档。请使用以下设置:

按Shift + Ctrl/Cmd + N在新文档中创建一个新图层。删除默认的背景层。

选择铅笔工具(B)，设置前景色为黑色，并设置铅笔工具的笔刷大小为1px。

放大并创建4个黑色像素，从左下到右上。

选择编辑>定义图案并命名为“对角图案”。

返回到原始文档，选择形状图层。双击缩略图访问图层样式选项。点击左边的图案叠加，并使用以下设置来应用我们的自定义图案。

步骤11:创建类型

下载并安装Telegrafico字体或使用一种字体，给你的作品一个未来主义的主题。

选择水平文字工具(T)，点击垂直中心的参考线，在形状上方一点点。

选择中心的文本段落面板中的对齐选项(窗口>段落)。

打开字符面板(窗口> Character)，并使用下面的设置，然后用水平文字工具输入“设计指示”。

调整字体的垂直位置，使字母的底部距离形状正好是一个网格框(20px)。

现在我们需要将类型的外观与形状的外观相匹配。

我们需要重复第10步中的一些子步骤。对文本层执行以下步骤(回顾步骤10):

• 设置混合模式为叠加
• 添加杂色(Ctrl/Cmd + F应用上次使用的滤镜)
• 添加对角线图案叠加

现在我们将创建标语文本。选择水平文字工具(T)，点击垂直中心的参考线，在形状下面一点。从类型选项中选择“居中文本”对齐方式。

打开字符面板(窗口>字符)并使用下面的设置。键入“设计师和数字艺术家的网络杂志”。

调整标语类型的垂直位置，使字母的顶部距离形状正好是一个网格框(20px)。

同样，对这个文本使用相同的样式。将所有相同的更改应用到标签层:

1. 设置混合模式为叠加
2. 添加杂色(Ctrl/Cmd + F应用上次使用的滤镜)
3. 添加对角线图案叠加

步骤12:再添加一个大三角形

为了完成我们的中心标志部分，我们将添加一个三角形。

选择钢笔工具(P)，设置前景色为黑色，并确保形状图层选项在钢笔工具(P)选项栏上启用。

像以前一样，这个形状需要3个点。

三角形的上边缘将在tagline类型下方1格框(20px)处。三角形底部的点将位于死中心，距离画布底部5个网格框(100px)。

你猜对了:我们现在需要用与其他三角形相同的方式来设置大三角形的样式。

提示:如果你所有的形状和文本都提前计划好了，你当然可以等到最后，合并你的图层，并应用设置只需一次。

将所有相同的更改应用到大三角形(如果你需要复习，请参考第10步):

1. 设置混合模式为叠加
2. 添加杂色(Ctrl/Cmd + F应用上次使用的滤镜)
3. 添加对角线图案叠加

步骤13:给壁纸添加噪音纹理

下载并打开实验噪声纹理(上面的教程资源部分列出)。

按Ctrl/Cmd + A选择整个画布。按Ctrl/Cmd + C复制纹理。

返回到我们的主文档，确保顶部图层被选中，并按Ctrl/Cmd + V粘贴噪音纹理。

纹理对于我们的画布来说太大了。

按Ctrl/Cmd + T变换纹理。同时按住Shift键来限制比例，抓住纹理的角柄并拖动来调整它的大小到我们的文档的大小。

设置噪声层的混合模式为叠加，不透明度为17%。

步骤14:添加线性减淡辉光线

按Shift + Ctrl/Cmd + N创建一个新图层。选择笔刷工具(B)，设置笔刷大小为1px，并设置前景色为白色。

用ps网格和抓拍，按住Shift，从画布的右边缘点击到左下角。

这条线将沿着前面对角线的边缘。

选择新图层后，双击它的缩略图打开图层样式选项。点击外部发光，并使用以下设置:

为了使我们的新发光线更微妙一点，我们将添加一个图层蒙版，渐变从黑到白。与我们的新图层仍然选中，点击添加图层蒙版按钮在图层面板的底部。

选择渐变工具(G)，设置前景色为黑色，背景色为白色(快捷键按D)，设置渐变工具的样式为线性渐变。

单击并从左下角拖动到右中，沿着刚才创建的相同的发光线。

仍然选择相同的图层，按Ctrl/Cmd + J复制它。

然后选择编辑>变换>旋转180°。

将复制层移动到顶部，直到它沿着上对角线的边缘锁定位置。

步骤15:创建马赛克覆盖

我们现在要添加一个马赛克覆盖，将模仿我们的网格。

它会产生微妙的像素效果。

按Ctrl/Cmd + Alt/Opt + Shift + E复制所有可见层到一个新层。这将基本上使我们到目前为止的东西变平，但把它放在一个新图层上，这样其他图层仍然是可编辑的。

选择新图层，选择滤镜>像素>马赛克。

由于我们的网格框是20×20，我们的马赛克瓷砖的大小也将是20×20。马赛克过滤器选项，使用以下设置:

为了移除一些中心的马赛克，我们将使用一个带有径向梯度的图层蒙版。选择马赛克图层，单击添加图层蒙版按钮在图层面板。

选择渐变工具(G)，设置前景色为黑色，背景色为白色，并设置渐变工具的样式为径向渐变。单击并拖动从中心到画布的右边缘。

我们的马赛克图层仍然非常强大，所以改变图层的不透明度为25%。

步骤16:创建高斯模糊覆盖

最后，我们现在要再次复制所有可见层，模糊它，并将其混合在其余的顶部，使整个壁纸发光。

按Ctrl/Cmd + Alt/Opt + Shift + E复制所有可见层到一个新层。

设置图层的混合模式为叠加。

选择这个新图层，点击滤镜>模糊>高斯模糊。设置模糊半径为3像素。

教程汇总

未来主义的壁纸现在完成了!

在本教程中，我们使用了网格、参考线、混合模式、纹理、自定义模式、过滤器和Photoshop样式来达到我们最终的壁纸。

使用多种纹理和混合模式可以创造出许多不同的感觉。壁纸的所有颜色都来自步骤3中的“浅色纹理”。

我鼓励你尝试色相/饱和度图层，以得到你想要的确切颜色。

下载源文件

• futuristic_textured_wallpaper(zip, 24.60 mb)