返回课程

1.绘制虚线

  在photoshop中没有现成的虚线工具,那我们怎么绘制虚线呢,在本文中小编就为大家介绍一下ps虚线绘制的方法,还在为该问题纠结的同学不妨来看看。

  完成效果:

ps中怎么画虚线,ps虚线绘制方法

  下面是具体的制作方法介绍:

  步骤一:新建一个随意大小的空白文档,为了视觉效果,建议在新建的时候选用白色为背景颜色。我新建的为300x300px

  步骤二(重要):背景图层上面,新建一个透明图层。

ps中怎么画虚线,ps虚线绘制方法

  步骤三:矩形选框工具,建立任意大小的矩形。

ps中怎么画虚线,ps虚线绘制方法

  步骤四:1.画笔工具,设画笔大小为5~8px之间,硬度为100%。

  2.画笔窗口,调节间距在140%左右。

ps中怎么画虚线,ps虚线绘制方法

ps中怎么画虚线,ps虚线绘制方法

  步骤五:按住键盘shift键并单击矩形选框的四个顶点,得到如下图形。

ps中怎么画虚线,ps虚线绘制方法

  步骤六:选择-修改-收缩,收缩值为1。

ps中怎么画虚线,ps虚线绘制方法

ps中怎么画虚线,ps虚线绘制方法

  步骤七:按一下键盘上的delete,删除选框内区域。好了,虚线画好了。

ps中怎么画虚线,ps虚线绘制方法

2.渐变效果

  先看一下效果:

Photoshop

 

  钢笔绘制选区,然后将路径做为选区载入

Photoshop

  选区存储为通道

Photoshop

 

  羽化选区,羽化40,根据自己效果调整,用白色填充选区

Photoshop

  载入刚刚存储的通道选区,按DEL键删除多余的白色

Photoshop

  调整图层透明度,大概40%—60%,自己喜好调整

Photoshop

  同理制作其他线条,最后可以用橡皮擦修饰调整

Photoshop

 

  最终效果

 

Photoshop

3.钢笔工具绘图技巧

  贝塞尔曲线工具是绘图软件安中非常重要的绘形工具,但是很多人都觉得难以掌握,本教程简明扼要地介绍了Photoshop中的钢笔工具的功能和使用,相信对大家会有帮助。

  在Photoshop中,如何得到想要的曲线?如何绘制出复杂的路径?如何编辑已有的路径曲线?带着这样的疑问,我们请出这篇教程的主角——钢笔工具。

  钢笔工具“坐落”在Photoshop的工具箱中,鼠标右击钢笔工具按钮可以显示出钢笔工具所包含的5个按钮(如图1),通过这5个按钮可以完成路径的前期绘制工作。

photoshop钢笔工具绘图技巧

  再用鼠标右击钢笔工具上方的按钮又会出现两个选择按钮(如图2),通过这两个按钮结合前面钢笔工具中的部分按钮可以对绘制后的路径曲线进行编辑和修改,完成路径曲线的后期调节工作。

photoshop钢笔工具绘图技巧

  如果说画布是钢笔工具的舞台,那么路径调板就是钢笔工具的后台了。绘制好的路径曲线都在路径调板中,在路径调板中我们可以看到每条路径曲线的名称及其缩略图。

photoshop钢笔工具绘图技巧

  下面我们就来仔细看看这些和路径有关的工具和调板的用法。

  一、钢笔工具

  选择钢笔工具,在菜单栏的下方可以看到钢笔工具的选项栏。钢笔工具有两种创建模式:创建新的形状图层和创建新的工作路径(如图3)。

photoshop钢笔工具绘图技巧

  创建形状图层模式

  创建形状图层模式不仅可以在路径面板中新建一个路径,同时还在图层面板中创建了一个形状图层,所以如果选择创建新的形状图层选项,可以在创建之前设置形状图层的样式,混合模式和不透明度的大小。

  勾选自动添加/删除选项,可以使我们在绘制路径的过程中对绘制出的路径添加或删除锚点,单击路径上的某点可以在该点添加一个锚点,单击原有的锚点可以将其删除,如果未勾选此项可以通过鼠标右击路径上的某点,在弹出的菜单中选择添加锚点或右击原有的锚点,在弹出的菜单中选择删除锚点来达到同样的目的。

  勾选橡皮带选项,可以让你看到下一个将要定义的锚点所形成的路径,这样在绘制的过程中会感觉比较直观。

  创建新的工作路径

  单击创建新的工作路径按钮,在画布上连续单击可以绘制出折线,通过单击工具栏中的钢笔按钮结束绘制,也可以按住Ctrl键的同时在画布的任意位置单击,如果要绘制多边形,最后闭合时,将鼠标箭头靠近路径起点,当鼠标箭头旁边出现一个小圆圈时,单击鼠标键,就可以将路径闭和。

  如果在创建锚点时单击并拖拽会出现一个曲率调杆,可以调节该锚点处曲线的曲率,从而绘制出路径曲线。

  二、路径节点种类和转换点工具

  路径上的节点有3种:无曲率调杆的节点(角点),两侧曲率一同调节的节点(平滑点)和两侧曲率分别调节的节点(平滑点)(如图4)。

photoshop钢笔工具绘图技巧

  3种节点之间可以使用转换点工具进行相互转换。选择转换点工具,单击两侧曲率一同调节或两侧曲率分别调节方式的锚点,可以使其转换为无曲率调杆方式,单击该锚点并按住鼠标键拖拽,可以使其转换为两侧曲率一同调节方式,再使用转换点工具移动调杆,又可以使其转换为两侧曲率分别调节方式。

  在绘制路径曲线时,锚点的两侧曲率分别调节方式较难控制,下面我们就通过绘制一条如图5所示的曲线来说明如何准确地创建这种调节方式的锚点。选择钢笔工具,先按住Alt键,然后在画布上单击并拖拽,定义第一个锚点,松开鼠标键,在松开Alt键,单击第二个锚点的位置并拖拽,当曲率合适后,按住Alt键然后将鼠标向上移动,可以看到该锚点变为两侧曲率分别调节方式,当曲率调节合适后,先松开鼠标键然后再松开Alt键,在最后一个锚点的位置单击并拖拽来完成此路径曲线的绘制。

