Photoshop Scripting Tutorial

[@speed488]

1:26 "Even if it takes me more time to automate this thing, sometimes I will do that". 100% agreed. You know you're not being efficient, but the challenge is too interesting to let it go.

[@potatomato99]

It's usually better in the long run, too.

[@Bufishawt]

Very useful tutorial. You can also drag and drop .js or .jsx files straight into Photoshop, just to avoid the hassle of going through the "scripts -> browse -> scriptName.jsx" method.

[@summusmedius7185]

Not on Macs

[@_anastasia_wagner]

Юрий, Вы превосходно объясняете! Как раз то, что я искала, спасибо!

[@zainulabdeen786]

Amazing Tutorial. Hats off to your presentation skills. The way you explained and simplified things is just amazing. Hope to see more videos on Photoshop scripting from you. Thank you so much for this amazing tutorial

[@matthewwillis5242]

Thank you for this video!! I have been curious about writing my own scripts for Photoshop for years, but have been frustrated at the lack of a true introduction on how to do so.

[@techsavvyre4208]

This is absolutely incredible! I had no idea Photoshop had this. This is a game changer. Thank you very much.

[@andrewrubin1327]

Thanks man this is immensely helpful. I have to batch save-for-web thousands of JPGs into multiple different sizes on a regular basis. I normally use Lightroom to get the sizing done, then a save-for-web action in PS that just compresses the quality and file size... but this is WAY more efficient. Thanks again!

[@jorgeedperezga]

Hey Andrew! How did you tackle images instead of text?

[@zainulabdeen786]

@@jorgeedperezga Same Question. Seems like replacing the image is not as simple as replacing the text. I've searched a lot but didn't find anything useful

[@ArturoN]

this is severely under exposed! mate this is awesome! thanks a lot!

[@HonorMacDonald]

That was a good introduction, thank you. I've only ever really done a little PHP and web stuff (CSS & HTML) But, I think, with a little research, I can do what I need to do. Thanks again. :)

[@FlexNiko]

i assume you already know a better way to start scripts now, but just if someone else needs to know there are several ways: 1. put "#target photoshop" in the first line of the script, then you can just double click the script in the explorer window 2. create a panel (more advanced) which hast buttons for each of your scripts, and start them from there.. panels always get loaded if put in the correct folder. 3. put "#target photoshop" and use something like autohotkey to open the script with your desired keycombination 4. put "#target photoshop" and use something like your Macro keys or for me i use the StreamDeck from elgato to open the script

[@FlexNiko]

but i got problems with including other scripts when opening script through targeting, so just put all stuff you need in one file and it should work :)

[@JuriyBura]

Thanks for those tips, actually I didn't know about #target trick!

[@nrmnrmnrmnrm]

Awesome thanks! I learned quite a bit of javascript about 2 years ago and then didn't do any more coding since. Now I have tedious tasks to automate in photoshop so I wish I hadnt forgotten it all haha. This video will be really helpful though, you're very thorough without it being painfully slow.

[@industriesindigenes9274]

Awsome tutorial ! Thanks !

[@AlejandroLopez-ig3ui]

man what you do here is so awesome .... i would like to ask how to implement the same thing on a webserver for example a index with a form that will generate the json and finally php will run the script

[@Themodmin]

Thanks for the tutorial, is it possible to use data from an external json file like a url, if so could it be a dynamic url with different data every time?

[@joaocesardelima4318]

Great video! Congrats! I hope you can make some more about Photoshop scripting as there are only a few - at least recent ones - about this subject in KZbin.

[@JuriyBura]

I'll be glad to! Photoshop is not something that I work with every day, so if you could suggest what exactly would be interesting to cover, I can do the video. By the way, I just learned that there is Node.js running inside Photoshop and you can integrate with it. So I was thinking to make a tutorial about it.

[@joaocesardelima4318]

