最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

AI与PS结合打造动感的音乐海报教程

日期:08-31    来源:中国设计秀    作者:cnwebshow.com

  本教程介绍潮流风格海报的制作方法。在制作这里图片的时候用AI来做一些立体装饰是非常快捷的。只需要简单的设置一些就可以做出想要的立体图形。然后倒入好PS里面再做一些调整就可以组合出超酷的效果。YPF中国设计秀

  最终效果YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  <点小图查看大图>YPF中国设计秀

  1、新建Photoshop文件并制作背景,首先,在Photoshop中新建一个大小A4的文件,双击背景层解锁。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  2、双击背景层,调出图层样式面板,增加从白色 (#ffffff)到灰色(#cccccc)的径向渐变。设置如下。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  3、在illustrator中新建一个A4大小的文件,我们将绘制构图需要的主要图形素材。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  4、用椭圆形工具画两个圆形,填充颜色可以随意,但是一定要没有描边,并且两个圆要相交。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  5、复制这两个圆,粘贴在Photoshop中,在出现的对话框中选择智能对象,将智能对象作为黏贴选项是为了在以后缩放该图形时不会损坏图像质量。将圆形放置在画面的底部。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  6、击该图层,调出图层样式面板,在混合选项:默认中的填充不透明度降至0,然后打开颜色叠加,填充颜色设置为白色,模式为柔光。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  7、此刻,我们将把这组圆形与背景融合起来,让它们看起来像是很大,且造型独特的云彩。添加图层蒙版然后擦除底部的圆形。为此,把前景色设置成黑色,然后选择硬度为0的笔刷。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  8、用同样的方法,你可以在构图的底部再添加一组云彩。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  9、彩色半调在illustrator中制作非常简单,先画三个或者是更多的相交的圆。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  10、选择这组圆,将它们合并(窗口>路径查找器>联集)。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  11、应用高斯模糊,半径为70-77。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  12、然后执行对象>栅格化。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  13、此刻,开始制作彩色半调效果。效果>像素化>彩色半调。最大半径值是控制你想得到的彩色半调点的大小,你可以多次尝试直到得到自己满意的效果为止。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  14、接下来需要将刚刚制作的彩色半调图案转换成矢量图形,对象>实时临摹>临摹选项,具体数据设置如下。设置好后按临摹按钮。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  15、因为我们只需要选择彩色半调图案的一部分元素,所以我们需将实时临摹图案扩展。对象>扩展外观,然后选择“对象>扩展”,在出现的对话框选择“对象、填充”然后点击确定。YPF中国设计秀

  然后选择魔棒工具,然后点击白色区域,然后按Delet键,删除它们。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  16、然后将得到的图形复制到Photoshop中,还是选择智能对象。YPF中国设计秀

  双击图层调出图层样式面板,选择颜色叠加,填充白色,然后将该图层的不透明度设置为40%。用自由变换工具旋转该图形(Ctrl+t),然后用选择工具将它放在构图面板的边缘或者是你自己觉得合适的位置。然后多复制几个图层(Ctrl+j),将他们放在你的构图的不同位置。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  17、我们的构图需要主题,你可以根据自己的需求放任何你自己喜欢的图案。YPF中国设计秀

  首先,将主题人物从原来的背景图中抠出来,然后放在画板中央。YPF中国设计秀

  如果你要增加主题的颜色对比,复制该图层(Ctrl+j),并将复制图层的混合模式改为叠加,不透明度为70%。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  18、我们将要在构图中放入一些着色的装饰性元素。在创建这些元素之前,我们先要确定这些元素的色调。YPF中国设计秀

  就这张图而言,我选择了三种颜色,如下:YPF中国设计秀

  蓝绿色: #51bbe1YPF中国设计秀

  洋红色: #ec6cccYPF中国设计秀

  黄色: #f3cf40YPF中国设计秀

  注意:你可以用你自己的照片作为设计主题,然后用吸管工具从你的主题图片中吸取你喜欢的颜色,我选择的颜色也是受主题启发。这样会让你的整体色调与你的构图很和谐。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  19、我们要开始绘制一些几何装饰性图形了,在这里,我们不需要illustrator了。新建一个图层组,命名为“colored circles”,并放置在吉他弹奏者的下一层。把前景色设置成你之前选好的颜色之一。YPF中国设计秀

  用椭圆工具(U)绘制一个圆,绘制的同时按住Shift键,以确保你绘制的是正圆。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  20、单一的颜色填充会显得很呆板,这里有个使这些元素与你的构图想融合的小窍门。如同我们在第二步里面做云彩的时候一样,给该图层添加一个图层蒙版,然后用软笔刷擦去一部分。YPF中国设计秀

  然后将该层的混合模式设置为“线性减淡”,在接下来的步骤中你将会意识到该步骤的重要性。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  21、用同样的方法绘制其它的圆,或者是只需要将前面绘制的圆形复制(Ctrl+J),然后利用自有变换工具改变副本的大小和方向。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  22、你可以用剩下的颜色填充其它圆形,在这个案例中我用的是蓝绿色: #51bbe1和黄色: #f3cf40。尝试着让这些图形很好的叠放在一起,然后记得设置每个图层的混合模式为“线性减淡”,以便得到我们多要的效果。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  23、让我们回到illustrator中,绘制接下来要用到的“泡泡”。绘制一些相切的圆形,并用路径查找器将它们合并。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  24、应用半径为60的高斯模糊。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  25、然后打开“对象>扩展外观”,然后“对象>实时临摹>建立并扩展”。记得用魔棒工具将白色的部分删除掉。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  26、将该图形复制到Photoshop,双击该图层进入图层样式面板,我们进入混合选项:默认这一选项,将高级混合中的不透明度设置为0。然后用你定好的颜色之一设置颜色叠加。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  27、同之前的步骤一样,添加图层蒙版,然后用软笔刷擦掉泡泡的一部分。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  28、在illustrator中绘制更多不同形状的泡泡,然后导入Photoshop中。然后用上述的同样的方法改变泡泡的颜色,添加蒙版,擦拭。最后,新建组,将所有的泡泡图层放入该组。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  29、让我们再次切换到illustrator中,绘制矢量曲线,在这步中,我们将会用到illustrator的强大工具“混合命令”,(Ctrl+B)。YPF中国设计秀

  先用钢笔工具绘制两条曲线,确保你所绘制的曲线有两个或者是更多的交点,这样可以让你的带状元素显得更错综复杂。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  30、把两条曲线都选中,然后执行“对象>混合>建立”(Ctrl+B)。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  31、双击工具栏的混合工具,可以改变混合选项,设置如图所示 。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  32、选中带状元素,复制到Photoshop中,还是智能对象。将该层置于泡泡图组的上一层。接下来改变带状元素的颜色,调出图层样式面板,用你事先定好的颜色设置渐变叠加。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  33、转换到illustrator,用星形工具绘制一个星,填充颜色是我们之前选好的洋红色。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  34、在illustrator中有个3D工具可以绘制简单的三维效果,选中绘制的图形,执行“效果>3D>凸出和斜角”YPF中国设计秀

  旋转立方体以改变星星的方向,增加凸出厚度和透视度,在选择面板中,移动星形表面的光斑。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  35、把星形复制到Photoshop里面,并把它放置到吉他弹奏者的后面。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  36、用同样的方法绘制更多的星星,然后将所有的星星图层放入一图组文件夹(Ctrl+G)。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  37、在吉他弹奏者图层和星星图层组之间新建一层,选择一个大的硬度为0的笔刷,在吉他弹奏者后面的中央位置单击一下,必要时降低一下图层的不透明度。灯光效果可以使画面主题更为突出 。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  38、illustrator中用文字工具输入一个单词,大小100pt。你可以用类似Impact, Arial, or Helvetica Bold的字体。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  39、选择单词,执行“文字>轮廓化”(Ctrl+O),让文字转化成混合路径。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  40、把文字也做成三维效果的,执行“效果>突出和斜面”,确认斜角设置为长圆,高度为2pt,你将会看到微弱的内发光效果。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  41、将3D效果的文字复制到Photoshop中,作为智能对象。YPF中国设计秀

  用同样的方法,你还可以用定好的其他颜色制作你想好的剩余3D文字,并将他们作为智能对象复制到Photoshop中。在illustrator中,你可以利用3D突出和斜角选项来调整文字的大小,角度,直到得到你想要的效果。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  42、现在我们有了海报中所要的所有元素,接下来我们会在Photoshop中微调我们的构图。YPF中国设计秀

  首先,纹理化我们的海报,用一个柔和切微妙的噪点效果比较合适。下载如下图所示的黑白纹理素材并在Photoshop中打开(你也可以根据自己的还好选择自己喜欢的纹理素材),将纹理素材放在最顶层,并设置其混合模式为滤色。这样,黑色部分将会消失,白色区域会被保留。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  43、Ctrl+M,调处曲线对话框,单击一下一建立一个参照点,然后向右下区域拽这个点,你将会注意到越是往右下方拽参照点,白色噪点就变得越是柔和。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  44、然后将会对纹理应用锐化滤镜,这样可以使细节更加突出。执行“滤镜>锐化>锐化”应用该滤镜,然后按Ctrl+F再次应用该滤镜。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  45、接下来我们要提高构图的明度和颜色。执行“图层>新调整图层>色相/饱和度”,饱和度设置为-40,这是对图像去色。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  46、用同样的方法新建渐变映射调整图层,设置从紫色(#9e0c92) 到橙色 (#ffae00)的渐变。这是提高颜色对比度并添加新的颜色。。YPF中国设计秀

  YPF中国设计秀

 YPF中国设计秀

  47、我们可以用光斑来提升构图的细节。在纹理层下面新建一图组,并设置混合模式为颜色减淡。YPF中国设计秀

  在图组内新建一图层,用硬度为0的白色笔刷在你想要突出的细节处点击,例如,我在文字表面和主题手上点击,完成最终效果。YPF中国设计秀

  YPF中国设计秀