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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
【教程翻译】在PS中,打造双重曝光的文本效果
0.0°
2017-08-04 自译外文 教程 原作者: Rose 举报 2217 26 10 1

教程,按照原先的做了一遍。描述时,省略了部分关联不大的文字,侧重在实现过程。

1.创建文本

步骤 1

新建【Comand+N】文件 ——宽:1500px;高:1000px;背景内容:白色#ffffff;

字体Peace Sans Regular。如下设置:Image title

备注:字体大小设置大一些,便于将细节更好展示。除此之外,可依据自己喜好设置其他数值的间距。Image title

步骤 2

将branches(树枝)的图片,搁置在文本图层上方,并依据需求调整大小。Image titleImage title

2.Branches(树枝图像)添加蒙版

【Command+J】复制Branches(树枝图像)图层一份。

步骤1

【同时操作】Command-点击 文字图层ART 缩略图像,创建选取。Image title

步骤2

【M】选择矩形选取工具, 点击    选项栏中【与选取交叉】 图标。点击、拖拽——框选 ART中第一个字母 A,释放鼠标。Image title

步骤3

现在,除了第一个字母A外,其余的都取消了框选。Image title

步骤4

选择Branches(树枝图像)图层,点击底部图层面板中【添加蒙版】图标。Image title

步骤5

【Command+J】复制Branches(树枝图像)图层,然后对ART中,字母R、T重复步骤上面操作步骤。

每个字母都有Branches(树枝图像)的蒙版。Image title

3.调整文字中,Branches(树枝图像)的位置

步骤1

点击 文字图层ART 的 眼睛图标,使其不可见。Image title

步骤2

(Branches中有字母A的蒙版图层) 

点击  图层和蒙版之间的 链接图标,解除两者之间的关联。在蒙版中,你可以移动图像,进行调整。

按【Command+T】,自由变换。移动、旋转,缩放……在字母中改变Branches(树枝图像),直到看起来是你喜欢的样子。

点击 【回车】确定。Image title

步骤3

对Branches中有字母R、T的蒙版图层,重复上面的操作。完成之后,不要忘了重新建立 【图像-蒙版】之间的 链接。

选择所有的Branches图层,【Command+G】建立一个组,命名Text。Image title

4.创建Text的渐变映射,并增加叠加纹理

步骤1

点击 底部图层面板中 【创建新的填充或调整图层】图标,选择 渐变映射。Image title

步骤2

点击 渐变映射 图标,设置  渐变映射属性。点击渐变色条,进入渐变色编辑器。

      颜色从左到右

      色值-位置

#282828 - 0%

#5c5353 - 25%

#877a7a - 50%

#ada3a3 - 75%

#f1eded - 100%Image title

步骤3

打开 New York Buildings图像,放在图层最上层。更改图层的混合模式:变亮

【同时操作】Command-点击 文字图层ART 略缩图,创建选区。点击 添加矢量蒙板 图标,为 New York Buildings图像 创建蒙版。

这就完成了双重曝光的效果。但是我们会增加一些图层的色彩调节,提高最终效果。Image title

5.调整颜色

步骤1

在所有图层顶部,增加渐变映射。

设置:

       左#48406e,中#76747e,右#fbc690;

       渐变映射的图层透明度:35%Image title

步骤2

在所有图层之上,添加一个色阶调整层,依次设置为:Image title

恭喜,完成了!

在这个教程中,我们创建了一个文本,将Branches(树枝图像),分别为每个字母创建了蒙版。然后,为每个字母的中的Branches(树枝图像)位置移动,调整了渐变映射的颜色,添加了叠加纹理创建双重曝光效果。

最后,通过调整一些图层,调整最终的效果。Image title

原文链接:https://design.tutsplus.com/tutorials/double-exposure-inspired-text-effect--cms-26769?oneClickMode=

UI免费交流学习群:191299792,进群验证UI夏利,每天晚上8点都有老师在线上视频实操讲解课,欢迎进群学习。

更新:2017-08-04

收藏

26人已收藏

一花一树一菩提

UI免费交流学习群:191299792,进群验证:UI王者夏

  • 10

    作品

  • 17

    粉丝

  • 1

    关注

  • 终极必杀技!激烈的对比色!
  • 《PS》教程
  • 超赞干货!三分钟学会如何获取灵感
  • 交互设计师必备APP
相关标签
UI设计教程ps教程

    猜你喜欢

      2017-08-04 自译外文 教程 原作者: Rose 举报 2217 26 10 1

      【教程翻译】在PS中,打造双重曝光的文本效果

      0.0°

      你确定要举报【教程翻译】在PS中,打造双重曝光的文本效果

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年08月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      10
      26
      1

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

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

      登录

      手机号

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

      登录
      第三方账号登录