恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
海报文字排版技巧掌握
0.0°
2018-01-30 原创文章 教程 举报 3903 16 16 0



第一步:用钢笔勾出这张褶皱的纸的外轮廓。

Image title


吸取一个深紫色,作为基色。

Image title


然后,我们来用“套索”工具,集合,“曲线”调色命令。来做褶皱。(这里就是一个非常实用的组合技了,教程结束的时候,我还会告诉大家这个东西能做什么)

Image title

Image title

Image title




这里要注意的事,我们因为要精确的来套索,可以结合快捷键“ctrl+空格”或者“ALt+空格”来放大,缩小视图。来更好的套索。

Image title


最后的结果如下:一个基本的褶皱就完成了。

Image title


对比图:

Image title


接下来就是来添加基本的光影气氛:

也就是那些白色的类似高光的东西。这里也要用套索来控制选区,然后用柔焦笔刷刷就可以了。模式为滤色。

Image title


然后把它保存为智能对象,对其添加杂色

Image title

Image title



然后在智能对向下的蒙板上来擦拭的柔和一些。

Image title


效果。

Image title


然后就是添加这些折痕的地方,添加条形高光。这里直接用钢笔,然后描边就行了。白色即可。

Image title


调整透明度,用橡皮擦来修整一下。

Image title


然后就是来创建海报的主体。文字部分。这里为了能够让他们有可调性,能够做出在褶皱处的感觉。我们学习一个技巧——创建组合文字路径。
步骤如下:

先输入文字,不用一次性一个文字层输完。可以看自己排版要求,建立多个文字层的。

Image title


这里是我的文本。

Image title


然后,选择所有的文字层。

Image title


点击菜单栏上的”文字“-”转化为形状“,就可以把所有的文字都转化形状了。

Image title


如图所示。都成为了形状。这里,重点来了。我们接着选择这些形状层。”ctrl+E“(盖印的快捷键)就可以把这些形状盖印成一个形状了。没错,形状层是可以盖印的哦。记住了。筒子们~!新技能get

Image title


复合形状层

如下:

Image title


然后,矢量工具用起来。我们可以把填充改为空,好得到一个文字路径线。

路径线框

Image title


ctrl+T,选择变形,做一下基本的变形。

如下

Image title


过程中可以填充回红色看效果。


然后就是改路径了。使得文字和纸能产生贴合。这里有个小技巧。就是在文字与边缘线的地方,添加锚点,然后变成直角锚点,来进行拖动。主要锚点可以这样处理,其他的锚点,添加根据文字实际情况来。(这里楼主做的不够,细致,没有严格按着透视来)

弄完之后的,路径线。

Image title


然后就是给文字调色了。这里我们要处理的,就是高光的部分,不同的褶皱出的亮暗程度不一样。我要来做亮的部分。这里我们又有一个技巧。我们用剪切蒙板下的渐变映射,可是这里的渐变比较特殊,我们拖一个两端颜色一样的渐变。这个粉色的渐变是比较亮的颜色。

Image title


然后用蒙板来控制。这里,我也用套索来得到选区。反正就是亮暗明显一些。

然后在文字上添加一层高光,方式如上一样。

这里我觉得没有纹理的纸有些空洞,这里就给纸的那一层,添了一个纹理,用剪切蒙板。

最后,进行最后的装饰和调整。

Image title


用笔刷,来用些高光,和暗部。记得用套索工具来辅助建立选区,让控制精确。

最后,添加文本和logo。然后加上“P大点S”的logo放在右下角,稍微做下变形,添上作者和时间。

可以稍锐化一下。成品就诞生了。总共用到的几个技巧。这里了列一下:

套索工具和曲线的组合技,可以快速调出类似3D遮挡效果和明暗效果。 形状图层可以用CTRL+E来盖印,并且此次操作之后,仍然为形状图层。 路径文字变形,要熟悉钢笔工具。Image title


更新:2018-01-30

收藏

16人已收藏

  • 0

    作品

  • 0

    粉丝

  • 0

    关注

  • 资深UI交互微动效设计指南
  • 高级设计师!帮你做能落地的界面设计之输入框
  • APP进行视觉优化设计
  • UI设计中的布局编排原理

    猜你喜欢

      2018-01-30 原创文章 教程 举报 3903 16 16 0

      海报文字排版技巧掌握

      0.0°

      你确定要举报海报文字排版技巧掌握

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年01月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      16
      16
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录