Photoshop制作超酷的设计类网页横幅

 

设计类网页最重要是创意,画面要有一定的新意和视觉冲击力。因此在选择素材的时候多选一些艺术感较强的图片,然后发挥想象去渲染,做出自己满意的效果。

最终效果
Photoshop制作超酷的设计类网页横幅插图
1、新建一个895×307px的图层,分辨率为300,背景颜色为白色,颜色模式为RGB。
Photoshop制作超酷的设计类网页横幅插图(1)
2、打开人物素材,拖到刚刚新建的图层上面。
Photoshop制作超酷的设计类网页横幅插图(2)
Photoshop制作超酷的设计类网页横幅插图(3)

3、新建图层,使用钢笔工具圈出图片上半部分,需要带点弧度,然后使用快捷键ctrl+enter 使其进入选区。
Photoshop制作超酷的设计类网页横幅插图(4)
Photoshop制作超酷的设计类网页横幅插图(5)
4、选择渐变工具,设置渐变的颜色,并用吸管工具调整渐变颜色,颜色分别为:#a4dce7、#f8f7cf、#ea93d4。
Photoshop制作超酷的设计类网页横幅插图(6)

5、点击渐变菜单上面部分的色标,设置不透明度。
Photoshop制作超酷的设计类网页横幅插图(7)
6、然后选择线性渐变,拉个渐变出来,如果颜色太浓,可以使用橡皮擦工具稍微擦拭。
Photoshop制作超酷的设计类网页横幅插图(8)
7、使用同样的方法,将图片下部分也做上渐变。
Photoshop制作超酷的设计类网页横幅插图(9)
8、新建图层,选择椭圆选框工具,在图片上画个圆。
Photoshop制作超酷的设计类网页横幅插图(10)

9、设置羽化40XP,填充白色(灰色也可)。
Photoshop制作超酷的设计类网页横幅插图(11)
10、选择矩形选框工具,在刚刚那个羽化的圆圈中间拉个矩形。
Photoshop制作超酷的设计类网页横幅插图(12)
11、拉好选区之后,按一下键盘上的Delete键,删除多余部分。
Photoshop制作超酷的设计类网页横幅插图(13)
12、选择PS上部工具栏中的:编辑-变换-选择,将图层旋转到下图的位置。
Photoshop制作超酷的设计类网页横幅插图(14)

13、使用QQ截图,将PS的工具栏截图下来,用PS打开。使用编辑-变换-变形,将其变形为下图的样子。
Photoshop制作超酷的设计类网页横幅插图(15)
14、复制变形完的图层,选择:滤镜-模糊-动感模糊,设置角度为8,距离为30。
Photoshop制作超酷的设计类网页横幅插图(16)
15、将上面用动感模糊处理过的图层拖到前面变形工具栏图层下方。
Photoshop制作超酷的设计类网页横幅插图(17)
16、使用同样的方法,作出另外一个工具栏。
Photoshop制作超酷的设计类网页横幅插图(18)
17、使用丝带的笔刷画几个丝带,设置一下颜色渐变(使用丝带素材也可)。
Photoshop制作超酷的设计类网页横幅插图(19)

18、对丝带也进行刚才的模糊步骤。
Photoshop制作超酷的设计类网页横幅插图(20)
19、新建图层,使用矩形选框工具在图片上拉一个矩形。填充#ffa800,设置透明度为60%。
Photoshop制作超酷的设计类网页横幅插图(21)
20、在上面打上字。
Photoshop制作超酷的设计类网页横幅插图(22)

21、把刚刚打的字栅格化,与黄色的图层合并。使用魔术棒工具,在X前面、N后面点一下,再按一下Delete。
Photoshop制作超酷的设计类网页横幅插图(23)
Photoshop制作超酷的设计类网页横幅插图(24)
22、使用同样的方法,制作其它文字。
Photoshop制作超酷的设计类网页横幅插图(25)
23、最后,加上一些高光和装饰品,在图片的右上角,加上您的版权(不加也可)这次的炫酷标题栏就OK了。
Photoshop制作超酷的设计类网页横幅插图

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!
2.本站部分资源包有加密,加密统一密码为:www.51zhanma.cn
3. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
4. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
5. 如果您也有好的资源或教程,您可以投稿发布,用户购买后有销售金额的80%以上的分成收入!
6.如有侵权请联系客服邮件kefu@zhanma.cn
站码网 » Photoshop制作超酷的设计类网页横幅

发表评论

  • 1809本站运营(天)
  • 1945会员数(个)
  • 5310资源数(个)
  • 1287评论数(个)
  • 0 近 30 天更新(个)
加入 VIP