photoshop钢笔工具绘图技巧

  三、自由钢笔和磁性钢笔工具

  使用自由钢笔工具,我们可以像用画笔在画布上画图一样自由绘制路径曲线。你不必定义锚点的位置,因为它是自动被添加的,绘制完后再做进一步的调节。自动添加锚点的数目由自由钢笔工具选项栏中的曲线拟和参数决定,参数值越小自动添加锚点的数目越大,反之则越小,曲线拟和参数的范围是0.5像素到10像素之间。

  如果勾选磁性的选项,自由钢笔工具将转换为磁性钢笔工具(如图6),磁性选项用来控制磁性钢笔工具对图象边缘捕捉的敏感度。宽度是磁性钢笔工具所能捕捉的距离,范围是1到40像素;对比是图象边缘的对比度,范围是0到100%;频率值决定添加锚点的密度,范围是0到100%。

photoshop钢笔工具绘图技巧

  下面我们通过绘制图7中的图形来学习磁性钢笔工具的使用。

photoshop钢笔工具绘图技巧

  先按住Alt键,这样可以使磁性钢笔工具绘制出直线,然后在图形左下的直角点单击,当绘制最后一段直线时,松开Alt键,沿着图形的边缘移动,锚点会自动添加,遇到图形比较尖锐的地方捕捉不到的时候,可以手动单击来添加锚点,需要绘制直线时要提前按下Alt键,最后效果如图8所示。

photoshop钢笔工具绘图技巧

  四、添加锚点工具和删除锚点工具

  添加锚点工具和删除锚点工具主要用于对现成的或绘制完的路径曲线调节时使用。比如我们要绘制一个很复杂的形状,不可能一次就绘制成功,应该先绘制一个大致的轮廓,然后我们就可以结合添加锚点工具和删除锚点工具对其逐步进行细化直到达到最终效果。

  五、路径选择工具和直接选择工具

  路径选择工具和直接选择工具在绘制和调节路径曲线的过程中使用率是很高的。

  路径选择工具可以选择不同的路径组件(如图9)。

photoshop钢笔工具绘图技巧

  勾选显示定界框(如图10),单击定界框,路径选择工具的选项条会变为变换数值输入条。当选择至少两条路径曲线,然后单击选项栏中的组合按钮,将其组合为一条路径,还可以对选择的路径应用对齐(至少选择两条路径)和排列(至少选择三条路径)。

photoshop钢笔工具绘图技巧

  直接选择工具在调节路径曲线的过程中起着举足轻重的作用,因为对路径曲线来说最重要的锚点的位置和曲率都要用直接选择工具来调节。

  六、路径调板

  如果说画布是钢笔工具的舞台,那么路径调板无非就是钢笔工具的后台了。

  绘制好的路径曲线都在路径调板中,在路径调板中我们可以看到每条路径曲线的名称及其缩略图,当前所在路径在路径调板中为反白显示状态。

  在路径调板的弹出式菜单中包含了诸如新建路径,复制路径,存储路径等命令,为了方便起见,我们也可以单击调板下方的按钮来完成相应的操作。

  A-用前景色填充路径(缩略图中的白色部分为路径的填充区域)。

  B-用画笔描边路径。

  C-将路径作为选区载入。

  D-从选区生成工作路径。

  E-创建新路径。

  F-删除当前路径。

  钢笔工具在Photoshop中的应用非常广泛,小到基本几何形状的绘制,大到复杂曲线的绘制,钢笔工具都可以游刃有余地完成,多一点耐心,我们可以将钢笔工具用得更好。

4.绘图思路

      一个好的作品的产生我认为包括三个方面。从基础开始说是计算机表达,构图能力和创意。但作品的产生过程是相反的:首先有了好的创意,然后把它在脑海中进行粗略构图,借助简单的计算机手段,或者手绘,变成较为详细的草图。最后综合运用计算机技巧出成果图。所以说三者缺一不可,但有时又各有侧重。有些非常经典的创意,寥寥几笔就可以表现,不需要什么技巧,但是这种情况是非常少的。我们平时所大量制作和接触的,都是精美、优秀的作品,而不是经典的作品。所以其他两个方面是必须掌握的。

      关于构图就是指三大构成的综合应用,即平面构成,色彩构成和立体构成。对于平面设计者来说,前两个犹为重要。构图在一般作品中起到的作用是最重要的。通过合理的组织各种元素,安排视觉中心,使图面美观并引导读者的目光和兴趣,为你的创意服务。简言之就是把你自己的创意想法,组织为脑海中可实现的并可识别的一张图。计算机表达就不用多说了,就是把刚才存在于你脑海中的图落实到计算机中,使别人也能看到。计算机在这里纯粹起一个工具的作用,但你的水平至少要高到心里想得到什么效果,就可以表现出来。比如一个复杂的螺旋,一个金属效果,等等。同时也要具有一定的绘图速度,不要让一双笨手影响了想法的落实。正所谓心到手到。

      创意总是不稳定的东西,它需要思维的跳跃,灵活而善变;有关构图,只要人们的审美不变,它是永远都不会变的。计算机水平则是有规律的,不断变化着的。这里说明构图能力是最重要的。三方面的修养要相辅相成,不能逐个进行。初学者有时会想先把软件学好了,再学构图。其实基本命令掌握了以后就可以进行构图的尝试了。然后作品也就越来越有深度了。