Great! Well, I'm actually struggling on trying to get custom panels to show up inside of Photoshop because Adobe has changed how panels work in their latest Creative Cloud updates. It seems they used to be Flash-based, but now they are completely HTML5 structured. It's not a JavaScript matter at all, but more likely a compatibility issue because Adobe has discontinued essential softwares that played the role of creating and packaging .zxp files.

[@andrew_b2r]

Годный контент Юрец :) Странно что подписчиков так мало.

[@JuriyBura]

Спасибо! Это уже много :) Вот получится выработать привычку делать видео регулярно, будет побольше :)

[@nirphotoartjaiminbhavsar6782]

In Photoshop I am working on a file which is in JPEG format and find the source of the file and folder, cut the same file from there and paste it in the same folder to create a folder with USED Name.

[@lawrencem8224]

Good Tutorial!!!

[@mailethiesen]

Thanks so much! This helped me a lot.

[@shahulhameed413]

Awesome Tutorial I am very new to script. I am always doing by smart object by changing to all similar align text into artbords. This will help lot. Can u do video for 3 different size artboards into text change and save. I wait for your kind reply at first then the Tutorial Thanks

[@krousen56]

I think there is an error in your script. On line 23, in the processLesson() function, you have `titleLayer.textItem.contents = lesson.todo[i];`. Shouldn't that be `layer.textItem.contents = lesson.todo[i];`? As the script is written, all you are doing is changing the title 3 times and never setting the todo bullets.

[@hoangxcg]

I also confuse this line

[@kogi04]

Great video. Thanks!

[@dragonballz74]

Thanks a lot for this tutorial.

[@AjitGoel]

Amazing video @JuriyBura. Is the code downloadable(github?)?

[@MrRecrut]

Да это же Круто! Братан!))

[@JetBlackJester]

I would be great if you could do a video on how to use the ExtendScript Toolkit app with Photoshop so that when our scripts aren't working as expected we can figure out why more easily .

[@pesthlm]

Hi Juriy! I have a script on my stationary computer to produce a lots of jpg-files (producing art-files) - I also want to use my laptop BUT I need to save (these art-files) on another location. One way is to install the action (in my laptop) and manually operate (with Photoshop) in the action for the the savings - Instead, I really want to fetch the code for the action and manage the change (text-based) for the new savings there. Sorry for my lack of knowledge, I´m very new on this but very grateful for tips.

[@JuriyBura]

Can you make that "other location" that you need to save to a shared folder? Then from your laptop perspective there's no difference between saving to a local folder or to a shared folder. I might not fully understand a question though.

[@pesthlm]

Can I open the action (in some editor) and manually change the destination for savings (in text-mode like programmable code)? But I understand what you say to me, and that's of cause is a solution (to have a same shared folder-name to store in)

[@ankitbagda3408]

Hi Juriy Thanks for the tutorial. I need to know how can I change an image object in a layer. The text I am able to do it but guide me more regarding the change in layer images. Thanks in advance.

[@erikgyepes]

Very helpful! I wonder if you could point me in which direction to go with the following issue: what if the text is too long and it doesnt fit on the screen? In this case I would need to resize or somehow auto fit the text based on its length. Any ideas how to solve that?

[@curswine]

The tutorial was great and pretty clear even to a total beginner like myself. I am having one problem where the text being changed becomes exponentially larger each time the script runs, is there anything I can do to combat that?

[@syedzub]

Hey Juriy, great watching your video. Would like to connect with you as I want to write a script to save images using “optimising and saving for web” while batch processing for a Ecom client. Please let me know how and when we can connect. Regards

[@Andrea-br9cu]

Thank you

[@Rosalitamaria]

thank you so much for this!

[@rajshrishrimal2653]

Cool video 💥🎉

[@honestview]

!!HEPL PLEASE!! I have been looking all over the place on how to create a photoshop extension. I can make .ATN files directly from Photoshop, but I need to go more advance and create a plugin, but I can't find any tutorial online, can anyone point me in the right direction? Thanks in advance!

