自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(73)
  • 收藏
  • 关注

转载 非常实用的排版布局~转载

不论你是要为自己的微博做个有趣的图片,还是为自己的活动做PPT和邀请函,专业的平面设计的技巧总能给你的设计极大的帮助。平面设计的技巧很多,但是核心的就那么多。字体的选取和搭配,排版布局的规则,留白的规律,说起来复杂,梳理起来也不是特别多。那么就让这25个史诗级的技巧帮你绕过设计上的坑,帮你打造真正令人难以忘怀的好作品吧。01、管好你的字体请务必选择易读性较高的字体,太多的...

2016-01-06 15:42:00 239

转载 太帅气啦~多边形教程哦,转载~

低多边形(Low-Poly)字体设计是目前最新、最火的一个设计趋势。低多边形字体设计主要是基于有少量多边形的3D网格,同时结合一些渲染技术和灯光效果,使这些网格看上去像纸工艺或折纸作品。低多边形通常需要使用3D软件来实现,但这篇教程将教会大家如何使用基本的PS工具来实现它的2D简化版,同时为了使低多边形效果更加精美,我们会用到一个非常简单的App-Image Triangulato...

2016-01-06 14:59:00 161

转载 很棒的扁平化动画GIF 转

扁平GIF图标动画《What's Next》转载于:https://www.cnblogs.com/tttry/p/5048180.html

2015-12-15 14:16:00 223

转载 交互动效很棒的网页收集

BLANCPAIN OCEAN COMMITMENT(首页三维地球动效,及刷新地球动效,颜色快速选择)http://www.blancpain-ocean-commitment.com/en-us#!/home/Otavamedia(人物与轮胎同时旋转,表情变化,空间层次感)网址:http://www.kiinnostus.fi/autokuume/...

2015-12-01 14:31:00 190

转载 UI动效设计的12条基本原则

转载于:https://www.cnblogs.com/tttry/p/5001241.html

2015-11-27 17:12:00 214

转载 改善交互动效设计 实例

前言:这篇短文将会探讨UI设计中动画的过度使用,并将其与早期的视觉设计进行对比,提出一些对于有效的GUI动效设计的建议。我们将在下文中,简单探讨如何改善下面的这个交互。UI动效设计的反面案例(线上Demo)注:这个反面案例并非假设,而是来自近期的真实客户案例。概述自从 70、80 年代首个光栅图像在CRT屏幕出现以来,人们对于(数字)视觉设计的态度一直在不断进...

2015-11-26 10:29:00 149

转载 液体字 ps

这个文字效果类似文字形状的瓶子装了半瓶红色液体的效果,通过图层样式做出半透明的文字,再给文字叠加颜色,然后用画笔画出高光部位却可。喜欢的跟着做一下,做完交作业。先来张最终效果图正式开始吧~~1.新建文档1500*1000px,背景色为线性渐变,左侧为#acacac,右侧为#e1e1e1,方向是由底部向上。2.输入文字,颜色为#dbdbdb,字号300pt,字体为"...

2015-11-24 16:47:00 86

转载 德罗斯特效应 ps教程

http://www.16xx8.com/photoshop/jiaocheng/2015/140515_all.html#p2什么叫德罗斯特效应?就是这类可以无限循环的图片,看上去非常有意思,而且制作十分简单,只要几步就能做出来。这个就是德罗斯特效应的效果:要制作这种效果效果是不是很复杂呢,其实用Photoshop几步操作就可以完成了。现在大家跟着我来实...

2015-11-24 15:09:00 175

转载 黄金分割线应用,画圆圈~

转载于:https://www.cnblogs.com/tttry/p/4973714.html

2015-11-18 10:34:00 284

转载 转载 ps教程制作立体字

转载于:https://www.cnblogs.com/tttry/p/4971154.html

2015-11-17 11:23:00 132

转载 春暖花开 字体教程

转载于:https://www.cnblogs.com/tttry/p/4971137.html

2015-11-17 11:18:00 97

转载 5种最佳的模糊方式 转载

分享5种特实用的模糊效果一、移轴模糊让图像达到“玩具城”效果,需要用到的就是移轴模糊。这种模糊效果可以让图片的前景保持清晰而模糊图片的背景。二、高斯模糊这个模糊效果可以让人仿佛透过一种半透明的介质来看整张图片,使图片失去焦点。而它的使用技巧可以让图片变得更为温暖明亮,那就是复制粘贴新的一层,运用高斯模糊后再将图层改为“滤色”。三、路径模糊这恐怕是最具...

2015-11-17 11:08:00 376

转载 绘制技巧,一些常用图形的绘制方法 【来源:站酷 作者:矢量人生】

转载于:https://www.cnblogs.com/tttry/p/4952354.html

2015-11-10 11:30:00 102