下面谈一下怎么加强这三方面的修养。

      计算机表达,无须多言,一条途径是从教程开始。网上有大量的免费资源,不乏好的教程。除去基础教程,特效教程可以使你知道一条命令的其他用处和组合命令的魅力。如ps中组合滤镜就可以创造出几乎无所不能的效果。看教程的时候不要一步一步跟着做,先不开软件通看几遍,在脑海中操作一次,然后不看教程默做一遍。如果哪步忘了,也不要去看这一步,再通看一遍,默做。总之保证整个过程是一气呵成的。这样有助于对命令的整体认识。否则的话,可以说做了白做,很快就忘记了。教程的唯一目的,不是让你学会了他做的什么,而是他的命令是怎么用的。学完一个,立即可以举一反三,效果最好。你可以在学完后不久就忘了那个教程是做了什么东西,但你必须记着那几条命令是怎么用的,并且还可以再怎么用。

另一条途径是自己提出问题,自己解决。这种方法可能耗费的时间多一些,作为第一条途径的辅助。但是可以有深刻的印象,增加自信心。说白了就是自己写教程。撇开设计,它也能培养独立解决未知问题的能力。

      总之是学习阶段(这个阶段是永恒的)要不断有作品产生。不要嫌弃它们的拙劣,它们是通往成功道路的基石。

      关于构图当然也是以练为主。平面构成比较简单,可以在没事的时候或者无聊的时候找张白纸随便画(即所谓“涂鸦”),同时也可以练习造型能力。比如枯燥的选修课上,听音乐的时候,或者开会的时候。在心如止水的状态下很多灵感就随着笔头流出来了。虽然计算机表达日趋完善,手头功夫始终是根本。平构的书有很多。一些作品里面也能清楚的领会到。在计算机上练习小图,先用黑白位图(只有黑白两种颜色)。就是纸上的美工笔,钢笔所表达的效果;差不多了就开始用灰度的做。也就是铅笔素描,水彩单色渲染的效果;灰度的用熟了就可以练彩色的了,也就是色彩构成。立体构成培养空间思维,平面作品只是体现在二维介质上,但很多是表现三维空间的。

      刚才谈到的其实就是美术基础修养的问题。非美术出身的朋友其实只要练好了三大构成就可以了。它们虽然是逐级难度增加的,但我们在日常生活中是经常自发的不经意的用到的。比如你在摄影时相机里的取景框,平日出门衣服的颜色、款式搭配,室内家具的摆设,乃至你向垃圾堆里扔一包新垃圾时的随意一丢都无不分别或综合应用了这些构图原理。自觉的加强这方面的修养,它们都是严格遵循了审美原则的。你的生活空间将和你的作品一样,自然而迷人。

      最后是创意的问题。乍看起来它好象是偶然的,不可琢磨的。其实只要付出了劳动,灵感会不停向你招手的。

      首先,灵感的出现源于生活。

      丰富的生活经历是提供灵感的源泉。要积极的体验生活,努力尝试各种新的事物。如果你没有去过西餐厅,没有听过音乐会,没有看过现场球赛或是没有在草原上策马飞奔,那么你赶紧去。你可以进迪厅而不跳舞,干小工而不要钱,甚至,如果你有足够的勇气,你可以尝试吸毒的感觉,和乞讨的屈辱……总之是为了能够感受不同的环境,不同的心境。所有的阅历,无论好的坏的,都是人生的资本,最大的财富。

      当设计任务迫在眉头时逛街是一个短时间取得创意的不错的主意。从熙熙攘攘的人群中看到的千变万化的脸孔、表情和服装中很容易得到些什么。然而要培养灵感信手拈来的本领,你必须去旅游。能出国当然是上选,感受一下古代文明的沧雨,文艺复兴的春雷和现代社会的飓风。然而目前大多数的国人只能在国内转转。这就足够了。祖国辽阔的疆土虽然使你和你的网友远隔千山万水,但同时也孕育了令人心驰神往的自然景观。人性的特点,在自然面前容易受到激发。两千年前巨蟹座星云无比绚丽的挂在夜空,自豪的中国人在它的光辉照耀下短时间内向世界贡献了四大发明。你又怎能肯定当自己面对苍山洱海挥手及云,在五岳之颠看日出东海的时候会无动于衷呢?

      要广交朋友。在网络时代交一个朋友是非常容易的事。不要局限在GGMM的小圈子里。多交一些年龄跨度大一些的朋友。体味一下他们对这个世界的感受。你会知道几十岁的人对社会的看法,也能明白十几岁的少年眼中的同一个地域的不同之处。要学会用别人的阅历和思想充实自己。做到这一点,你就能把握这个时代。

      要想及时的抓住灵感需要合理的知识结构。

      除了学好专业(即美术类等),还要加强非专业知识的修养。在博学的基础上加强跨学科知识的深度。不要满足于过去的“一专多能”的口号,向“多专全能”迈进(设计者是领导潮流的人,我们不属于跟随潮流的人群)。当然只是相对而言,真正意义上的全才在牛顿时代以后就没有可能出现了。这样做的结果是当机遇出现的时候,别人不会产生灵感而你能产生灵感,从这个学科出发产生不了灵感而你从另外一个学科范畴出发可以产生灵感。

      平时准备一个可以放在口袋里的迷你型笔记本,无论什么时候灵光闪现的一刻,赶紧记下来。因为灵感总是转瞬即逝的,你在路上可能洋洋自得,一推家门或许就空空如也了。其实每人每天都产生很多不错的想法,只可惜它们绝大多数象阳光下的薄雾一样悄然而逝了。

      平日里多临摹一些身边的作品。无论口香糖的外包装纸,科技市场的免费宣传单,还是房地产商的楼盘广告,用一两个小时来临摹它们,无论对构图能力还是电脑水平都大有帮助。你甚至可以把握原作者的心情。特别是对于一些经典的作品,不要只是欣赏,你不仅要能把它认出来,还要能再现出来。

      培养敏锐的眼睛。看到影视作品和广告的时候,欣赏其精彩情节的同时,揣摩其中的处理手法和电脑特技,特别是一些科幻作品。用自己的知识把镜头拆开再剪辑,用自己会的软件重演特效。多看广告是很有益处的,现在的广告质量也在不断提高。要学会用专业的眼光看待周围的一切。

      交流是很重要的。不要闷在自己的(没有网线的)电脑桌前,多看看别人的作品和制作过程,同样的结果途径可能有好多种。水平相当的要多交流,比自己高的更要讨教,即使水平低于你的人也可以从他们身上看到自己曾经走过的弯路,如何改进等等。对于水平远在你之上的要勇敢的联系他们,当然也不要愚蠢到问基本操作的问题。在学习他们高超技能的同时,体味他们的学习方法,和人格魅力。

      呵呵,罗里罗嗦写了这么多。不知对你是否有所帮助。文中有些观点过于偏激,请适当取舍。如果你喜欢这篇文章请帮我转载,谢谢你的阅读,祝你成功!!

