Let’s Make Custom Spotify Art in Procreate
Let’s Make Custom Spotify Art in Procreate
Today I’m going to show you how to make custom Spotify art in Procreate. This video will be a little longer than normal and could be a little intense for beginners, but I’m sure you’ll get it. Besides, it’s a fun thing to do and turn into gifts for loved ones.
This tutorial will be a little more complicated for beginners but follow along and you should be fine. We’re going to be using:
Tools I’ll Be Using to Make Custom Spotify Art in Procreate
- An iPad – I use the iPad Gen 3 in this video (12.9 inch) and the Gen 2 Apple Pencil
- Procreate App 5+
- Spotify App
- My Colo Mono Brush from the Colorado Procreate Brush pack at hollypixels.com
- Your favorite photo or some artwork you made. I’ll be using the piece I made earlier this month
- We’ll also need to access the Spotifycodes.com website
- Spotify Font: https://thefontsmagazine.com/font/spotify-font/
- And you will need the Spotify Graphic PSD file I made that you can download free in the Vault at Holly Pixels.com. (this opens in Procreate)
Watch Me Teach You How to Make Custom Spotify Art in Procreate
Step 1: Download My Free Spotify Graphic File from the Vault.
- Sign up for the Vault at hollpixels.com. It’s free and you can get access to all kinds of free downloads for your iPad.
- Locate the Spotify Graphic download. When you download it should go to your Downloads folder. After you tap the file name to download, open the Files App (default on your iPad). If you can’t find it, swipe down on your screen and type in Files.
- Here you’ll locate your Downloads folder. If you’re unsure if your downloads are going to your iCloud account or your iPad directly). You can open Settings/Safari and scroll to Downloads in the General section. I don’t normally like saving my downloads to my iPad as it does increase the amount of space used. And, if I save things on my iCloud and get a new device, I don’t have to worry about trying to get everything backed up. You can also change this to another cloud service like Dropbox or Google Drive if you wish.
Step 2: Open The Spotify Graphic in Procreate
- Open the Procreate app and choose Import. Locate the Spotify Graphic you downloaded.
- Procreate can read PSD files (Photoshop Files) and if you open the Layers palette you should see multiple layers. You can also use this PSD file in Photoshop if you wish.
Step 3: Create The Spotify Song Code
- First, open the Spotify app and locate the song you wish to use.
- Once you have your song visible, tap the three dots to the right of it and choose Share and Copy Link.
- Now you need to go to the Safari browser and enter in spotifycodes.com. Paste the item you copied to your clipboard in this field and get the Spotify code.
- On this next screen, I’m going to make sure my background color is white #FFFFFF, my bar color is black (this makes it a little easier to select and remove once in Procreate). I increase the size to a max of 2047 pixels. This is something you can adjust for your artwork size. And, the format is PNG. Then I click Download.
Step 4: Drag The Code Graphic to Your Procreate Canvas
For this process, I always use Multi-tasking Split View. I keep my Files app in on the Dock. It’s easy to drag an app icon to the dock. Watch my first video in June on How to Intertwine Letters and Clipart in Procreate.
Step 5: Clean Up Spotify Graphic and Remove Background
- Turn off the other layers and your background so you can see everything better.
- Choose the selection tool and Automatic. With the ADD selected, tap on the white background. Here you can slide and adjust the threshold. This takes a little getting used to, but you got this. I usually slide mine all the way up until it’s blue then back it down just to where it goes away. This will give you a cleaner more smooth selection.
- Then, with the Add still selected tap on the three curved lines inside the circle to also select those.
- Next tap on Invert to select the parts of the graphic we want to keep.
- Then tap Copy & Paste. This copies and pastes our selection onto a new layer. Turn off the original and you’ll note that your graphic is now transparent. If you notice your new graphic looks a little bitmapped, try making your original before downloading larger and adjust your threshold during selection again. You can delete the layer that has the original download on it.
- Turn the other layers back on and scale the new Spotify code smaller and centered like I have done.
Step 6: Install the Gotham Font used With Spotify Graphics.
- Download the Gotham font from this website: https://thefontsmagazine.com/font/spotify-font/
- I’ll import both the Bold and Medium fonts. For a detailed font import tutorial, watch my tutorial from earlier this month on Intertwining Letters and Floral Clipart.
- Tap on Actions (wrench icon) and choose Add Text. This is where you can import and use fonts in Procreate
- Type out the song title using the Gotham Bold 30 points. Then type out the artist’s name using Gotham Medium and 20 points.
- Align everything in place.
Step 7: Add Your Image
- This square is where your image will go. You could draw artwork, a cartoon, or place a photo here.
- If you’re using artwork from a canvas in Procreate, locate it and open it. Then, tap on Actions (wrench icon). Choose Copy Canvas.
- Go back to your Spotify artwork. Just above the image Clipping Square Layer, choose the Actions (wrench icon) and then paste. This will paste it directly on top of your square. Move it into place and then tap on that layer and choose Clipping Mask.
Step 8: Color Your Image
- Now we can add color to our image!
- Let’s first rasterize the text we typed by tapping on those layers and choosing Rasterize.
- Color the background. I’m going to sample the image I clipped to the square and choose something light. Tap on the gray Background layer and choose Fill to fill with the new color.
- For my other text and elements, I’m going to choose something darker. Tap on each of those layers to choose Alpha Lock. Then fill on each one.
There you have it! I really hope you were able to learn something valuable today and get your creative juices flowing! I really enjoyed teaching and appreciate you watching my tutorials.
Until next time!
Leave a Comment