最全国外设计师海报设计案例!!!.doc

On 11.02.09, In photoshop平面设计, 海报设计, by XiaoWu小武提前唠嗑几句我个人也比较喜欢这效果反正也拍了几张顺便翻教程的同时也自己跟做一个今天的教程不难只要你认真的跟着做就能学到不少东西在这篇photoshop海报设计教程里你可以学到1：用photoshop钢笔工具绘画漂亮的色带2：色彩的运用技巧（具体怎么样，我会和大家一起分析哈，一起做，一起思考，一起进步！）最终效果如下图所示教你制作简单的滑板海报教程效果图OK，开始我们的教程第一步任务:是把背景做出来新建一个工作文档（菜单新建；ctrl+n）文档设置1280x1024px, 分辨率72dpi.再新建一个空白图层（图层新建图层 ；ctrl+shift+n）随便填充一种颜色（编辑填充）。好了吗？接着进入添加图层样式渐变叠加（注意样式作者用的是径向）颜色设置如下：颜色值：FAF9F7 FFFFFF B2AA9F B9B1A6（功夫有话：作者的每一步都是有他自己的目的也许数值是枯燥的，但你要自己去看作者为什么这样设置颜色，如果是你，你会怎样渐变？功夫分析：作者的背景效果是中间亮四周暗，明显光线设置在中间了，所以接下来作者的颜色渐变是由浅到深向四周渐变的。当然，这不是叫大家要有多么精确的数值，颜色分配的具体位置，只是说明我们需要有这个意识）第二步：导入我们需要的处理的图片，在这个教程里，作者使用的这个滑板哥来自爷爷级的图片分享网Flickr。不过先谢谢原图作者提供的这张图片。把人物扣出来（方法有很多，个人推荐钢笔工具放大来慢慢扣，我喜欢这“细嚼慢咽”的过程。），拷贝到我们工作的文档。第三步：将我们扣出来的人物复制四个（ctrl+J）新图层，并且都放在原始人物的下面。复制好一个，你就可以用自由变换工具（ctrl+T）把人物的方向倾斜一些。第四步目的：给拷贝的人物填充颜色下面我们给刚才复制出来的人物逐个处理，基本方法都是一样的，如下：选中第一个复制的人物图层1调整该层不透明度 60%2图层样式颜色叠加OK,选择第二个复制的人物图层，继续上面的操作1 不透明度 50%2图层样式颜色叠加继续选择第三个复制的人物图层。1 不透明度 40%2图层样式 颜色叠加第四个1 不透明度 30%2 图层样式 颜色叠加（功夫有话：嘿嘿，通过重复这么几个动作现在应该挺熟悉了吧！这就对了，这就是重复练习的效果。上完颜色，看起来还不错。怎样，很简单吧！继续.）第五步目的：添加动感绚丽的曲线，增加视觉感下面我们就要使用钢笔工具和转换锚点工具 来制作和调整这些曲线，把它们放在合适的地方。要注意，下面做的这些曲线的图层都放在人物层下面，背景层上面。OK，用曲线开始我们的第一道彩带吧。还是老样子，又要开始我们的重复过程了，相信我，这不是繁琐的工作，只会让你更熟悉更了解你现在做的。使用图层样式来填充颜色：图层样式渐变叠加（功夫有话：希望每做完一步大家都能好好想想这步的目的是什么，怎么做的，作者为什么这么做？包括下面作者颜色方面的设置和处理等等）继续钢笔描绘第二条曲线做好选区后，在新的一层里随便填充一种颜色，主要颜色是通过图层样式来做的。进入图层样式渐变叠加OK，继续作者在这蓝色曲线上再加了浅青色（WHY？细节增加可读性）钢笔工具勾勒出曲线 新建一层 ctrl+enter把路径转成选区，还是老样子，随便填充什么颜色，然后 图层样式渐变叠加接着画图层样式渐变叠加下面的操作同上图层样式渐变叠加再来图层模式-渐变叠加快结束了，加油！再画个图层黄绿渐变OK，恭喜你，画完了简单吧，只是重复操作而已，可不要小看这个 重复，它可是设计里面的一大原则。它可以增加整个画面的统一感，视觉效果也不错！对颜色的把握也很关键哈，该怎么把握呢？（不知道？看书咯，我也不知道。嘿嘿）接着我们再添加点小装饰选择线条工具（U），颜色 黑（你可以自选） 粗细 5，按住shift可以画直线。好了，自己画个小十字形吧！设计的四大原则之一重复，对了，重复这些小十字形。但要做适当的改变，大小啊，位置之类的，不变中找变化嘛。OK，下面就是最终效果啦！ps设计涂鸦效果海报On 11.04.09, In photoshop平面设计, 海报设计, by pskungfu今天photoshop教程将教大家使用photoshop工具来设计一个有趣的涂鸦效果海报好了，先看下效果图。ps设计涂鸦效果海报现在就让我们开始吧。首先我们要寻找一张墙壁纹理效果的照片。我使用的是这种纹理照片。打开这个文件我们需要风格化处理下。我们使用的是图像 调整色相/饱和度，设置参数如下把纹理照片校正好色相饱和度和亮度后，效果如下图：Ok，让我们进行下一步。给纹理添加一点锐化效果会看起来更好。使用锐化工具笔刷选择柔角400px.是不是看起来效果好了？呵呵。接着下一步涂鸦。我们到谷歌上去搜索一下，找一些适合的照片（使用时注意版权我们使用的是图片不是照片）。这张涂鸦照片不错。将图层混合模式改为正片叠底Multiply你可能想到去调整它。我有一个有趣的想法。使用Smudge Tool（涂抹工具），使用普通的photoshop笔刷。创建一些长的涂抹效果，如我的图片中的这种（注意唱片的边缘）接着我们再使用锐化工具来锐化它一下。这个海报设计的话没有一些文字点缀是不是不那么地道？好了，使用水平文字工具，写两道文字。我使用的这个涂鸦效果的英文字体叫做Eraser ，你可以在这里下载涂鸦英文字体。在你完成这些一些文字设置以及摆放后，我们接下来要进行的是使用编辑 变换Transform 旋转向上稍微移动一下看起来不错哦。不过任务还没有完成。我们来做一下使这个文字看起来像是模板印刷处理过的。使用多边形套索工具如下图所示创建选区：接着使用photoshop快捷键Ctrl+Shift I来反选选区，然后使用一种笔刷工具使用黑色的点来创建一种文字喷溅效果。（我们之前推出过摩登飞溅效果Modern Splatter Effect 教程，也可以借鉴下）效果应该看起来像下面的这样：按下快捷键Ctrl+D清除选区。希望大家喜欢这个涂鸦效果海报设计，不要害怕去实践哦。ps设计涂鸦效果海报PS教程制作Disco海报On 03.25.10, In photoshop平面设计, photoshop教程, 海报设计, by XiaoWuPS教程制作Disco海报作者：I am Johnson Koh, a graphic and web designer in Singapore. Founded 10Steps.SG in August 2008 with the purpose to share my experiments and interesting design news.在这个教程里面我们将学到如何合成一张海报。先看看最终效果：让我们先看看作者都干了些什么：1. 用渐变和颜色叠加做了一幅背景。2. 在背景上添加了几个类似CD碟片的圆环，以及放射状的线条、彩色的烟雾和水花，欢呼的人群，添加了音响作为前景3. 制作处理人物，添加随机音符4. 制作文字要点：1. 光线的营造，通过光线和色彩来突出主题（也就是DJ），必要时光线多复制几层2. 老调重弹，素材的选择，一定要找到高质量的素材，这样才方便以后的合成加工，我的建议是：如果在网上无法找到的情况下，有条件就自己用相机拍摄。3. 用通道抠水花这种颜色单调又不规则的素材是最好的选择，类似的还有玻璃等。4. 通过定义画笔预设，可以制作出漂亮的随机粒子效果。步骤：1. 创建一个595840 pixels.的文档，在背景做拉一个 #1E0A3B 到黑色的线性渐变。 用矩形选框工具选中下半部分，命名“floor”，再拉一个相同渐变（其实这步没用，应为接下来它会被完全遮住）再创建一层 “Spotlights”. 用较大较软的画笔 400px在文档左上角和右上角各点击一下，颜色#14434B, 混合模式改为叠加再新建一层重命名“Color Overlays”使用更大的笔刷600px，颜色#1091B1，混合模式改为叠加，同理左侧再点一个绿色的笔触。新建一层 “Circles”.用椭圆工具做出两个同心圆，底下的圆透明度降低一些，上面白色的圆做几个圆环选区然后删去。选择“Circles”图层，使用滤镜模糊镜头模糊，设置半径为40px 确定，设置“Circles”图层不透明度为60%。从 Shutterstock 下载DJ girl from .将人物抠出添加上，用钢笔勾勒身体，配合软橡皮处理头发有不错的效果（如果图像质量不错，建议使用通道抠出头发）在女孩图层下创建一层 “White Glow”，用30px的白色软笔刷沿着身体的轮廓画。使用20px的涂抹工具,随意涂抹，使得边缘不规则，看起来像烟雾。添加叠加图层，在上面画上一些颜色。新建一层“Inner Glow”. 使用20px的白色软画笔,沿着女孩的身体内轮廓描画.头发处的透明度要淡一点。在Shutterstock下载水花素材.打开图片到通道面板，选中红通道（这张图片里红通道对比最强，细节最丰富），按住ctrl+鼠标左键单击缩略图，会获得选区，我们发现这个选区反了，于是ctrl+shift+i反选，然后再次点击RGB通道，返回图层面板，新建图层，填充白色，再把它拖入我们的合成文档中。把水花图层移动到DJ图层的后面，改成叠加模式，添加蓝色的外发光，如果水花效果不够明显可以ctrl+j多复制几层，以增强效果.教你设计专业的笔记本广告On 10.28.09, In photoshop平面设计, 海报设计, by XiaoWu在这个photoshop平面设计教程里，你将会学到如何做一些简单的辅助线来帮助我们更直观的把握透视的正确与否，做出合适的选区等。还将告诉你如何制作爆炸式的拼贴效果，并运用它来做出视觉冲击力强的作品。最终效果图：笔记本广告最终效果图第一步新建一个文档。然后把早准备好的笔记本图片拉进文档。新建一层，并命名为 “laptop”,第二步在CS2版本以上，就有很多做这种飞溅式效果的滤镜了。不过这里我们不利用那些滤镜，自己动手，丰衣足食。用你喜欢的选取工具把笔记本的屏幕选取出来，做好选区，复制（ctrl+c），新建一个文档，粘贴（ctrl+v），把刚才选好的屏幕拷贝过来，然后进入图像图像大小，把尺寸改成原来的双倍大小，这样我们得到一个比原来屏幕大一倍的屏幕，然后在把这个大屏幕拉进最开始的工作文档里。放到文档里的时候，我们需要把这个大屏幕放到合适的位置，以便看上去符合透视原理。至少近大远小，我们都清楚。（ps真功夫有话：感觉作者这样有点繁琐了，不过看得出作者对每个步骤都要求比较精确，是我们的话就直接在原图片拉大屏幕了）第三步现在，我们需要做一些透视辅助线（反思下自己有考虑这些技巧么），选择直线工具，线条颜色选亮一点的，把大屏幕的每个角和原来笔记本的四个角连接起来，最后汇集到一点。如图第四步现在，我们再添加几块屏幕，复制大屏幕，进入编辑自由变换（ctrl+T），接着你会在菜单栏上看到这么一行选项（如下图），通过改变其数值，你可以精确的调整屏幕的大小，作者是100%90%各一张吧。接着，把调整好的几个屏幕放到透视正确的地方，不知道放哪？对了，辅助线就在那等你呢。不过记得把新添的这几个屏幕图层放在最大的屏幕图层和原始屏幕图层的中间。继续添加其他大小的屏幕，方法如上。这次作者用的大小是80%，70%，60%（当然，这是相对最大的那个屏幕才是这个值。）注意各个屏幕的位置哈！第五步：OK,我们继续新建一层，并命名为“photo 1”。把我们想要处理的照片拉进来。接着我们继续做辅助线进入视图显示网格.OK，我们再把photo 1用自由变换工具使它能对准好网格线，这里作者把图片宽用了8个网格，高用了6个网格。第六步这步的关键是做出选取，然后删掉选取里的内容就OK，其实很简单，只是个人很少用到，而且不好表达（主要是我文底太差，勿怪勿怪，哈哈）。好了，我们继续。复制图层”PHOTO 1”, 使用选取工具（M）选择单列选取工具，在图的中间位置（中间在哪里？网格线不是告诉你了），垂直方向做个1px选区，按DEL删了，同理使用单行选取工具在图中间的水平方向做个选区，DEL之。接着你就看到如下的效果了（注：如果嫌做的选区太小，可以在你做好选区的时候进入选择修改扩展输入你想要的数值来改变选区大小第七步：这步我们要把上面弄好的图片贴到屏幕上去，当然，每层屏幕贴一张。现在把原始屏幕搞定，其他复制的屏幕们隐藏起来搁一边，除了最原始的那个小屏幕。为了方便贴上去，降低一下不透明度差不多在57%就OK，接着进入编辑变换曲扭。把照片的四个角对准屏幕的四个角安上去就OK了。接着就重复这些步骤，把其他屏幕也贴上墙纸啦！墙纸是需要有变化的，该怎么切割你自己看着办，方法和第六步一样。作者的如下：第八步：继续重复上面的步骤，借助网格线，我们可以做出11,1/21/2,1/41/4等各种比列切好的图片，再贴到屏幕上。第九步：看下现在的效果，把复制的屏幕那些层都隐藏起来，图片层都显示。第十步：下面这些步骤将告诉你怎么把普通效果变的有吸引力OK,现在到了很耗时间的一个步骤了。那就是删去掉不要的格子，增加点视觉效果。这里作者是隔一个删，使用魔术