5.PS怎么画虚线 photoshop画虚线教程

  PS怎么画虚线?对于photoshop初学者来说可能并不懂的这一PS技巧,那么就由小编来教大家photoshop画虚线教程。有需要的朋友们一起来学一下。

  1、打开photoshop-新建。我们仅仅是简单的创建一个含有虚线的图片。

  2、按f5调出画笔面板,或者窗口-画笔,如图:

PS怎么画虚线 photoshop画虚线教程

  3、然后选择笔尖的形状,将间距调大,就ok了,如图。

PS怎么画虚线 photoshop画虚线教程

  4、好了,现在可以画虚线了,不知道如何画直线?先用画笔点一下,按住shift,在另一处点一下,就是直线啦!

PS怎么画虚线 photoshop画虚线教程

  怎么样?上面的方法你学会了吗?

6.PS怎么画直线 photoshop画直线教程

  PS怎么画直线?本文小编将教大家一招PS技巧。那么就一起来看看这篇photoshop画直线教程。

PS怎么画直线 photoshop画直线教程

  情况一:水平和垂直

  按住shift键横向/总想拖动鼠标画出直线。

  情况二:其它的直线

  先画笔点击一点,在按住shift键,在另外的地方点击。

7.PS怎么画斜线 photoshop画斜线教程

  PS怎么画斜线?针对这一PS技巧,其实我们可以参考直线的画法。接下来小编为大家带来photoshop画斜线教程。希望可以帮助到有需要的朋友们。

  选择铅笔工具,或者画笔工具,在你想画的斜线的“起点”点一下(松开鼠标),然后按着shift键 在任何地方点一下就出现斜线了 (当然方法还有很多种,不过这是画直线最好的方法)。

  看起来像是记录了上一次作图的位置,下次用铅笔按shift点画的时候,就变成画直线了。

8.PS制作蓝色立体心形水晶图案教程

  制作心形之前需要自己找一个水晶心形实物图参考一下,重点了解它的受光情况。然后慢慢动手刻画心形暗部,高光及一些细节,做出自己喜欢的效果。最终效果

PS制作蓝色立体心形水晶图案教程

  一、新建一个800 * 600像素的文件,背景填充淡蓝色:#E2ECF4,如下图。

PS制作蓝色立体心形水晶图案教程

  二、新建一个组,用钢笔勾出心形的轮廓,转为选区后给组添加图层蒙版,如下图。

PS制作蓝色立体心形水晶图案教程

  三、在组里新建一个图层,填充淡蓝色:#A2C4FA作为底色。

PS制作蓝色立体心形水晶图案教程

  四、新建一个图层,用钢笔勾出心形左侧边缘的暗部选区,羽化15个像素后填充蓝色:#6F9EF0。

PS制作蓝色立体心形水晶图案教程

9.Photoshop中智能对象的那些事

Photoshop中智能对象的那些事

10.一分钟速成 玩转PS路径描边

  Photoshop的路径工具和钢笔工具,很容易被人忽视,功能很强大,一直很低调。今天咱一块唠唠怎么用路径和钢笔,快速绘制简易线状图标,这个看了都能做噢!!!!哪怕是第一天学PS,也能做到。

  有人说UI难学,摸不到门路,那就从这一课开始吧。

  (心急的同学,直接翻到中下位置,教程部分即可,先练练手)

  最终线条图标:

  大背景:扁平化下的极简主义

  自从苹果家扁平化后,整个世界都扁了。似乎被人们扔了很久的极简主义,一夜之间又流行起来了。看了下面的,是不是很清新,很直接呀。这样的图标适用于底部的标签栏中,及其顶部的左右按钮上。也许有人会说:这也叫图标,不就是些线条嘛嘛。呵呵,可别说,现在很多人就是好这口。在这样一个信息爆炸,App满天飞的年代,高效简洁自然有市场。扁平化代表了高效,我就是我,不需要多余的思考。

一分钟速成  玩转PS路径描边
一分钟速成  玩转PS路径描边

  一、任务

  这些线性图标难做吗?让我们分析一下它们的结构。

  尺寸规格:一般线条为2px,也有的加强为3px的。

  风格:线条简单,图形指示意义明确。

  2 px 的图标

一分钟速成  玩转PS路径描边
一分钟速成  玩转PS路径描边

  3 px 的图标

