赵老师博客

animation动画与transition过渡动画有两个明显的区别：1、transition过渡动画只能执行一个时间段的动画，从初始到结束。而且必须有事件触发，比如hover事件，或者添加了新的class属性等。2、animation动画可以分时间段执行，比如第一个时间段执行一段动画，第二个时间段...

在学习配色之前，至少应该搞明白了12色环的基础知识，掌握了色相、纯度、明度三个要素之间的关系，这样配色的时候才能明白千变万化的色彩之间的关系。自己选色配色是个很高级的活儿，不过今天有adobe爸爸替我们干了一件大事，利用adobe color CC在线配色网站的几种配色方法，你也可以轻松get到这几...

磨皮的手法很多，普通的就是高斯模糊结合蒙版，还有双曲线和中性灰，但是我认为最最厉害的还是通道磨皮，一点不损伤肌肤质感，可以立刻肤白貌美哦。皮肤上面的痘痘，暗疮，痘印，斑点一般都让皮肤暗沉，所以只需要把暗沉的地方调亮调白就可以了。按照这个思路，只需要找出皮肤上面暗部的像素即可。举例子：1、打开原图，人...

关于什么是中性灰，在上一篇“高反差保留”的文章中已经介绍过了，那么再来看看利用中性灰如何修饰人物。用污点画笔等工具只能对人物进行初修，但是要改变人物脸部的轮廓或者黑眼圈等，用普通的修复画笔就有点难了，还是需要掌握一些不破坏人物肌理的方法。先看看原图如下：1、利用污点修复画笔或者修复画笔等工具可以完成...

在图片处理最后，都会做一次轮廓的锐化，让对象的边缘看起来更清晰。除了ps滤镜里面专门的锐化之外，简单的边缘锐化我更喜欢用“高反差保留”，因为简单好用。“高反差保留”利用了中性灰的概念。先看什么是中性灰，就是50%的灰度，任何颜色只要饱和度为0，明度为50%，就是中性灰。而图层模式里面“叠加、柔光”这...

ps图层样式在图标绘制的过程中会大面积使用到，不过随着这几年扁平化的流行，图层样式使用没有拟物化年代那么精雕细琢了。投影、渐变叠加、斜面与浮雕、内阴影、内发光、外发光依然是常用的图层样式效果。但是很多时候等高线这个利器却被我们忽略了。用好了等高线，效果大不一样。等高线几乎都是一个x、y轴所构成的界面...

用魔术棒或者快速选择工具抠图，适合背景颜色单一，主体轮廓清晰的图片，但是只要是选区，都不能保证边缘一定没有杂边，所以，”调整边缘“就是一个绝好的命令，在CC2017版本已经变成了”选择并遮住“，我这里用的还是CC2014的版本，所以位置可能不太一样，但功能还是差不多的。首先，调整边缘的功能分为两大部...

用过ps的童鞋几乎都知道ctrl+T自由变换工具，我觉得CSS3 transform就汲取了ps变形的精华，好好地继承了这三板斧精神。一、transform变形实现对元素的缩放、移动、旋转、倾斜，分别对应以下几个方法。注意：变形只能针对块状对象，行内元素需要变成块状对象才能实现变形效果。1、scal...

在十年前，我用flash做动画的时候，总结了一下flash的运动规律，主要有形状、大小、位置、角度、颜色、透明度、加减速等变化。没想到移动端异军突起，似乎一夜之间，flash就没落了。想起自己曾经每天必逛的闪吧，在2012年也停止更新，虽然现在网站还在， 但也只是一个象征了，偶尔回去悼念一下，怀念过...

repeating-radial-gradient重复性放射渐变和radial-gradient放射渐变的参数都是一样的，差别在于是否利用渐变单元扩展至整个容器。可以先看看这篇详细介绍放射性渐变的文章↓CSS3教程：background-image之放射性渐变（radial-gradient）详解一...

很早以前写过一篇线性渐变的文章，如果还没有掌握CSS3中的线性渐变，建议先看一下。CSS3教程：background-image之线性渐变（linear-gradient）最in版！时隔一年半，再把它的姐妹篇——重复线性渐变搞定，才算是真正完结了吧。忍不住感叹，How time flies!这个属性...

关于CSS3的边框、圆角、阴影等新特性，在以前的CSS3教程里面已经详细介绍过，在这个系列里面就不再啰嗦，有兴趣的可以直接查看CSS3教程系列。 这篇文章详细讲解一下CSS3多重背景这个新特性，真的是很强大。 一、多重背景的用法 ba...