查看: 5089|回复: 7
打印 上一主题 下一主题

[教程] 2d教程:使用SketchUp和Photoshop创建3D字体

[复制链接]

124

主题

1

听众

936

积分

初级设计师

Rank: 3Rank: 3

纳金币
342
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

跳转到指定楼层
楼主
发表于 2014-1-14 21:31:24 |只看该作者 |倒序浏览

当你第一次打开sketchup,会显示一个对话框,询问使用什么风格。我选择了简单的风格:蓝色的天空,绿色的草,(这完全取决于你的偏好,不会对你的最终效果产生影响)。点击视图>工具栏>大工具集来打开主要工具框。有几个工具我们将多次使用,所以让我们来熟悉一下这些快捷方式。选择(空格),推/拉(p),偏移(f),轨道(o),平移(h),缩放:向上或向下(z)。(图01)



20111029171452792.jpg

图01


我们需要建立一个模板放置建筑物。我们从顶部查看。选择镜头>标准视图>顶部。 你会在左上角看到“顶部”二字。让红色和绿色轴相当接近,如有必要使用缩放得到一个不错的位置(如下)。为了获取屏幕,使用平移工具(h)。(图02)



20111029171454237.jpg

图02


接下来,点击3d文字工具,输入文字。点击“字体”来改变字体(粗描边字体就不错),并输入大小为10“或更大。然后点击“放置”。(图03)



20111029171454143.jpg

图03


现在,点击画布上的文字。如果在放置后你还想移动它,确保选中它(空格)+单击,然后点击移动工具(m)并拖动到新位置。如果你想使你的文字更大,确保选中它(空格)+单击,然后单击比例工具(s),点击绿色的节点(选中时就会变成红色)拖动直到你满意为止。(图04)



20111029171454389.jpg

图04

现在我们需要使用一个单独的层。麻烦的是,这是一个多步骤的任务,但也很容易。我们首先需要打开图层面板。去窗口>层。打开图层面板,单击左上角的小“+”号,并命名新图层。(图05)



20111029171455347.jpg

图05


接下来,使用选择工具(空格键),右击你的文字,并选择“实体信息” ,会出现一个有下拉菜单的小对话框。从这个菜单中,选择新层,按步骤5的名字命名。(图06)



20111029171455473.jpg

图06


完成后关闭“实体信息”框,如果你愿意,你可以在图层面板上通过检查“可见”来确保你把你的文字放在了一个新层上。可以肯定的是我们把所有东东放在了一个不同的层(与上图相同)。


选择矩形工具(r),并放大焦距到第一个字母。开始绘制正方形和长方形来填充你的第一个字母。如果你犯了错误不要担心。按cmd/ctrl + z能撤消多个历史步骤。你也可以选择任何矩形,点击后退键或删除键来删除它。尽力画好每一个新矩形与之前的矩形相接,让矩形之间没有间隙。别忘了你可以使模板文本可见和不可见以便了解你的进度。使用平移工具(h)抓取屏幕并移动到下一个字母。重复此步骤。(图07)



20111029171455481.jpg

图07


提示:如果蓝色/紫色的方块让你烦恼,只需单击右键并选择“逆向”,将它更改为白色。(图08)



20111029171455323.jpg

图08

完成之后去图层面板,并使你的模板文本不可见。填充你可能错过的或删除过多的任何空缺。现在是时候添加纹理了。去窗口>材料,打开材料面板。(图09)



20111029171456994.jpg

图09


在材料面板里,从下拉菜单里选择“砖与覆层”,然后点击你想使用的建筑物材料。(图10)



20111029171456371.jpg

图10


使用选择工具(空格)选中你想要添加纹理的区域。(图11)



20111029171456321.jpg

图11


其次,使用油漆桶工具(b),点击任何一个正方形选中它。现在整个选区将被纹理填充。如果你不满意使用纹理的大小,可以选中所有字母,然后使用比例工具(s),点击角落里的绿色节点进行调整,直到你满意方块纹理的大小。(图12)



20111029171456469.jpg

图12

继续给剩下的方块填充纹理。你也可以为每个方块单独填充纹理。如果你愿意你可以把不同的纹理混合在一起。(图13)



20111029171456831.jpg

图13


现在到了有趣的部分~使用你的轨道工具(o),调整出与下图类似的角度。(图14)



20111029171457443.jpg

图14


其次,使用推/拉工具(p),在其中一个方块放置它直到其具有高度。点击然后向上拖动,直到达到你满意的高度。点击取消。移动到下一个方块,然后重复这个过程。


提示:当你推动旁边的一个部分,你要试图把它拉的更高,这将得到一个“偏移”效果(如下图)。继续推动,点击图块的终点,然后再次拉高它。(图15)



20111029171457887.jpg

图15


继续推拉直到你对你的字母满意。使用轨道工具(o),平移工具(h)和缩放上下滚动,或(z),来浏览你的所有字母。(图16、17)



20111029171457462.jpg

图16


20111029171457977.jpg

图17

现在是时候改变一些方块顶端来增加一点视觉感和细节了。我们将使用偏移工具(f)。 放大你的第一个字母,使用偏移工具来调整方块顶端的边缘。在边缘上点击并向内移动偏移工具,朝向方块顶端的中心。你会发现新的边缘,形成了一个边界。(图18)



