推荐阅读
浅谈10个CSS简写和优化的心得技巧
CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。下面介绍常见的CSS简写规则:这里主要用于两个属性:margin和padding,我们以margin为例,padding与之相同。盒子有上下左右四个方向,每个方向都有个外边距:你可以简写成: 1 margin:1px 2px 3px 4px; 语法 margin:top right bottom left; 12345678 //四个方向的边距相同,等同于margin:1px 1px 1px 1px; margin:1px; //上下边距都为1px,左右边距均为2px,等同于margin:1px 2px 1px 2px; margin:1px 2px; //右边距和左边距相同,等同于margin:1px 2px 3px 2px; margin:1px 2px 3px; //注意,这里虽然上下边距都为1px,但是这里不能缩写。 margin:1px 2px 1px 3px; 二、边框(border)边框的属性如下:可以缩写为一句:
3dmax打造欧式小别墅效果图教程
使用的是3Dmax和photoshop等软件,主要希望大家学会快速制作室外的别墅模型以及快速布光渲染的技术,下面让我们一起来学习吧。先来看看最终的效果下面是教程户外模型的制作我们首先需要理清思路,制作什么类型、风格、时间、季节的,确认了大致的方向,就可以按照需要找到可以使用的模型,然后把模型合理的组合在一起,就可以快速的创建户外建筑场景了。所有模型准备就绪,就可以打开3dmax软件,开始创建场景,首先我们需要导入的模型是建筑本体,同时创建一个平面作为地面物体,通过建筑和地面的结构关系,我们可以在初期,创建一部摄像机,确定机位,第一时间创建好相机的好处是,可以在细化模型的时候有基本依据,把重点和细节放到可以看到的地方。接着我们导入栅格,围成护栏确定院子的大小,这样可以在已经拟定好的空间导入其他小模型,尽可能选底部不是封闭的,上面带有网状细节的栅栏,可以利用底部封闭的部分,遮住看不到的环境,节省制作内容,围栏的大小,没有绝对的要求,在确定庭院大小的同时要兼顾摄像机视图的美观,在场景中创建一个cs骨骼人,确定场景比例。
巧用滤镜制作抽象艺术背景
本教程简单使用滤镜制作抽象绚丽背景效果,制作的时候一些参数需要根据图片的实际要求来设置,制作方法非常简单没有太多的调色过程,效果却很不错!最终效果 下面是具体的制作步骤:1.新建一个600px * 600px的文件背景填充为白色,执行菜单:滤镜 纹理 颗粒 参数设置如图1,确定按字母键"D",把前背景颜色设置为黑白,再执行菜单:滤镜 像素化 点状化,参数设置如图2,效果如图32.执行菜单:滤镜 杂色 中间值 数值为90,效果如图4
Flash逐帧动画制作:花儿吃蝴蝶
先看看效果: 效果预览 说明:大家看效果是不是还挺不错的,这样的动画就叫逐帧动画。没有经过FLASH的计算,每一帧都是由我们自己绘制的。好了,让我们一起来学习是怎么做的吧。 1、设置参数,将舞台大小设置为300*300,背景为白色,帧频为4。 图1 2、建立新图层,取名为背景。以后的背景元素我们都将放在这一层当中。 图2 3、在第一层第一帧上绘制如下的图案:蓝色的是背景,大家可以在动画中看出,咖啡色的是用来放花盆的桌子。因为这一部分在整个动画里对哦是静止不动的,所以我们将它们放置在背景层中。
最新发布
Photoshop快速的去掉风景照片中的人物教程
最终效果原图1、把上面的原图素材保存到本机,打开PS后再打开保存的素材。2、先来分析需要处理的部分。我们把人物按背景的构成分为两部分:顶部和地面,顶部是地板以外的部分,如青色方框位置。地板部分为地面,如红框位置。3、先来消除顶部人物部分。新建一个组,命名为“顶部”,如下图。
用PS解决摄影后期作品中的光线的处理实例教程
本篇教程主要使用PS解决摄影后期作品中的光线,高深一点的说法就是移日大法,希望大家可以喜欢。《倚天屠龙记》中记载,张无忌在明教总坛光明顶的禁地中习得一秘术,功法源自波斯明教,乃镇教之宝,名曰——乾坤大挪移“乾”乃天和阳,“坤”是地与阴 此乃移天挪地之神功!今日,我想跟有缘读到此篇文章的你说:看你骨骼惊奇,是万中无一的练武奇才,我这有本武林秘籍,见与你有缘就赠与你。此乃风光摄影中的乾坤挪移之术,唤作:移日大法。古书中记载的“乾坤大挪移”分七层境界,第一层需七年,第二层加倍,如此愈发困难,习至第七层者实乃古往今来第一人。而今日所述的移日大法仅需寥寥几步方可习之。何谓移日大法?先来看下图:
Photoshop调色调出冷色大片效果外景摄影照片的PS照片处理教程
外景照片在目前摄影行业中日趋流行起来,但是对于外景的色彩而言却分歧多种,就目前外景照片的色彩调整就有V2、糖水、阿宝、非主流等,今天我们说一种浑厚浓重效果的调色方法,与大家共同进步。首先我们看一下原片与效果图的对照。效果图:原图:看完对照图以后,我将调色步骤分享给大家:在一组照片中我选择一张突出前景荒草的照片,如图01。2、打开照片后我们对照片进行修饰处理,将照片中瑕疵、人物修饰干净。由于我们这事调色教程,在此我不再介绍修片过程了,修饰后的效果如图02。
用PS制作夜景效果风景照片的Photoshop图片修图教程
相信大家在生活中都会随手拍一些照片,由于没有前期注意取景及构图,导致拍出了所谓的“废片”。今天就在这里教大家如何通过二次构图以及简单的调色加合成来拯救相机中的“废片”。 一.分析原片 ①原片取景过于杂乱 ②山体左侧被枝叶所遮挡 二.二次构图 1.将原片导入PS中,然后拉一条辅助线在山口的位置,然后用矩形选框工具选取右边山体,Ctrl+J复制一个图层,然后右键选择水平翻转,得到下图。 (这一步的目的是为了还原山体左侧被树叶遮挡的部分,二次构图时能保存更多的山体)
用PS快速制作移轴效果图的照片移轴摄影处理教程
这期教程带来一个有趣的小操作,让大卡车变成小玩具!这个做法很多人称为模拟移轴镜头效果,但是我觉得移轴镜头的特性可不只是这一个,所以这个做法顶多叫小玩具模拟法。先看看效果图下面是原图。分析原图,此类照片要在高空拍摄,拍摄方向与地平面的夹角不宜过大也不宜过小,在45°-90°之间最佳,同时要拍摄适合变成小玩具的物体,比如车、房子等,拍摄时在晴天大光比下是最好的,阴天也不是不可在镜头矫正界面,首先选择“删除色差”、“启用配置文件矫正”,让镜头畸变以及机身自带暗角的情况减轻在基本界面,简单调色,呈现更多细节即可
移轴模糊,PS中的移轴模糊工具制作小景深照片教程
本篇教程通过要学习一下PS中的滤镜,PS中滤镜的意思,可以理解为“效果”或“特效”,是一些比较神奇的工具,本篇要说的这个滤镜特效,在我们摄影照片中会经常见到。相信很多摄影爱好者都喜欢拍摄一些大光圈的照片,乐于追求背景虚化之后与被摄主体的虚实对比。但有些时候,光圈设置不当,或者摄距不理想,背景虚化的程度不够,所以就需要今天学到的工具了:“移轴模糊”工具,一起来学习一下吧。 我们先看一张图片: 这就是一张典型的小光圈作品,喜欢摄影的朋友都知道,小光圈可以获得更大的景深,使被摄物体前后都清楚。如果拍摄时刻意去追求这种效果,并且也拍出成品照片了,那自不必说。如果想追求大光圈的虚化效果,却没拍出来,那后期就得在PS中手工制作大光圈效果,下面要讲的模糊工具,就能做到这一点。 首先在软件中打开一张给你想做模糊效果的图片,我用的素材是上面这张图,CTRL+J复制一个图层,接下来介绍工具,“移轴模糊”,在哪里找到它呢?大家看图: “移轴模糊”所在位置 大家看自己软件上方的菜单栏,从左向右数第七个:“滤镜”,点击后在下拉菜单中找到“模糊画廊”,二级菜单中找到“移轴模糊”,就会弹出工具界面。这里插一句,大家在截图上也看到了,好多效果的名词,今后我们处理照片时所使用的特效,大多数在这个滤镜菜单内。 好了,回到“移轴滤镜”,大家看这个名字,就能知道这种特效是在模仿移轴镜头的效果,了解摄影的朋友一定知道移轴镜头,很贵很牛,焦点外虚化效果也很另类。不了解摄影器材也没关系,一会儿我们直接看效果,现在我们看工具界面,如图:
9种设计师必须知道的字体设计技巧
独孤九剑是独孤求败所创,凭此剑法他败尽英雄豪杰,生平欲求一对手而不可得,最后埋剑空谷。独孤九剑只有九式,却可演化出三百六十种变化,破解各种剑法招式不在话下。偷偷告诉你,小梦私藏了一套字体设计独孤九剑,也有九式,也可以演变出各种字设手法,用心学会助你攻破字体设计各种难点!字体设计独孤九剑与其说是九种字体设计方法,倒不如说是九类设计方法,因为每一类又有很多详细的处理手法,重点不在于其招,领悟其意更重要。1.意象替代汉字最早是由象形发展而来,通过线条描述物体的外形特征达到表述的目的。我们设计字时可以反其道而行之,根据字意将字的某个笔画或部件用具体的图形/图像代替,达到直观表达字意的效果。
详解如何积极正确地使用预设计方法
如今的很多App包括Google Now、Spotify或Amazon,都会通过收集用户个人的数据来帮助自己做出产品决策。这些公司有时甚至依赖这些数据来替用户做决策,而非询问用户的意愿或让用户自己去选择。举几个例子,Facebook会为你定制推送内容、Amazon用你的浏览和购买记录来给你推荐商品——换句话说,他们从没询问过你的想法,而是直接帮你去掉了那些他们认为你不会感兴趣的内容。这种用数据替用户做决策的设计方式,最近被定义为一种“预设计”(Anticipatory Design)——它以用户行为数据为基础,直接在用户界面执行某些操作(而不会再次询问用户意愿),而它的优势在于减少用户在界面的判断和操作,减轻使用时的疲劳感。虽然这样的“预设计”听起来应该是出自于良好的初衷,但这种自动替用户决策的设计方式其实引发了一些隐藏在背后的问题——信任危机,尤其会出现“黑心产品”通过一些界面的小伎俩骗用户去点击一些不必要的功能。因此,这篇文章并非意在叫你如何通过预设计来“诱骗”用户接受或操作,而是希望谈谈如何积极正确地使用预设计的方法,让你的产品界面是真诚坦率的,就算还是有一些“引导”用户的嫌疑,这些引导也是站在用户的角度出发的。欢迎关注点融设计中心DDC微信公众号:「微信ID:DR_DDC」首先,为什么要替用户做决策?现如今的用户在浏览网络时,面对的选择信息越来越多,比如在Amazon或eBay等电商网站上挑选商品。就算我们明确知道自己想买什么,那些商品网页也让人眼花缭乱没法抉择。
详细解析设计中亮色渐变的使用技巧
在最近一些流行设计中以及一些设计分析的文章里面,都看见有一项“亮色渐变”,在流行了几年Flat Design 以及 Material Design 之后,许多设计师开始为新的趋势尝试更多的设计技法,当然最著名的例子还是去年Instagram的改版为这一风格拉开了序幕。今天和大家分享下,亮色渐变使用中一些原则。
16个优点解析表单设计应该用这个方法
2008年的时候,我在*Boots.com*工作。他们想做一个单页的结账页面,运用那个年代最新潮的技术,包括手风琴组件、AJAX和客户端验证。每个步骤(寄送地址、寄送选项、信用卡详细信息)都收在一个手风琴面板中。而每个面板都通过AJAX提交。提交成功后,这个面板就会收起,并且通过滑动动画展开下一个面板。看起来就像这样:Boots的单页结账页面,使用了手风琴面板展现每一个步骤。用户千辛万苦才完成了下单过程。错误难以更正,因为上下滚动并不方便。手风琴面板让人非常痛苦和分心。不可避免地,客户要求我们作出改变。我们进行了改版,让每个面板单独成为一个页面,也就不需要手风琴和AJAX了。不过,我们还是保留了客户端验证,防止不必要的服务器请求。看起来就像这样:Boots的结账页面:每一步都是单独的一个页面。