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

我们在查看网站的时候通常都会看到滚动条幅的效果 。 那么它是怎么制作的呢?下面我们就来学习使用ps来制作一个滚动条幅的效果!工具/材料 Photoshop CS6
操作方法 01 新建一个文档, 将我们的预设选择web格式 。 (网页是没有标准的尺寸大小的)

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

文章插图

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

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

文章插图

03 【如何使用PS制作滚动条幅效果】在我们画布上绘制一个矩形, 作为我们滚动条幅的范围 。

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

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

文章插图


特别提示 细心, 细心细心, 再细心!

以上内容就是如何使用PS制作滚动条幅效果的内容啦, 希望对你有所帮助哦!

    推荐阅读