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

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

《最全国外设计师海报设计案例.docx》由会员分享，可在线阅读，更多相关《最全国外设计师海报设计案例.docx（68页珍藏版）》请在冰豆网上搜索。

最全国外设计师海报设计案例

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

!

!

On11.02.09,Inphotoshop平面设计,海报设计,byXiaoWu

小武提前唠嗑几句

我个人也比较喜欢这效果

反正也拍了几张顺便翻教程的同时也自己跟做一个

今天的教程不难

只要你认真的跟着做就能学到不少东西

在这篇photoshop海报设计教程里

你可以学到

1：

用photoshop钢笔工具绘画漂亮的色带

2：

色彩的运用技巧

（具体怎么样，我会和大家一起分析哈，一起做，一起思考，一起进步！

）

最终效果如下图所示

教你制作简单的滑板海报教程效果图

OK，开始我们的教程

第一步

任务:

是把背景做出来

新建一个工作文档（菜单—新建；ctrl+n）

文档设置1280x1024px,分辨率72dpi.

再新建一个空白图层（图层—新建—图层；ctrl+shift+n）

随便填充一种颜色（编辑—填充）。

好了吗？

接着进入添加图层样式—渐变叠加（注意样式作者用的是径向）

颜色设置如下：

颜色值：

FAF9F7 FFFFFFB2AA9FB9B1A6

第三步：

将我们扣出来的人物复制四个（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设计涂鸦效果海报

On11.04.09,Inphotoshop平面设计,海报设计,bypskungfu

今天photoshop教程将教大家使用photoshop工具来设计一个有趣的涂鸦效果海报好了，先看下效果图。

ps设计涂鸦效果海报

现在就让我们开始吧。

首先我们要寻找一张墙壁纹理效果的照片。

我使用的是这种纹理照片。

打开这个文件我们需要风格化处理下。

我们使用的是图像>调整>色相/饱和度，设置参数如下

把纹理照片校正好色相饱和度和亮度后，效果如下图：

Ok，让我们进行下一步。

给纹理添加一点锐化效果会看起来更好。

使用锐化工具笔刷选择柔角400px.

是不是看起来效果好了？

呵呵。

接着下一步涂鸦。

我们到谷歌上去搜索一下，找一些适合的照片（使用时注意版权我们使用的是图片不是照片）。

这张涂鸦照片不错。

将图层混合模式改为正片叠底Multiply

你可能想到去调整它。

我有一个有趣的想法。

使用SmudgeTool（涂抹工具），使用普通的photoshop笔刷。

创建一些长的涂抹效果，如我的图片中的这种（注意唱片的边缘）

接着我们再使用锐化工具来锐化它一下。

这个海报设计的话没有一些文字点缀是不是不那么地道？

好了，使用水平文字工具，写两道文字。

我使用的这个涂鸦效果的英文字体叫做Eraser，你可以在这里下载涂鸦英文字体。

在你完成这些一些文字设置以及摆放后，我们接下来要进行的是使用编辑>变换Transform>旋转向上稍微移动一下

看起来不错哦。

不过任务还没有完成。

我们来做一下使这个文字看起来像是模板印刷处理过的。

使用多边形套索工具如下图所示创建选区：

接着使用photoshop快捷键Ctrl+ShiftI来反选选区，然后使用一种笔刷工具使用黑色的点来创建一种文字喷溅效果。

（我们之前推出过摩登飞溅效果——ModernSplatterEffect教程，也可以借鉴下）

效果应该看起来像下面的这样：

按下快捷键Ctrl+D清除选区。

希望大家喜欢这个涂鸦效果海报设计，不要害怕去实践哦。

ps设计涂鸦效果海报

PS教程–制作Disco海报

On03.25.10,Inphotoshop平面设计,photoshop教程,海报设计,byXiaoWu

PS教程–制作Disco海报

作者：

IamJohnsonKoh,agraphicandwebdesignerinSingapore.Founded10Steps.SGinAugust2008withthepurposetosharemyexperimentsandinterestingdesignnews.

在这个教程里面我们将学到如何合成一张海报。

先看看最终效果：

让我们先看看作者都干了些什么：

1.用渐变和颜色叠加做了一幅背景。

2.在背景上添加了几个类似CD碟片的圆环，以及放射状的线条、彩色的烟雾和水花，欢呼的人群，添加了音响作为前景

