推荐阅读

Photoshop调出古典唯美效果图的外景婚片调色
案列对比图:左为原片,右为效果图1、[注:一直不厌其烦的讲复制背景层,不要在背景层上修改]。复制背景层,生成新的背景层,而后复制背景层生成图层1,修改混合模式为滤色,操作目的:提亮。2、创建“色相/饱和度”调整层,设置参数如下:3、创建“渐变映射”调整层,操作布草如下:

插画艺术网
本实例以造型优美的、抽象的花朵形象和渐变的、绚丽的花朵色彩,来表现插花艺术网页页面的设计主题。该设计效果强烈,点、线、面、色彩和图形的组合运用是构成网页的装饰要素。紫红色的运用为画面增添了浪漫气息。如图11-40所示,为本实例的完成效果。图11-40 本实例完成效果在本实例中所设计的内容与主题相符,体现插花这门艺术的优美与浪漫。协调的处理色彩与其他设计要素之间的相互关系,增强网页的信息和情感传递效果,使人们在浏览的时候产生共鸣。在制作过程中主要采用绘制路径、描边路径来绘制图像,使用“画笔”工具来修饰图像的颜色,更改图像的混合模式使两幅图像叠加起来,能得到更加丰富的图像效果。如图11-41所示,为本实例的制作流程。图11-41 本实例制作流程(1)启动Photoshop,执行“文件”→“新建”命令,参照图11-42所示对打开的“新建”对话框进行设置,创建一个名为“插画艺术网”的新文档。图11-42 设置“新建”对话框(2)单击“图层”调板底部的“创建新图层”按钮,新建“图层 1”,然后使用工具箱中的“矩形选框”工具,参照图11-43所示在视图中绘制一个矩形选区。

CSS兼容IE6,IE7,FIREFOX的一些收集
第一种,是CSS HACK的方法height:20px; /*For Firefox*/*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/注意顺序。这样也属于CSS HACK,不过没有上面这样简洁。#example { color: #333; } /* Moz */* html #example { color: #666; } /* IE6 */*+html #example { color: #999; } /* IE7 */第二种是使用IE专用的条件注释<!--其他浏览器 --><link rel="stylesheet" type="text/css" href="css.css" /><!--[if IE 7]><!-- 适合于IE7 --><link rel="stylesheet" type="text/css" href="ie7.css" /><![endif]--><!--[if lte IE 6]><!-- 适合于IE6及一下 --><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->第三种css filter的办法,以下为经典从国外网站翻译过来的。.新建一个css样式如下:#item { width: 200px; height: 200px; background: red;} 新建一个div,并使用前面定义的css的样式:
最新发布

Photoshop临摹立体时尚的软件APP图标
善用图层样式,你会发现图层样式非常的强大,下面的图片很简单,用图层样式就可以做了出来。前几天我把源文件删了,所以现在我边做边截图出来,有什么不同的也可以提问,楼主只是一个业余爱好者,前段时间喜欢上了临摹各种ICON。不过过段时间我应该要去研究颜色原理了。先看看效果图下面是临摹对比临摹,我们先排列好画布然后新建个渐变调整层,仔细观察原图背景,我们不难发现原图的背景不是纯色的

Photoshop设计蓝色质感的方形APP图标
先看看效果图随手制作了一个图标,简单易学一,先ctrl+N(新建文件),新建一个512x512的白色场景二,按快捷键“U”,选择圆角矩形工具,主要左上方的类型在场景内点一下,弹出选项参数,如图,创建一个圆角矩形

Photoshop设计立体时尚的软件APP图标
一枚超级漂亮的图标教程。今天P大点S微博同学临摹了一个色板图标,效果好到发指,重点是图层样式的运用,关键部分都有大字标示,方便大家练习。效果图:新建1000*1000画布,填充颜色e82571,利用圆角矩形工具,半径100像素按住Shift画一个正方形,点一下上面的形状,建立形状图层。执行图层样式斜面浮雕,投影和颜色叠加,参数:如下,大家也可以自己摸索不同的数值:

Photoshop设计绘制卡通风格的企鹅APP图标
本教程主要使用photoshop绘制卡通风格的企鹅APP图标,教你绘制一枚方形图标,操作简单易上手,源文件已打包,假期花十分钟来练个手吧。下面让我们一起来学习吧。先看看效果图新建个文档,我用的尺寸是800*600像素,大家请随意,做一个渐变背景,用圆角矩形工具画一个圆角矩形,我用的颜色是#1a181a!用两个椭圆相减,画出企鹅的围巾,这里我用的颜色是#da2300,载入圆角矩形的选区,给围巾添加一个图层蒙版,以保证围巾不会超出圆角矩形。接下来,制作围巾上的条纹。用矩形工具画一个颜色为#ff6044的矩形,CTRL+T,设置一个中心点,适当的旋转一定角度,CTRL+ALT+T狂按,创建剪贴蒙版。为围巾图层添加一个图层样式,我添加了斜面浮雕和投影,记得勾选图层蒙版隐藏效果。

