当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop 格子纹理立体字教程

Photoshop
Photoshop把制作好的平面图转换为网页HTML
Photoshop简单利用填充工具制作透明水印文字
Photoshop简单模拟电流击穿文字特效
PS照片教程:好看的黑白漫画网点特效图片
Photoshop打造耀眼的星光文字特效
PS调色教程:漂亮的徐若宣单色视觉海报效果
Photoshop教程:快速模拟普普风特效照片
Photoshop批处理制作照片蒙太奇效果
PS教程:周围镶满钻石金光闪闪文字特效
PS图片教程:制作背景黑白人物彩色的照片
Photoshop教程:打造锈泽金属文字特效
Photoshop照片教程:制作古典风景人物
PS照片教程:去除美眉皮肤上沾满的沙子
PS合成教程:透出光线的森林的绿色小精灵
Photoshop图片教程:柔和的梦幻紫红色调照片
PS基础教程:运用广色域与窄色域修补分离色阶
MAC系统下Photoshop打印网页点阵字形
Photoshop教程:惊人的求助创意超现实场景(2)
Photoshop支持RAW格式:Adobe DNG Converter
photoshop编辑ico文件:ICOFormat

Photoshop 格子纹理立体字教程


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-02   浏览: 92 ::
收藏到网摘: n/a

最终效果
Photoshop 格子纹理立体字教程
1、首先我们选择一种位图格式的字体,然后输入文字,设置颜色,这里我填充的背景色是#3a3a3a,前景色设置为黑色,输入下面文字,调整字符面板中字体大小到120pt,效果如下。
Photoshop 格子纹理立体字教程  
2、创建一个新图层Mosaic,设置前景色为70%灰色,背景色为85%灰色,然后执行云彩滤镜,之后执行马赛克滤镜,设置大小为50,效果如下。
Photoshop 格子纹理立体字教程
3、选择Background图层,然后按CTRL+J复制图层,按Alt键单击PSD和Mosaic图层,遮住Mosaic图层。
Photoshop 格子纹理立体字教程
4、选择Background图层,然后执行“3D > New Mesh From Grayscale > Two-sided Plane”
Photoshop 格子纹理立体字教程
 5、下面我们创建3D效果。主要使用3D工具来实现,由于我的机器没有安装Adobe Photoshop CS4 Extended,没法给大家详细翻译了!以下内容尽量看图吧!我简单翻译下!
Photoshop 格子纹理立体字教程
6、在Photoshop中渲染达到块状效果。
Photoshop 格子纹理立体字教程
7、打开3D窗口和双击3D图层,设置角度。
Photoshop 格子纹理立体字教程
 8、设置图层不透明度。
Photoshop 格子纹理立体字教程
9、3D渲染设置。
Photoshop 格子纹理立体字教程


10、调整颜色。
Photoshop 格子纹理立体字教程  
11、设置光线。
Photoshop 格子纹理立体字教程
12、新建立一个cam 3D view。
Photoshop 格子纹理立体字教程
13、绘制光线。
Photoshop 格子纹理立体字教程  
14、设置3D立体效果。
Photoshop 格子纹理立体字教程
Photoshop 格子纹理立体字教程
Photoshop 格子纹理立体字教程


15-22、立体字表面质感及投影的设置,过程如下图。
Photoshop 格子纹理立体字教程
Photoshop 格子纹理立体字教程
Photoshop 格子纹理立体字教程  Photoshop 格子纹理立体字教程
Photoshop 格子纹理立体字教程
Photoshop 格子纹理立体字教程
Photoshop 格子纹理立体字教程
Photoshop 格子纹理立体字教程
 23、细节处理。
Photoshop 格子纹理立体字教程
24、大致效果图。
Photoshop 格子纹理立体字教程
25、设置图层样式,选择渐变叠加。
Photoshop 格子纹理立体字教程
 26、加入纹理素材,放到投影图层的下面,按住Alt键再图层面板把图层往下拖与下一图层编组。
Photoshop 格子纹理立体字教程
27、最后加上一些滤镜效果,完工。
Photoshop 格子纹理立体字教程
最终效果。
Photoshop 格子纹理立体字教程