3.制作处理人物，添加随机音符

4.制作文字

要点：

1.光线的营造，通过光线和色彩来突出主题（也就是DJ），必要时光线多复制几层

2.老调重弹，素材的选择，一定要找到高质量的素材，这样才方便以后的合成加工，我的建议是：

如果在网上无法找到的情况下，有条件就自己用相机拍摄。

3.用通道抠水花这种颜色单调又不规则的素材是最好的选择，类似的还有玻璃等。

4.通过定义画笔预设，可以制作出漂亮的随机粒子效果。

步骤：

1.创建一个595×840pixels.的文档，在背景做拉一个#1E0A3B到黑色的线性渐变。

用矩形选框工具选中下半部分，命名“floor”，再拉一个相同渐变（其实这步没用，应为接下来它会被完全遮住）

再创建一层“Spotlights”.用较大较软的画笔400px在文档左上角和右上角各点击一下，颜色#14434B,混合模式改为叠加

再新建一层重命名“ColorOverlays”使用更大的笔刷600px，颜色#1091B1，混合模式改为叠加，同理左侧再点一个绿色的笔触。

新建一层“Circles”.用椭圆工具做出两个同心圆，底下的圆透明度降低一些，上面白色的圆做几个圆环选区然后删去。

 选择“Circles”图层，使用滤镜>模糊>镜头模糊，设置半径为40px确定，设置“Circles”图层不透明度为60%。

从Shutterstock下载DJgirlfrom.将人物抠出添加上，用钢笔勾勒身体，配合软橡皮处理头发有不错的效果（如果图像质量不错，建议使用通道抠出头发）

在女孩图层下创建一层“WhiteGlow”，用30px的白色软笔刷沿着身体的轮廓画。

使用20px的涂抹工具,随意涂抹，使得边缘不规则，看起来像烟雾。

添加叠加图层，在上面画上一些颜色。

新建一层“InnerGlow”.使用20px的白色软画笔,沿着女孩的身体内轮廓描画.头发处的透明度要淡一点。

在Shutterstock下载水花素材.打开图片到通道面板，选中红通道（这张图片里红通道对比最强，细节最丰富），按住ctrl+鼠标左键单击缩略图，会获得选区，我们发现这个选区反了，于是ctrl+shift+i反选，然后再次点击RGB通道，返回图层面板，新建图层，填充白色，再把它拖入我们的合成文档中。

把水花图层移动到DJ图层的后面，改成叠加模式，添加蓝色的外发光，如果水花效果不够明显可以ctrl+j多复制几层，以增强效果

.

教你设计专业的笔记本广告

On10.28.09,Inphotoshop平面设计,海报设计,byXiaoWu

在这个photoshop平面设计教程里，你将会学到如何做一些简单的辅助线来帮助我们更直观的把握透视的正确与否，做出合适的选区等。

还将告诉你如何制作爆炸式的拼贴效果，并运用它来做出视觉冲击力强的作品。

最终效果图：

笔记本广告最终效果图

第一步新建一个文档。

然后把早准备好的笔记本图片拉进文档。

新建一层，并命名为“laptop”,

第二步在CS2版本以上，就有很多做这种飞溅式效果的滤镜了。

不过这里我们不利用那些滤镜，自己动手，丰衣足食。

用你喜欢的选取工具把笔记本的屏幕选取出来，做好选区，复制（ctrl+c），新建一个文档，粘贴（ctrl+v），把刚才选好的屏幕拷贝过来，然后进入图像—图像大小，把尺寸改成原来的双倍大小，这样我们得到一个比原来屏幕大一倍的屏幕，然后在把这个大屏幕拉进最开始的工作文档里。

放到文档里的时候，我们需要把这个大屏幕放到合适的位置，以便看上去符合透视原理。

至少近大远小，我们都清楚。

（ps真功夫有话：

感觉作者这样有点繁琐了，不过看得出作者对每个步骤都要求比较精确，是我们的话就直接在原图片拉大屏幕了）

第三步现在，我们需要做一些透视辅助线（反思下自己有考虑这些技巧么），选择直线工具，线条颜色选亮一点的，把大屏幕的每个角和原来笔记本的四个角连接起来，最后汇集到一点。

如图

第四步现在，我们再添加几块屏幕，复制大屏幕，进入编辑—自由变换（ctrl+T），接着你会在菜单栏上看到这么一行选项（如下图），通过改变其数值，你可以精确的调整屏幕的大小，作者是100%–90%各一张吧。

