1. 主页 > ps教程 >

ps教程-如何创建柔和的渐变背景

最终产品图片

你将创造什么

 

在以下步骤中,您将学习如何在 Adob​​e Illustrator 和 Adob​​e Photoshop 中创建柔和的渐变背景。这种永恒的趋势将为任何设计带来舒缓的效果。您所要做的就是寻找最佳的渐变组合。 

想要下载一些柔和的渐变背景?前往Envato Elements,在那里您可以找到大量优质背景,包括带有 AI 和 JPG 文件的时尚柔和渐变背景

蓝色渐变背景

你将在这个柔和的渐变教程中学到什么

 

  • 如何在 Illustrator 中创建柔和的渐变背景
  • 如何在 Photoshop 中创建柔和的渐变背景

你需要什么

 

您将需要以下图像来创建淡蓝色渐变背景:

  • 照片上方的厚云

1.如何在 Illustrator 中创建柔和的渐变背景

步骤1

 

Control-N创建一个新文档。单位下拉菜单中选择像素在宽度框中输入1920在高度框中输入1080,然后单击更多设置按钮。Color Mode选择RGB,将Raster Effects设置Screen (72 ppi),然后单击Create Document

新的文档插图画家
 

第2步

 

选择矩形工具(M)并创建一个与画板大小相同的形状(1920 x 1080 像素)。您可以手动执行此操作,也可以单击画板以打开矩形窗口。输入大小值,然后单击确定

让我们从最基本的方法开始,您可以使用它来创建柔和的美学背景。确保选择了矩形,打开渐变面板(窗口 > 渐变),然后单击渐变缩略图以应用默认的黑色到白色线性渐变。

双击左侧渐变色,将其更改为R=131 G=132 B=240,然后双击右侧渐变色,将其更改为R=251 G=231 B=185只需单击渐变条添加第三种渐变颜色,将位置设置50%,并将颜色更改为R=244 G=145 B=220

您可以从“渐变”面板中设置这种粉红色渐变的角度,也可以从工具栏中选择渐变工具 (G)并直接在形状上调整渐变的角度。

柔和的渐变插画

第 3 步

 

可用于创建柔和美学墙纸的第二种渐变类型是径向渐变。您可以使用渐变面板中的按钮轻松应用一个

选择渐变工具 (G)调整渐变的大小,并使用黑点手柄根据需要挤压或拉伸渐变。

柔和的径向渐变

第四步

 

可用于创建柔和美学背景的第三种渐变类型是自由形式渐变。您可以使用渐变面板中的按钮轻松应用一个

Illustrator 将为您的矩形添加四个色标。一一选择色标,如下图调整颜色。

自由渐变
 

第 5 步

 

您始终可以通过简单的单击添加新的色标,也可以删除选定的色标。

使用色标周围的圆形区域,您可以增加或减少该颜色的扩散。该值也可以从渐变面板进行调整选择左下角的色标,将Spread增加到100%

只需单击并拖动色标即可更改其位置。

自由渐变色标

第 6 步

 

创建柔和渐变墙纸的另一种方法是使用网格。

创建一个覆盖整个画板的矩形,并确保它保持选中状态。从您的工具栏中选择网格工具 (U),然后单击您选择的中心以将您的形状变成网格。现在您可以轻松选择这些网格点并根据需要更改它们的颜色。

切换到直接选择工具 (A)以选择最左边的网格点并将颜色更改为R=107 G=245 B=202选择最右边的网格点并将颜色设置为R=253 G=225 B=186然后选择中间的网格点并将颜色更改为R=252 G=128 B=180

网格工具

第 7 步

 

在您的网格和网格工具 (U)仍处于选中状态的情况下,添加一个新点,如第一张图像所示。

切换到直接选择工具 (A),选择第二张图像中突出显示的网格点,并将颜色更改为R=235 G=240 B=168

颜色网格点

第 8 步

 

如果要调整网格点或网格点手柄的位置,只需使用直接选择工具 (A)单击并拖动它即可

当您想要单独拖动网格点手柄或想要单击网格点并拖动新手柄时,选择锚点工具Shift-C )。

网格点调整

步骤 9

 

让我们为这个网格添加一个微妙的纹理。选择它并按Control-G 对其进行分组

确保您的组保持选中状态,打开外观面板(窗口 > 外观),然后使用添加新填充按钮添加新填充

