Guides and Images I Made for PSNTools Docs

Every page on docs.psntools.com was written and designed by me, from the step-by-step guides to the custom screenshots and visuals.

This post focuses on the visual and design side: custom images, screenshots, and graphics I created for each documentation guide.

Getting Started

• Create Account
• Change Password
• Team & Support

Profile Tools

• PSN Checker
• Profile Modder
• Profile Cloner

Avatar Tools

• Avatar Finder
• Avatar Activator
• Avatar Adder

Analytics & Billing

• Purchase Analytics
• Memberships
• Manage Subscription

Security

• NPSSO Token

How I Designed the Guide Images

I designed all the images in Canva using a simple method:

1. Copy the original image so there are two copies on the page.
2. Take the second copy and crop it to highlight a specific spot.
3. On the first (uncropped) image, set the brightness to -50 so it becomes much darker, making the cropped second image stand out.
4. Add highlight lines through the image using Stroke weight 4.
5. Round the corners to 41.
6. The highlight color is #ff751f.

Example Video