一分钟速成  玩转PS路径描边

  二、任务分析(思考和困难)

  绘制不难,怎么快速绘制才是关键。

  大家思考一下,这个线形图标是怎么做出来的呢?

  很多同学会想用Illustrator进行绘制图形,但这样并不方便。在AI可能会出现绘制完后拖到PS中进行调整,会导致边缘线的大小变化,容易导致像素对不齐等情况。在迭代过程中不好保证图标描边大小的统一性,只能一个一个的到AI中进行更改非常的麻烦。折腾了半天画个线性图标,实在有些浪费。

  如果用PS可行吗?先不要马上否定,好好想想路径工具和钢笔工具。

  是用图层样式?选择工具?有人想到了样式描边的方法。貌似不行,因为未封闭的图标,用样式描边做出来却是封闭的…

  那么问题来了,用封闭路径制作出来的图标在进行缩放时形状也会相应的等比缩放,这样会导致在需要不同大小的图形时,因缩放还需反复调整图标的路径边缘才能保证图标线条的一致性。因为整套图标要求线条都相对统一,调来调去太浪费青春!

  好了,不拐弯抹角了,下面就给大家介绍一个构图快、一学就会、包教包会的方法。

  记住三点:一是形状工具及填充,二是描边效果,三是用钢笔锚点工具删除无用路径。

  采用的构图方法:减法。

  其实在PS CS6出来后就已经新增加了一项描边功能。使用这个工具能使图标画出来非常的便捷,在绘制图标中主要有下面几大优势!

  1. 提高了图形的描边质量,描边更为圆滑

  我们在绘制图形采用图层样式做描边效果时,如果用到较大的数值,描边会产生分块曲线,边缘有锯齿感。那么我们通过矢量描边处理可得到完美的结果。我猜测这是因为,矢量描边是由原始的矢量形状图层数据而来,而图层样式的描边是由该形状的位图蒙版而来。二者采用的是完全不同的技术,这样就可以想明白了。

一分钟速成  玩转PS路径描边

  2. 多种角度功能,在图标绘制中更为自由

  使用常用的描边图层样式只可以是圆角的效果。但采用路径描边样式可以画出圆角,斜面,或者斜角。这会大大减少绘制图形的工作量。

一分钟速成  玩转PS路径描边
一分钟速成  玩转PS路径描边

  3. 通过描边路径可以绘制开放式的路径图标

  我们在使用图层样式描边的时候会出现以下情况,描边都是封闭的。而绘制图标时会用到间断的路径。这时候可以采用路径描边样式,是支持开放路径描边的。

一分钟速成  玩转PS路径描边

  三、PS绘制线式图标详细过程

  绘制路径时用到的工具:

  钢笔工具——绘制路径。

  路径选择工具——调整路径大小使用。

  直接矛点选择工具——调整矛点位置。

  转角工具——调整路径圆角和角度使用

  捎带脚了解几个快捷键,方便在作图中的使用。在选用钢笔工具绘制后你可以用Shift/Ctrl/Atl来回切换出需要使用的直接选择工具、锚点选择工具、倒角工具。

一分钟速成  玩转PS路径描边

  下面就一步一步教大家画线式图标。为了让初学者看明白,我尽量写的详细些。

  1,在ps中新建一块画布。(快捷键:Ctrl+N)

  2,用矩形路径画出两个矩形(快捷方式:画一个圆角矩形,然后按住Alt键拖动图层即可进行复制)。

一分钟速成  玩转PS路径描边

  3,使用-路径选择工具-框选所有的路径,找到PS右上角的填充和描边,把填充隐藏,描边设置2个点像素。

一分钟速成  玩转PS路径描边

  4,使用直接选择工具删除多余的路径锚点,从而去除多余的路径线。

一分钟速成  玩转PS路径描边

  插播提醒:在需要删除中间一段路径的时候,需要先用钢笔工具进行添加锚点,然后用直接选择工具选中进行删除。

  如下,我想删除红色区域的一段路径怎么办?

一分钟速成  玩转PS路径描边

  我们继续!!

  5,使用椭圆工具绘制太阳(绘制过程中按住shift键即可画出正圆),钢笔工具进行绘制山脉部分。

一分钟速成  玩转PS路径描边

  6,完毕后调整路径描边的起终点的样式为圆角或直角。

一分钟速成  玩转PS路径描边

  7,选中需要调整的角,再使用描边选项里的角点为圆角,使图形更为圆润。

一分钟速成  玩转PS路径描边

  这样一个图标就完成了。

一分钟速成  玩转PS路径描边

  用路径描边还能区分图标的立体感。不同粗细描边的形状结合使图标更为丰富化。

一分钟速成  玩转PS路径描边

  四、后期修饰:让线条更圆滑

  路径边缘的修正会给整个图标精致的感觉,尤其是出现单独线条和折角的时候,显得尤为重要。

  路径描边还可以根据你的需要进行对其模式的选择,在路径外进行描边,还是中间,还是内部描边。这在路径描边图形的绘制中会经常使用到。

一分钟速成  玩转PS路径描边

  小结:

  有时候真的是我们想多了,总想学一些复杂高级的东西,而基础的往往被忽视。

  以上是一分钟速成  玩转PS路径描边的全部内容,希望对大家有所帮助,感谢您对2345软件大全的支持,更多软件教程请关注2345软件大全。 

11.ps实用教程:一分钟搞定PS路径描边

  Photoshop的路径工具和钢笔工具,很容易被人忽视,功能很强大,一直很低调。今天咱一块唠唠怎么用路径和钢笔,快速绘制简易线状图标,这个看了都能做噢!!!!哪怕是第一天学PS,也能做到。

  有人说UI难学,摸不到门路,那就从这一课开始吧。

  (心急的同学,直接翻到中下位置,教程部分即可,先练练手)

  最终线条图标:

  大背景:扁平化下的极简主义

  自从苹果家扁平化后,整个世界都扁了。似乎被人们扔了很久的极简主义,一夜之间又流行起来了。看了下面的,是不是很清新,很直接呀。这样的图标适用于底部的标签栏中,及其顶部的左右按钮上。也许有人会说:这也叫图标,不就是些线条嘛嘛。呵呵,可别说,现在很多人就是好这口。在这样一个信息爆炸,App满天飞的年代,高效简洁自然有市场。扁平化代表了高效,我就是我,不需要多余的思考。

