By Stephanie Design

Tutorials

How to Edit the Colors & Fonts of a Magazine Template in Photoshop (+ FREE Photoshop Shortcuts Guide)

TutorialsStephanie HamiltonComment

Photoshop is one of the programs of the Adobe Creative Suite that I seem to get the most use out of. Not only does it have top notch photo editing tools, but I create almost all templates in my store using this handy program (+ alittle help with Illustrator occasionally for vector illustrations).

So if you're just starting out and aren't sure how to navigate this robust program - have no fear! I have a series of video tutorials that will allow you to Leap into Photoshop with confidence. The first in the series is How to Create a Clipping Mask in Photoshop.  If you notice at the bottom of this post I also included a free Photoshop Shortcuts Guide for you to download, too!

And today I'd like to show you how to easily make use of the Library Panel in Photoshop to change the colors and fonts of a template. For an extensive document like a magazine, this will not only cut down on the time needed to edit, but allow you to save and transfer these assets when using other Adobe programs such as InDesign and Illustrator.

 

how to edit the colors and fonts of a magazine template in photoshop - by stephanie design

How to Edit the Colors & Fonts of a Magazine in Photoshop


 

 

Also, since many of you use Photoshop for a variety of needs, I've put together a Keyboard Shortcuts Guide to help you speed up your workflow and work more efficiently in the program! Grab your FREE download below! 

Grab your Free Photoshop Shortcuts Guide!

Shortcuts

Sign up to have it sent straight to your inbox!

Powered by ConvertKit

 

DON'T FORGET TO FOLLOW ME ON INSTAGRAM FOR GIVEAWAYS & MORE!

 

 

 

RELATED POSTS: 

How To Use Clipping Masks in Photoshop (+FREE Photoshop Shortcuts Guide!)

TutorialsStephanie Hamilton2 Comments

Amongst the many tools in Photoshop I use in my everyday, one of the more important features I find myself using are clipping masks. They're an excellent way for bloggers and business owners to enhance their blog post graphics, collages, and other design needs. 

how to use clipping masks in photoshop + free photoshop shortcuts guide

 

Luckily, their super easy to use, and in this video tutorial I'll show you how to create a unique shape to a layout using clipping masks...

 

It's also worth mentioning that if you need to remove a layer from a clipping mask, right click and choose "Release Clipping Mask." This command removes the selected layer and any layers above it from the clipping mask. 

Also, since many of you use Photoshop for a variety of needs, I've put together a Keyboard Shortcuts Guide to help you speed up your workflow and work more efficiently in the program! Grab your FREE download below! 

Grab your Free Photoshop Shortcuts Guide!

Shortcuts

Sign up to have it sent straight to your inbox!

Powered by ConvertKit

 

Are there any techniques in Photoshop you'd like to learn? 

RELATED POSTS:

How to Design Eye-Catching Blog Post Templates

Business, TutorialsStephanie HamiltonComment

If you've been blogging for some time now or are just getting started you're probably aware of the importance of the blog post graphic. Placed right above the fold, they're the visitors first glimpse of what your blog post is about.  Blog post graphics give your site visual interest and are a great addition to your social media promotion. They can be used as an alternative to or as a compliment to photography.

When potential customers land on your site or come into contact with your visuals throughout social media they're making judgements about your business, and these visuals play a large role in conveying meaning and enrichment to your users and leaving a positive first impression. Whether they chose to share them on sites like Pinterest are largely determined in those first few seconds that impression is made. 

So let's discuss how to create these eye-catching blog post graphics! I'll show you simple ways to use them to differentiate yourself and stick in user's minds time and time again! 

 

how to design eye-catching blog post templates - by stephanie design


A Few Design Considerations


1. Variety + Consistency

For the majority of people, 1-2 blog post templates is ideal. If you do chose to have a variety, certain elements should remain consistent throughout. 

Set color, type, photo, and layout guidelines for your blog graphics. If you're working with a designer they will set color and type guidelines for clear patterns and a consistent hierarchy throughout your site. 

If you're not working with a designer, consider what color type you will use on a photographic background and what color is used on solid color backgrounds. Which lines and patterns will be incorporated into which templates. Will you use your own photos or make use of stock photos? 

Lastly, keep your templates the same size. By sticking to the same ratio the blog maintains a flow and becomes more visually appealing. More on layout below!

So by figuring out the above questions beforehand you'll save some time when creating a new graphic to compliment your new blog post. You're audience will gain familiarity with your business or brand as it starts to pop up in their Pinterest or Bloglovin' feeds! 


2. Be Cognizant of Size 

Also key to garnering attention from user's is the size of your images. Since each platform has it's unique constraints for sizing you may chose to develop a few templates to accommodate each optimal size for your social media outlets (i.e. Twitter, Facebook, Instagram, Pinterest). 

