设为首页收藏本站|繁體中文

Project1

 找回密码
 注册会员
搜索
查看: 7070|回复: 13

[教程] 【字体特效】从分层的角度看问题(论模仿的方法)

[复制链接]

Lv1.梦旅人 (暗夜天使)

梦石
0
星屑
60
在线时间
936 小时
注册时间
2008-2-14
帖子
973

开拓者

发表于 2014-1-14 21:47:08 | 显示全部楼层 |阅读模式

加入我们,或者,欢迎回来。

您需要 登录 才可以下载或查看,没有帐号?注册会员

x
本帖最后由 断电 于 2014-1-16 20:38 编辑

这次就不做超长图了,加载起来一定是个负担吧……

*这次的教程需要一定的基础知识,像是如何修改选区、如何更改混合模式、如何叠加图案这些,我就不详细说了,不明白的先看一下之前的教程吧。

本次教程应Y君发布,讲述的是一些个人见解,不具有权威性亦不具备专业技巧。如果其中出现了误人子弟的东西,请大家及时提醒。

首先本次的标题是“从分层的角度看问题”,个人认为这对于学习使用ps是一个非常有帮助的观点,为了举例临时做了个按钮出来示范如下。

我想这张图应该能比较一目了然地体现出来一个水晶质感的按钮是如何通过叠加各种不同的部分来制作的吧。

教程用图1.png

个人认为一个字体特效通常由这些部分构成:基础底色、高光部分、阴影部分、纹理。其中高光和阴影可以单纯地使用渐变制作,也可以使用图层样式中的某些功能,当然也有其他的方法,这个就不多说了。

另外,在制作特效方面很多人(包括我)都是新手,没有太多的制作经验,那么这个时候闭门造车显然是不明智的,为了寻求灵感或者说直接模仿,需要参照前辈的优秀作品。我相信所有的学习应该都是从模仿开始的,那么让我们一起毫不大意地模(shan)仿(zhai)吧!

因为Y君明确提出要碧之轨迹logo的教程……所以这次就把它拿过来,详细分解一下模(shan)仿(zhai)它的步骤。
碧之轨迹原图.png
原图太大,为了不让大家刷图刷的太痛苦进行了缩小,但截取了一部分保留原大小。那么我们的分析就从没有缩小的这部分着手吧。

首先是第一印象,特效字由大体三部分组成,一部分是外部的金属质感的文字框,一部分是内部的石材质感的文字,最后一部分还有最外层的投影。
继续拆分:
金属框部分:1.中间的金属面;2.体现厚度的金属边缘
文字部分:1.由蓝色和绿色构成的渐变底色;2.体现石材质感的花纹;3.文字上半部分的白色渐变高光

投影部分就是一个单纯的投影了。
从拆分出来的“层”来看,我们至少需要5个图层来做出这个效果。现在我们一步一步来。

---------------------------------------分割线------------------------------------------------------------------

新建一个图层,输入文字。这里注意图层的大小和文字的大小都要大一些,这样细节的部分容易掌握。
文字格栅化,排版一下或者修改一些细节。文字图层命名为“文字主体”(及时命名图层和分组可是个好习惯啊),复制一层命名为“副本”保留。
在文字主体这一层中,我们来制作刚才分层中的由蓝色和绿色构成的渐变底色这一部分。

打开图层样式,选择渐变叠加,颜色构成如下图。
step1.png
这样底色就完成了。

体现石材质感的花纹:
百度图片里找一张石材材质的花纹,有时候直接叠加上去会发现不太合适。这时回去看碧轨的原图,花纹部分是较底色更亮的部分,而这张材质图暗色为主。那么,我们反相一下,然后调高对比度,之后再进行叠加,注意先不要删去纹理多余的部分。(如果原图的材质比较锐利,可以高斯模糊一下)
step2.png

文字上半部分的白色渐变高光:
新建一个图层命名为“渐变高光”,放置在“文字主体”之上。
选中文字部分并缩小选区,然后用椭圆选区工具减去一部分选区。保留选区,在“渐变高光”图层拖一个“白色+透明”的渐变。
step3.png

这里文字主体部分就完成了,这部分比较简单。下面的金属边框部分难度就高一些了,具体的参数设置什么的需要自己多尝试一下。

中间的金属面