20111029171457830.jpg

图18


现在,使用推/拉工具(p),新建边界的中心用蓝色突出显示,向下推动建立方块顶。对其他所有的字母重复此步骤。(图19、20)



20111029171457306.jpg

图19


20111029171458841.jpg

图20


是时候添加一些阴影了!去视图>阴影。这里得到的阴影不用去管它,去窗口>阴影,输入确切的日期和时间,或使用滑块来预览你想要得到的阴影。(图21)



20111029171458437.jpg

图21

现在我们要把作品输出。隐藏轴和边缘。去视图>轴,勾去它。还要去视图>边线样式>边,勾去边缘。(图22、23)



20111029171458178.jpg

图22


20111029171459542.jpg

图23


去文件>导出>二维图形。显示出一个对话框,你有3个方案可供选择:jpeg,png和tiff文件。我选择了一个tiff文件。如果你点击“选项...”,会显示出第二个框,可以指定确切的尺寸和分辨率,以及渲染选项。我使用了以下设置。宽度和高度是默认的屏幕尺寸。设置好之后,导出它。是时候在photoshop中工作了。(图24)



20111029171459495.jpg

图24


现在,在photoshop中,打开你保存的2维图形文件。接下来,让我们设置画布以便容易工作。要更改画布大小,去图像>画布大小,添加多一点的高度,然后选择你想要的分辨率(我使用的是150ppi)。命名你的原始图层。(图25、26)



20111029171459973.jpg

图25


20111029171459136.jpg

图26

让我们关注这些难看的绿色阴影。使用魔术棒工具(w)选择它们,按shift单击添加每一个绿色的块。现在,选中它们,去选择>修改>扩展。输入1px并点击ok。(图27)



20111029171459138.jpg

图27


现在,点击删除或backspace键删除原始图像的绿色阴影。保持选择,创建一个新层,命名为main shadows。使背景颜色为黑色,然后按cmd/ctrl + backspace键来填充选区。设置这个图层的不透明度为40%。(图28)



20111029171500754.jpg

图28


现在,我们需要引入一个背景。我使用了草坪纹理,你可以在here找到。把它放在原始图层的下方,并命名为草。(图29)



20111029171500450.jpg

图29


很明显我们需要在这里加暗草坪。在它上方创建另一个图层,用黑色填充,并将其命名为dark。设置这个图层的不透明度为35%。(图30)



20111029171500272.jpg

图30

随着文本阴影的方向,在dark图层的上方创建一个新层。使用一个大的柔软笔刷在文本上方的草坪上创建额外的阴影。命名此层为extra dark,设置不透明度为25%。(图31)



20111029171500645.jpg

图31


为了创建透视效果,我们需要扭曲它。按cmd/ctrl + t自由变换草坪,右击并选择扭曲。按照第一个和最后一个字母的角度来拖拽节点。(图32)



20111029171500286.jpg

图32


按cmd/ctrl单击原始图层的缩略图来选择它。创建一个亮度和对比度调整层,设置亮度-31,对比度为100。(图33)



20111029171500737.jpg

图33


现在我们需要对原始图层添加一些图层样式。双击该层,并勾选阴影。添加以下设置。我关闭了全局光,选择了一个角度使投影匹配原始阴影。(图34)



20111029171500544.jpg

图34

接下来,选中内阴影。我们要添加一个非常微妙的阴影,在所有字母的底部边缘显现,只是为了给它一点额外的深度感。添加以下设置,按自己的作品调整角度与底部边缘匹配。(图35)



20111029171501589.jpg

图35


接下来,裁剪最终图像。(图36)



20111029171501897.jpg

图36


在顶部创建一个新层,使用一个柔软的笔刷,轻轻加深外边缘和角落来做最后的润色。感谢大家的阅读。(图37)



20111029171501388.jpg

图37


分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

0

主题

2

听众

3238

积分

中级设计师

Rank: 5Rank: 5

纳金币
0
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

沙发
发表于 2014-4-29 14:32:56 |只看该作者
Thank you!
回复

使用道具 举报

0

主题

1

听众

1104

积分

助理设计师

Rank: 4

纳金币
-2
精华
0
板凳
发表于 2015-1-14 15:08:00 |只看该作者
不错的帖子 赞一个!
回复

使用道具 举报

0

主题

1

听众

1104

积分

助理设计师

Rank: 4

纳金币
-2
精华
0
地板
发表于 2015-1-14 15:08:27 |只看该作者
不错的帖子 赞一个!
回复

使用道具 举报

vvhh2002 该用户已被删除
5#
发表于 2015-1-27 19:26:54 |只看该作者
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

100

主题

3

听众

7683

积分

高级设计师

Rank: 6Rank: 6

纳金币
2378
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

6#
发表于 2015-1-27 20:27:42 |只看该作者
不错的教程,感谢分享!!!
回复

使用道具 举报

1

主题

1

听众

38

积分

设计初学者

Rank: 1

纳金币
122
精华
0
7#
发表于 2015-2-24 15:40:30 |只看该作者
不错的教程,感谢分享
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-15 10:25 , Processed in 0.610904 second(s), 39 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部