PhotoShop设计制作炫酷PS标题栏的教程(2)

PhotoShop设计制作炫酷PS标题栏的教程(3) 作者:小武QQ1061399286 出处: 最终效果 【制作前言】 本教程中的标题栏,并非小武本人原创。是由V2老黑前辈设计的…

PhotoShop设计制作炫酷PS标题栏教程(3)

作者:小武QQ1061399286 出处: 最终效果 【制作前言】 本教程中的标题栏,并非小武本人原创。是由V2老黑前辈设计的,在经过老黑前辈的同意下,小武根据成品图写了这个教程,写得不怎么好,大家多度见谅! 1、 新建一


作者:小武QQ1061399286   出处:
PhotoShop设计制作炫酷PS标题栏的教程(2)插图

最终效果

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(1)

【制作前言】

本教程中的标题栏,并非小武本人原创。是由V2老黑前辈设计的,在经过老黑前辈的同意下,小武根据成品图写了这个教程,写得不怎么好,大家多度见谅!    
1、  新建一个895×307px的图层,分辨率为300,背景颜色为白色,颜色模式为RGB

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(2)

2、  打开人物素材,拖到刚刚新建的图层上面

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(3)

3、新建图层,使用钢笔工具圈出图片上半部分,需要带点弧度,然后使用快捷键ctrl+enter 使其进入选区

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(4)

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(5)

 


4、选择渐变工具,设置渐变的颜色,并用吸管工具调整渐变颜色,颜色分别为:a4dce7、f8f7cf、ea93d4

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(6)

5、点击渐变菜单上面部分的色标,设置不透明度

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(7)

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

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(8)

7、使用同样的方法,将图片下部分也做上渐变

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(9)

8、新建图层,选择椭圆选框工具,在图片上画个圆

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(10)

 


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

 

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(11)

10、选择矩形选框工具,在刚刚那个羽化的圆圈中间拉个矩形

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(12)

11、拉好选区之后,按一下键盘上的Delete键,删除多余部分

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(13)

12、选择PS上部工具栏中的:编辑-变换-选择,将图层旋转到下图的位置

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(14)

13、使用QQ截图,将PS的工具栏截图下来,用PS打开。使用编辑-变换-变形,将其变形为下图的样子

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(15)

 


14、复制变形完的图层,选择:滤镜-模糊-动感模糊,设置角度为8,距离为30 

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(16)

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

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(17)

16、使用同样的方法,作出另外一个工具栏

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(18)

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

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(19)

18、对丝带也进行刚才的模糊步骤

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(20)

 


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

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(21)

20、在上面打上字,如:XW QZONE DESIGN

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(22)

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

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(23)

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(24)

22、使用同样的方法,制作几个版权

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(25)

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

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(1)




作者:小武QQ1061399286   出处:
PhotoShop设计制作炫酷PS标题栏的教程(2)插图

最终效果

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(1)

【制作前言】

本教程中的标题栏,并非小武本人原创。是由V2老黑前辈设计的,在经过老黑前辈的同意下,小武根据成品图写了这个教程,写得不怎么好,大家多度见谅!    
1、  新建一个895×307px的图层,分辨率为300,背景颜色为白色,颜色模式为RGB

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(2)

2、  打开人物素材,拖到刚刚新建的图层上面

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(3)

3、新建图层,使用钢笔工具圈出图片上半部分,需要带点弧度,然后使用快捷键ctrl+enter 使其进入选区

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(4)

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(5)

 


4、选择渐变工具,设置渐变的颜色,并用吸管工具调整渐变颜色,颜色分别为:a4dce7、f8f7cf、ea93d4

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(6)

5、点击渐变菜单上面部分的色标,设置不透明度

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(7)

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

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(8)

7、使用同样的方法,将图片下部分也做上渐变

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(9)

8、新建图层,选择椭圆选框工具,在图片上画个圆

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(10)

 


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

 

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(11)

10、选择矩形选框工具,在刚刚那个羽化的圆圈中间拉个矩形

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(12)

11、拉好选区之后,按一下键盘上的Delete键,删除多余部分

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(13)

12、选择PS上部工具栏中的:编辑-变换-选择,将图层旋转到下图的位置

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(14)

13、使用QQ截图,将PS的工具栏截图下来,用PS打开。使用编辑-变换-变形,将其变形为下图的样子

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(15)

 


14、复制变形完的图层,选择:滤镜-模糊-动感模糊,设置角度为8,距离为30 

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(16)

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

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(17)

16、使用同样的方法,作出另外一个工具栏

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(18)

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

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(19)

18、对丝带也进行刚才的模糊步骤

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(20)

 


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

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(21)

20、在上面打上字,如:XW QZONE DESIGN

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(22)

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

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(23)

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(24)

22、使用同样的方法,制作几个版权

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(25)

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

PhotoShop设计制作炫酷PS标题栏的教程(2)插图(1)



作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部