Glen Ronald插画设计师水墨风作品设计欣赏
加拿大的一位名为格伦·罗纳德(Glen Ronald)的画家走红网络,格伦的绘画风格十分特别,他喜欢先把墨水倒在纸上,然后在任其泼洒,制造出一片“混沌”。紧接着,格伦在“混沌”中获得灵感,利用泼洒四溅的墨迹创作出一幅又一副的精美作品,令人赞叹不已。格伦表示自己与“混沌”有一种特殊的关系,无论是在艺术还是在生活中,他都能在“混沌”中发现“秩序”。他说:“我常常在生命中寻找赎回的机会,在我的艺术创作中,这种赎回就呈现出了意义、美和魅力。”

网页设计师必收的实用网站作品欣赏
我们常开玩笑说,不想当产品的设计不是好开发,而实际上多数的设计师、开发和产品都会在自己的领域深耕,为了技术、眼界和能力的进阶而不遗余力。不断的学习是这几个行业的从业者必须具备的素质。我们经常为设计师推荐网站,给产品经理推荐文章,而今天的文章,我们搜集并总结了20个前端开发者肯定会感兴趣的网站,其中的一部分你可能见过甚至熟知,而其中另外一部分则是全新的。这些网站所承载的工具与服务能够帮前端和网页设计师节省时间,提升效率,其中绝大多数是免费的,少数则拥有免费的版本和收费的进阶版,适应不同的需求。GitHub在线项目托管平台Github,想必没有前端不认识。Github 采用的是Git式的版本管理体系,内置了源代码浏览器、在线编辑工具、*等组件,最重要的是,它一直是开源免费的。CodyCody 是一个免费的HTML/CSS/JS资源库,你可以借助Cody 提升你的Web开发技能,学习全新的技巧。Pingdom

那些有趣的作品展示网站设计欣赏
设计个人作品展示页的时候,我们常常因为缺乏创意而着急挠头,那么如今最先锋、最好玩的展示页都是怎么做的呢?今天一起看看这些令人脑洞大开的设计吧。作品展示类网站绝对是大家最熟悉的网站类别之一,不仅仅是实际需求多,而且对设计师而言,展示个人作品也是常见需求。新技术的加入让网页设计和艺术之间的界限越来越模糊,这也是为什么许多设计师的个人作品站开始越来越富有后现代的美感了。在这个“后可用性时代”,艺术和可用性之间的关系越发的微妙,而这种关系在各类作品展示站上表现的相当明显。作为设计师的展示作品的平台,这类网站通常在艺术上显得更为先锋,在技术的选取上也颇有想法。所以,当你开始研究这些优秀的作品展示站的时候,不妨从它们的美学特征开始着手,再研究其中CSS和HTML代码的运用。FABIO ROCHA让我们从Fabio Rocha 的作品站开始吧。这个网站设计并不复杂,设计师并未固定页面宽度,但是排版和图片素材的处理都相当的用心。整个网站最值得学习的是黄色的运用。K LOGICK Logic 是一个营销公司的展示站,网站按照项目被划分为不同的色块,而网站语言则是英文和希伯来语混用。虽然这类“盒子式”的网站布局往往显得单调,但是K Logic 则展示出这类网站同样是可以做的足够漂亮的。GORAN FILIPOVIC

个性鲜明风格迥异的双色网页设计欣赏
我们过去印象中的双色配色的设计,多是复古而有情怀的,非常的“80年代”。但是今天的双色配色的范畴已经远超越了复古,它可以柔媚也可以冷硬,可以前卫也可以个性,双色配色有多强大,也许取决于你脑洞。双色配色方案并不是简单的两种色彩搭配到一起,这两种色彩通常是两种对比明显的色彩。而我们所常见的双色配色的图片则主要突出中间色调和高光,蓝色、棕色、红色和黄色是这种配色中最常见的色调。然而,对于网页设计师而言,双色配色则很少受到这样的限制,色调的选取更加自由,搭配方式也更加多样而个性,你会发现原来双色配色也同样可以打开新世界的大门。接下来,我们一起看看那些将双色配色玩儿得出神入化的优秀网页设计,看看这个令人着迷的设计趋势,到底有着怎样的魅力。Adidas Football作为一个运动品牌,设计师通过一系列时尚而现代的高素质图片来体现它的特质,而统一的深蓝/明黄配色则让整个网站的气质和氛围保持了高度的一致,个性也得以凸显。Mirage FestivalMirage Festival 的红蓝搭配看起来略显怪异,但是两种略显疏离的色彩反而营造出独特的美感,尤其是同主流的白底黑字进行对比的时候。Fjord Trend