当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop美工教程:水中的网页设计教程

Photoshop美工教程:水中的网页设计教程

最终结果.

Photoshop美工教程:水中的网页设计教程

Lets get started…

1.新文档 1100×1020.

Photoshop美工教程:水中的网页设计教程

2. 下一步我们要设置为我们的主题。 从本文顶部的资源列表中检索水下素材照片。 打开它并调整大小以适合您的模板,如下所示。

Photoshop美工教程:水中的网页设计教程

3. 使用您的圆角矩形工具半径为 10px,使类似以下内容的矩形。 我要去请参考此图层为”返回内容”。 您想要将它放在您的文档的中心 (参阅最终图像预览,如果您需要。

Photoshop美工教程:水中的网页设计教程

4. 对你”内容返回”以下的混合层插入选项,右键单击图层调板中的图层,然后选择混合从下拉式菜单选项。

Photoshop美工教程:水中的网页设计教程
Photoshop美工教程:水中的网页设计教程
Photoshop美工教程:水中的网页设计教程
Photoshop美工教程:水中的网页设计教程

5. 降低您”内容返回的”图层到在不透明度 15%左右,并且得东西,看起来像这样:

Photoshop美工教程:水中的网页设计教程

  • 共5页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 下一页
  • 上一篇:Photoshop绘制简洁而多彩的作品展示网页
    下一篇:PS美工教程:游戏网站首页布局

    图集推荐

    • 灵感
    • 美图