ps实用教程:一分钟搞定PS路径描边
ps实用教程:一分钟搞定PS路径描边

  一、任务

  这些线性图标难做吗?让我们分析一下它们的结构。

  尺寸规格:一般线条为2px,也有的加强为3px的。

  风格:线条简单,图形指示意义明确。

  2 px 的图标

ps实用教程:一分钟搞定PS路径描边
ps实用教程:一分钟搞定PS路径描边

  3 px 的图标

ps实用教程:一分钟搞定PS路径描边

  二、任务分析(思考和困难)

  绘制不难,怎么快速绘制才是关键。

  大家思考一下,这个线形图标是怎么做出来的呢?

  很多同学会想用Illustrator进行绘制图形,但这样并不方便。在AI可能会出现绘制完后拖到PS中进行调整,会导致边缘线的大小变化,容易导致像素对不齐等情况。在迭代过程中不好保证图标描边大小的统一性,只能一个一个的到AI中进行更改非常的麻烦。折腾了半天画个线性图标,实在有些浪费。

  如果用PS可行吗?先不要马上否定,好好想想路径工具和钢笔工具。

  是用图层样式?选择工具?有人想到了样式描边的方法。貌似不行,因为未封闭的图标,用样式描边做出来却是封闭的…

  那么问题来了,用封闭路径制作出来的图标在进行缩放时形状也会相应的等比缩放,这样会导致在需要不同大小的图形时,因缩放还需反复调整图标的路径边缘才能保证图标线条的一致性。因为整套图标要求线条都相对统一,调来调去太浪费青春!

  好了,不拐弯抹角了,下面就给大家介绍一个构图快、一学就会、包教包会的方法。

  记住三点:一是形状工具及填充,二是描边效果,三是用钢笔锚点工具删除无用路径。

  采用的构图方法:减法。

  其实在PS CS6出来后就已经新增加了一项描边功能。使用这个工具能使图标画出来非常的便捷,在绘制图标中主要有下面几大优势!

  1. 提高了图形的描边质量,描边更为圆滑

  我们在绘制图形采用图层样式做描边效果时,如果用到较大的数值,描边会产生分块曲线,边缘有锯齿感。那么我们通过矢量描边处理可得到完美的结果。我猜测这是因为,矢量描边是由原始的矢量形状图层数据而来,而图层样式的描边是由该形状的位图蒙版而来。二者采用的是完全不同的技术,这样就可以想明白了。

ps实用教程:一分钟搞定PS路径描边

  2. 多种角度功能,在图标绘制中更为自由

  使用常用的描边图层样式只可以是圆角的效果。但采用路径描边样式可以画出圆角,斜面,或者斜角。这会大大减少绘制图形的工作量。

ps实用教程:一分钟搞定PS路径描边
ps实用教程:一分钟搞定PS路径描边

  3. 通过描边路径可以绘制开放式的路径图标

  我们在使用图层样式描边的时候会出现以下情况,描边都是封闭的。而绘制图标时会用到间断的路径。这时候可以采用路径描边样式,是支持开放路径描边的。

ps实用教程:一分钟搞定PS路径描边

  三、PS绘制线式图标详细过程

  绘制路径时用到的工具:

  钢笔工具——绘制路径。

  路径选择工具——调整路径大小使用。

  直接矛点选择工具——调整矛点位置。

  转角工具——调整路径圆角和角度使用

  捎带脚了解几个快捷键,方便在作图中的使用。在选用钢笔工具绘制后你可以用Shift/Ctrl/Atl来回切换出需要使用的直接选择工具、锚点选择工具、倒角工具。

ps实用教程:一分钟搞定PS路径描边

  下面就一步一步教大家画线式图标。为了让初学者看明白,我尽量写的详细些。

  1,在ps中新建一块画布。(快捷键:Ctrl+N)

  2,用矩形路径画出两个矩形(快捷方式:画一个圆角矩形,然后按住Alt键拖动图层即可进行复制)。

ps实用教程:一分钟搞定PS路径描边

  3,使用-路径选择工具-框选所有的路径,找到PS右上角的填充和描边,把填充隐藏,描边设置2个点像素。

ps实用教程:一分钟搞定PS路径描边

  4,使用直接选择工具删除多余的路径锚点,从而去除多余的路径线。

ps实用教程:一分钟搞定PS路径描边

  插播提醒:在需要删除中间一段路径的时候,需要先用钢笔工具进行添加锚点,然后用直接选择工具选中进行删除。

  如下,我想删除红色区域的一段路径怎么办?

ps实用教程:一分钟搞定PS路径描边

  我们继续!!

  5,使用椭圆工具绘制太阳(绘制过程中按住shift键即可画出正圆),钢笔工具进行绘制山脉部分。

ps实用教程:一分钟搞定PS路径描边

  6,完毕后调整路径描边的起终点的样式为圆角或直角。

ps实用教程:一分钟搞定PS路径描边

  7,选中需要调整的角,再使用描边选项里的角点为圆角,使图形更为圆润。

ps实用教程:一分钟搞定PS路径描边

  这样一个图标就完成了。

ps实用教程:一分钟搞定PS路径描边

  用路径描边还能区分图标的立体感。不同粗细描边的形状结合使图标更为丰富化。

ps实用教程:一分钟搞定PS路径描边

  四、后期修饰:让线条更圆滑

  路径边缘的修正会给整个图标精致的感觉,尤其是出现单独线条和折角的时候,显得尤为重要。

  路径描边还可以根据你的需要进行对其模式的选择,在路径外进行描边,还是中间,还是内部描边。这在路径描边图形的绘制中会经常使用到。