Pinterest is known for displaying vertical formats in larger in newsfeeds because the columns constrain the width of the graphic. In comparison, horizontal formats will shrink down. 


3. A Unique, Branded Image

A well-developed, branded image allows you to stick in potential customers minds and aides in the professionalism of your brand.

If also allows user's to capture your brand personality and style and distinguishes you from other creatives in your field. 

When creating graphics don't look to what's already out there; take time to stretch your boundaries and break the mold. 

When creating my own blog post graphics I ran through a few options before determining the ideal template, which resulted in a few variations I really like which all contain a similar cohesive thread throughout all of them. 

 


The Tools for Creating Blog Post Templates


Adobe Photoshop

I use Adobe Photoshop to create my blog post graphics which suits my needs for this type of design project. 

 

how to create eye-catching blog post graphics - by stephanie design

The Adobe Creative Suite provides the most versatility of any image creation program. If you're interested in trying it out you can make use to Adobe's 30-day free trial

 


The By Stephanie Design Shop

Shameless plug! My design store is one resource for pre-designed templates at an affordable price. 

I just released the first of a few sets of blog post graphic templates in the By Stephanie Design shop. These templates are a beautiful way to establish your brand and create a cohesive online presence. All they require is you find the photos you're looking for and customize the text to your blog post! 

Each package includes 8 different Photoshop templates - featured, quote, products, mood board, long pin (ideal for recipes or fashion collages), instagram and facebook! Each template within the package works to form a cohesive branded image in the set. 

All files are optimized for retina display, but you can size them down how you see fit! 

 

The Design Shop is full of resources for bloggers and creative entrepreneurs, with a speciality in photoshop templates for photographers.

 

Blog post graphics are one way to create a positive first impression and inspire visitors to share your content which will lead to more traffic and allow you to reach your business goals alittle sooner. 

How do you currently create your blog graphics? How do you maintain consistency and differentiate yourself from all the other blog graphics out there?

Make Sure to Follow Along on Instagram

31+ Free Photoshop & Lightroom Tutorials

TutorialsStephanie Hamilton

Photography is such an important component to the visual appearance of a brand that many bloggers are amiss to neglect this medium in attracting potential readers. People respond to beautiful images and they make a favorable first impression of your blog or business.

Whether you're a photographer or another creative business owner, you know photo editing is just as important as capturing great photos.

So today I've done the legwork for you and rounded up some superb free photoshop tutorials along with lightroom tutorials to help benefit your brand and website. 

free photoshop tutorials - learn to edit photos - By Stephanie Design

Whether you're a beginner looking to explore simple ways to use photography for your blog, or an expert looking to brush up on your techniques, check out these photography tutorials:

 

5 Photoshop Tutorials for Beginners

How I Create Styled Stock Photo Packs: My Step-by-step Creative Process

How to Edit Photos Like a Pro

Guide to Fixing White Balance in Processing

How To Choose Your Camera Settings in Manual Mode (with examples!)

Adobe Lightroom Tutorial 5: How To Use Presets

Tips and Tricks for Photographing Food – Part 1

Blog Photography 101: Aperture

5 Tips for Killer Backlit Pictures

A Visual Guide to Focal Lengths in Camera Lenses

How To Fix Underexposed Photos In Photoshop

How To Create Flawless Photos In Photoshop

Digital Photography 101: Shutter Speed

How to Take Perfect Back-Lit Photos

4 Tips for Sharp Eyes in Portraits

An Easy Guide to Editing Blog Photos

Non-Techie Guide To Image Optimization

A Secret Editing Technique: Add beautiful Tones to Your Photos

How to Add a Watermark to Your Photos Using Lightroom

How to Enhance Your Black & White Photos in Lightroom

Making the Eyes Pop in Lightroom 4

Add Bokeh, Sun Flare and Haze in Lightroom 5, Lightroom 6 and the Creative Cloud

5 Must-Know Shortcuts for Lightroom's Brush Tool

Fix that Photo: Remove a Yellow Color Cast

Learn to edit a portrait image in Photoshop

A Beginner's Guide to Photoshop Actions

Hide Cluttered Backgrounds In Your Photos

How to Smooth Out a Wrinkled Background

How to Add a Matte Affect in Photoshop or Lightroom

Creating a Black & White Conversion in Lightroom


I've used Photoshop for many years and still use it to create all the photoshop templates in my shop for photographers.

If you'd like to explore the in's and out's of each program, Photoshop & Lightroom are available in the Adobe Creative Cloud. To view plans and pricing click here.

 

Do you use Adobe Creative Suite for your blog or business? Which programs do you use most often and what are your favorite features?

Image Credit: Fox & She