推荐阅读
令人感到亲切的Hello主题网站设计欣赏
几乎每个网站都有自己的Slogan或者说口号，作为网站的定位和价值观输出的一部分，它们常常拿来作为网站欢迎访客的问候用语，是网站首页设计的重要组成部分，也是完善打开体验的重要手段。虽然我们更习惯使用图片和视频来强化网站视觉，但是用精心设计的短句和问候语会显得更加亲切也更富于仪式感，所传递出的信息也会更加清晰。在这种思路下，许多网站选择只使用最简单的Hello，来同网站访客进行问候。今天，我们搜集了一系列网站来为你展现其他的设计师都是如何向网站访客问候“你好”的。这些网站大都倾向于营造友好的氛围，以优雅而平易近人的姿态来传递情绪，这样一来，即使是一个简单的 Hello 都可以承载设计师的拳拳善意。接下来，我们一同看看这些案例。Pixies Agency这类网站通常有着大气的布局，就像Pixies Agency这样。黑色的背景可以看到城市的天际线，白色的文字在映衬下显得非常显著，加粗的 Hello 传递出设计者的意图，给人沉稳而对等的感觉。整个网站仿佛自带BGM。Michael Villeneuve和前一个案例不一样，Michael Villeneuve 显得更加优雅细腻，虽然整体色调同样采用了黑白对比。漂亮的图标、线条感十足的字体让页面充满了现代感，尤其当网站的语言采用优雅的法语的时候，这种感觉更加明显。Kalexiko
制作红色油漆喷溅潮流文字的PS教程
制作字体效果之前，需要去网上下载一些喷溅、水墨等笔刷。文字大致制作过程：先打上所需的文字，用图层样式等加上一些黑白效果，然后用喷溅等笔刷增加内部及背景。后期整体润色即可。最终效果 一、创建一个1280*800像素的文件，背景为白色。注：这里大小不是很重要，我主要是感觉放到屏幕上也很好。输入字体，尽量选择和我用的一样的字体，这样制作出来干净效果能更好的体现。 二、选择文本图层，点击图层面板下方的“添加样式”，如下图设置以下选项。 混合默认选项
教程/illustrator AI中的简单三维效果
在Adobe 中，你能用几种简单的形状创建三维效果。将一维空间内的物体拉伸，再加入底，侧面和阴影，从而赋予三维效果的真实感。这篇教程是个小小的范例，希望它能帮助你正确的绘制物体。素材是一张柠檬图案的矢量图，我们要做的是以这张图为基础创建一个圆柱体。（如下图） 2.打开智能辅助线 从视图菜单中选择智能辅助线（View > Smart Guides）。智能辅助线是Adobe Illustrator创建的临时网格，显示出路径、节点和角度。它可以帮助你选择锚点并吸附它们，这样，你就可以对对象进行精确的创建、编辑、移动、对齐和变换。在这里，你将使用智能辅助线来对齐形状。 3.创建圆柱体的底面 从工具箱中选择直接选取工具，选择柠檬图案中最外边的淡黄色椭圆形。按住Alt+Shift（Windows）或Option+Shift（） ，用鼠标拖动椭圆向下移动，在椭圆原件的下方建立一个副本。调整副本的摆放位置，直到智能辅助线显示副本处于原始图形的正下方。（图02） 4.创建圆柱体的左侧面 选择钢笔工具，按住Shift点击位于上边的椭圆的左锚点，然后点击下边的椭圆的左锚点，在两个椭圆之间建立一条线段。（图03） 5.完成圆柱体的侧面 点击下面椭圆的右锚点，然后点击上面椭圆的右锚点，再次点击第一个椭圆的左锚点。这样，你就完成了一个长方形，它将作为圆柱体的侧面。（图04）
最新发布
Maya建模教程：用Maya创建一个排球模型
你们一定学过很多创建一个球的技巧，但在这个入门教学里面，我们将要学习另一种技巧，如何创建一个排球。第一步：在一个新场景里建立一个cube(立方体)，到Smooth(光滑)选项，将细分级别调整到3.你的立方体现在看起来应该如下图所示。如下图所示，选择你模型的1/6的面，然后删掉其余的面。 第三步，如下图在箭头所指的第三个面2/3的位置添加一圈环边，把你的模型分成三部分，我使用MJ POLY TOOLS插件来分割，它能帮我得到良好的测量。
用photoshop制作文字图案肖像效果图片的PS图片处理教程
本篇教程主要使用PS把人物的肖像使用文字的排版填充起来,完成一个文字人像的特效过程,希望PS设计教程网的朋友可以喜欢 最终效果 原图 详细过程
Illustrator教程：解析多重填充与多重描边
对于做设计而言，工具只是完成作品的手段。因此，其实对于做UI设计来说，到底是选择PS还是AI还是别的这样的问题并不重要的。只是对于我自己而言，做设计几乎全部是用AI来做的，所以这一系列教程大多数是关于AI的。我从2012年初开始尝试使用AI来完成一些设计与创作，一直至今。个人感觉，AI虽然有不少难用的地方，但是非常适合用于UI设计。甚至在很多方面，用AI来代替PS做设计更加高效、方便。主要原因是：AI的强项在于对矢量图的处理。先哲有云：「如果希望在计算机里从无到有『生成』一张图像，通常矢量图创作软件更适合一些，除了需要类似使用数位版手绘等那样的特殊场合」。特别是在UI设计、Web设计领域，绝大多数时候并不需要结构和色彩非常复杂的图形。大多就是需要矩形、椭圆、圆角矩形这些很简单的几何形状。因此，在这一点上，PS等图像处理软件相对于AI来讲，没有太多的优势。在AI里，可以较为方便地完成从排版布局、绘制图形、上色、切图导出这样的全部一套流程。意味着用AI做设计时，不必要中途换软件环境。例如很多设计师用PS做设计时要开着一个AI，先用AI画基本形，然后把AI里的图形作为智能对象复制到PS里，然后用PS继续创作。而用AI几乎就可以完全避免这样中途换软件的情况。AI提供的一系列功能极其适用于排版布局。比如在PS里，参考线只是横着竖着的直线对吧;而在AI里，参考线可以是任何形状。参考线不是无限长?没问题!参考线是斜线?没问题!画个长方形甚至画个圈当参考线用?也没问题!由于AI的创作主要是是基于矢量对象，所以在AI里，大多数操作都是可逆、可以在后期修改的。比如画一个按钮，可以很容易在后期调整按钮圆角的半径大小，同时保持按钮的图形样式不变。画一个六边形同样也可以加圆角，并在后期修改圆角大小。AI里基于矢量对象的吸附、对齐功能相当好用，且在UI设计中相当常用。由于AI有丰富的矢量效果(类似PS的滤镜和图层样式)，因此AI退可做扁平，进可做拟物。下面这两张图就是用AI绘制的，完全没有用到除AI之外的其他软件：
Illustrator教程：详细解析AI网格工具的使用
网格，或是说栅格系统，是做版式设计、平面设计、Web设计的重要工具。在1960年代，瑞士的现代主义平面设计海报、宣传单中，就大量使用了网格来组织信息元素。进入信息时代后，随着Web的兴起，由于网页设计与平面设计、版式设计有很强的相似性，网格也被大量应用在了Web中。网格的好处，就是在于给予一种规约，令排版者可以较为方便的组织标题、列表、段落、图片等元素，保持版面元素之间的一致性，协调正负空间。一句话概括应用网格的好处：「随心所欲，不逾矩」(图片摘自现代主义设计师MassimoVignelli的TheVignelliCanon电子书)不过，虽然用网格组织、排版信息相当方便，通常创建网格本身却是一件十分令人头痛的事情。通常的做法是：吭哧吭哧地在纸上算，计算网格的大小、间距什么的，算到天昏地暗;然后吭哧吭哧地拉参考线……很容易看出，这是一个特别苦的过程，特别是对于我这样数学学渣而言。所幸，AI提供了一个工具，把设计师从吭哧吭哧的计算和吭哧吭哧的拉参考线解放了出来。今天的内容很少，就是要讲这个工具的使用。这个工具用起来特别简单，这次还是像前几次那样，通过一个具体的案例来说明：给一个A4纸打上类似这样的网格：首先，依然是新建文件。不过这次要新建一个A4大小的文档(210mmx297mm)。
Illustrator教程：详细解析AI参考线的使用
AdobeIllustrator诞生在1986年，运行在Macintosh机上。在当时，AdobeIllustrator是Adobe公司的早期产品之一，甚至早于photoshop。Adobe的创始人JohnWarnock带头开发这款产品，最初是希望将自己作为平面设计师的妻子从繁琐的工作流程中解放出来。所以可以说，AdobeIllustrator最初的客户群体是平面设计师。虽然后来Adobe为UI设计、Web设计等给Illustrator新增了一些特性和功能，不过大体上讲，AdobeIllustrator仍然更侧重版式设计领域。自然而然的，AI也拥有较Photoshop更强大的排版工具，比如更加强大的参考线和网格功能，这次就说说AI里的参考线。参考线是做版式设计、Web设计和UI设计的重要工具，用来保持版面元素之间的一致性与协调。在AI里，创建参考线有数种办法。第一种办法与PS类似，按Cmd+R，显示标尺，然后点击标尺，将参考线从标尺上拖拽出来，对齐到想要对齐到的对象上，如图：这样，参考线就建立好可以使用了：另一种办法更加灵活，AI可以将任何线条转化为参考线。横着竖着斜着的直线都可以转为参考线，甚至画个圆也可以转成参考线。这次，用实战来举例：创建一个iOS7图标模板：
用PS合成设计创意的二次曝光海报的photoshop海报设计教程
很多人对于海报封面合成没有什么想法，今天来跟随老师的步伐找找灵感吧，教程中的海报其实就是我们平时说的二次曝光效果，然后在整体的颜色调出电影胶片效果，希望大家可以喜欢。 先看看效果图 相关设计素材： 设计步骤解析：
Photoshop绘制卡通风格的太空狗插画设计教程
先看看效果图:首先整理下大致步骤：1：绘制整体雏形(会用到布尔运算)。2：更仔细填充雏形的固有色。3：笔刷上色。一 绘制整体雏形(这里就不拘束形状的尺寸啦)Step1新建一个1200*900的画布，绘制一个圆后，Ctrl+T—右建—变形将圆拉成一个不规则形状。
用PS制作绚丽抽象光线效果的彩色丝带设计教程
光带制作分为3个部分。首先勾出每一条光带的选区，并在每一个选区中加上需要的渐变色；然后截取边缘部分的一些色块作为光带的高光；完成后再加上一些光斑装饰。最终效果1、新建文件。打开PS软件，按Ctrl + N 新建文件，尺寸设置如下图，分辨率选择72像素/英寸，然后点确定。2、填充背景色。把前景色设置为暗紫色#2f1a3b，然后选择油漆桶工具，在背景上点击一下填充。3、绘制第一条光带。需要完成的效果如下图。
用PS设计科技感十足软糖海报图片的photoshop海报设计教程
本教程主要使用photoshop结合AI设计科技感十足的QQ软糖海报，开车主要通过AI和PS两个软件来完成，推荐给大家学习，希望大家可以喜欢。先看看效果图首先，打开ai，并新建画布。选择矩形工具，画出一个矩形，只要填充，色值如图：选择网格工具，在矩形上点击创建网格。我就自己随意点击，创建了一个6X6的网格：选择直接选择工具，通过点击网格交点，可设置该点范围内颜色：你也可以按住shift键点击各点，可以同时选中并统一上色：
用PS制作可爱的卡通大头娃娃头像图片的照片处理教程
今天又来给大家分享P照片的技巧，平时我们拍了照片都要P得美美的，今天就反其道而行，来一个搞怪的P图技巧，将一张普通人物照片，P出夸张搞笑的效果，也就是我们经常说的大头娃娃效果，先看看原图下面是效果图首先我们找一个好朋友的照片，注意要是好朋友的，否则P完可能你们就不是朋友了按“Ctrl+T”进入变形模式这里可以选择变形的中心点