ps路径终极教程Ⅶ:制作实例:网页中的应用(一)

现在我们已经学会了用钢笔来勾画任意的路径形状了.但很多时候并不需要完全从无到有的来绘制一条新路径,Photoshop提供了一些基本的路径形状,我们可以在这些基本路径的基础上加以修改形成需要的形状,这样不仅快速,并且效果也比完全和手工绘制的要好.

步骤/方法

  • 01

    下图是在网页设计中经常用到的图形

  • 02

    先看最上方图形的绘制过程: 在工具栏选择矩形形状工具 使用第一种绘制方式(建立一个用前景色填充的矢量层),如下图 注意样式要关闭,选择一个颜色作为填充色,如下图 然后在图像中绘制一个矩形的形状,如下图 画好之后注意图层面板上新建立一个带路径的色彩填充层,单击下图所示区域可以隐藏或显示路径,双击其前方的色彩块可以更改填充色. 注意: 如果要修改这个层中的路径,则路径必须在显示状态,如果路径显示会影响了一些(如描边等)制作时的视觉效果,则应先隐藏路径.由于我们要修改这条路径,所以要先将路径显示,然后使用增加锚点工具增加4个锚点,再将一些锚点向上移动即可.记住:无论在直线还是曲线上增加锚点,所增加默认的都是曲线型锚点,如果需要直线型锚点,则要使用“转换点工具”点击增加出来的锚点.

  • 03

    下图的红色区域就是使用这种方法制作出来的 同样是刚才的矩形,把步骤略加修改一下,如下图: 下图上方的红色区域就是使用这种方法制作的

  • 04

    现在来绘制那个中空的图形,绘制的思想就是先画一个大框,然后在中间减去一个小框 注意: 1. 在绘制完第一个大框之后,要在工具设定中改为“从形状区域减去”方式再绘制小框 2. 在选择路径进行对齐操作的时候最好使用“路径选择工具”,如果使用“直接选择工具”有时候无法选择整条路径 过程如下图: 再来绘制一个类似标签卡的图形,如下图:

(0)

相关推荐

  • ps路径终极教程Ⅳ:小练习:画鼠标外廓的曲线

    利用photoshop来画出美丽的曲线会非常漂亮 步骤/方法 01 现在要求在两个红点之间绘制一条紧贴鼠标外廓的曲线,很可能你们绘制出来的是如下图这个样子的. 02 虽然要求是达到了,但是这样的路径上 ...

  • ps路径终极教程Ⅲ:如何来控制曲线的形态(二)

    究竟曲线是怎样生成的,我们又该如何来控制曲线的形态呢? 除了具有直线的方向和距离外,曲线多了一个弯曲度的形态, 方向和距离只要改变锚点位置就可以做到,但是弯曲度该如何控制? 步骤/方法 01 仔细看一 ...

  • 网页flash下载 如何下载网页中的flash SWF文件(图文教程)

    当我们浏览网页时,总是有很多制作精美的Flash让我们心动,很想能保存下来慢慢欣赏。但是Flash不能直接保存,必须通过一些技巧才能实现。下面告诉大家6个关于Flash保存的小技巧,希望可以从这里寻找 ...

  • ps教程--制作一个毛球效果

    ps教程--制作一个毛球效果 操作方法 01 启动pscs5软件,执行文件--新建命令ctrl+n,新建一个空白文档,背景颜色为黑色,分辨率为7 02 新建图层1,选择工具箱中的椭圆选框工具,并按住s ...

  • 在Mac中如何修改iTunes的备份路径 在Mac中修改iTunes备份路径的教程

    对于 Mac 用户来说,iPhone 的备份文件会占用非常多的空间,为了解决这个问题,锋友 ardayan 分享了一个 Mac 设备中修改 iTunes 备份文件路径的操作方法,并且表示已经成功将 i ...

  • 如何在Axure中制作“网页中的点击关闭按钮后就能隐藏广告”的效果?

    相信很多小伙伴都有在使用Axure,在其中如何才能制作"网页中的点击关闭按钮后就能隐藏广告"的效果呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开Axure,在其 ...

  • Bootstrap教程:[2]在网页中加载bootstrap

    操作方法 01 我们开始适用bootstrap来制作网页,我用的编辑器是dreamweaver,这是一个学网页前段开发的人不能少的软件,就不多说了.下面看看网页中需要怎么加载bootstrap中的资源 ...

  • 怎样在网页中制作搜索栏

    一个完整的网页必须要有搜索栏,用Visual Studio可以在网页中插入搜索框和搜索按钮,如何用代码实现这一操作呢?笔者与大家分享一下操作. 操作方法 01 首先,用div标签在网页中,插入一个可以 ...

  • AI教程:[102]路径文字的制作

    有时候我们写文字的时候不需要那么规规矩矩的,而需要根据我们的路线做环绕文字的,怎么办呢?这个主要涉及的是路径文字的制作. 操作方法 01 选择钢笔工具,任意在空白的画布上绘制一条弧度线条 02 然后把 ...