选择它并将颜色设置为黑色(R=0 G=0 B=0),然后将其不透明度降低70%并将混合模式更改叠加

添加新填充

第 10 步

 

在仍然选择黑色填充的情况下,转到Effect > Sketch > Reticulation输入下图所示的设置,然后单击“确定”

效果网状

2.如何在 Photoshop 中创建柔和的渐变

步骤1

 

让我们从您可以用来在 Photoshop 中创建柔和渐变的最基本方法开始。

创建一个1920 x 1080 像素的文档并从工具栏中选择渐变工具 (G),然后从控制面板中单击渐变缩略图以打开渐变编辑器

双击左侧渐变滑块将颜色更改为R=131 G=132 B=240,然后双击右侧渐变滑块将颜色更改为R=251 G=231 B=185单击靠近渐变条底部边缘的某处以添加第三个渐变滑块。选择这个新的色标,将位置设置50%,并将颜色更改为R=244 G=145 B=220

完成后,您可以单击“新建”按钮将您的柔和渐变保存在“预设”面板中,这将使以后使用起来更加容易。

单击确定关闭渐变编辑器面板。专注于您的画布,从左下角拖动一条路径到右上角,以轻松应用柔和的粉红色渐变。

柔和的渐变 photoshop

第2步

 

或者,您可以使用“图层样式”对话框图层上应用柔和的渐变

移动到图层面板(窗口 > 图层)并使用创建新图层按钮添加第二个图层

双击这个新图层打开图层样式对话框,并启用渐变叠加单击渐变缩略图并从该列表中选择您保存的渐变,然后根据需要随意调整角度或其他属性。

图层样式渐变编辑器

第 3 步

 

可用于创建柔和渐变背景的第二种渐变类型是径向渐变。

您可以使用样式下拉菜单轻松切换到径向渐变请记住,您可以直接在画布上手动调整渐变的中心点。只需单击并拖动即可更改此位置。

图层样式径向渐变

第四步

 

除了线性和径向渐变,在 Photoshop 中您还可以应用角度渐变、反射渐变或菱形渐变。

角度反射菱形渐变

第 5 步

 

渐变叠加技术还可以用于将柔和的梯度适用于照片。

从上面的照片下载这个厚重的云并将其拖到您的文档中。图层面板中双击这个新图层以打开图层样式对话框并激活渐变叠加

应用已保存的梯度和改变混合模式,以强光,使与照片的渐变混合。

照片渐变叠加

第 6 步

 

您可以随时尝试不同的渐变或混合模式。随意使用这种柔和的彩虹渐变或寻找适合您需要的最佳渐变组合。

柔和的彩虹渐变

恭喜!你完成了!

 

这是您的炫酷渐变背景的外观。我希望您喜欢本教程并且可以在您未来的项目中应用这些技术。不要犹豫,在评论部分分享您的最终结果。

随意调整最后的柔和彩虹渐变,如您所愿。您可以在GraphicRiver上找到一些重要的灵感来源,并提供有趣的解决方案来改善您的柔和渐变墙纸。

柔和的渐变背景

来自 Envato Elements 的流行柔和美学背景

 

Envato Elements是柔和美学壁纸的绝佳资源。这是您可以找到的一些最受欢迎的柔和美学壁纸的简短列表。

柔和的渐变背景 (JPG, EPS)

 

这款柔和的粉红色渐变为您的设计增添柔和感。您将在此包中获得其他 24 个很酷的渐变背景。

淡粉色渐变

柔和的背景 (JPG)

 

这些柔和的背景非常适合演示文稿、模板、横幅、传单、网页设计,或作为照片和艺术品的叠加层。

柔和的背景

矢量柔和渐变:最佳渐变颜色 (AI,JPG)

 

除了这个柔和的蓝色渐变背景,您还会发现另外 24 个很酷的渐变背景,它们可以轻松调整为任何比例。

蓝色渐变背景

淡粉色渐变 (AI,PNG)

 

不要浪费时间寻找最佳渐变颜色。该系列具有最佳渐变组合,可轻松用于为您的演示文稿增添色彩。

最佳梯度组合

50 张全息背景 (JPG)

 

大量明亮而充满活力的柔和美学背景可用于演示背景、前景、网站、书籍封面等。

柔和的审美背景

本文由网上采集发布,不代表我们立场,如有侵权请联系我删除,转载联系作者并注明出处:https://www.ffjianzhan.cn/PS/782.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息