新建一个图层命名为“金属面”,放置在“文字主体”之下。
选中文字部分并扩大选区,具体的大小要根据文字大小和字体来设置。这里要注意一个问题:ps扩大选区时会生成圆角,这个现象在描边中也有。消除圆角的方法请点这里:
【图片教程】【PS/AI】非圆角描边的实现感谢来自@liqunsz  的教程  
之后调整图层样式如下(背景色改成黑色容易看)
这里截图的时候漏了一个”内发光“效果,颜色为白色,阻塞24%,大小5,不透明度86%。也可以下载源文件看……
step4.png

体现厚度的金属边缘
新建一个图层命名为”金属边缘“,放置在”金属面“之下。
选择文字部分并 扩大选区,大小要比金属面的大一些。同样圆角的问题会出现,处理一下。
调整图层样式如下:
step51.png
这里还请大家多多尝试调整参数,因为我也不太会调这个(咳咳),所以效果完全比不上原图……
step52.png

这样其实就算完成了,加点装饰或者修改一下细节(这个英文是百度翻译的,勿深究),这些由大家发挥了。
(开始就做的比较大的话,缩小使用的时候更精细效果更好)
step6.png

就到这里了。感谢阅读。

另外作业如下:
使用这次的方法,制作一个碧轨风格的特效文字,文字内容大家自己决定就好了wwwwwwwwwW

示例的源文件:http://pan.baidu.com/s/1hqn44lu

评分

参与人数 9星屑 +515 收起 理由
yexiaohangege + 10 我很赞同
f26401004 + 10 精品文章
伊言尹信 + 45 凑整(凑不了= =)
Matoko + 10 受教☆ZE
alpacanist + 20 专业
黄濑凉太 + 30 精品精品精品精品精品
进击の虎叔 + 20 受教
576437081 + 20 精品文章
美丽晨露 + 350 精品教程

查看全部评分

接稿,UI(已接)/立绘(已接)
无偿/有偿皆可,有偿速度会更快^q^
作品请见相册,有意请发私信:)

Lv1.梦旅人

梦石
0
星屑
50
在线时间
739 小时
注册时间
2013-4-15
帖子
1756
发表于 2014-1-14 21:50:29 | 显示全部楼层
呜·····
实在是太棒了!
涨姿势了呢,原来还可以这样啊!
断电姐的教程对新手大有帮助!
回复 支持 反对

使用道具 举报

Lv5.捕梦者 (版主)

梦石
20
星屑
1840
在线时间
6925 小时
注册时间
2012-12-14
帖子
11485

短篇十战斗者组别冠军开拓者贵宾短篇九勇士组亚军

发表于 2014-1-14 21:58:07 | 显示全部楼层
十分详细的教程啊
之后的logo就可以模仿这种风格
并尝试创新一种自己喜欢的风格
大家好,这里是晨露的说。请多多指教。
刚入门RM软件制作,请大家多多帮助我哦。
落雪君的欢乐像素教程,欢迎查阅。

回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
50
在线时间
519 小时
注册时间
2013-6-24
帖子
383
发表于 2014-1-15 10:49:56 | 显示全部楼层
本帖最后由 野生君IR 于 2014-1-15 10:51 编辑

