如何使用PS制作滚动条幅效果

我们在查看网站的时候通常都会看到滚动条幅的效果。那么它是怎么制作的呢?下面我们就来学习使用ps来制作一个滚动条幅的效果!

工具/材料

Photoshop CS6

操作方法

  • 01

    新建一个文档,将我们的预设选择web格式。(网页是没有标准的尺寸大小的)

  • 02

    将我们的矩形选框工具,长按鼠标左键选择它。

  • 03

    在我们画布上绘制一个矩形,作为我们滚动条幅的范围。

  • 04

    找到我们视图下的标尺命令,创建几根辅助线来辅助我们制作。

  • 05

    我们在我们的选区靠下方,创建一根辅助线。

  • 06

    (1)填充我们的选区,使用描边命令对我们的选区的外侧进行描边。
    (2)我们的描边颜色设为#c7c7c7,位置设为居中模式。
    注:先创建一个新图层,设置我们的前景色为纯白色。

  • 07

    继续创建我们的辅助线,确保他们的距离是相等的。

  • 08

    (1)创建一个矩形选区,并且将其填充颜色。(在我们辅助线的内侧进行创建)
    (2)将我们创建好的图层内容,复制多个层并且排列它们的位置。

  • 09

    将我们的素材图像置入到我们的画布内,在我们的图像上又及创建剪贴蒙版。
    注:将图像放在矩形色块的上方,再执行创建剪贴蒙版。

  • 10

    以同样的方法将我们素材图像全部导入进来,初步完成我们的导航条效果。

  • 11

    最后我们输入我们的文字,并且排列它们位置。

    在我们上方添加一个分割线,完成我们的最终结果!

  • End

特别提示

细心,细心细心,再细心!

  • 发表于 2017-10-11 00:00
  • 阅读 ( 384 )
  • 分类:电脑网络

相关问题

0 条评论

请先 登录 后评论