ps实用教程:一分钟搞定PS路径描边

  小结:

  有时候真的是我们想多了,总想学一些复杂高级的东西,而基础的往往被忽视。

  以上是ps实用教程:一分钟搞定PS路径描边的全部内容,希望对大家有所帮助,感谢您对2345软件大全的支持,更多软件教程请关注2345软件大全。

12.超简单 1分钟做出马赛克背景

  马赛克背景现在用的很少了,多是多边形背景;不过有是有也会用到,来,技多不压身,我们多学一门技巧,为明年加薪!

  1、新建文件,大小看自己需要

  2、填充颜色,颜色随意,不一定非得这种颜色

超简单  1分钟做出马赛克背景

  3、执行:滤镜→杂色→添加杂色

  添加杂色的目的是为了等下的马赛克格子出现深浅不一的颜色。

  数值看着文件效果调整,这里只有四个选项而已,

  高斯分布添加杂色的程度要比平均分布重;

  单色选项看着画面效果就明白了(其实我也不懂怎么表达这个意思)。

超简单  1分钟做出马赛克背景
超简单  1分钟做出马赛克背景

  4、执行:滤镜→像素化→马赛克

  大小看着画面效果调整,数值越大效果不明显

超简单  1分钟做出马赛克背景

  5、这时候出现了马赛克格子;

  但是我们想让他的边缘出现高光点效果,让格子效果更加地明显

超简单  1分钟做出马赛克背景

  6、所以,这里执行:滤镜→滤镜库→照亮边缘

  这里有三个选项,我希望高光的地方不用那么粗,那么数值就调小一点;

  我希望高光明显一些,所以亮度调高;

  平滑度数值越大,线条越圆润柔和,这里我把数值调到最低,因为我要直线硬朗的效果。

  调整完成点击确定。

超简单  1分钟做出马赛克背景

  7、得出的效果是黑底的,要把黑底去掉,

超简单  1分钟做出马赛克背景

  那么把图层混合模式改为:滤色(这一组混合模式的效果都一样,只是程度不同而已。)

超简单  1分钟做出马赛克背景

  8、好了,一个马赛克背景就做好了!

超简单  1分钟做出马赛克背景

  以上是超简单  1分钟做出马赛克背景的全部内容,希望对大家有所帮助,感谢您对2345软件大全的支持,更多软件教程请关注2345软件大全。

13.ps中如何绘制充满立体感的线条

  ps中如何绘制充满立体感的线条?下图的线条是不是很有立体感?如何绘制呢?这就是今天的教程所要讲的。

ps中如何绘制充满立体感的线条

  一、给画布填充背景色

  下面我们开始吧,如下图一样,先建立新的文档,画布大小自行设置,大体如下图即可!

ps中如何绘制充满立体感的线条

  然后,给画布填充背景颜色,背景颜色如下偶其代码为:#d4d4d4,注意在拾色器中输入正确的颜色代码。

ps中如何绘制充满立体感的线条

  颜色选择好以后,就使用油漆桶工具对背景着色,完成的效果如下图。

ps中如何绘制充满立体感的线条

  二、画两条颜色对比鲜明的线

  先新建一个图层,然后,设置好填充颜色为:#f8f6f6

ps中如何绘制充满立体感的线条

  在该图层中使用铅笔画一条线段,填充颜色使用上图的颜色,效果如下图。

ps中如何绘制充满立体感的线条

  接着,再新建一个图层,设置颜色为:#838282

ps中如何绘制充满立体感的线条

  然后,在该图层中使用铅笔工具,再画一条线段,线段的填充颜色使用上图的颜色。

ps中如何绘制充满立体感的线条

  现在,就有大体一白一黑的两条线段了,下面我们让其产生立体效果。

ps中如何绘制充满立体感的线条

  针对上面新建的两个图层,我们先调整一下他们的顺序,即原本在中间的图层调到最上层,原本在最上面的,调整为第二位置,即中间位置,因为最下面的是背景图层。总的只有三个图层嘛。

  最后,再调整这两个图层的线段位置,让其快重合在一块,但是不能重合,要有一小点错位即可。白的在下,黑的在上,如上图,整个过程就完成了。

  以上是ps中如何绘制充满立体感的线条的全部内容,希望对大家有所帮助,感谢您对2345软件大全的支持,更多软件教程请关注2345软件大全。

14.Photoshop制作一个简洁的复古播放器图标

  作者制作图标的方法非常不错。思路:先构思,最好能画出稿图;然后由图标的底部开始制作,用矢量工具或钢笔勾出轮廓,填色后用图层样式增加颜色和质感,局部区域用纹理素材或滤镜等增加纹理即可。

  最终效果

Photoshop制作一个简洁的复古播放器图标

  1、新建一个1000*800的文档,添加一个渐变调整层,做一个#b4b097到#4e473a的90度的径向渐变,设置缩放为150%,勾选仿色,防止出现色块。

Photoshop制作一个简洁的复古播放器图标

  我想大家一定很好奇,我的截图径向渐变中的浅色为何不居中,而是位于中部居上,看我们的GIF演示。

  在渐变填充的状态下,我们把鼠标指针放置到屏幕上,出现那个移动工具的图标时,我们拖动,渐变的位置也跟着动,这一个操作方法,在图层样式中一样可用。

Photoshop制作一个简洁的复古播放器图标

  2、使用圆角矩形工具画一个600*600像素的圆角矩形,设置圆角为140像素,设置水平居中,垂直居中。

Photoshop制作一个简洁的复古播放器图标

  3、我将这个圆角矩形命名为“主体”,并为其添加了一个图层样式。

Photoshop制作一个简洁的复古播放器图标
Photoshop制作一个简洁的复古播放器图标
Photoshop制作一个简洁的复古播放器图标
Photoshop制作一个简洁的复古播放器图标
Photoshop制作一个简洁的复古播放器图标

  4、复制一层“主体”图层,更改图层名为“投影”,将“投影”图层置于“主体”图层下层,将图层填充设置为0,再添加一个图层样式,我们来增强一下投影效果。