斷電桑的教程相當專業呢,從這麼詳細的教程裡能學到的太多了/////
原來字體效果還能作如此清晰的分層與解析……必須寫筆記啊這
希望以後還能看見斷電桑的各種教程ヽ(●´∀`●)ノ

是說在下最近在忙學校比賽的事情,暫時交不了作業很抱歉qwq
一部份也是因為在下有點龜毛一認真起來就沒完沒了的關係(欸#
有空會補交回來的/////[刪]從跟草包老師溝通的地獄裡爬出來時[/刪]

点评

(づ ̄ 3 ̄)づ很期待野生君的作业呢。  发表于 2014-1-15 12:21
回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
50
在线时间
66 小时
注册时间
2014-1-5
帖子
108
发表于 2014-1-15 11:04:52 | 显示全部楼层
呜呜好漂亮·····
圆角什么的真的不会处理啊(其实是懒······)···
于是风君我来交作业了~
未标题-1.png

点评

排版···这分明是乱排的······  发表于 2014-1-15 15:14
排版十二萬分無能君同點贊兼求排字心得qWq  发表于 2014-1-15 13:39
字的排版很不错,点赞。【排版无能的人在此  发表于 2014-1-15 12:21
话说纹理什么的因为找不到合适的所以···(还是懒吧···)  发表于 2014-1-15 11:07
回复 支持 反对

使用道具 举报

Lv2.观梦者

梦石
0
星屑
795
在线时间
198 小时
注册时间
2013-1-28
帖子
565
发表于 2014-1-15 21:54:30 | 显示全部楼层
受教☆ZE,感谢大大分享
マトコ:「ZE☆」
回复 支持 反对

使用道具 举报

Lv5.捕梦者 (版主)

梦石
20
星屑
1840
在线时间
6925 小时
注册时间
2012-12-14
帖子
11485

短篇十战斗者组别冠军开拓者贵宾短篇九勇士组亚军

发表于 2014-1-15 22:18:25 | 显示全部楼层
选中文字部分并缩小选区,然后用椭圆选区工具减去一部分选区。
保留选区,在“渐变高光”图层拖一个“白色+透明”的渐变。


表示看不懂这个步骤
怎么做来着?
大家好,这里是晨露的说。请多多指教。
刚入门RM软件制作,请大家多多帮助我哦。
落雪君的欢乐像素教程,欢迎查阅。

回复 支持 反对

使用道具 举报

Lv1.梦旅人 (暗夜天使)

梦石
0
星屑
60
在线时间
936 小时
注册时间
2008-2-14
帖子
973

开拓者

 楼主| 发表于 2014-1-15 22:38:55 | 显示全部楼层
美丽晨露 发表于 2014-1-15 22:18
表示看不懂这个步骤
怎么做来着?

具体步骤是:选中文字图层——魔棒工具点选空白区域——【菜单“选择”】:反向——【菜单“选择”】:修改-缩小选区——椭圆选框工具,模式为“从选区减去”,用它减去一部分——不要取消选区,新建一个图层,在新图层上使用渐变工具,颜色为”白色+透明“。这样就可以。【好像有点啰嗦

点评

感谢补充解释,那我继续尝试做出这风格的LOGO。  发表于 2014-1-15 22:43
接稿,UI(已接)/立绘(已接)
无偿/有偿皆可,有偿速度会更快^q^
作品请见相册,有意请发私信:)
回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
50
在线时间
519 小时
注册时间
2013-6-24
帖子
383
发表于 2014-3-8 19:52:39 | 显示全部楼层
本帖最后由 野生君IR 于 2014-3-8 22:39 编辑

終於完成了(抹汗
在下在非圓角描邊上卡了相當長的時間,三小時後才發現似乎只有華康宋體才能以教程中的方法達成呢(嘆氣
於是只好重來了233333333
頂多只能做到這個程度了,剩下的得下載源文件來學習///
感激斷電的教程!!!(*´д`)スキ~キス~♥


(在下本想再細修&加裝飾花紋,但手上還有大量作業要趕就先滾蛋了)

点评

不過也相當有可能是在下個人的問題就是了(思)  发表于 2014-3-8 22:44
不不不在下就是看著那教程卡了三小時XDDDD曾用華康宋體以外的字體來做,但卻沒有得到預期效果(嘆氣  发表于 2014-3-8 22:38

评分

参与人数 1星屑 +30 收起 理由
断电 + 30 赞!话说非圆角描边有人发了教程来的,在主.

查看全部评分

回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
26
在线时间
2155 小时
注册时间
2010-12-19
帖子
5811

贵宾

发表于 2014-3-26 22:03:30 | 显示全部楼层
诶呀妈呀,LZ我得订阅你的教程,太经典了,你肿么这么经典呢 可不可以不要这么经典

点评

不要这样~0///////0  发表于 2014-3-27 10:43
RM,始终放不下,它给我带来的充实生活

【Labyrinth】失落秘密基地!!
请来此看看我的论坛,注册一个会员,来夸或骂我两句~!点图片进入,感谢你的参与!

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

拿上你的纸笔,建造一个属于你的梦想世界,加入吧。
 注册会员
找回密码

站长信箱:[email protected]|手机版|小黑屋|无图版|Project1游戏制作

GMT+8, 2024-3-29 20:19

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表