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

2016-02-02 00:23 15 1 收藏

今天图老师小编要跟大家分享Photoshop制作超酷的设计类网页横幅,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - ps入门教程 】

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

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

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


(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

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


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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

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

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

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

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

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

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

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

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

20、在上面打上字。

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

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

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

来源:https://www.tulaoshi.com/n/20160202/1527897.html

延伸阅读
活动类网页,故名思意是专门一些网站线上与线下开展活动的宣传网页,很多时候我们都会参照海报的设计方式来对这类网页进行设计,当然虽然如此不过网页总归与海报是有区别的,有时候我们在设计此类网页时反而无从下手,不知道该注意点什么,本文中的一些经验可能会为你解决设计活动网页的困扰。 在WEB2.0 网页充斥的年代,身边无时无刻都听到这...
标签: PS
新建画布 首先第一步我们应该用PS软件新建一个条幅,设置的参数和模式如下图所示,设置完成后保存。 填充颜色 一般情况下,条幅的颜色都是红色。因此我们应该点击前景色,设置颜色为红色,然后填充进去。 横幅上写字 接下来,我们应当使用文字编辑工具,在红色横幅上写下你设计横幅的文字。 设置文字 然后,根据你...
How do I create a tile or a pattern? Actually, that’s easier than one might think. For instance, you can use  BgPatterns, a free tiled background designer which is basically a pattern library where you can find, create, rate and share patterns. You can select one of 68 images (scrolls, stars, flowers, heart...
来源:网易 作者:XYWei 本教程介绍较为专业的图标创作及制作方法。大致分为两个大的部分:前期线稿和后期的制作。尤其是前期的线稿制作非常重要,需要用简单的线条把实物勾画出来,需要自己不断的修改,直到画出自己满意的效果。 最终效果 一、线稿的手绘。 1、画辅助线:辅助线可以让你的线稿事半功倍,解决物体角度透视问题,确保线稿...
来源:艺流影像 作者:山村老师 效果图看似比较简单,其实部分细节的制作是比较复杂的。如车身上的火焰,需要多次用滤镜等做出轮廓,然后再调成火焰的颜色。其它的火焰也需要自己慢慢变形处理做成符合需求的。 最终效果 1、打开Photoshop,创建一个新的文档。请用黑色和红色的组合(#160000)背景。然后用一个没有背景的汽车的形象。对于...

经验教程

760

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部