推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去LouisVuitton的店铺时，你不可能会看到有Chanel或者其他品牌风格的包包罗列在里面吧，LouisVuitton同一个系列的包，从手提包到肩包到行李箱，虽然产品上略有不同，但它们的细节和气质都是一致的，标识图形、埃尔泽菲尔字体以及颜色已经形成了其品牌的识别符号。甚至其衍生产品也都保留着LV独有的气质。我不是一个网游爱好者，但对游戏界面略有研究。当你在玩2D的阿拉德欧式风格的游戏，途中突然弹出一个3D的很唯美的又带有东方古典风的广告弹窗，肯定会觉得很不和谐吧。当你使用游戏中的充值币时，细心点你会发现消耗充值币的动画与消耗游戏币、消耗体力等消耗类的动画效果是一致的。其实每一款好的游戏界面都必须做到相关元素一致性、风格一致性、色彩搭配一致性等，这样才会给用户带来好的体验。还有就是你常看到的系列广告，他们系列感也是可以通过好些方式(画面表现手法，内容板式，slogan的位置等)来体现出视觉一致性，让用户可以直观出同一个产品的系列广告。
用美图秀秀怎么修改gif图片尺寸裁剪gif大小
gif设计的时候，是一组相同尺寸的图片，加上动图效果生成的动图。那么要修改其尺寸，且不破坏原有的动图效果，那么就需要找到合适的软件才能完成，本文使用美图修改动图，也是为了能够让大家轻松掌握，虽然不能像裁剪图片那般容易，但一些技巧还是有一定的借鉴意义的，希望看完本篇教程，能够给您启发。 1、使用的还是v4，v5最新版不支持此种操作，美图官网直接点击【立即下载】，安装完成后启动软件。 2、首先用美图打开动图，以静态图片的形式展示，目的是为了确定裁剪尺寸。下图中打开gif图片，提示显示为静态图片，点击确定即可。 3、图片打开之后，如下图所示，我们只需要中间的区域，点击裁剪按钮， 4、通过拖拉选框，找到合适的位置，比如下图中，中间图案的尺度为140*90，我们的目的就是把gif裁剪为此尺寸。 5、点击右上角的【新建】按钮，弹出的界面上，输入上面获取的宽度和高度值，背景色选为【透明】，点击应用按钮， 6、创建出的画布上，单击右键，点击弹出的【插入一张图片】，选中gif图片。 7、因为固定了画布大小，所以只需要移动gif图到合适的位置，露出需要的图案部分即可，然后点击右上角的【保存与分享】按钮， 8、弹出的界面上，可以看到默认展示的动图缩略图，以及后缀名为gif，更改路径和文件名之后点击保存即可。 如果只是修改gif图片的尺寸，那么就更为简单了，只需要新建画布，拖拉缩放gif图片保存即可，如有疑问可以在下方留言。
Illustrator CS5初学者必读（15）复杂无缝贴图
在上节内容中制作了较为简单无缝贴图，在本节内容中，继续为朋友们讲述使用裁切标记，制作较为复杂的无缝贴图的方法。为了更加便于朋友们理解这个命令的应用原理，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）执行“文件”→“打开”命令，将“复杂图案.ai（2）在“图层”调板中，复制“背景”图层。（（4）执行“对象”→“创建裁切标记”命令，创建裁切标记。
Painter9.5+友基绘影绘制卡通人物漫画
工具：Painter9.5+ 友基绘影ⅡPF8080 1.首先要完成线稿，漫画类的和写实的不同，线稿很重要。要有耐心，因为最后线稿不会覆盖全部显示的出来 图1 2.提线条 打开PS，将线条和之后要上色的图层分开，涂色的时候不要伤到线稿~，直接把背景图层复制到上一层，将模式改为正片叠底，然后把背景图层清空。将线稿调整颜色。 完成。 图2
最新发布
如何给GIF动画加水印(Photoshop篇)
给图片添加水印的方法很多，但大多数软件给GIF动态图片添加水印后保存出来的GIF格式图片都是静态的，只有第一帧画面。如果你有PHOTOSHOP，我们也可以不利用其它软件来给GIF动态图片添加水印，且导出带水印的动态图片。GIF动态图片PHOTOSHOP CS3 or moreQuickTime在PS CS3之后的版本中，都不能直接编辑多帧GIF动态图片，但有了视频编辑功能，所以我们可以将GIF动态图片当作视频处理。首先需要安装QuickTime：然后打开PS，点击“文件”菜单，选择“打开为”命令：
时装发布会宣传海报设计教程
1. 首先先新建一个文件，在新建对话框中设置如图1所示参数，确定后得到一个新的空白文件，设置前景色为黑色，按Alt+Delete键填充前景色得到背景图层。图12. 打开“素材1.psd”，使用【移动工具】将其拖至当前画布右侧，得到人物，按Ctrl+T键调出自由变换控制框，调整图像大小及位置，确认后得到如图2所示效果。图23. 选择背景图层，单击【创建新的填充或调整图层】，在弹出的菜单中选择【渐变】命令，设置如图3所示参数，得到如图4所示效果，同时得到图层“渐变填充1”。图3图4提示：渐变的色标颜色值从左到右分别为cf8e8c、f4cb78和ab4b484. 新建图层1，设置前景色为白色，选择画笔工具，在其工具栏中设置适当的画笔大小及【不透明度】，在人物头部上方进行涂抹，图1615. 打开“素材3.psd”，使用【移动工具】，将其分别调整到人物的各处位置，这里根据自己观察来摆放，主要注意协调美观即可，得到如图17所示效果。图17注：这里的形状我都以素材的形式给出，大家可以下载，因为这些形状的制作方法和逗点相似，并且非常简单，所以就不详细阐述了。不明白可以看一下源文件中的相关组 19.最后添加文字得到如图21所示最终效果。图21上一页 [1] [2] [3] [4] [5]
热辣MM劲舞广告海报设计教程
本实例用舞动的人们做背景画面的主要图像，以年轻人为对象。将宣传地产为主题，用侧面刻画城市喧器的表现形式做为进一步的推销，文字方面也采取霓虹灯光感效果，来呼应主题。先看一下最终效果：(素材源文件在论坛二楼)1.新建文件。打开“文件” “新建”或者按Ctrl+N快捷键，在弹出的新建对话框中设置如图1所示的参数。图12.绘制渐变。选择工具箱里的“渐变工具”按如图2和图3设置渐变，在按图4所示方向拉出渐变。图2
可爱漫画效果
最终效果图 1、今天我们用PS来画一张几米的漫画，是一个小女孩坐在窗户上，先用钢笔勾出窗户与女孩的轮廓。 4、开始上色了，先给窗帘与天空上色。如图： 5、接下来给窗框分别上上蓝色和黑色
玻璃试管
效果预览 设置渐变，然后拖选出一个矩形选区，新建一个图层，并使用反射渐变作出左图所示图像拖选另一个矩形选区，并用中等灰色填充，如左图所示利用第一步技巧来做其余部分复制当前层，然后选择edit/transform/flip vertically菜单命令，分别放置在顶部和底部， 接着选择Filter/sharpen/unsharp mask 使它们突出一点拖选出一个矩形选框，新建一个图层，置于底下，然后再次填充。
导航按钮制作
第1步：新建一300×56背景为黄色的文档，新建层Layer1，绘制图形并填充白色如图： 第2步：将上图所选区域在通道里快照保存为Alpha1通道，然后执行Select―Modify-Contract(选择―修改―收缩)命令缩小所选区域3 Pixels如图：第3步：新建层Layer2，按Ctrl+Shift+I键反选区域，用黑色填充所选区域如图： 第4步：在Layer2，按Ctrl+A键选择全部， 按Ctrl+X键剪切所选（这将清空Layer2），回到Layer1加载保存的Alpha1通道，按Ctrl+Shift+V键将剪切的图形与Layer1的图形合并新建一层，撤销所有选择，结果如图：第5步：对新建层执行Filter―Blur―Gaussian Blur(滤镜―模糊―高斯模糊)命令，参数设置3.5Pixels，结果如图：第6步：再加上嵌入线条、文字如图：
弯曲管道
1．效果图本实例将制作如图所示的效果。 2．要点有直的管道，自然也有弯的管道，直管道和弯管道互相接驳起来，就能形成错纵复杂的管道群。在Photoshop中，没有工具可以直接画出弯曲管道。管道本身是有立体效果的，首先画出管道的形状，再做立体效果的话，并不是很好的办法，因为弯角处的立体变化将是操作的一个大难点。本例将反其道而行，首先做出立体直管道，然后使用Polar Coordinates（极坐标变换）滤镜，变换成弯管道。3．制作步骤（1）按Ctrl+N键创建一幅大小为150像素×300像素，背景为透明，分辨率为72 PPI的RGB图像。在工具箱中选择Gradient Tool（渐变工具） ，然后在工具选项栏中选择Linear Gradient（线性渐变） ，在渐变属性条上，单击渐变预览图 ，可编辑渐变。在打开的Gradient Editor（渐变编辑器）对话框中，设置如图所示，按OK按钮完成编辑。从图像的上方向下方拖动鼠标，得到如图所示的结果。（2）选择Image（图像）>Canvas Size（画布尺寸）命令，在打开的Canvas Size（画布尺寸）对话框中，设置Width（宽度）为600像素、Height（高度）为600像素，结果如图所示。（3）选择Filter（滤镜）>Distort（变换）> Polar Coordinates（极坐标变换）命令，在打开的Polar Coordinates（极坐标变换）对话框中，设置如图示，执行滤镜后，图像的结果如图所示，就可得到弯曲的管道了。（4）按Ctrl+T键进行自由变换，将图像旋转成如图所示。（5）接下来的步骤，将是添加直线管道部分。在工具箱中选择Rectangular Marquee Tool（矩形选框工具） ，在弯管的末端拖选出一个如图所示的选区。
透明玻璃质感长圆形按钮制作技法
在Photoshop5.5中建立新文件120x80 大小 RGB模式Contents设为Transparent( 透明 )layer1填充为白色上加一层，建立40x40 的圆形，放在页面中心填充色#003366然后将其从中心分解开，左右各20像素左半圆向左移动30像素，右半圆同步骤结果如图 选择Select/Load selection，ok后选择Select/Modify/Contract，面板上输入“5”选择Select/Feather，面板上输入“8”上加一层后，在此层填充色#66CCFF取消选择状态后，用命令Layer/Group with Previous 将此层作用在下面一层有像素的部分然后将此层向下移动10像素结果如图 在填充色#003366的长圆形图像层上用120*15的选取框选中如图所示的区域 选择Copy命令 在图像最高层上再加一层，选择Paste命令Copy到的图像部分即粘贴在如图所示的位置然后用选取框选择如图所示的区域 选中后向右移动5像素，右侧部分再用同步骤取消选中状态后，再将此图片向下移动3像素为使大家看得清晰，我把此部分填充了白色 结果如图
光滑透明的icon―photoshop的图层样式
在开始之前，我们先做一些准备工作：这是ps自带的所有形状：准备一个用于底图的图案：利用图案填充，做为背景：在图层样式面板中，如下设置效果的通道混合及fill opacity等参数：
LOGO制作教程实例-PS+Imageready版
二、对刚才复制的图片进行自由变换《也就是大小的处理》，将图片的四个边与88*31图层的四个边相对齐，图如下：三、然后新建一个图层命名为图层二，输入红意网论坛五个字，字体为宋体，大小为：12 色彩为黑色，ａａ：无（注意这里所说的ａａ是代表是否选报最消文字钜齿的功能），然后进行：图层/图层样式/描边：描边大小为1 色彩为白色（出来的效果如果觉得字太清楚了可以进行相应的透明处理），。图如下：四、新建一图层命名为图层三，输入www.nn11.com 字体为：０４字体的０８字体（如果你没有０４字体请找到相关文件进行下载：红意网论坛 → 技术资源区 → 『 图像-动画 』 → logo设计的04字体不可少！ ），大小为６，ａａ为：无 ，色彩为白色，然后进行：图层/图层样式/描边 大小为：1 描边色为黑色，（请对文字做相拳 合理移动）效果图如下：五、然后我们现在就要将教程一和上面说到的关于透明教程的功能了，再新建一个图层输入红意网论坛五个字，色彩设为白色，然再移动使其刚才的描边红意网论坛五个字重合在一起，再进行：滤镜/模糊/动态模糊处理，动态模糊距离自定！效果图如下：六、复制图层二（描了边的红意网论坛图层）自定义命名为：红意网论坛副本，然后对其进行透明处理，透明度为70%，再复制红意网论坛副本层，为副本二透明度为50%，再复制副本二命名为副本三，透明度为30%，再复制副本层三命名为副本层四透明度为10%，图层结果如下：