别说你不想要!当下最流行的花卉排版设计(原创/翻译教程)

平面设计圈 2018-07-07 16:38:51

花卉排版是一种设计趋势,结合了漂亮的花卉元素和大胆的字体设计,创建一些优雅的设计。本教程将向您展示如何使用一个花卉图像和简单的文本,再加上几个图层样式,过滤,纹理,创建自己的花卉效果排版设计。让我们开始吧!


  • 先看看最终效果图:





Step1 调整花的颜色



  • 创建一个新的文档3000 x 3000 px。将花束视图单独置在白色图像背景层的上方,图层重命名为花。

  • 执行 图像>调整>自然饱和度 ,自然饱和度数值更改为-10。

  • 执行图像>调整>色相/饱和度,饱和度值更改为-10。

  • 执行 图像>调整>色彩平衡, 改变色阶数值为:-10,-2,13。

  • 复制一层花朵图层,然后单击添加图层面板底部的图层蒙板图标。确保选中图层蒙版缩略图,并填充黑色。





Step2 创建文本



  • 创建文本使用 Big John Regular字体填充白色. 你可以使用任何你喜欢的字体和字体大小,更大的尺寸和更大胆的字体更好看。这里使用的大小是765 pt。

  • 如果你想把字母分开,就给每一个字母创建一个单独的层,字母的位置都分散在花的图像里。

  • 组合文本图层(创建新组),并调用文本。位置处于两个花图层之间。

  • 降低文本组的不透明度,使能看到文本和背景图像细节清晰。





Step3 绘画前面部分的花



  • 选择画笔工具(B),将前景色设置为白色,选择圆形坚硬点的笔尖刷。点击鲜花复制图层蒙板的缩略图以选择它,然后开始画文本前面的花卉部分。(大家注意这里的蒙版是黑色的,也就是意味着现在这个图层的画面全部被隐藏,那么现在用白色把需要漏出来的部分涂抹出来。涂抹的部分锁定在字上面需要裸露的花卉部分。)

  • 您可以使用[-][+]键来增大减少画笔笔尖的大小。慢慢来,把这些部分画的越精细越好。

  • 如果有任何你想恢复回去的部分,你只需要设置前景色为黑色涂抹这些地区。

  • 使用键盘上X ,切换前景和背景颜色(黑色和白色)。


  • 一旦你完成了,再次设置文本组的透明度为100%,并检查你调整后样子,看看你是否喜欢它。


  • 放大修复任何需要修复的地方,这需要做更多的工作。这是一个稍微费时的过程,但重要的是平滑后的最终效果。



Step4 创建阴影


  • 点击鲜花复制层蒙版缩略图,建立选区。(鼠标点击的同时按住Ctrl建)

  • 创建一个新层在文本组的上方,并命名为影子。

  • 选择油漆桶工具,选择填充黑色。

  • 右键单击阴影图层,选择转换为智能对象。

  • 滤镜>模糊>高斯模糊,半径设置为7。

  • 使用移动工具轻微推动阴影使阴影略向下。

  • 你会注意到影子的高度会随机出现在需要删除的部分。为了解决这个问题,你需要绘画这部分(删除错的复原他们)。

  • 然后选择画笔工具,选择鲜花复制图层蒙板,把前景颜色设置为白色,然后涂抹花卉上方你想覆盖的影子部分。(为什么露出花卉的上面部分阴影被擦除呢?因为这样才光源统一,所以大家得多思考为什么!一张图的P得是否逼真细致就是看细节功夫。)

  • 你可以使用硬度值减弱的画笔无缝融合这些地方。

  • 如果需要的话,你甚至可以用阴影层的蒙版消除任何额外的部分,或打开原始层添加更多的阴影。

  • 一旦你完成了,设置阴影层的混合模式为正片叠底然后透明度改为30%。




Step5 清除白色背景


  • 选择魔术棒工具,取消相邻框在选项栏,然后单击选择它的白色区域。

  • 根据你正在使用的花卉图片情况而定,您可能需要使用其他工具选择背景,如磁性套索工具或快速选择工具。一定要选择花卉原始图像的背景来删除它。

  • 执行 选择>反向, 并添加一个图层蒙版隐藏白色背景。(如图所示,黑色是覆盖部分)

  • 再次选择白色区域(图像现在花空的部分),然后点击鲜花副本的蒙版,选择填充黑色。执行选择>取消选择。




