• Hello!欢迎来到网页设计学!
当前位置: 首页 > photoshop > 文字特效 > 用photoshop创建彩色俄罗斯方块瓷砖文字

用photoshop创建彩色俄罗斯方块瓷砖文字

.................................................................................................................................................................

今天网页设计学的ps教程是教大家用photoshop创建彩色的俄罗斯方块瓷砖文字效果,首先我们要自定义一个图案,用来制作瓷砖效果,然后用一个文字字体和小方块组成俄罗斯方块文字特效。效果图:
600x422xtetris_text_final-result
字体下载:Font – Aldo the Apache

Step 1

首先我们为图案创建一个画布,新进一个文件16x 16px,执行视图>显示>网格,然后执行视图>对齐到>网格,Control + K打开首选项窗口,选择参考线、网格和切片,进行如图设置。在整个制作过程中你可以用快捷键 Control + ‘来隐藏网格 。
600x640xtetris_text_1

Step 2

新建图层,前景色设置为#283239然后选择矩形工具,创建一个14x 2px的矩形,放在图中位置。
600x497xtetris_text_2

Step 3

同颜色同工具,创建一个2x 16px的矩形放在图中左边。
600x413xtetris_text_3

Step 4

改变前景色为 #323E45,还是矩形工具,创建一个14x 14px 的矩形。
600x373xtetris_text_4

Step 5

改变前景色为 #414F58然后创建一个14x 1px 的矩形如图所示,执行编辑>定义图案,为图案命名,然后点击确定。
600x373xtetris_text_5
600x252xtetris_text_5a

Step 6

Control + N新建一个 578x 402px文件,双击背景图层解锁。
600x434xtetris_text_6 600x244xtetris_text_6a

Step 7

双击背景图层打开图层样式面板,选择图案叠加,选择之前自定义的图案。这样瓷砖画布就做好了。
600x600xtetris_text_7
600x449xtetris_text_7a

Step 8

改变前景色为#D1A423选择矩形工具,创建一个14x 14px的矩形,放在如图位置:
600x433xtetris_text_8

Step 9

打开图层样式面板,添加一个投影,模式为柔光,颜色为黑色,不透明度为25%,角度为90,距离为1。
600x400xtetris_text_9 600x449xtetris_text_9a

Step 10

设置前景色为#7F7F7F创建一个14x 7px 的矩形放在如图位置,选择直接选择工具(A),将底部的两个点分别向中心拖动,成为一个倒三角形,混合模式为柔光。
600x401xtetris_text_10 600x401xtetris_text_10c

Step 11

打开上一步创建的图层的图层样式面板,进行以下设置:
600x401xtetris_text_11 内阴影:600x449xtetris_text_11a

Step 12

复制( Control + J )上一步的形状,清除图层样式,Control + T后右击鼠标,选择垂直翻转,填充颜色为黑色,混合模式改为柔光,然后拖动到图中位置。
600x401xtetris_text_12

Step 13

复制( Control + J )上一步的形状,颜色改为#353535。Control + T 参考点放在黄色矩形中心,旋转 -90 度。
600x401xtetris_text_13

Step 14

复制( Control + J )上一步的形状,Control + T后右击鼠标,选择水平翻转,然后拖动到图中位置。
600x401xtetris_text_14

Step 15

前景色为#C1C1C1 ,选择矩形工具,创建一个8x 8px 的矩形,放到图中位置,混合模式为柔光,不透明度为70%。这样一个小方块就做好了。
tetris_text_15

Step 16

把之前做的小方块图层合并到一个组里(Control + G)命名组为黄色。复制多个组,修改每个组的颜色这样创建多个不同颜色的方块。
600x402xtetris_text_16

页面: 1 2

本文链接:用photoshop创建彩色俄罗斯方块瓷砖文字

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:网页设计学,不可只有文字没有链接,请尊重他人的劳动成果!否则我们将追究其责任。

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!


...........................................................................................................................................................

相关文章

发表评论

友情链接:

  • 网页设计

专业网页设计师交流平台 设计交流QQ群: 网页设计交流