Table of contents

1. About the project
2. How to use it
   • Setup
   • Using the program
3. How to change backgrounds for slides
4. Notes

Create clean presentations with Photoshop in less than 5 minutes

RileyPresentation is a JSX script made for automating the proccess of creating a presentation in Adobe Photoshop 2021. You don't need to have almost any complex knowledge about coding or image manipulation to use this program, because it only requires you to input your own values.

How to use it

1. Download the Lemon Milk Font from here. Don't forget to install it after downloading.

2. Clone this repository.

git clone https://github.com/Raytreq/RileyPresentation

3. Find 5 paths shown below. Open "functions.jsx" and replace them with your own folder locations:

• Path for exporting each slide as a PNG ("YOURFOLDERLOCATION/RileyPresentation/result/slidesPNG/"+fileName+".png")

  

• Path for saving each slide as a PSD ("YOURFOLDERLOCATION/RileyPresentation/result/slidesPSD/"+fileName+".psd")

  

• Path for opening a random image background ("YOURFOLDERLOCATION/RileyPresentation/backgrounds/bg" + random + ".png")

  

• Path for pushing each slide value into an array ("YOURFOLDERLOCATION/RileyPresentation/result/slidesPNG/slide" + n +".png")

• Path for creating a PDF "YOURFOLDERLOCATION/RileyPresentation/result/"+ presentationName +".pdf"

  

Don't forget to save the file!

Using the program

4. Open the script in Photoshop

Go to use File > Scripts > Browse > Scripts and open "program.jsx". I recommend making a shortcut if you intend to use this program more.

5. Enter the number of slides you want

If I enter 3, I can only edit the type of the second slide, because the first and the last one always have text on the middle

5. Enter the color for special text

This will change the hue of the colored text on all slides.

There are 5 available colors and you have an option to enter your own value if you enter 0 in this prompt.

• Blue

• Orange

• Purple

• Green

• Red

6. The program will ask you for three types of text. These texts depend on your current type of the slide.

7. The program will prompt you for the type of the next slide as long as it's not the last one

There are 5 main types of slides:

• Text and black background are aligned to the left

• Text and black background are aligned to the right

• Text and black background are vertically centered

• Text and background are horizontally centered

• Text and background cover the whole slide

8. If you choose third, fourth or the fifth type you can choose to fill the slide with images instead of text

• Image and black background are vertically centered

• Image and background are horizontally centered

• Image and background cover the whole slide

9. After creating all slides, the program will prompt you to enter the name for the PDF

10. Congrats! You did it and your incredible presentation has been saved to you result/ folder.

How to change backgrounds for slides

1. Get a free API Key at https://example.com

2. Clone the repo

3. Install NPM packages

4. Enter your API in config.js

Notes

• Don't worry about #include "functions.jsx"; being underlined in VSC, it's probably an IntelliSense bug, not the actual program
• This program is best for Adobe Photoshop 2021 version. Anything before or after that should also work, but when I tried it out on Photoshop CC 2018 text function didn't make actually visible text (I didn't look too much into it though)

If you come across any errors or bugs please let me know

Made in may 2024