当前位置:首页 >教程首页 > Photoshop >教你用PS打造炫酷标题栏

教你用PS打造炫酷标题栏

发布时间:2018-11-17 19:57:24

 

 

导言:

本教程中的标题栏,并非小武本人原创。是由V2老黑前辈设计的,在经过老黑前辈的同意下,小武根据成品图写了这个教程,写得不怎么好,大家多度见谅。

 

下面教程开始

 

第一步

新建一个895×307px的图层,分辨率为300,背景颜色为白色,颜色模式为RGB。(图01)

 

图01

 

第二步

打开人物素材,拖到刚刚新建的图层上面。(图02)

 

图02

 #p#e#

 

第三步

新建图层,使用钢笔工具圈出图片上半部分,需要带点弧度,然后使用快捷键Ctrl+Enter,使其进入选区。(图03、04)

 

图03

 

图04

 

第四步

选择渐变工具,设置渐变的颜色,并用吸管工具调整渐变颜色,颜色分别为:#a4dce7、#f8f7cf、#ea93d4。(图05)

 

图05

 #p#e#

 

第五步

点击渐变菜单上面部分的色标,设置不透明度。(图06)

 

图06

 

第六步

然后选择线性渐变,拉个渐变出来,如果颜色太浓,可以使用橡皮擦工具稍微擦拭。(图07)

 

图07

 

第七步

用同样的方法,将图片下部分也做上渐变。(图08)

 

图08

 #p#e#

 

第八步

新建图层,选择椭圆选框工具,在图片上画个圆。(图09)

 

图09

 

第九步

设置羽化40XP,填充白色(灰色也可)。(图10)

 

图10

 

第十步

选择矩形选框工具,在刚刚那个羽化的圆圈中间拉个矩形。(图11)

 

图11

 #p#e#

 

第十一步

拉好选区之后,按一下键盘上的Delete键,删除多余部分。(图12)

 

图12

 

第十二步

选择PS上部工具栏中的:编辑->变换->选择,将图层旋转到下图的位置。(图13)

 

图13

 

第十三步

使用QQ截图,将PS的工具栏截图下来,用PS打开。使用“编辑->变换->变形”,将其变形为下图的样子。(图14)

 

图14

 #p#e#

 

第十四步

复制变形完的图层,选择“滤镜->模糊->动感模糊”,设置角度为8,距离为30。(图15)

 

图15

 

第十五步

将上面用动感模糊处理过的图层拖到前面变形工具栏图层下方。(图16)

 

图16

 

第十六步

使用同样的方法,作出另外一个工具栏。(图17)

 

图17

 #p#e#

 

第十七步

使用丝带的笔刷画几个丝带,设置一下颜色渐变(使用丝带素材也可)。(图18)

 

图18

 

第十八步

丝带也进行刚才的模糊步骤。(图19)

 

图19

 

第十九步

建图层,使用矩形选框工具在图片上拉一个矩形。填充#ffa800,设置透明度为60%。(图20)

 

图20

 #p#e#

 

第二十步

在上面打上字,如:XW QZONE DESIGN。(图21)

 

图21

 

第二十一步

把刚刚打的字栅格化,与黄色的图层合并。使用魔术棒工具,在X前面、N后面点一下,再按一下Delete。(图22、23)

 

图22

 

图23

 #p#e#

 

第二十二步

使用同样的方法,制作几个版权。(图24)

 

图24

 

第二十三步

最后,加上一些高光和装饰品,在图片的右上角,加上您的版权(不加也可)这次的炫酷标题栏就OK了。(图25)

 

图25

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
×

确定