推荐阅读
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制作梦幻霓虹灯管字效果字体设计教程
这款原创教程比较详细的解析photoshop在不使用任何三维软件协助的情况下,如何绘制灯管效果,难度不大,适合一些新手,当然也欢迎老鸟交流,互相学习。先看看效果图我的基本思路就是利用Photoshop自带的工具,在没有三维软件的帮助下,快速的画出灯管效果,说白了就是在Photoshop里画出灯管的体积,光效,投影等。由于灯管的造型相对简单,光效也比较容易模拟,所以在ps中完全可以画出还不错的效果。当然你要是觉得还是三维软件做出来效果更好,那我也没得反驳,但是在ps中做的话,无疑速度更快,更容易,也方便于调整。闲话不多,我们看一下完整的预览gif后就开始步骤了。首先我觉得,这种灯管效果其实背景很重要,需要选用一些比较有质感的背景。由此,下面两张图进入眼帘。调整background1的饱和度为-100,并且不透明度调整为40%
使用Photoshop渐变映射工具制作单色艺术效果的图片
对比图对比图对比图1、打开图像,执行渐变映射命令,这时候你会发现是这样子的渐变映射2、双击渐变条,会出现渐变编辑器,再双击渐变条白色右下方按钮,如图双击渐变条接下来会弹出拾色器,选择#1fceff,点击确定,效果如下
PS网页设计:制作游戏网站专题页面图片教程
教程重点是网页头版的设计,需要根据客户的要求确定好页面要表现的内容;然后搜集相关的素材,根据自己的创意发挥,把画面做得绚丽,有视觉冲击效果即可。最终效果 既然主题”全球争霸赛“很明确,那我们就可以围绕这个去进行专题的构思了。首先,还是在脑海里想象下所要打造的一个大概的场景。 各路英豪争夺全球第一,反映到游戏中自然也就是各门派的英雄去争夺武林盟主的感觉,可以把英雄围绕四周,中间放一个类似奖牌的物品,那么大致的场景及场面基调也就可以定下来了。我们还是先提炼一下关键词。 根据联想到的这些关键词我们就可以进行素材的搜索啦。这个页面用的主要是游戏内提供的人物和场景原画素材,外部素材没有到太多,我这里只罗列一下所用到的游戏内部的素材。一、我们开始打造场景。
国外黑白灰的低调大气网站设计欣赏
黑白灰的经典配色是永恒不变的教父级色彩,也是含蓄内秀的典范。今天继续第二弹,18个优雅的黑白灰配色网站,同学们也可以拿来作为网页设计时色系风格的参考。CREATIVEPARKLaurent Perez Del MarAlexander EngzellHOCHBURGPlain
30款木质纹理网站设计欣赏
thefarmerandthechef.comstuds-up.comtearoundapp.comlemonfestival.comdawghousedesignstudio.com
25个国外优秀的教育类网站设计欣赏
全世界的教育机构成千上万,那么这些教育机构的网站会是怎样的呢?在买猪肉的时候啊,我们都知道,有蓝戳戳的肉才是合格的、有质量保证的肉。在招生领域,一个高质量的网站就像那个蓝戳戳,能提升家长和学生的信任度。网站不仅可以供学生查找信息,还能帮助家长监督学校的教学,可谓是好处多多啊。今天我们为大家搜集了25个精美的教育机构的网站,其中大部分是大学和高等教育机构的网站。希望我们这次的收集能为正在做教育类网站的你带去些许灵感。Biola UndergradUniversity of Texas ArlingtonTrinity UniversityDenver Seminary
精选版式过人的体育运动网站设计欣赏
在体育类网站中如何表现运动激情、合作的意识、坚持的精神等等,都非常值得用心钻研。今天分享一组优秀的体育类网站,无论是图片的选择、构图还是版式设计,都有值得学习的地方,直接收。National Basketball AssociationBoston HoopsSalomon TrailtourNational Football LeagueWatching the World Cup
设计师突破固有思维的优秀网站设计欣赏
一成不变的布局方式、相同图库的素材、标准化的原型流程…… 如果你已经习惯了这些抑制创造力的行为,不妨看看今天十萬個為什麽带来的这篇Smashingmagazine 译文,附上超多创意窜天的优秀案例,喜欢的朋友一起来欣赏吧。网页设计是否丧失了灵魂?这是否要归咎于响应式设计呢?我的朋友兼同事Noah Stokes提出了这些问题,不得不说是有点耸人听闻。毕竟,响应式网页不仅能让我们通过日益丰富的联网设备浏览网页,还能感受其乐趣。作为设计师,我们的首要任务是解决问题,这可能远远超过其他的事情。响应式网页设计是一种绝妙的解决方案,能创造出适应各种设备的虚拟体验。但仍然有许多问题亟待解决,尤其是如何让各种内容都有趣迷人。一页纯文字可以成为一篇优美的博文,一大堆无关联的JPG图片可以成为一部专业的作品集。然后,问题就变成了:我们能同时实现两者吗?我们所获得的毫无疑问,网络已经成为一个美学胜地。基于可靠的网格布局,构建简单迷人的网站,已经成为一种标准。互联网的垦荒已经完成,以框架和活动栅格形式出现的律法与秩序,已经掌管这片土壤,开始了和平的统治。所有这些都是好事。简单迷人的网站,优势显而易见且丰富:熟悉,便于用户浏览(操作正确的话)。原型设计(相对)简单快速。建站技术的高度标准化(流水线取代了工匠)。
令人感到亲切的Hello主题网站设计欣赏
几乎每个网站都有自己的Slogan或者说口号,作为网站的定位和价值观输出的一部分,它们常常拿来作为网站欢迎访客的问候用语,是网站首页设计的重要组成部分,也是完善打开体验的重要手段。虽然我们更习惯使用图片和视频来强化网站视觉,但是用精心设计的短句和问候语会显得更加亲切也更富于仪式感,所传递出的信息也会更加清晰。在这种思路下,许多网站选择只使用最简单的Hello,来同网站访客进行问候。今天,我们搜集了一系列网站来为你展现其他的设计师都是如何向网站访客问候“你好”的。这些网站大都倾向于营造友好的氛围,以优雅而平易近人的姿态来传递情绪,这样一来,即使是一个简单的 Hello 都可以承载设计师的拳拳善意。接下来,我们一同看看这些案例。Pixies Agency这类网站通常有着大气的布局,就像Pixies Agency这样。黑色的背景可以看到城市的天际线,白色的文字在映衬下显得非常显著,加粗的 Hello 传递出设计者的意图,给人沉稳而对等的感觉。整个网站仿佛自带BGM。Michael Villeneuve和前一个案例不一样,Michael Villeneuve 显得更加优雅细腻,虽然整体色调同样采用了黑白对比。漂亮的图标、线条感十足的字体让页面充满了现代感,尤其当网站的语言采用优雅的法语的时候,这种感觉更加明显。Kalexiko
那些有趣的作品展示网站设计欣赏
设计个人作品展示页的时候,我们常常因为缺乏创意而着急挠头,那么如今最先锋、最好玩的展示页都是怎么做的呢?今天一起看看这些令人脑洞大开的设计吧。作品展示类网站绝对是大家最熟悉的网站类别之一,不仅仅是实际需求多,而且对设计师而言,展示个人作品也是常见需求。新技术的加入让网页设计和艺术之间的界限越来越模糊,这也是为什么许多设计师的个人作品站开始越来越富有后现代的美感了。在这个“后可用性时代”,艺术和可用性之间的关系越发的微妙,而这种关系在各类作品展示站上表现的相当明显。作为设计师的展示作品的平台,这类网站通常在艺术上显得更为先锋,在技术的选取上也颇有想法。所以,当你开始研究这些优秀的作品展示站的时候,不妨从它们的美学特征开始着手,再研究其中CSS和HTML代码的运用。FABIO ROCHA让我们从Fabio Rocha 的作品站开始吧。这个网站设计并不复杂,设计师并未固定页面宽度,但是排版和图片素材的处理都相当的用心。整个网站最值得学习的是黄色的运用。K LOGICK Logic 是一个营销公司的展示站,网站按照项目被划分为不同的色块,而网站语言则是英文和希伯来语混用。虽然这类“盒子式”的网站布局往往显得单调,但是K Logic 则展示出这类网站同样是可以做的足够漂亮的。GORAN FILIPOVIC