转载 绘制技巧,一些常用图形的绘制方法 转载

几个常用图形的简单绘制技巧,都是一些基础画法,但又十分实用,推荐新手学习。波浪边的绘画方法:圆角梯形的绘画方法:ICON本教程完!转载于:https://www.cnblogs.com/tttry/p/4952330.html...

2015-11-10 11:24:00 101

转载 转载 鼠绘夸张动漫人物

来源:迅雷 作者:琪琪绘制漫画需要较强的美术功底,因为漫画不同于写实风格画,需要更多的抽象思维,抓住人物图像的一些特性,用夸张的手法表现出来。最终效果1、打个草稿:因为不是凭空想的,所以绘画之前需要一张人像照片,表情夸张生动最好,可以激起你的创作欲。草稿是个很关键的步骤,因为不是写实,所以咱们可以在他表情...

2015-11-10 10:53:00 119

转载 超细致的眼睛鼠绘,转载

来源:站酷 作者:Wacom中国译绘制眼睛虽然不是很难,不过前期的准备工作要非常充足。要能准确分解眼睛的每一个构成部分,了解它的结构和功能,这样画出来的效果才细腻,真实。最终效果1、基础知识:功能和结构人类的眼睛结构和组成构造都是相似的:椭圆结构、两边尖削,有眼睑、眼睫和眉毛。很容易就能画出一只易辨认的...

2015-11-10 10:40:00 126

转载 两个方法做APP界面展示图片

今天就教大家怎么做出这种厚度的地方还不是白色的,而是根据界面内容交相呼应的图案的APP界面展示图片。以苹果5S的尺寸为例。步骤:1、新建一个画布尺寸为:640*1136,然后保存,命名如:5S效果图模板2、再新建一个画布,命名如:效果图展现2、再新建一个画布,命名如:效果图展现尺寸随意,可以大点,自己看情况吧。3、将刚才保存的那个5S效果图模板.p...

2015-11-09 14:52:00 346

转载 高手之路!设计漂亮有趣的转场动效 转载

高手之路!设计漂亮有趣的转场动效推荐:cyRotel2014/02/21 inApp UI 元素,PS 教程 & 设计文章更多135这篇文章由江南大学设计学院研究生孙启玉翻译,主要谈手机App中的转场动效,强烈推荐原型设计师阅读学习,体验下动效的神奇妙用。好文推荐:还等什么!是时候来了解动态设计啦超赞!高大上的动效设计方法及流程总...

2015-11-06 18:04:00 88

转载 涨姿势!你应该知道的UI动态设计规则 转载优设网

涨姿势!你应该知道的UI动态设计规则推荐:chenzimu72014/05/05 inApp UI 元素更多226@陈子木按照设计趋势,我们是时候了解一下UI动态设计了!UI动效设计算是新兴的设计领域分支,如同其他的设计一样,它也是有规律可循的。关于UI动效设计,相关资料不算太多,希望这篇文章能够为大家带来更多启发。除了看各种案例之外,自己实操才...

2015-11-06 18:01:00 141

转载 如何快速保存APP动效? 转

经验分享:如何快速保存APP动效?@AzTamic(百度MUX 交互设计师):很多小伙伴平时喜欢收集手机软件上的各种动效,但是又苦于不知道如何保存,今天讲一下利用itools+Ps保存动效的实例,如果你有更快捷的方法请联系我更正。动效设计好文推荐:《帅呆了!一组令人愉悦的APP动效设计》《高手之路!设计漂亮有趣的转场动效》《还等什么!是时候来了解动态设计啦》...

2015-11-06 17:50:00 161

转载 马!马上看~ 推荐给学绘画的人的电影

看电影涨姿势!哪些电影适合推荐给学绘画的人看?(动画篇)@万物CHINA:因为太喜欢电影了,所以这个问题一定要呕血推荐!!以下,我就单纯从影片的形式感、色彩、画面、风格等等方面来推荐了!!关于电影中的形式美学,手把手教你画(zhuang)画(bi)!!干货杠杠的,接好!前两期电影清单:《看电影涨姿势!有哪些电影适合推荐给学艺术的人看?》《看电影涨姿势!哪些电影适...

2015-11-06 17:46:00 619

转载 超赞!高大上的动效设计方法及流程总结

http://www.uisdc.com/v8-project-summary-animation 原文Tdstone:在设计开发的过程中,当设计师做好了一套静态页面而且设想出N种有趣的交互动画,再交付重构还原页面的时候,由于无法提供精确的动态参数,导致沟通和制作的成本增加,而且最终的测试demo也差强人意。因此,我们通过研究当下的动态设计趋...

2015-11-06 17:43:00 219

转载 32个动效设计示例~转起

