为您的网站 设计多层背景

 时间:2024-10-11 19:21:40

1、显然,我们应该做的第一件事是创建一个新的文档。 大小为1000×1000像素。 然后用黑色颜色填满画布。 之后,我们将创建背景一步一步。

为您的网站 设计多层背景

3、取消选择图像选择>取消选择并应用滤镜>杂色>添加杂色与较低的设置

为您的网站 设计多层背景

5、之后,应用内阴影这一层的图层样式:

为您的网站 设计多层背景

6、现在重复这一层Ctrl + J和移动下来,之后的行为改变的角度内阴影从-90度到+ 90度:

为您的网站 设计多层背景

8、好吧,欢喜€™s使更远的步骤首疏扌熘创建我们的网站背景。 选择矩形选框工具又使剩下的一半黑的选择字段,然后新建一个图层,填充颜色# 2 a400f和# 1 a2f06。

为您的网站 设计多层背景

10、然后去编辑>定义图案并将其保存为模式。 之后,回到我们的主文档和应用图案叠加图层样式的下一个图片

为您的网站 设计多层背景

12、我认为我们应该将几行添加到背景。 现在出去单行选框工具,创建一个新层,选择黑色。 然后再选择一个像素低,填充白色。 新闻Ctrl + D取消选中区域和更改图层不透明度到20%。

为您的网站 设计多层背景

14、好吧,我们几乎完成了! 但是还没完呢

为您的网站 设计多层背景

16、如果你需要你可以适用阴影,外发光,内发光,渐变叠加和中风这一层的图层样式:

为您的网站 设计多层背景为您的网站 设计多层背景为您的网站 设计多层背景

17、完成的背景我们应该添加垂直嫦煮内刂暗行左右的画布(我们需要添加黑色线条使网站编码更更便捷)。 现在创建一个新层,在那之后激活渐变工具和一个黑色到透明的渐变,在图片下面填写工作区域:

为您的网站 设计多层背景
  • css如何只设置一个html元素的上下边框
  • HTML、CSS3怎么制作渐变边框
  • 网页背景图片设置的代码是什么呢
  • css如何将背景图片设置在div的左下角
  • 怎么设置css,把放在一个div中的图片横着排列
  • 热门搜索
    日本福冈旅游 新马泰旅游报价 黑河旅游 大庆旅游 平顶山旅游 海宁旅游 重庆旅游攻略三日游 湖州旅游景点 四姑娘山旅游攻略 境外旅游