Photoshop制作一个简洁的复古播放器图标
Photoshop制作一个简洁的复古播放器图标

  5、原图画的是一个类似椭圆的形状,我这里偷懒一下,还是画的圆角矩形,大小为500X360像素,圆角半径为130像素,添加一个图层样式。

Photoshop制作一个简洁的复古播放器图标
Photoshop制作一个简洁的复古播放器图标
Photoshop制作一个简洁的复古播放器图标

  6、下面,我们创建屏幕,设置前景色为#b4b097,使用圆角矩形工具,画一个大小为420*280像素,圆角半径为100像素的圆角矩形。

Photoshop制作一个简洁的复古播放器图标

  7、为这个“屏幕”图层添加一个图层样式。

Photoshop制作一个简洁的复古播放器图标
Photoshop制作一个简洁的复古播放器图标
Photoshop制作一个简洁的复古播放器图标

15.PS如何绘制立体图标

  PS如何绘制立体图标 绘制设计质感立体图标,设计思路及方法,值得借鉴

PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标

16.怎么用Photoshop制作简单的木质音响图标

  PS如何绘制立体图标 绘制设计质感立体图标,设计思路及方法,值得借鉴

PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标
PS如何绘制立体图标

17.设计师必知的17个PS技巧知识

  作为设计师必知的17个PS技巧知识,初学的童鞋们先收着!

设计师必知的17个PS技巧知识
设计师必知的17个PS技巧知识
设计师必知的17个PS技巧知识
设计师必知的17个PS技巧知识
设计师必知的17个PS技巧知识
设计师必知的17个PS技巧知识

18.ps后期小技巧补救前期不足方法大全

  “我拍的烂但我P得好 后期小技巧补救前期不足”?总结出了7种修图设计方法,这些方法可以助你在没有做好前期情况下,利用后期去补救或是提升图片。非常实用,自己借鉴,转需~

ps后期小技巧补救前期不足方法大全
ps后期小技巧补救前期不足方法大全
ps后期小技巧补救前期不足方法大全
ps后期小技巧补救前期不足方法大全
ps后期小技巧补救前期不足方法大全
ps后期小技巧补救前期不足方法大全
ps后期小技巧补救前期不足方法大全
ps后期小技巧补救前期不足方法大全
ps后期小技巧补救前期不足方法大全

19.一台逼真的相机

  最终效果图

Photoshop绘制作一台逼真的相机

  作为设计人员,我们偶尔需要使用数码设备来辅助设计。不管怎么说,我们发现我们理想中的样式并不是我们想象的那样而存在的。凭借经验我们可以使用PS建立一个看似现实的数码设备,这样似乎能表现出一个人能懂得品味生活。本次教程中我们将学习怎样用PS绘制数码相机。

  第一步

  新建文档,建立一个新的图层,命名为“camera1”。使用圆角矩形工具(半径20像素)绘制下图1a的形状,再用1b的颜色填充。然后打开混合混合选项,设置如1c。

Photoshop绘制作一台逼真的相机

Photoshop绘制作一台逼真的相机

  第二步

  在顶端新建图层,命名为“camera2”。按ctrl点击“camera1”载入选区。点击选择-修改-收缩,7像素。然后用任何颜色填充均可。

Photoshop绘制作一台逼真的相机

  第三步

  按Ctrl + T ,右键点击图像选择透视。然后按住Alt键依照3a改变“camera2”。用矩形选框工具拖拽出3b中的形状再按delete得到3c中的图形。打开混合选项,依照3d进行设置。

Photoshop绘制作一台逼真的相机

Photoshop绘制作一台逼真的相机

  第四步

  按Ctrl + J复制“camera2”图层,重命名为“camera3”。删除其混合选项并将填充降低直0%。再打开混合选项使用4a中的设置。

Photoshop绘制作一台逼真的相机

Photoshop绘制作一台逼真的相机

  第五步

  使用矩形选框工具删除下图所示的区域。

Photoshop绘制作一台逼真的相机

20.飘逸的红色双层光束

  最终效果:

Photoshop设计打造出漂亮飘逸的红色双层光束

  1、新建一个1024 * 768像素的文档,背景填充黑色。新建一个图层,用椭圆选框工具拉一个正圆选区,羽化80个像素后填充橙红色:#FF6225。

Photoshop设计打造出漂亮飘逸的红色双层光束

图1

  2、取消选区后把得到的光斑稍微变形处理,如下图。

Photoshop设计打造出漂亮飘逸的红色双层光束

图2

  3、然后再复制并稍微调整大小和位置,效果如下图。

Photoshop设计打造出漂亮飘逸的红色双层光束

图3

  4、现在来制作光束,先来制作底部的光束,需要完成的效果如下图。

Photoshop设计打造出漂亮飘逸的红色双层光束

图4

  5、新建一个组,用钢笔勾出光束的轮廓路径,转为选区后给组添加图层蒙版,如图5,6。

Photoshop设计打造出漂亮飘逸的红色双层光束

图5

Photoshop设计打造出漂亮飘逸的红色双层光束

图6

  6、在组里新建一个图层,给光束填充底色,这里填充橙黄色:#F89D45。

Photoshop设计打造出漂亮飘逸的红色双层光束

图7

  7、新建一个图层,用钢笔勾出左侧暗部选区,羽化25个像素后填充红色:#DB4B1F。

Photoshop设计打造出漂亮飘逸的红色双层光束

图8

  8、新建一个图层,用钢笔勾出左侧边缘暗部选区,羽化35个像素后填充暗红色。

Photoshop设计打造出漂亮飘逸的红色双层光束

图9


  • 扫一扫 扫二维码继续学习