淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 13726|回复: 62
收起左侧

PSD图层直接转轮播代码思路

  [复制链接]
  • TA的每日心情
    思考
    3 天前
  • 签到天数: 615 天

    连续签到: 1 天

    [LV.9]已臻大成

    29

    主题

    625

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    149344

    最佳新人热心会员宣传达人

    发表于 2016-3-4 13:26:21 | 显示全部楼层 |阅读模式
    本帖最后由 Banner 于 2016-3-4 13:35 编辑

    最近在想能不能用psd直接输出我们想要淘宝装修的代码?答案是:可以!
    今天分享下思路:
    首先大家都知道ps有个功能就是脚本,在文件-》脚本下。
    能不能利用脚本实现我们的想法?于是去查找官方文档,果然找到了api:
    adobe官方资料:
    JavaScript Tools Guide 文档地址:http://wwwimages.adobe.com/content/dam/Adobe/en/devnet/scripting/pdfs/javascript_tools_guide.pdf

    Photoshop CC Scripting Guide 文档地址:
    http://wwwimages.adobe.com/content/dam/Adobe/en/devnet/photoshop/pdfs/photoshop-cc-scripting-guide-2015.pdf

    Photoshop CC JavaScript Reference 文档地址:
    http://wwwimages.adobe.com/content/dam/Adobe/en/devnet/photoshop/pdfs/photoshop-cc-vbs-ref-2015.pdf

    如果你对AppleScript、VBScript或者做常用的JavaScript有所掌握,你就可以去实现了。
    这里我仅以输出轮播图作为例子:


    大体脚本思路:
    1.用脚本导出我们的图片,分为两种:一种是轮播按钮,一种是海报图,导出时将图片信息写入一个json或者数组。
    2.用ps的脚本open方法,去写一个新的html文档,文档里面置入我们的淘宝装修代码,也就是这里的轮播代码,然后遍历上面的json或者数组把图片信息插入到淘宝装修代码中,完成psd直接转代码的过程。


    在脚本运行时,我本以为会像ps动作一样执行,但是大大出乎我的意料,运行之快!
    下面是视屏,有兴趣的朋友可以看一下:




    这仅仅是个开始,脚本可以做很多事情,几乎所有的ps操作都可以用脚本执行。将来可以做到,直接在ps里面做图,执行脚本,就可以吧psd的图层按照特定的规律直接导出装修代码!也就是说,你只需做图,做好图片之后,按照组分好,直接就可以生成淘宝用的店铺代码了,不再需要各种其他装修软件或者在线工具。

    关于视频中的脚本插件,因为在做的时候还是花费了一点时间与精力的,面对adobe的全部英文文档,对于我这个没有英语四级的人来说还是要花点时间的,而且需要翻墙找一些国外的资源去解决遇到的问题,因为国内搜索这块几乎为0。因此此插件暂时定为收费插件:仅售6.8元,就当赞助美工帮以及对我的付出给予肯定。

    购买地址:https://item.taobao.com/item.htm?spm=686.1000925.0.0.SvoB41&id=527770096379











    评分

    参与人数 9美工币 +416 收起 理由
    莫莫哈哈 + 20 很给力!
    菜鸟你懂得 + 20 这个真心牛逼
    阿赞 + 10 惊呆的小伙子!
    隔壁家李大爷 + 20 99999简直6翻了
    Rain + 200 赞赞赞,不用也要买!支持!希望可以支持参.
    作死小王子 + 10
    小鬼玩时尚 + 20 很给力!
    峰生水起之林 + 100 赞一个!
    风卷 + 16 可以搞个试用下呗,感觉6翻了

    查看全部评分

    美工帮 www.ms580.cn 免费的美工学习教程
  • TA的每日心情
    臭美
    1 小时前
  • 签到天数: 521 天

    连续签到: 5 天

    [LV.9]已臻大成

    36

    主题

    1006

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    84108

    最佳新人活跃会员热心会员优秀版主淘宝皇冠店美工淘宝钻级店美工天猫美工灌水之王

    发表于 2016-3-4 13:55:03 | 显示全部楼层
    太高大尚,给我我也肯定不会用~

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    昨天 09:27
  • 签到天数: 623 天

    连续签到: 6 天

    [LV.9]已臻大成

    43

    主题

    1243

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    117093

    天猫美工最佳新人热心会员

    发表于 2016-3-4 16:03:16 | 显示全部楼层
    楼上说的对

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    思考
    半小时前
  • 签到天数: 165 天

    连续签到: 2 天

    [LV.7]炉火纯青

    14

    主题

    428

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12728

    最佳新人热心会员

    QQ
    发表于 2016-3-4 16:22:08 | 显示全部楼层
    #在这里快速回复#太高大尚,给我我也肯定不会用~

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    6 天前
  • 签到天数: 370 天

    连续签到: 1 天

    [LV.9]已臻大成

    8

    主题

    471

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    55326

    天猫美工最佳新人热心会员

    发表于 2016-3-4 17:18:52 | 显示全部楼层
    前排刘明,精华啦。恭喜
  • TA的每日心情
    大哭
    7 天前
  • 签到天数: 114 天

    连续签到: 1 天

    [LV.6]渐入佳境

    6

    主题

    106

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    28533

    公司淘宝店铺

    发表于 2016-3-4 18:01:52 | 显示全部楼层
    这个必须顶,溜翻了 要是集成各种代码混合那就更加溜了 能否留个君羊号守着

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    2016-11-10 13:55
  • 签到天数: 251 天

    连续签到: 1 天

    [LV.8]自成一派

    3

    主题

    346

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    53969

    最佳新人热心会员宣传达人

    发表于 2016-3-4 19:21:36 | 显示全部楼层
    真是6, 太牛逼了
    PS美工交流群  283995557
  • TA的每日心情
    委屈
    2016-11-27 16:45
  • 签到天数: 320 天

    连续签到: 1 天

    [LV.8]自成一派

    3

    主题

    162

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    49046

    热心会员

    发表于 2016-3-4 20:20:56 | 显示全部楼层
    感觉不好用

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    思考
    3 天前
  • 签到天数: 615 天

    连续签到: 1 天

    [LV.9]已臻大成

    29

    主题

    625

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    149344

    最佳新人热心会员宣传达人

     楼主| 发表于 2016-3-4 21:03:50 | 显示全部楼层
    爱灰机的小灰灰 发表于 2016-3-4 18:01
    这个必须顶,溜翻了 要是集成各种代码混合那就更加溜了 能否留个君羊号守着
    ...

    152498058 3群

    美工帮 www.ms580.cn 免费的美工学习教程
  • TA的每日心情
    大哭
    2016-10-4 15:16
  • 签到天数: 54 天

    连续签到: 1 天

    [LV.5]略有小成

    5

    主题

    71

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13763

    发表于 2016-3-5 06:33:06 | 显示全部楼层
    支持                 ··
    逝去的日子
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-11 10:20 , Processed in 0.131410 second(s), 33 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表