行业关键字
UI设计UI理论和资料 → 正文
PS与AI结合打造动感3D透视文字月历
作者: 太平洋 来源: CHINAUI 时间: 2009年3月12日

Illustrator和Photoshop同出于Adobe公司,被设计者称为平面设计工具的亲密兄弟,本案例使用AdobeIllustratorCS2的3D功能制作具有透视效果的立体字,强调了视角的夸张,动感十足,其它效果均使用Photoshop制作,下面我们先来看看制作的效果图:

  一、新建宽度为1024像素,高度为268像素,72DPI,颜色模式为RGB颜色的新文档。
  显示器显示的图像是以像素数为计算单位的,这个规格也就是说,显示器的横向显示像素点为1024,纵向显示点数为768像素,由此构成一个平面,即您所看到的桌面上一共由1024*768=786432个点构成。

  

  二、设置前景色为#15181c颜色。
  RGB分别代表红绿蓝,为叠加颜色,通常称为加成色,多用于照明光、电视和计算机显示器。显示器通过红色、绿色和蓝色荧光粉发射光线产生颜色。在RBG模式下,每种RGB成分都可使用从0(黑色)到255(白色)的值。当所有三种成分值相等时,产生灰色阴影。当所有成分的值均为255时,结果是纯白色;当该值为0时,结果是纯黑色。


  三、新建图层,命名:云彩。

  四、执行滤镜--渲染--云彩,为云彩图层添加图层蒙板,将前景色设置为黑色,选择"柔角画笔"本例[和]键不断变换笔头的大小,在蒙板层上进行涂抹,得到被蒙板遮挡的部分云彩图案,效果显示为画面左上部分为大面积背景色。

  五、打开AdobeIllustratorCS2,使用文字工具,输入英文Enter,执行效果--3D--凸出和斜角命令,参数如下图所示。


  六、将效果文件导出为PNG格式文件,该文件格式为透明背景,便于获得文字本身图案。
  将PNG文件拖拽入Photoshop的设计文档中,该图案被自动置入为一个新的图层,调整文字图案的位置。

  七、选择云彩图层执行滤镜--扭曲--旋转扭曲命令,设置角度为176度,效果如左下图。


  八、执行图像--模式--索引颜色,系统弹出"拼合图层"的提示框,单击确定按钮,所有图层被合并为背景图层。

  继续执行图像--模式--颜色表选项。

  九、弹出颜色表选项,颜色表默认为灰度,在下拉列表里选择"黑体"。


 

  十、使用渐变填充工具为画面填充另一种颜色,由于索引模式的颜色限制,不能应用"渐变填充",所以要先将模式改回RGB模式。


    十一、将前景色设置为#040e22,添加渐变填充调整图层,选择前景色到透明选项沿左上角至右下角进行填充,效果如图:

 

  十二、将该图层的图层混合模式改为"色相"。

  十三、新建一层,命名:星光,选择9号柔角画笔,按F5调出画笔预设面板,如下图所示设置画笔,我们将用此画笔绘制散落的星星。

 

  十四、一次喷刷涂抹的效果,如果感觉不够明亮,可以复制一层,以增加亮度。

 

  十五、复制一个星光图层,执行动感模糊滤镜,得到一个有轨迹效果的图案,动感模糊数值如图:

  十六、合并星光与星光副本图层,按Ctrl+T执行自由变换命令,按Ctrl键,用鼠标向右角拖拽右下角手柄,得到一个动态效果。

  十七、新建图层,命名:遮挡,使用矩形选框工具框选两个矩形,并填充白色,将该图层的不透明度设置为20%,使之具有透明效果。

 

  十八、加入月历素材。

  十九、添加文字。

 

  二十、按Ctrl键,鼠标单击文字图层,得到该图层选区,不要取消街区,将该文字图层删除。

  选择遮挡图层,按Delete键,删除选区图像。

 

  最终效果如下图所示:

  本案例,我们使用IllustratorCS2来进行文字的立体感制作,并使用Photoshop的云彩滤镜、蒙板和画笔的综合运用,得到一个不规则的云纹图案,通过渐变得到颜色的混合,有效的利用不同软件之间的优势,强势组合,或许能给您一定的启发。

(责任编辑: echo

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2025 视觉同盟 visionUnion.com)
Copyright © 2004-2025 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版