Photoshop设计创意和视觉冲击力网页横幅教程

2016-03-19 01:54 9 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享Photoshop设计创意和视觉冲击力网页横幅教程,希望可以让热爱学习的朋友们体会到PS的小小的乐趣。

【 tulaoshi.com - PS 】

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


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


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



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

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



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

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


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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)
7、使用同样的方法,将图片下部分也做上渐变。


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

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


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


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


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

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


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


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


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


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

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


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


20、在上面打上字。

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



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


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

来源:https://www.tulaoshi.com/n/20160319/1900957.html

延伸阅读
标签: PS
PS快速打造视觉冲击力MAX的街舞大赛海报   最终效果: 新建一个800*1200像素的文档,背景色为白色。打开素材包中的模特,抠图,把抠好的模特放入到我们的文档中,调整位置和大小。 在模特图层上层,以剪贴蒙版的形式,创建一个黑白调整层,赋予模特黑白效果,选择模特图层和黑白调整层,CTRL+G,创建图层组,命名为模...
标签: PS PS教程
今天这篇海报的视觉冲击力特别带劲,运用了红色、黑色和白色,形成强烈的色彩反差,加上酷炫的光效和张力十足的人物素材,震撼力Max!11月第一天,练个手,给自己开个好头吧! 点击下载素材包和PSD : http://yunpan.cn/c3e4xCkTbHgIe  访问密码 4a47 最终效果: 新建一个800*1200像素的文档,背景色为白色。打开素材包...
来源:站酷 作者:Tsane 碎块字制作思路并不复杂,分为两个大的步骤。首先是文字部分的处理,用选区及移动工具把文字分成多个碎块;然后用图层样式及纹理素材增加质感和纹理即可。 最终效果 1、新建一个960 * 560像素的文件,背景填充黑色。 2、选择文字工具输入所需的文字,文字颜色为白色。 3、在文字缩略图上右键选择栅格化文字。 ...
来源:站酷 作者:伯毅狼 效果图由背景、文字、装饰三部分构成,文字部分制作比较重要,包括立体字及霓虹字。立体字制作稍微复杂一点,需要纯手工制作。 最终效果 1、首先建立一个1000 * 1455像素文件,然后导入下图所示的星空背景。 2、新建一个图层,给星空背景加上暗角。 3、我们先来分解这个“9”字,其实每个字的制作方式都是...
标签: PS PS教程
在学习中遇到问题可以到 论坛PS求助研讨 发贴交流! 相关PS特效实例教程阅读: Photoshop特效教程专题 最终效果 1、新建一个1024 * 768像素的文档,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。 2、打开图3所示的文字素材,用魔术棒抠出来,拖到...

经验教程

683

收藏

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