接着，把调整好的几个屏幕放到透视正确的地方，不知道放哪？

对了，辅助线就在那等你呢。

不过记得把新添的这几个屏幕图层放在最大的屏幕图层和原始屏幕图层的中间。

继续添加其他大小的屏幕，方法如上。

这次作者用的大小是80%，70%，60%（当然，这是相对最大的那个屏幕才是这个值。

）注意各个屏幕的位置哈！

第五步：

OK,我们继续新建一层，并命名为“photo1”。

把我们想要处理的照片拉进来。

接着我们继续做辅助线进入视图—显示–网格.OK，我们再把photo1用自由变换工具使它能对准好网格线，这里作者把图片宽用了8个网格，高用了6个网格。

第六步

这步的关键是做出选取，然后删掉选取里的内容就OK，其实很简单，只是个人很少用到，而且不好表达（主要是我文底太差，勿怪勿怪，哈哈）。

好了，我们继续。

复制图层”PHOTO1”,使用选取工具（M）–选择单列选取工具，在图的中间位置（中间在哪里？

网格线不是告诉你了），垂直方向做个1px选区，按DEL删了，同理使用单行选取工具在图中间的水平方向做个选区，DEL之。

接着你就看到如下的效果了（注：

如果嫌做的选区太小，可以在你做好选区的时候进入选择—修改—扩展—输入你想要的数值来改变选区大小

第七步：

这步我们要把上面弄好的图片贴到屏幕上去，当然，每层屏幕贴一张。

现在把原始屏幕搞定，其他复制的屏幕们隐藏起来搁一边，除了最原始的那个小屏幕。

为了方便贴上去，降低一下不透明度差不多在57%就OK，接着进入编辑—变换—曲扭。

把照片的四个角对准屏幕的四个角安上去就OK了。

接着就重复这些步骤，把其他屏幕也贴上墙纸啦！

墙纸是需要有变化的，该怎么切割你自己看着办，方法和第六步一样。

作者的如下：

第八步：

继续重复上面的步骤，借助网格线，我们可以做出1×1,1/2×1/2,1/4×1/4等各种比列切好的图片，再贴到屏幕上。

第九步：

看下现在的效果，把复制的屏幕那些层都隐藏起来，图片层都显示。

第十步：

下面这些步骤将告诉你怎么把普通效果变的有吸引力OK,现在到了很耗时间的一个步骤了。

那就是删去掉不要的格子，增加点视觉效果。

这里作者是隔一个删，使用魔术棒工具，宽容度，把不需要的格子选中，删除。

刚开始那几层大的屏幕还好说，到后面越来越小的格子就需要时间了哈，考验你耐心的时候到了

第十二步：

给每一个图片加上阴影效果，使整体看上去更有立体感。

怎么加？

在那些照片的图层随便选则一层。

点击—图层样式—阴影，作者具体设置如下：

第十四步：

到这里基本算是OK了，现在我们添加一个背景。

作者使用白色到浅灰色渐变作为背景。

（当然，各种颜色随便你自己搭配，但至少要看上去舒服才行哈。

）如下图

第十五步：

作者找了一张金属质感的图片，降低不透明度到20%左右叠在背景图层上面，看上去痕痕划划的挺好玩的。

第十六步：

下面作者有老有才的添加了几条富有艺术感的曲线，这效果木似挺不错，而且简单。

先设置笔刷，颜色白，大小1PX，干嘛用？

过会就知道。

设置好了就选择钢笔工具（P），对了，画曲线去。

跟着作者画好了路径，单击鼠标右键，出现菜单，选择描边路径。

工具里选择画笔（刚才我们设置好的），不用勾选模拟压力（模拟压力的效果就是使描边线条的开头和末端由粗变细，你自己可以试试。

很多时候做光线效果会勾选这个。

）如果感觉画出来的线太淡了，多复制几层。

OK，完成了！

把背景层放在最下面那层就OK了。

看看效果吧!

如果你哪里不懂的欢迎随时留言哈！

不过基本的工具要先自己掌握来的，不然解释起来会很吃了，那样你学的也会比较慢。

教程没好坏，只有合适不合适。

特别提醒网页教学网的李新刚童鞋转载本站教程请注明出处，并标明链接，谢谢合作！