学完了transform这个课程,还是来一个案例吧,利用transform的旋转rotate打造一个时钟,再结合JavaScript的定时器让它走起来。截一个动图:点击查看效果源文件下载↓链接: ht...
2018年05月15日 5065
最近更新
界面设计
使用 adobe color CC的三板斧配色技巧,你也可以快速配色!
在学习配色之前,至少应该搞明白了12色环的基础知识,掌握了色相、纯度、明度三个要素之间的关系,这样配色的时候才能明白千变万化的色彩之间的关系。自己选色配色是个很高级的活儿,不过今天有adobe爸爸替我们干了一件大事,利用adobe color CC在线配色网站的几种配色方法,你也可以轻松get到这几...
2018年05月11日 9211
界面设计
利用通道和中性灰给人物磨皮,真的可以大变活人!
磨皮的手法很多,普通的就是高斯模糊结合蒙版,还有双曲线和中性灰,但是我认为最最厉害的还是通道磨皮,一点不损伤肌肤质感,可以立刻肤白貌美哦。皮肤上面的痘痘,暗疮,痘印,斑点一般都让皮肤暗沉,所以只需要把暗沉的地方调亮调白就可以了。按照这个思路,只需要找出皮肤上面暗部的像素即可。举例子:1、打开原图,人...
2018年04月26日 5279
界面设计
ps巧用中性灰的方式让脸部皮肤年轻五岁!
关于什么是中性灰,在上一篇“高反差保留”的文章中已经介绍过了,那么再来看看利用中性灰如何修饰人物。用污点画笔等工具只能对人物进行初修,但是要改变人物脸部的轮廓或者黑眼圈等,用普通的修复画笔就有点难了,还是需要掌握一些不破坏人物肌理的方法。先看看原图如下:1、利用污点修复画笔或者修复画笔等工具可以完成...
2018年04月26日 5533
界面设计
ps巧用“高反差保留”完成图片最后的锐化效果!
在图片处理最后,都会做一次轮廓的锐化,让对象的边缘看起来更清晰。除了ps滤镜里面专门的锐化之外,简单的边缘锐化我更喜欢用“高反差保留”,因为简单好用。“高反差保留”利用了中性灰的概念。先看什么是中性灰,就是50%的灰度,任何颜色只要饱和度为0,明度为50%,就是中性灰。而图层模式里面“叠加、柔光”这...
2018年04月25日 6927
界面设计
ps图层样式中的等高线才是最有威力的!
ps图层样式在图标绘制的过程中会大面积使用到,不过随着这几年扁平化的流行,图层样式使用没有拟物化年代那么精雕细琢了。投影、渐变叠加、斜面与浮雕、内阴影、内发光、外发光依然是常用的图层样式效果。但是很多时候等高线这个利器却被我们忽略了。用好了等高线,效果大不一样。等高线几乎都是一个x、y轴所构成的界面...
2018年04月24日 6022
zblog建站
zblog如何为不同的分类页面设置不同的侧边栏?
zblog主题制作的时候,首页的侧边栏和二级分类页面的侧边栏会不同,不同的二级分类页面侧边栏也可能不同。如果文章的摘要列表这块是相同的,就不必要为不同的分类设置不同的模板文件了,直接用一个if判断就可以打造不同的侧边栏。zblog后台的侧边栏一共有5中,分别对应{template:sidebar}、...
2018年04月24日 4822
zblog建站
zblog如何为某个分类导航设置不同的模板文件?
zblog主题设置中,首页和二级分类导航都默认使用的index的模板文件,三级正文页面使用的single模板文件,这使得页面看起来有点单调。如果某个分类想使用不同的模板文件,比如文章使用一种模板,图片分类使用另一种模板,比如下面这种布局,就需要我们自定义模板文件了。1、首先,选择index模板,另存...
2018年04月24日 3966
zblog建站
zblog在后台顶部导航菜单添加“主题配置”按钮
自己做好的主题,但是因为没有后台的主题配置,所以别人想用的时候,必须自己一点一点的修改代码,有点html和css基础的人倒是无所谓,但是对于小白来说,改一个logo都不会,还是很郁闷的。所以zblog主题一般都会有后台的主题配置,让用户可以根据自己的需要重新上传logo,或者修改网站的配色等,高级一...
2018年04月21日 4523