Step6 清除白色背景


  • 复制背景图层

  • 双击复制的背景层,应用这些设置的渐变叠加效果:

  • 样式:径向
    缩放:150%
    点击渐变框创建渐变颜色:从左至右# ffffff—# 559793。

  • 你可以使用你喜欢的任何其他渐变填充,效果如下:





Step7 创建花卉阴影



  • 命令点击鲜花图层蒙版缩略图的创建一个选区。

  • 新建一个图层在背景副本图层之上,叫它花的影子,然后填充选择黑色,取消选区。

  • 双击鲜花阴影层应用渐变叠加效果,设置如下:

  • 样式:径向
    缩放:150%
    点击渐变框创建渐变颜色:从左至右# f7f7f7—# 555555。

  • 鲜花阴影层转换为智能对象,然后改变其混合模式为线性加深,透明度改为70%。

  • 滤镜>模糊>高斯模糊,半径改为10。

  • 按Ctrl+T键进入自由变换模式,鼠标右键选择变形。

  • 在选项栏单击变形的小三角下拉图标,选择鱼眼预设。

  • 如果调整好了,按回车键确定,更改成功。


(提示:这是中文版的截图,怕大家各种找不到鱼眼是什么~点完变形后就会出来这个对话框。)

  • 现在调整和移动的影子,再按回车键接受更改变化并退出自由变换模式。边缘太尖锐就加一步模糊效果,前面说过的不累赘了。





Step8 文字样式



  • 双击文本组应用下面的图层样式:

  • 添加内阴影与这些设置:

    透明度:23%

    大小:10

  • 添加一个投影,设置如下:

  • 透明度:35%
    取消使用全局光盒
    角度:90
    距离:22
    大小:57

  • 这将添加一些文本的阴影





Step9 创建一个滤镜图层



  • 去选择>全部;编辑>合并拷贝;编辑>粘贴。


  • 粘贴图像上会显示所有的图层,命名其层过滤层1,并将其转换为智能对象

  • 改变其混合模式为柔光,不透明度到20%。

  • 复制过滤器层1,复制的过滤层重命名为“滤器层2” 不透明度调整为50%。





Step10 应用滤镜层



  • 选择过滤器1层,执行 滤镜>滤镜库>素描。

  • 选择图章过滤,改变光/暗平衡45,平滑度为1。



    (如果大家一开始尺寸和像素设置和教程不一样,或者照片差异过大请自己调整数值~)


  • 这将使图像看起来更像一个插图照片。

  • 选择过滤器2,执行滤镜>其它>高反差保留,变半径为10。






Step11 添加纹理调整最后一个图层



  • 把纸纹纹理图像在所有层之上,并调整它。

  • 然后改变层的混合模式为正片叠底,更改其透明度为50%。

  • 点击创建新的填充或调整图层,在图层面板底部的图标并选择黑白。

  • 改变调整图层的混合模式为线性叠加及其透明度为5%。

  • 这是一个非常微妙的颜色调整。





最后效果图:











大家不着急一下子把它做完,因为这篇文章翻都翻译了2天多,今天是第3天~终于完整的表现给各位。技术相对娴熟的可以试试这个礼拜把这个教程做出来,新手的话会有另外一篇字体效果文章在翻译相对没有这么复杂(尽量这个礼拜上上来)。但是今天这个教程应该是当下最流行的海报设计,所以喜欢的话完全可以收藏。素材不局限于花卉~给大家上几张别人做的练习设计:

原文出自:tutsplus

翻译:平面设计圈(非微信转载请注明出处)




好消息,好消息~

以后大家跟着教程做的练习有地方点评和解惑了哦!小编开通了设计圈交流平台群:

①群:434492167(已满)

②群:534355575 (有兴趣参加的圈友可以进群沟通,MUA~!欢迎大家来相互学习相互进步。)





推荐文章,得奖金:
如果你看到了好文章,请随手发给我们。
如果文章被采纳,会有奖金酬谢。每天都可推荐。

原创征稿:
如果你是原创作者,或有实力编写教程,欢迎给我们投稿,稿酬优厚。

推荐和投稿,请联系QQ2087729719