在网页设计中使用Photoshop绘图

  • 2019-11-22 16:36:16
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.zwxs1.com

在矢量图形中,构成形状的轮廓被称为路径。在网页设计中,路径可以是开放的(如直线或曲线),也可以是闭合的(如圆圈或多边形)。由于在网页建设时路径是基于矢量而不是基于像素的,路径的形状可以任意改变,且它能和选取范围互相转换,因此可以制作出形状很复杂的选取范围。

使用钢笔工具

【钢笔工具】是建立路径的基本工具,用于徒手绘制路径,使用该工具可创建直线路径和曲线路径。下面先介绍如何绘制一个多边形的直线路径。

【操作步骤】

第1步,新建网页图像。单击工具箱中的钢笔工具组,选择其中的【钢笔工具】,移动鼠标至图中某点位置单击,定出路径的开始点,即第一个锚点。

第2步,移动鼠标到要建立第2个锚点的位置上单击,Photoshop自动将第1个和第2个锚点连接起来。

第3步,按照第2步中的方法依次创建其他锚点。

第4步,当绘制的锚点回到开始点时,在鼠标的右下方会出现一个小圆圈,表示终点已经连接开始点,此时单击可以完成一个封闭式的路径。

提示:此图绘制的是一个封闭式的路径,当锚点的终点和起点重合时,Photoshop自动结束绘制操作。如需结束一个开放路径的绘制,则在绘制完成后需要点击选择钢笔工具组,然后单击路径外的任何位置即可。注意:在绘制路径之前,若未在【路径】面板中新建路径,则会自动出现一个工作路径,工作路径是一种暂时性的路径,一旦有新的路径建立,则马上被新的工作路径覆盖,原来创建的路径将会丢失。用户可以单击【路径】面板右上角的按钮,在打开的菜单中选择【存储路径】命令将其保存为普通路径。

【钢笔工具】除了可以绘制直线路径以外,还可以绘制曲线,绘制曲线路径要比绘制直线路径复杂一些,用户可以通过沿曲线伸展的方向拖动【钢笔工具】来创建曲线。

【操作步骤】

第1步,选择【钢笔工具】,在图像编辑窗口单击定义第一个锚点,不要松开鼠标并向任意方向拖动,指针将变成箭头状。

第2步,松开鼠标,从第一个锚点处移开,定义下一个锚点,如图8.10所示。向绘制曲线段的方向拖动指针,指针将引导其中一个方向点的移动。如果按住Shift键,则可限制该工具沿着45°的倍数方向移动。

从锚点延伸的直线为方向线,箭头表明鼠标拖动的方向,即为方向点。

第3步,继续在其他位置单击,并拖动方向点的位置和角度,设计曲线路径。

第4步,随着新锚点的增加,路径的新部分也随之变化。如果要绘制平滑曲线的下一段,可以将鼠标指针定位于下一段的终点,并向曲线外拖动。

第5步,如果希望曲线有一个转折以改变曲线的方向,可以松开鼠标,按住Alt键沿曲线方向拖动方向点。松开Alt键及鼠标,将指针重新定位于曲线段的终点,并向相反方向拖动就可绘制出改变方向的曲线段。

使用自由钢笔

【自由钢笔工具】同样用于制作网页时徒手绘制路径,与【钢笔工具】不同的是,【自由钢笔工具】不是通过创建锚点来建立路径,而是通过绘制曲线来直接创建路径的,绘制完成后Photoshop会自动在曲线的拐角等位置添加相应的锚点,是比较灵活随意的路径创建工具。

【操作步骤】

第1步,新建一幅图像,在工具箱中选择【自由钢笔工具】。

第2步,在图像窗口中拖动鼠标绘制任意形状的曲线,释放鼠标后即可创建路径。

第3步,如果想对未封闭的路径继续进行绘制,可以将鼠标移到曲线的任意一个端点上,按下鼠标左键并拖动,当到达路径的另一端点时松开鼠标左键即可完成封闭路径的绘制。

当前文章标题:在网页设计中使用Photoshop绘图

当前URL:http://www.zwxs1.com/news/wzzz/3131.html

上一篇:新建网页图像

下一篇:在网页设计中增加和删除锚点和转换矢量点

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)
免费全部高h视频在线观看,国产精品v欧美精品v日本精品,亚洲性线免费观看视频成熟,老汉色av影院 网站地图