http://www.cocoachina.com/design/20140811/9352.html移动APP设计已经由此前的功能性设计为主转变为功能和体验兼具的设计,除了功能外,用户体验也和配色、动效动画等密切联系在一起。应用的安全性可以提升用户的信任度,应用的功能性可以满足用户某个方面的硬性需求,而更具情感性的用户体验则可以满足用户对情感的需求,比如动效。动效是...

2015-11-06 16:47:00 81

转载 转 超棒的动效设计工具及讲解

动效原型工具Form指南学习RelativeWave发布的交互设计工具 √可交互 √可上机预览 √动画表现力强 √可能是Google要力推的动画原型工具(安卓动画师请自行脑补) 最近我想学习RelativeWave的From,所以我分解了几个官方案例,然后原创了几个原型。下面就是我制作这些原型过程中的一些经验心得。一、首先,回答几个问题Form是什么F...

2015-11-05 17:59:00 202

转载 ps做gif 登陆下拉菜单效果

作者这里仅介绍登录动画的制作思路和简单过程。一些细节的制作,如登录框,每一帧的图像等都需要自己根据参考图慢慢完成。最终效果1、新建大小适当的文件,背景填充暗蓝色。首先设计一个底座,主要用图层样式来完成。2、设计一个纸张的出口,同样用图层样式制...

2015-11-05 13:59:00 108

转载 ps做gif love教程(转)

先看看效果吧:这是在写部教程的时候,看到一个由方格组成的心。于是试着用PS做成了动画,然后加入了LOVE四个字母,看起来还可以。但是,有些复杂。复杂倒不是技术上的复杂,是做起来复杂。来试试吧。1.新建一个文件,大小150*150.然后新建一个图层,命名为"红色方块",选择矩形选框工具,设置选项如下:在画布上单击,此时会出现一个10*10的选区,新建一个图层,然后填...

2015-11-05 13:07:00 597

转载 转 Flash与PS交互动画

