论坛风格切换
正版合作和侵权请联系 sd173@foxmail.com
 
  • 帖子
  • 日志
  • 用户
  • 版块
  • 群组
帖子
购买邀请后未收到邀请联系sdbeta@qq.com
  • 1997阅读
  • 0回复

[教程资料]使用谷歌SketchUp和Photoshop创建3D字体 [复制链接]

上一主题 下一主题
离线120746663
 

发帖
358
今日发帖
最后登录
2015-06-14
只看楼主 倒序阅读 使用道具 楼主  发表于: 2012-05-29 10:53:55
使用谷歌SketchUp和Photoshop创建3D字体

Photoshop是一个自身强大的应用软件,但是配合使用另外一些应用软件如 Illustrator, Cinema 4D,或这里的Google Sketchup可以显著增加它的效果。今天 ,我们将使用Google Sketchup这个免费的建筑软件创建一些很酷的3D文字效果。
图00

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

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

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

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

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

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

步骤7完成后关闭”实体信息“框,如果你愿意,你可以在图层面板上通过检查”可 见“来确保你把你的文字放在了一个新层上。可以肯定的是我们把所有东东放在了一 个不同的层(与上图相同)。
步骤8选择矩形工具(R),并放大焦距到第一个字母。开始绘制正方形和长方形来填 充你的第一个字母。如果你犯了错误不要担心。按Cmd/Ctrl + Z能撤消多个历史步骤 。你也可以选择任何矩形,点击后退键或删除键来删除它。尽力画好每一个新矩形与 之前的矩形相接,让矩形之间没有间隙。别忘了你可以使模板文本可见和不可见以便 了解你的进度。使用平移工具(h)抓取屏幕并移动到下一个字母。重复此步骤。
图07

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

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

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

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

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

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

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

步骤15其次,使用推/拉工具(P),在其中一个方块放置它直到其具有高度。点击然 后向上拖动,直到达到你满意的高度。点击取消。移动到下一个方块,然后重复这个 过程。
提示:当你推动旁边的一个部分,你要试图把它拉的更高,这将得到一个”偏 移“效果(如下图)。继续推动,点击图块的终点,然后再次拉高它。
图15

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

步骤17现在是时候改变一些方块顶端来增加一点视觉感和细节了。我们将使用偏移工具(f) 。 放大你的第一个字母,使用偏移工具来调整方块顶端的边缘。在边缘上点击并向内 移动偏移工具,朝向方块顶端的中心。你会发现新的边缘,形成了一个边界。
图18
步骤18现在,使用推/拉工具(P),新建边界的中心用蓝色突出显示,向下推动建立方块顶 。对其他所有的字母重复此步骤。
图19
图20
步骤19去视图>阴影。这里得到的阴影不用去管它,去窗口>阴影,输入确切的日期和时间, 或使用滑块来预览你想要得到的阴影。
图21
步骤20现在我们要把作品输出。隐藏轴和边缘。去视图>轴,勾去它。还要去视图>边线样式> 边,勾去边缘。
图22
图23
步骤21去文件>导出>二维图形。显示出一个对话框,你有3个方案可供选择:JPEG,PNG和 TIFF文件。我选择了一个TIFF文件。如果你点击”选项…“,会显示出第二个框,可 以指定确切的尺寸和分辨率,以及渲染选项。我使用了以下设置。宽度和高度是默认 的屏幕尺寸。设置好之后,导出它。是时候在Photoshop中工作了!
图24
步骤22现在,在Photoshop中,打开你保存的2维图形文件。接下来,让我们设置画布以便容 易工作。要更改画布大小,去图像>画布大小,添加多一点的高度,然后选择你想要的 分辨率(我使用的是150ppi)。命名你的原始图层。
图25
图26
步骤23让我们关注这些难看的绿色阴影。使用魔术棒工具(W)选择它们,按Shift单击添加 每一个绿色的块。现在,选中它们,去选择>修改>扩展。输入1px并点击OK。
图27

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

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

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

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

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

步骤29按Cmd/Ctrl单击原始图层的缩略图来选择它。创建一个亮度和对比度调整层,设置亮 度-31,对比度为100。
图33

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

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

步骤32接下来,裁剪最终图像。