纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页photoshop教程入门实例

制作超酷漂亮的设计类网页横幅 PS网页设计教程

PS新手入门学习-技巧   2021-05-19 我要评论
PS网页设计教程:制作超酷漂亮的设计类网页横幅,设计类网页最重要是创意,画面要有一定的新意和视觉冲击力。因此在选择素材的时候多选一些艺术感较强的图片,然后发挥想象去渲染,做出自己满意的效果。最终效果

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

20、在上面打上字。

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅

PS网页设计教程:制作超酷漂亮的设计类网页横幅

22、使用同样的方法,制作其它文字

PS网页设计教程:制作超酷漂亮的设计类网页横幅

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

PS网页设计教程:制作超酷漂亮的设计类网页横幅


相关文章

猜您喜欢

  • 学习怎么样压缩图片大小且不失真 PS图片处理技巧教程

    我们平时在工作中经常遇到在网上上传图片,图片都要求10KB?20KB?...图片大小有限制。图片文件太大了怎么办呢?今天我们就来学习怎么样压缩图片大小且不失真。不影响尺寸的情况下压缩图片文件大小,并且失真降到最低! 首先,我们来张美女图片,接下来就是要对这张图压缩..
  • 讲解渲染滤镜组的概述以及使用方式 PS滤镜知识学习

    PS滤镜知识学习:讲解渲染滤镜组的概述以及使用方式。渲染滤镜组中的滤镜可以在图像中创建3D形状、云彩图案、折射图案或者模拟光的反射,是Photoshop中一个十分重要的特效制作滤镜。渲染滤镜组包括分层云彩、纤维、光照效果镜头光晕和云彩等滤镜。 一、分层云彩滤镜 分..

网友评论

Copyright 2020 www.Soft111.com 【纯净下载站】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式