FLASH是可以点击体验的,不是图片哦。 UI中国不能上传flash,但是站酷可以,UI中国的就下载载附件看看吧 本人学生党兼网页设计师菜鸟一名,因为无聊练习做了个FLASH的交互 所以很多学弟学妹们就好奇怎么做到的,所以就第一次尝试写一个教程吧 这个也只作为学习交流用哈,也不算侵权,借用下应该还是没有关系的。 需要用到的软件:photoshop flash (本人画图标还用到了AI,不...

2015-11-05 10:50:00 138

转载 转 AI教程 logo

版权申明:本文原创作者飞屋工作室,感谢飞屋工作室的原创分享!这篇AI制作标志教程是一个非常实用的教程。通过这个教程飞特的朋友们将会学习到AI制作标志的流程和标志的创作思路。非常实用。推荐过来和飞特的朋友们一起分享学习了,我们先来看看最终的效果图吧:FEVTE编注:更多AI教程讨论及AI作品提交请到飞特论坛AI交流区:http://bbs.fevte.com/forum.php?m...

2015-11-04 20:21:00 142

转载 AI钻石天鹅风格

第1步:描绘轮廓  你需要对你的设计有个总体的概念。利用照片和钢笔工具(P)描出轮廓。把填充颜色设为无,描边颜色设为黑色,1pt 粗细。这将作为你完成剩下设计的指导。编组 (Ctrl+G)你的线条并在图层面板中锁定这个组。  提示: 把一张图片作为背景来创建你设计的基本形状是个好主意(比如,动物或者物体)。  使用矩形工具 (M)在画板上画一个大大的矩形作为背景(颜色随意)。...

2015-11-04 15:02:00 76

转载 AI钻石风格logo教程

最终图像  与往常一样,这是我们要创建的最终图像:  Step 1  按Ctrl+ N创建新文档。从单位下拉菜单中选择像素,在宽度和高度框中输入600,然后单击高级按钮。选择RGB,屏幕(72 PPI),并确保“使新建对象与像素网格对齐”选中该复选框,然后单击确定。  启用网格(视图>显示网格)和对齐到网格(视图>对齐到网格)。  编辑>首选项&...

2015-11-04 15:01:00 160

转载 星星字体 ps教程

本教程主要使用Photoshop制作绚丽星空装饰的艺术字教程,这个教程很简单,只需要一些简单技巧,即可做出海报、书籍杂志的封面效果。其中的字体、笔刷和背景均可以更换教程所需要的素材链接:http://www.16xx8.com/photoshop/sucai/2015/j868796849.html先看看效果图1、选择字体、输入文字,创建一个3000*2000的画布,填充...

2015-10-29 17:39:00 219

转载 转 毛笔字教程ps

跟大家分享一下毛笔字怎么做出来的,主要通过字体和素材叠加,十分简单,喜欢的一起练习。做完记得交作业。先看看最终效果:在网上是不是经常看这些碉堡了的毛笔感觉是不是很羡慕啊,现在我就教大家怎么做出这样的感觉,对你有帮助帮我点赞哦。从网上找来三款这种感觉的图片,免费给他们找广告,可以供大家去学习这种感觉。1、首先你选一些毛笔书法字体,(禹卫书法行书简体www.16xx8.com或李...

2015-10-29 10:05:00 264

转载 棒棒的毛笔字PS教程

跟大家分享一下毛笔字怎么做出来的,主要通过字体和素材叠加,十分简单,喜欢的一起练习。做完记得交作业。先看看最终效果:在网上是不是经常看这些碉堡了的毛笔感觉是不是很羡慕啊,现在我就教大家怎么做出这样的感觉,对你有帮助帮我点赞哦。从网上找来三款这种感觉的图片,免费给他们找广告,可以供大家去学习这种感觉。1、首先你选一些毛笔书法字体,(禹卫书法行书简体www.16xx8.com或李...

2015-10-28 17:48:00 220

转载 ps制作哈7海报字体

模仿也需要较强的功底和分析思路。如下面的教程,作者模仿的是电影海报字。文字构造虽不复杂,不过思路不对的话就容易走弯路。最终效果1、先来分析文字的构造,大致由两部分组成,一部分是浮雕字,另一部分是质感纹理,如下图。2、本教程需要模仿哈7中的字体效果,最好是用原字体,没有的话就用钢笔勾出来,也可直接用下面的素材图片。文字素材3、给文字添加图层样式,选择斜面和浮...

2015-10-27 15:27:00 214

转载 ps闪闪发光的字 教程+自我练习

本教程的文字效果非常经典。不仅是效果出色,创作思路及制作手法都堪称完美。作者并没有直接使用纹理素材,纹理部分都是用滤镜来完成。这需要很强的综合能力,非常值得学习和借鉴。最终效果我的:1、创建一个新文档为:1350 * 1000像素。选择渐变工具,颜色设置为:#525252至#0d0d0d,然后由中心向边角拉一个径向渐变作为背景。2、执行:滤镜 > 杂色 >...

2015-10-27 14:58:00 140

转载 新手须知设计的法则 Mark

经常看到一些讲如何学习设计的文章,坦白讲感觉有些千篇一律、且不痛不痒,都说要看点书、学点画、练软件、多观察……唉,练软件这事还要说么,难道你还需要告诉一个人学开发是需要学习编程语言的?学习是基于过往经验的成长,每个人的知识背景不同,就需要因材施教。那些没有明确受众的教程,本身就是伪命题。给一个美术生教设计、和一个程序员讲设计,完全是两码事。程序员学设计有什么关键问题?作为一个理工...

2015-10-19 17:54:00 149

转载 关于微信聊天与朋友圈如何快速切换 Mark

用微信时,你是否遇到这样的情况。你正刷着朋友圈,享受着各种鸡汤,这时候,你收到一条微信,一看是女王大人,不得不回。你诚恳的回了一条,等了二十秒不见有什么回应,于是就退了出来,进入朋友圈找到那篇没看完的文章,没看两行字,那边就回复你了,于是你又乖乖地回过去,来来回回,很麻烦!那,为什么聊天和朋友圈间不能有一种更快捷的切换方式呢?实际上不只是“朋友圈”和“聊天”页面间的切换...

2015-10-19 15:23:00 566

转载 iOS App中数据加载的6种方式

我们看到的APP,往往有着华丽的启动界面,然后就是漫长的数据加载等待,甚至在无网络的时候,整个处于不可用状态。那么我们怎么处理好界面交互中的加载设计,保证体验无缝衔接,保证用户没有漫长的等待感,而可以轻松自在的享受等待,对加载后的内容有明确的预期呢?今天这篇文章,会介绍6种常见的加载模式设计,和3种减少等待感的具体手法,希望对追求极致体验的产品人有帮助。一、6种常见的数据加载模式...

2015-10-19 11:18:00 74

转载 转 手绘教程3

根据一个人的特点画Q版卡通人物,该如何抓住一个人的特点来表现?这个是我们在动手前所要考虑的。如果失去了“像”,那么Q版画就是去了他原有的意义。每个人或者物都是有他的特征,这在我们画素描的时候老师就说过的。  抓住了人的特征才能抓他的神。  先看 photoshop教程 效果图:  绘制作过程:  擦去多余部分,添加调整细节,加背景。  完成最终效果!...

2015-10-08 12:27:00 78

转载 转 手绘教程2

Q版原图笔刷首先介绍三款绘图软件photoshop SAI painter 这里我们用的是photoshopphotoshop界面大家在熟悉不过了新建图层 大小楼主习惯1200x120...

2015-10-08 12:26:00 146

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除