[@teabagNBG]

just watched a few minuts need to check it out again after work... i have a huge archieve of folder archieve... in each folder there is a preview image inside...all images the same size... i really need a few scripts to do the same on all images... i want the image 3d rotated (or perspective) a lil bit so the perspective changes and so its not so easy to copy it anyomre... also i would like to add the name of the file as text above the rotated image.. all images should have same text and same rotatation... is there a easy way to do this with this tutorial , im not really understanding that much :D of the programming part?

[@deepakprasad8091]

I am getting error if i am trying to print the name of my layer. error saying "No such element ". Code: var rating = app.activeDocument.layerSets.getByName('logo'); alert(rating.name); can u let me know the solution for this?

[@osherezra131]

Great video, is it possible to make a script that can run without the need of self invoking the function, like for instance when I create a new layer then a function executed ?

[@ehgh724]

tnx, it was so helpful. but i wanna to do sth different some parts are same but I don't know how to do... i wanna rename my layers caption on layers panel to the thing which is prepared inside .json file. accessing by layer name is easy but don't know how to rename the layer... also mention this my .json content will be persian texts... is it posibile?

[@miteshchauhan3513]

Hey, it's really helpful just want to know how to hide layer below the text ???

[@wakilahmed2977]

1st layer size in 2nd layer fit seme size 1st layer free transform tool with halp how to make scripts file in photoshop please sir reply

[@aadilfarooq1601]

great tutorial. thanks man! I wanted to ask how you added the autocomplete (intellisense) in your editor ?

[@JuriyBura]

Thanks :) I didn't add autocomplete there. Sublime Text does a very naïve auto-completion. A better editor with full-scale JS support would be WebStorm, I use it for bigger projects.

[@aadilfarooq1601]

great thanks :)

[@helderperez1474]

Curious if there is a tool out there with decent intellisense for ExtendScript jsx code. It seems like I cannot find anything out there.

[@orangefoxgaming9062]

How to create a script for Photoshop Layers rename ex:01,02,03,04,....15...? Tell me .

[@PrakashPrajapat-yh8nt]

How can i make scripts run buttons form jawa form toolbox for photoshop

[@zainulabdeen786]

Is there some function similar to console.log() using which I can print an Object?

[@rizwanshaikh5723]

sir plz help me how i can make album designing box fill with image with resize script

[@alokyadav1753]

Can you make a videos for InDesign script plz.

[@drunkengrunze]

Hi Juria I am just brainstorming not sure if its possible. I have a similar workflow to automate a batch file. Some my colleagues are not familiar with json file so i created another web form and using node js i can generate json file. Everything working as a charm. But what i want to achieve is I want to skip one more step here. That is open photoshop and run the script. Is there anyway that when you click on automate on web form, it automaically generate images without opening a photoshop. Definitely behind the scene there must be some connection or triggering between node js or photoshop. Just wondering if you have done something like this? Thanks

[@LandonGinn]

I am curious about this too

[@ktswjp]

Hi Juriy! I have one problem, I have Photoshop CS6 version 13.0. and everything was going well until I was importing json file. Previous statement "var obj = JSON.parse('{"a": 2}')" worked. According to the Adobe's documentation #include method is provided. So I assume that code was loaded. I have tried to add minified version of code, add version es2015 from babel directly into generate.js and they didn't work either. Also IDE provided with Adobe " extendscript toolkit" didn't show any errors in syntax but the result in Javascript Console is "Result: undefined". So I'm not sure where is error. Do you have any ideas? Thanks in advance.

[@ktswjp]

Also, can you provide code which you have done, on gitHub? I have written your code but I don't have any output, I just wanted to check, if I have some error.

[@PrakashPrajapat-yh8nt]

How to make a gui penel in java for Photoshop Quik tools

[@aznmike2904]

Im confused about what the JSON code does?

[@scottgriz]

