推荐阅读
详细解析网页设计中的个性插画风格
插画具有辅助文字叙事的功能，在书籍、杂志等平面中已然并不罕见，然而由于过去WEB技术发展的原因，网页设计中运用插画的情况却不多见，随着技术提升，插画越来越被网页设计师重视。今天这篇好文总结了网页设计中常见的4种个性插画风格，涨姿势来。由于优秀的摄影作品可遇不可求，而且并不一定会遇上合适自己使用的样式。专门请了摄影师来拍照如果不集齐适合的模特、布景、道具、灯光……也许结果都未必理想。因此，可以看到，依靠摄影作品作为设计素材是非常受限的，成本相对也高。所以，一个逆向的做法就是依靠插画。我们也许都知道，绘画并不是再现事物原来的样子，而是重新将你眼中的事物表达出来。也许，你表达的笨拙、可爱、轻松、沉重、怪诞……这些个性化十足的表达就成就了插画一眼即可辨识的独特风格。插画对网页设计个性的塑造可谓是功不可没的。况且，插画的成本也比摄影来得更低，效率也许更高，而又比摄影作品更灵活。假如你想要表达出一个虚拟的场景，摄影作品都需要后期合成，而插画却能立即将幻想变为笔下的实在。因此，这也是我大力提倡插画配图的原因。网页的插画其实无须一定要细节毕现，往往它传递的是一种价值、理念主张，而非具备叙事的规模。扁平的画风非常适合网页端的展示，插画的对象也许可以是抽象的，模糊的，有的旨在塑造品牌氛围。网页中插画的风格选择是依赖于品牌内容形象的。换句话说，你不能在技术控的页面上选用中国传统花鸟画。当然也有特例，这里我们只总结较为普遍的现象。简单来看，如果我们把插画的风格放在一个滑块里，这个滑块的左边一端是写实，右边一端是抽象的话，那我们的插画风格是在这两端中游移。有的插画能很好的表现实物的细节，“好像真的那样”。但这样的插画意义并不大，因为如果求真，绘画永远不如相机。因此，才有了各具特点的风格化插画。学院派
Photoshop美化给外景照片添加夕阳美景效果
最终效果原图1、打开原图素材，创建可选颜色调整图层，对黄色，绿色进行调整，参数设置如图1，2，效果如图3。这一步把图片中的黄绿色调暗，并增加暖色。2、按Ctrl + Alt + 2 调出高光选区，按Ctrl + Shift + I 反选得到暗部选区，然后创建曲线调整图层，把RGB通道大幅压暗，参数及效果如下图。
构图技巧初学者必读（5）调和、统一
通过上一篇教程的学习，我们学习了对比和变化构图技巧的相关内容。在本篇教程中，将为大家讲到的构图技巧是调和、统一。上一篇教程中我们提到过，对比和调和是互相对立存在的统一体。任何一副作品，不能没有对比，但也绝不能没有调和。如图所示，在家装设计中，要使空间整体得到统一，就必须要考虑风格，色彩，个人喜好等相关因素的调和性。那么，什么是调和呢？调和是指画面中各个组成部分整体上达到了和谐一致，并且能给人视觉上一定的美感享受。如下面两张图中，左图由各种不同形状组成，变化繁杂，画面不够统一；右图则采用单一的圆形做渐变效果，使画面给人一种统一感。注意：达到调和的最基本条件，就是在作品中必须有共同的因素存在。在版面构图中，处理好画面的调和、统一，具有十分重要的意义。调和、统一的形式有很多种，在这里，我为大家归纳了如下几种：●形象特征的统一形象特征的统一是指整体的特征风格要调和统一。例如下面这幅作品中，画面的各个因素都采用了相类似的形象特征，使画面给人一种统一感。
古代智慧结晶 用Fireworks“铸造”古钱币
我国的古钱币铸造有着几千年的文化历史。从铸造技术上看，每个朝代都不乏精品。因笔者正好有一枚南北朝时北周所铸的“永通万国”钱币，而该钱币又因笔法华美，篆法绝工被誉为六朝钱币之冠。所以本例就以这枚钱币为参考蓝本，为大家讲解在Fireworks中绘制古钱币的方法。 新建一个分辩率为72，300*200大小的白色画布。然后我们先来画钱币的外边缘。用“椭圆形”工具画两个大小分别为116*116和107*107的圆，然后将两个圆形同时选中后进行“垂直”和“水平”对齐。接着使用“修改―组合路径―打孔”选项，把两圆合成一个组合对象。然后再为该对象使用#414941的无描边实心填充，如图01。图1 为使古币的外边缘有立体感，我们先为该对象添加一个“内斜角”特效，各项设置如图02。然后再使用“新增杂点”特效，其中的“数量”为7，并取消“颜色”。图2 用“椭圆形”工具再画一个107*107大小的圆，将该圆与古币外边缘的对象同时选中后进行“水平”和“垂直”对齐，然后为该圆使用“线性渐变”进行填充，如图03。图3 用“矩形”工具画一个39*36大小的矩形，然后与该圆进行“水平”和“垂直”对齐后，使用“修改―组合路径―打孔”选项，形成一个新的组合对象，效果如图04。图4
最新发布
Photoshop制作水彩涂鸦风格的人像海报设计教程
最近有部《欢乐颂》的电视剧很火，海报也做得非常不错，今天优设的安全蛋给同学们带来一个临摹教程，效果超级炫，而且操作特别简单，欢迎同学们给自己喜欢的爱豆来一张。 原图： 老规矩，首先我们来看看教程最后的效果图： 第一步，我们先得在网上找到合适的图片，最好找一张背景比较干净且背景颜色浅的图片，这样就省去了我们抠图的步骤，我找的就是下面一张图。 第二步，复制一层图片，使用图像-调整-去色，将图片转为黑白，并关掉背景层(我复制一层出来做只是个人习惯) 第三步，使用曲线工具，增加图片的对比度。
使用Photoshop设计海报中常用的中国风毛笔字教程
本教程主要使用photoshop设计海报中常用的中国风毛笔字教程，现在的海报设计中经常见到这种高大上的毛笔字风格，今天作者再一次来和大家解析如何制作，而且给了几个PSD的例子，喜欢的朋友一起来学习吧
动画图片，Photoshop制作小鸟张嘴鸣叫动画图片
本教程用PS制作简单的GIF动画。在制作动画之前，需要对素材图进行简单的构思，要如何设置动画。有了这些操作就比较简单了。用几个图层制作几张连续动感的图片，然后再用IR连接播放就可以了。 最终效果 1、打开素材图片，把背景图层复制一层。 2、用钢笔工具圈选出鸟的头部。 3、按Ctrl+j建(鸟头部)选区图层2。并隐藏下边的背景层和图层1(点击关闭小眼睛)。 4、抠出鸟的头部(单一背景我一般使用快速蒙版+色彩范围)。
汽车海报，Photoshop制作福特汽车网站主题海报设计教程
本教程主要使用photoshop设计福特汽车网站主题海报，整体的教程不是很详细，作者主要通过大致的思路给大家，有什么不懂的地方可以下载PSD文件看看，喜欢的朋友可以一起来学习吧。
影楼照片，Photoshop的影楼照片调色方法教程
影楼照片调色比较讲究，注重一种整体美。不管是背景还是人物都追求统一。处理的时候要有一定的耐心，可以尝试不同的方法去调色直到自己满意。 原图 最终效果 1、用photoshop打开原图(这里使用的是CS3, 其他版本大同小异)。先观察一下照片整体，我们一般的生活照由于大多出自低端的数码相机，黑白场都不能很好地被定位，所以照片往往都会像这张一样发灰。 2、先复制一层背景(永远都是好习惯)，执行：滤镜 > 锐化 > USM锐化，数值根据照片大小而定。 3、创建色阶调整图层，数值不具备参考价值，根据画面来决定。右边为高光数量，左边为暗调数量，中间为中间调，有时候夸张的PS手法可以调的很诡异，看表达的需要。在这里我们仅仅是要用这个色阶来增加脸部的亮度，拉动最右面的一个调节杠直达脸部开始有高光溢出的现象(过亮)，左面和中间的不用去动，然后按确定。
广告海报，PS软件制作动感运动鞋广告海报图片设计
流体及粒子效果是非常动感及常用的效果。制作方法有很多，较为容易的就是直接使用喷溅液体素材或笔刷，设置好颜色后直接刷到物体上即可。 最终效果 一、新建1289*1000px大小的文档，编辑填充颜色#adadad。 二、打开背景素材，拉入文档中，ctrl+T变换大小摆放好位置。执行调整--黑白(去色)，将图层模式改为叠加，不透明度24%。 三、复制一层背景素材，改模式为正常。ctrl+T变换，将图层进行向下压缩。
微缩效果，PS制作微缩效果的模型城市照片
在摄影中经常提到移轴拍摄，ps中也可以将实景拍摄制作成微缩景观效果。本篇教程就教同学们如何制作微缩模型，这种效果是整体把它缩放比例，本篇教程中素材以车和人为主，这样制作起来会更加的有视觉感，同学们在找素材的时候也可以借鉴一下，导入图片以后，我们要转化为智能对象，再用滤镜进行操作，整个关键是滤镜中的移轴模糊，同学们可以感受到这样一种效果，一起来学习一下吧。 效果图： 素材： 操作步骤： 1、首先需要找到一张图片素材，图片要求为俯视，图片中最好有车有人，作为图片的主体。(当然也可以以建筑为主体，本次素材中以车和人为主体。) 2、打开Ps,导入图片，Ctrl+j复制一层，右键单击复制层转换为智能对象,转换为智能对象能记录后续在滤镜中的操作，后续操作基于此图层。如图所示：
质感图标，PS设计橙色质感的立体网页button按钮教程
button按钮作为网页设 UI设计中重要的一步也是最基础的一步，对设计来说有着重要的作用，按钮是否精致、是否和整体网页、UI相配合，对设计的好与坏有着很大的影响。近几年扁平化简洁化的趋势下，按钮越来越简单，但是不是说设计师本身就应该忘记，今天我们一起来设计这款橙色风格的按钮，喜欢的朋友一起来学习吧。
毛绒文字，PS字画笔工具制作碎纸条效果文字设计教程
PS字效教程：利用画笔工具制作碎纸条个性文字，毛绒效果文字设计。本教程的学习重点是对画笔的预设，及钢笔工具的使用来完成。 效果图： 新建画布，输入文字“PSAHZ"字体里选择的是笔画圆润细一点的字体 使用钢笔工具，绘制字的路径，在路径面板中将当前路径拖入下方新建得到路径1 回到图层，选择文字，右键选择创建工作路径 同样将当前路径保存为路径2