第四集！值得每个设计师收藏的《完美像素使用手册》之软件技巧篇

前三集我们聊了很多设计原则，今天让我们再来看看具体怎么操作。Photoshop是我们（纪念碑谷团队）以及所有设计师天天都在用的东西，所以接下来的部分会向大家展示一些PS的使用方法和技巧。虽然这个册子确实出来挺久了，大概14年的时候优设网就有推荐过它：http://www.uisdc.com/pixel-perfect-precision-handbook（内附PDF英文原版

产品 2016年08月14日

PS教程！巧用滤镜快速将人物照片转成素描肖像

@飞屋睿UIdesign ：今天我们来分享一种用PS来快速转变图片的方法，简单几个步骤，就能把一张人物照片转变为素描肖像。背后的原理是利用滤镜效果，模仿出铅笔素描中的线条和阴影，能同时拥有素描作品的特点，又能凭借PS让作品变得更精致。一起来试试。一、图片源STEP 01从选择图片源开始，要做成素描效果的人物图片最好是白色的干净的背景，图片的光线也不能太暗淡，整张图片有个焦点

产品 2016年05月13日

PS 从入门到 UI- 蒙版 & 动作

PS入门系列教程，针对UI，D10蒙版&动作，有任何问题请【留言】Or 加Q群【438966865】PS入门系列教程，针对UI，D10蒙版&动作，有任何问题请【留言】Or 加Q群【438966865】今天是最后一天啦～吼吼，说再见的时候到了～只有1分的不舍，99分的解脱，实话实说哈～PS确实难讲，想在短短的篇幅里尽量多的把自己知道的、常用的内容都告诉大家，希望10天下来，看

产品 2016年11月29日

连载：sketch 中文教程（一）

方便大家学习sketch中文软件概述Sketch 是一款适用于所有设计师的矢量绘图应用。基于矢量的绘图方式也是目前进行网页、图标以及界面设计的最好方式。除了矢量编辑的功能之外，Sketch 还增加了一些基本的位图处理能力，例如模糊和色彩调整。官方尽量将 Sketch 设计的功能强大且易于被理解使用，有经验的设计师花上几个小时便能将自己的设计技巧在 Sketch 中自如运用。

产品经理 2016年10月07日

PS教程！手把手教你绘制3个效果酷炫的GIF动画效果

编者按：今天来一点简单好玩的动画教程，包括常见的Loading 动画、烟花动画和摩天轮旋转动画，操作不难，附有PS时间轴的入门手册，适合新人练习。为了避免写僵尸教程，有些地方还是需要大家自行思考并且延伸到更多的制作，如果仅仅参考教程做出的东西而不动脑筋，除了临时练手以外意义真的不大。往期教程：《新手指南！手把手教你玩转PS时间轴之基础操作篇》《轻松制作GIF动画！教你玩转P

产品 2016年05月09日

PS教程！从零开始教你绘制清凉的柠檬水扁平插画

炎热的夏天来一杯新鲜的柠檬水清凉一下！ 今天的教程你会学到超多实用的基础操作技巧和图形绘制方法，教程几乎每个步骤都有快捷键提示，新手拿来熟悉PS再合适不过。一起来收！最终效果： 1. 先来画玻璃瓶子的底层的基础图形第一步新建一个2480 x 1748 px的画布（文档）（A5纸的水平大小）选择圆角矩形工具（U）画一个585 x 820 px 大小的图形，作为瓶子的主体。来到

产品 2016年06月03日

AI教程！从零开始教你绘制一枚可爱的手机插画

这个插画太萌了！在今天的教程里，我将告诉你如何用AI里的基本形状和工具，结合混合模式，做出一个可爱的手机插画。教程不难，步骤也很详细，周末来练手！ 让我们开始吧！1. 创建一个新文件如往常一样，每个项目的第一件事就是新建文件。 点击 文件>新建 或者使用快捷键 Ctrl+N 来创建一个800*600像素的文件，设置如下：画板数量：1单位：像素高级设置模块：颜色模式：RGB栅

产品 2016年06月06日

PS教程！教你绘制一枚清新优雅的调节旋钮图标

@P大点S微博 ：今天给大家带来一个调节旋纽的图标教程，与往常一样，依旧是图层样式的应用为主，源文件已打包，一起来练个手！源文件打包：http://pan.baidu.com我们的最终效果： 新建一个渐变调整层，做一个45度的从 # a1a5ae 到 # eef2f3 的线性渐变。 光是渐变背景，感觉差了点什么，添加点质感吧。复制一层渐变图层，转智能对象，添加一个杂色。 执

产品 2016年07月06日

快速入门！一份给新手的AE图层菜单修炼手册

@Damon_Yuen ：看完这篇简短的指南，你会很快理解AE图层的作用！当你开始使用AE时，图层菜单将会是你经常使用的一个部分。各种各样的图层类型可能会让你不知所措，但其实，它们比你想象中的更加简单易懂。形状图层（Shape Layer） 让我们从基础开始。形状图层是其中一种你会经常接触的图层。形状图层是二维物体，既可以用钢笔工具（Pen Tool）绘制，也可以用AE预设

产品 2016年06月23日

Origami2.0 中文教程 -Scrolling Views

教程是直接从官方初步了解之后，以中文的方式作为本人的学习记录，同时共享大家一起学习。共勉在学习之前，首先大概和大家重新认识一下Origami 的新版界面 简单明了，动效基本就是图层属性的变化，同时操作交互上也与以前的QC有不小的变化，后续的小教程里面会一一说明。为什么选择 Origami 做为主动效工具，最大的原因是 免费！！！咳咳～ 哈哈，其次还有就是：对动效的实现进行初

产品 2016年11月03日