Photoshop创意科技感十足的网页背景教程

  颜色方面您可以根据自己喜好的色彩叠加在背景上,举一反三,可以营造出各种不同的效果。如下图。


  来最终效果先:


  第一步:

  创建大小为1920*1200像素的空白背景,前景色为白色,分辨率为72 dpi

  快捷键 「D」设置前景色与背景色分别为黑色与白色,新建一个图层,命名为「背景」


  第二步:

  现在我们要利用滤镜来完成我们的背景咯,童鞋们按照步骤来,→ 滤镜 → 渲染 → 云彩


  第三步:

  恩,很有成就感了,这一步更简单,→ 滤镜 → 像素化 → 马赛克,参数就这样!


  第四步:

  滤镜 → 模糊 → 径向模糊,参数设置如下:


  第五步:

  好棒,你做到这一步了!快成型了对吗?恩,没错,滤镜 → 风格化 → 浮雕效果,跟着我,这样来设置参数~

 


  哎哟,效果不错哦


  第六步:

  滤镜 → 滤镜库 → 画笔描边 → 强化边缘,参数设置,看图嘿哟


  第七步:

  风格化 → 查找边缘


  最后一个滤镜咯,→ 滤镜库 → 风格化,照亮边缘,参数看图不说话:


  第八步:

  图像,调整,色相/饱和度,参数在这儿:


  效果惊呆了!哎,其实还有一个滤镜,我们需要把它修改得锐利一点,滤镜 → 模糊 → 表面模糊,参数如下:


  至此,一个帅气简约不明觉厉的现代派抽象风格背景已经修炼完成,欢迎各位同我一起来完成这八步~

分类:

  • PS入门教程
时间: 2024-10-27 07:55:52

Photoshop创意科技感十足的网页背景教程的相关文章

PhotoShop打造艺术感十足的照片效果教程

构思.构图或者光线都运用得当的艺术照片才能够打动人心,这幅照片是采用家用卡片机在自然光下拍摄的,过于平淡的光线使照片缺少了一些艺术感, 没关系,我们可以利用后期处理来为照片制造光影艺术效果. 原始照片素材: 处理后效果: (1)在Photoshop C S中打开欲处理的照片文件,单击"图层"调板下方的"创建新的填充或调整图层"按钮,在弹出菜单中选择"色相/饱和度"命令, 打开"色相/饱和度"对话框,分别勾选"着色&q

Photoshop设计科幻感十足的金属字制作教程

给各位Photoshop软件的使用者来详细的解析分享一下设计科幻感十足的金属字的制作教程. 教程分享: 最终效果:   1-1.首先我们新建一个画布:780*312,背景色填充为黑色,字体颜色设置为#d4aa3f,大小120点,置于画布中间(这里的字体名称是:Spy Agency Regula)   1-2.给文字加个内阴影,设置如下:   1-3.给文字加个内发光,设置如下:   1-4.再给它加个渐变叠加,设置如下:   做完以上步骤,你现在的效果应该是这样的:   2-1.现在把文字图层复

丰田概念车FV2科技感十足 前挡风玻璃变显示屏

日本汽车制造商丰田迫不及待展示了其下一代概念车-FV2,这是一款只能承载司机单人的概念车,和现在的汽车不同的是,FV2是 一款可以与司机心连心的智能车,可以读懂用户的语音和表情,和用户牢牢绑在了一起. &http://www.aliyun.com/zixun/aggregation/37954.html">nbsp; FV2所做的一切都是为了和司机建立亲密的关系,因此,它将使用丰田开发的语音和图像识别技术来确定司机的心情,同时会记录司机的驾驶过程以成为一名合格的副驾驶.汽车的前挡风

Photoshop制作有质感的蓝色磨砂背景教程

给各位photoshop软件的使用者们来详细的解析分享一下制作有质感的蓝色磨砂背景的教程. 教程分享: 新建文件,大小随自己喜欢. 在背景图层拉一个径向渐变,中间浅,外面深,当然,你也可以填充单色,只是渐变相对好看些,呵呵.   新建一个空白图层,填充白色,命名图层为磨砂.   复制磨砂图层并反相.   如图所示,改变图层样式和透明度.   最最关键的一步:   注意事项 磨砂背景在材质效果中最为常用,比如一些化妆品瓶子上的磨砂效果,或是金属材质也会常用,数据也不是死的,要会灵活运用. 好了,以

网页设计教程:网站背景设计案例分享

文章描述:我们将介绍几个实际网站来启发你的灵感,看看如何设计趣味而又令人感兴趣的网页背景.收藏本文,当你再次阅读时,你定会被某一个背景设计所迷恋. 如何选择一种最恰当的网页背景是网站设计中最常见的问题之一. 通常网站设计者都已准备好网站内容,而且版面布局大多也基本敲定.但背景要么是令人厌烦,要么是让人眼花缭乱,让设计者迟迟不能确定. 今天,我们将介绍几个实际网站来启发你的灵感,看看如何设计趣味而又令人感兴趣的网页背景.收藏本文,当你再次阅读时,你定会被某一个背景设计所迷恋. 1. 素描设计 这种

Photoshop文字特效:超级光泽质感的科技感文字

本教程主要使用Photoshop制作玻璃光泽的立体艺术字教程,教程通过简单的方法制作出超级光泽质感的效果,加上素材后看起来很有未来的科技感.喜欢这个效果的朋友可以跟着我们一起来学习吧. 先看看效果图 本教程使用的版本是PHOTOSHOP CS5,尺寸为1024 * 768,对本教程有疑问者请详细了解调色板中得一些基础知识. 1.打开背景素材,创建文字,使用ALBA字体,大小500像素,颜色为#77a5c2. 复制一层,副本图层填充为0 双击文字图层应用以下图层样式 投影:颜色为#51626a,混

干货!小技巧帮你完成创意十足的网页设计

干货!小技巧帮你完成创意十足的网页设计 时间:2014-10-09 14:42 来源:优设网 作者:小峰向前跑 小白叨一叨:依靠独特的设计手法,搭配上创意优秀的图片,可以让网页突破空间界限,给人留下深刻的印象.而如果有一些小技巧的话,则会有事半功倍的效果.(注:图片下为来源网站名) 作为一名设计师,每年都会沉浸在一些新的设计趋势中兴奋不已.接下来,我们将探寻2013年的最新设计趋势,这绝对是意义非凡的事情.Web设计师必须洞悉所有相关领域的新趋势,紧跟时尚潮流. 这些新趋势让设计变得妙趣横生.

分享47个很棒的 Photoshop 网页背景设计教程

漂亮的背景可以让网页增色不少,今天这篇文章要与大家分享的是50个非常有用的 Photoshop 网页背景设计教程,感谢那些优秀的设计师分享这么好的教程,赶紧为你的网页设计一个漂亮的背景吧. Abstract Kaleidoscope Poster – Photoshop CS5 Abstract Starfield Background – Photoshop CS5 Create Abstract Valentine's Day Card Create Awesome Abstract Neb

PS网页设计教程XVII——在Photoshop中设计创意组合网页

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的