PHOTOSHOP TEXT LAYOUT FOR AWESOME VIDEO CREDITS! | Let’s learn to lay out some beautiful typography in Photoshop and export the final set of credits as a file we can animate in our video editor!
In this Photoshop tutorial, I’ll show you how I use text boxes and guide layouts in Photoshop to quickly layout a long series of video end credits that are both highly editable and will work for any project you’re working on. After we make the text layout, I’ll show you how to export a file that you can instantly import into your video NLE and add to your video project and animate across the screen.
Tags: tutorial photoshop, photoshop, photoshop tutorials, photoshop cc tutorial, video credits, how to add video credits on youtube videos, credits on youtube, end credits, how to make credits, Photoshop CC, how to, video editing, video credits photoshop, text layout photoshop, photoshop text, photoshop type, photoshop typography, photoshop layout, tutvid, nathaniel dodson, PS
Tutorial Recording Notes:
Disclaimer: these are the actual notes I used to record this video and are written in a language you may or may not understand. Hopefully, you find them useful or cool.
- Note that we will only be creating the graphic here and exporting it for use in something like Premiere or Final Cut. Link in Premiere video about animating credits as a card here.
- Document should be the width of your video frame. 1920, 2560, 3840, 4096, or whatever you’re working with.
- Go with 5000px for height (we can always extend this later.)
- Use Guides Layout to find center and add a 100px margin
- Snapping should be turned on
- League Spartan, Bold, 24pt, White, All Caps
- Build blocks of text.
- Secondary text: League Spartan, Bold, 16pt, White, All Caps
- Layout text as works best
- Export with black background by grouping all layers and right-click>Export As
- Export with transparent background by shutting off the black (show how a PNG would not export the full 1920 across.
- To save the width we worked with, add a layer mask to the group and we’ll get the full 1920 width we started with.
Leave a Reply