What text editor are you coding in? I'm looking for something that is better than ExtendScript.

[@JuriyBura]

In this video I use Sublime Text. Usually I write small projects and scripts in Sublime and for bigger ones I use WebStorm. I also heard many good things about Visual Studio Code, but I did not have a chance to work with it enough to recommend.

[@helderperez1474]

Visual Studio Code is great. ExtendScript is the name of the language. If there is a tool out there that gives you real intellisense for Extend Script I would buy that. The toolkit that adobe made doesnt have intellisense at the level I would like to see.

[@WithUsersInMind]

Hi Juriy, Can you please share the file. I need to create title slides (100 per project) to use in presentations. These presentations have titles and sub-titles so your script will work for me.

[@JuriyBura]

Here's the main files that I used (script and json). Make sure to update the layer names! gist.github.com/Juriy/e90d77ca580434a3cc1a34b483835b8d

[@terrypalmer3378]

Juriy, Thanks for adding this tutorial. I'm working through your example and hope to modify it to save jpg's in various size / name options. I'm having a problem. As soon as I add the #include json2.js and before I add the var obj =JSON.parse etc. and then run the script, I get an error. Error 60: Not well-formed (invalid token), Line 643. I would appreciate your thoughts.

[@JuriyBura]

Is it possible that your JSON is invalid? Try to parse a very simple JSON file, just having one key-value pair, and check if that's the case. Check it out with JSON like this: { "name": "bob"}

[@terrypalmer3378]

That may be the problem. I downloaded it from your suggested link. A simple script #include json2.js alert("done") fails in the same way.

[@JuriyBura]

That's very strange. But my other version would be the newer version of Photoshop, with different JavaScript engine, but that's also not very likely explanation.

[@terrypalmer3378]

I posted the question on Crockford's GitHub site and he closed the question without comment . ??

[@JuriyBura]

Well, maybe because he's not supporting Photoshop :) Which version of Photoshop you got?

[@badrbn284]

Is it possible to do without opening Photoshop?

[@USSCallister-up]

nice accent dude!

[@sanjayamadanayaka1443]

can u tel me ... How to compile this scrip to machine Language ( i mean cannot edit any one )

[@JuriyBura]

Sorry, I didn't quite get your question. In Photoshop, you don't have to compile scripts, just write it and run it.

[@moneshkannan9465]

Does it works in higher version of photoshop? I am using Photoshop cc 2019..

[@endwire6613]

it works for me

[@ThitiwatChannel]

How i create my Panel in photoshop cc 2017 ?

[@FlexNiko]

look up the video "Scripting for Motion Graphics in After Effects | Motion Design Live Stream" its for after effects, but since this is just extendscript too, you can use the same approach.. somewhere in the middle of the video they start to talk about windows / panels

[@CompositeNation]

Dude I was looking for something like this, thanks for sharing the video!

[@Alexpatsan]

He starts the tutorial at 8:50

[@NewAppleTimes]

What IDE do you use to write the code?

[@JuriyBura]

This is SublimeText, for larger projects I use WebStorm

[@codingkids7072]

sublime text hoto get extend code auto completion

[@andrew_b2r]

Юра, естьк акая-то IDE которая поможет с адобовскими объекатим работать более удобно? Спасибо.

[@JuriyBura]

Если честно, не знаю. Подозреваю, что в WebStorm может быть плагин для этого, но точно не знаю. Я в Photoshop делал довольно примитивные задачи, потому обычного текстового редактора с подсветкой хватало.

[@akmia51]

Need your help to make a script

[@hiteshsharma9252]

how to make a JSX file?

[@arnevandoorslaer]

keep getting an error 54 :/

[@msalih]

Thank you for awesome tutorial. It works even after 4 years perfect. I created a git repository which json file and js code file in github.com/cyb3rsalih/photoshop-script-tutorial

[@neemxyang1739]

javascript & adobe js scripting guide