PS网页设计小贴士——快速设计3D点阵字

简介: 近日,在网上闲逛的时候。发现一篇不错的3D点阵字的教程。在自己亲历实为后,将教程赋予下方。本教程不是原创,在原创的基础上,做了适当的改良。   完成的作品如下:     步骤1:建立参考模版 新建20px*20px的文档,放大为800%,用文字工具书写文字“朱”,边缘选项选择无 这个作为后面步骤的模版   步骤2:创建基本方块 不要关闭之前的文档,新建文档500px*500px。

近日,在网上闲逛的时候。发现一篇不错的3D点阵字的教程。在自己亲历实为后,将教程赋予下方。本教程不是原创,在原创的基础上,做了适当的改良。

 

完成的作品如下:

image

 

 

步骤1:建立参考模版

新建20px*20px的文档,放大为800%,用文字工具书写文字“朱”,边缘选项选择无

image

image

这个作为后面步骤的模版

 

步骤2:创建基本方块

不要关闭之前的文档,新建文档500px*500px。

矩形工具创建一个矩形,尺寸:19px*19px,颜色: #0a6b8e

image

按Ctrl + J复制图层,并移动到原图层上方19px处,颜色改为: #2bb3e5

再次复制图层,并移动到原图层左侧19px处,颜色改为: #208ab1

image

对上方的矩形,向左倾斜45度,按Ctrl + T自由变换,点击右下角的控制点,调整H的参数为45

对左侧的矩形,向上倾斜45度,按Ctrl + T自由变换,点击右下角的控制点,调整V的参数为45

image

将这三个矩形归并为一组,组名为box

在组上右键选择转换为智能对象,命名图层为box

 

步骤3:按照模版摆放方块

至此,模版和方块都已经完成,接下来就是按照模版摆放方块

 

摆放的顺序按照模版的右下角开始,到模版的左上角

移动box图层到画布的右下角

按Ctrl + J复制图层,选择移动工具,按住Shift键,并按左方向键2次,新图层向左移动20px

image

这也是为什么之前方块的大小为19px的原因,方块向左侧移动20px,和之前的方块就会有1px的间距,这样显得更加有立体感

 

复制box多次,并移动到合适的位置(按住Shift+方向键,一次移动10px)。如果出现不合适的效果,调整图层顺序即可。如下图所示:

image

 

步骤4:调整合适的角度,使其看起来更加真实

将这些图层归并为一组,组名为ZHU

点中组,按Ctrl + T自由变换,V的参数设置为-20

image

 

步骤5:快速调整颜色

双击ZHU组中的任意一个图层,打开编辑窗口

image

分别调整每个图层的颜色,然后关闭保存即可。这就是智能对象的优势,更改一个元件,所有的元件都会同时改变

image

 

补充说明:颜色的设置

每个方块的都需要有3个颜色,对于美工出身的问题不大,对于我们这些编码者,颜色的设置有点捉襟见肘。

可以利用颜色的HSV属性,可以方便的设置颜色

正面的颜色:H:任意;S:90左右;V:55左右;

左面的颜色:H:和正面一样;S:80左右;V:70左右;

上面的颜色:H:和正面一样;S:80左右;V:90左右;

相关文章
|
4月前
|
C语言
c语言编程练习题:7-3 输出带框文字
本题要求编写程序,输出指定的带框文字。
53 0
|
5月前
|
前端开发 JavaScript
标题字闪光效果
标题字闪光效果
21 0
|
8月前
|
前端开发 JavaScript
前端——把一大段文字显示在前端并且有文字下面有虚线
前端——把一大段文字显示在前端并且有文字下面有虚线
led点阵---显示数字或汉字(内含代码+注释+图片)
led点阵---显示数字或汉字(内含代码+注释+图片)
479 0
led点阵---显示数字或汉字(内含代码+注释+图片)
【PS】想识别图片中的字体?来叫你一招
【PS】想识别图片中的字体?来叫你一招
170 0
【PS】想识别图片中的字体?来叫你一招
|
开发工具
【Xsheel】文件内容全是黄颜色
【Xsheel】文件内容全是黄颜色
101 0
【Xsheel】文件内容全是黄颜色
|
C#
图像滤镜艺术---保留细节的磨皮滤镜之PS实现
原文:图像滤镜艺术---保留细节的磨皮滤镜之PS实现 目前,对于人物照片磨皮滤镜,相信大家没用过也听过吧,这个滤镜的实现方法是多种多样,有难有简,有好有差,本人经过长时间的总结,得出了一种最简单,效果又不失细节与真实感的方法,对于这个方法,本人将先介绍它的PS实现,在下一篇博客中,我们将具体介绍它的C#代码实现。
1332 0
[译] 如何用ps制作泼水字
泼水字教程 原文链接 按着习惯先看一下结果图: 在本教程中,我给大家介绍在Photoshop中如何制作泼水文字效果。知识点:笔刷的运用。 准备工作: 下载以下素材,水花笔刷是需要付费的,其它倒没什么。
1347 0

热门文章

最新文章