The best designers will admit that grids are vital to any project. Whether you’re designing for print or the web, grids offer structure that can either be followed or ignored. Most people think of grid systems like 960GS where you create long columns across the full width of the page. But there is another grid related to typography known as the baseline. It typically adds a new grid line every X number of pixels based on the website’s line height. As you can imagine, this would be exhausting to manually create by hand. Instead it’s better to create a pattern for your baseline and fill it onto a new layer. In this guide I’ll show you how to create a quick baseline pattern and apply it to your own mockup. 1. Define your Grid First you need to plan out how much space should be available for typography. On the web it’s …
The rest is here:
How To Create a Baseline Grid Pattern in Photoshop