This is a simple widget is a productivity tool to help designers create localized images to quickly generate assets such as CTA’s, banners and ad units. The primary components are an AJAX app and a Photoshop script (JavaScript API) that consumes the JSON data generated by the widget.
- A Transifex account with at least one project and one resource with multiple translations.
- Adobe Photoshop CS* to run script
Note: Only tested with Chrome and Firefox and Photoshop for Mac
-
Copy the html file to your favorite web server, or just open it from the file system
-
Goto www.transifex.com and login
-
Open 'index.html' in a separate tab
-
Enter the project name in the first textbox, for this demo use 'localizepsd'
Note: If you want to use a private project and aren't sure of your project name, go back to the Transifex tab and click on your project. You'll see the exact name in the url like this: www.transifex.com/projects/p/ -
Tab or select over to the dropdown tab and it should load with a list of resources (this might take awhile if you have > 200 resources).
-
Select a resource and hit the 'Get Strings' button
-
Pick a string from the list that appears, which will give you a selectable text box with a JSON of the translations
-
Fire up your Photoshop and open the included PSD file.
-
Click file > scripts > browse and select the JSX file included with this project.
-
Enter the name of the layer to localize (in this case it's 'btn-text')
-
Next it asks for the localized string, paste in the JSON from step #7
-
Watch it do all of the work for you!
http://nerdylocks.github.io/localize-tfex-to-psd/demo/
All code licensed under the MIT License.