如何使用PSD格式的模板素材
发表时间: 2018-07-31 16:57:45 阶段:中级 分类:素材处理
前言
闪艺素材店里或一些第三方的渠道买到的素材可能是PSD格式的,我们要怎么使用呢?下面将通过实例,教你如何处理PSD格式的模板素材。
注:PSD是Adobe公司的图形设计软件Photoshop的专用格式。
 
教程开始
1. 首先我们将一份模板PSD文件,拖入到PS里。下面教程以封面素材导出为例。
(点击↓查看大图)
 
2. 点击封面底图和背景图前方小眼睛,将封面底图和背景图两个图层关闭显示。得到一张纯粹只有按钮的图。
 
3. 展开按钮图层,可以看到“开始按钮”分为“开始剧情”(即鼠标离开/未选状态)和“开始剧情选中”(即鼠标经过/选中状态)两个图层。
 
两种状态分别为黑色和红色。
这里假设模板素材里只有“开始按钮”。现在用“开始按钮”,将另外两个“加载存档”和“环境设置”的按钮修改出来。
 
4. 点击选中“开始剧情”图层
 
5. 将“开始剧情”图层拖动到【创建新图层】按钮上,释放。
 
复制一个“开始剧情”按钮图层。
 
6. 快捷键T,或者左上角工具区域点击选择【横排文字工具】。
 
再点击右边的“开始剧情”文字按钮,进入编辑状态。将“开始剧情”四字修改为“加载存档”。
 
将右侧的图层也命名为“加载存档”。这样一个加载存档的按钮就修改完成了。
 
7. 重复第4到第6步,将所有按钮都修改出来。
 
8. 下面将用两种方法将按钮导出。方法一更通用,方法二更进阶,大家可自行选择。
 
方法一,单次导出一个按钮。
1)快捷键C,或者左上角工具区域选择【裁剪工具】。进入裁剪模式。
 
2)鼠标框选“开始剧情”按钮,双击按钮或回车键保存裁剪的图片大小。
 
 
3)左上角选择【图像——裁切】。
 
点击确定,将多余的透明像素切除。
 
得到一个无多余透明像素的按钮。
 
4)我们将按钮导出。可用快捷键ctrl+alt+shift+s,或者左上角选择【文件——存储为Web所用格式】
 
右边的格式选择【PNG-24】,存储到桌面或者任意你可以找得到文件夹。
 
5)这样一个按钮就处理完毕,其他按钮同理导出。
 
方法二,单次导出多个按钮。
1)复制一份按钮,并关闭显示。(这一步的作用是备份一份按钮,如后续要修改按钮,可以直接调整)
 
2)选中“环境设置”图层,ctrl+e,或者右键选择合并组。将组成按钮的三个图层(文字、按钮底层、按钮外边框)合并成一个图。
 
所有的按钮图层都转化成单张图片。
 
3)我们将所有可见的(每个按钮前的小眼睛都要显示按钮图都导出来。左上角点击【文件——脚本——将图层导出到文件】。
 
4)弹出的窗口做如下设置:
  • 目标:保存到一个你找的到的文件夹;
  • 文件名前缀:取你所导出的内容方便辨认;
  • 勾选仅限可见图层,即只导出可见的图层;
  • 文件类型:PNG-24,透明区域,裁切图层。
 
5)运行后,将所有按钮导出到文件夹。
 
 
9. 剩下其他的模板模块都可以按照上述两种方法,将模板每个零部件导出。最后,全部导入到闪艺制作工具中,DIY自己的模板。
 
 
相关教程:
如何导入素材
模板的构成
如何制作模板
如何使用PSD格式的立绘素材
TOP