Oswald // Google Fonts Series

Continuing with our Google Font series, I wanted to introduce you to another one of my favorite Google Fonts, Oswald.

Oswald, google font, oswald google font, sans serif font, condensed sans serif font, thin sans serif, bold sans serif, free font

Oswald is the perfect font for all your summer branding needs!

It is a condensed sans serif font and comes in 6 different style and weights. It’s a great font if you only want to use a single font, but have various looks on your site or design project.

This font offers a playful, yet minimal vibe. Its tall characters offer a modern and simplistic feeling, making it the perfect font for any summer design project!

Oswald, google font, oswald google font, sans serif font, condensed sans serif font, thin sans serif, bold sans serif, free font

I love using Google Fonts because they are accepted on most website platforms and can be used pretty universally. I would encourage you to beef up your Google Font library for your next design project! Oswald is a great place to start.

Be sure to also check out my post on Prata, another font, part of this Google Font series.

You can download Oswald for FREE here.


KEEP READING…

The Best Stock Photo Resources

If you’re a blogger, designer, or business owner, the need for beautiful, high quality photos is nothing new and the search for the best stock photo resources is never ending.

A blog post about the best stock photo resources

I constantly need stock images for client projects, personal blog posts or social media announcements.

So today, I’ve rounded up some of the best stock photo resources out there to give you a hand with your stock photo needs.

Read More

Custom website design: My step by step process

My website design process explained step-by-step

“Website design is an art.”

I LOVE websites. I spend hours browsing through people’s personal websites and I’m captivated by the why’s of what they’ve created. An online space that is well-designed, strategically put together and effectively executed is a weapon for mass success. In addition to looking at other people’s websites, I love designing and making them. And today, I will be walking you step-by-step through my custom website design process.

Website design is an art. It’s way more than having pretty images and fancy fonts on a page. It is a process, beginning with a vision and ending with a launching pad. When I’m working with a client, it is important for me to understand who they are and what their business is about. It is my goal to push them in their business goals and help them accomplish more with their website.

And for every blogger, business owner and entrepreneur reading this, my mission is to help you understand and claim your online space to it’s fullest potential. Whether you’re someone ready to take your website to the next level or a fellow web designer hoping to improve and streamline your process, here is a step-by-step look into my custom website design process.

Read More

Prata // Google Font Series

There’s nothing like using some Prata to spice up your branding with a little extra class.

Prata is a perfect editorial Google font for your brand

Over the next few weeks, I’ll be sharing some of my favorite Google fonts. Google fonts are a great resource as you are designing for your business. Besides the fact that they are free to use, most devices recognize Google fonts and will display them beautifully across all platforms.

Today, I’m highlighting the font Prata.

Read More

Creating branded graphics for your business + FREE GIFT

As a business owner, blogger or serious side-hustler, having new branded graphics for your business is a constant need. Every day it feels like there’s a new blog post, social media post or announcement that needs a graphic for better visual communication of your product or message.

Creating branded graphics for your business with these simple tips.

OH YES, PIN THIS FOR FUTURE REFERENCE!

Today, I’m sharing 5 tips for creating branded graphics for your business that are consistent and effective.

Read More

Creating A Color Palette

Creating a color palette

Creating a color palette

One of the first steps to branding yourself and developing a visual design direction is creating a color palette. Color is so powerful and can be used to express emotion, personality & identity.

 

Below is a simple process to selecting & creating a custom color palette for your brand:

 

  1. Start looking at photos. These can be photos you find on Pinterest, Instagram, Google, your own photo library, anywhere! Make a collection of photos that have colors you’re drawn to.
  2. Determine the feeling you want your brand to possess. Do you want a light, airy feeling with light pastels and white space? Do you want a brand that’s calming, full of shades of blue and dark tones? Match these feelings with the photos you’ve collected. Which photos make you feel the way you want your brand to make your audience feel?
  3. Select one or two photos that are in-line with your brand’s emotional identity and pull 4-5 colors from those photos. I like to bring my photos into Photoshop and use the “Eyedropper” tool to pull colors I like.
  4. Play around with different shades of the colors you pull until you have a combination that is complimentary and matches your brand identity.
  5. Using the “Color Picker” in Photoshop, locate the RGB color codes for each of your colors and copy this somewhere for later use.

Creating a color palette

 

A few things to remember when selecting a color palette…

  • Be ruthless! Once you select a color palette DON’T STRAY FROM USING THOSE COLORS. It can be difficult to commit to just 4 or 5 colors, but straying from your colors will confuse your audience and make you look unprofessional and unorganized.
  • Keep your color codes somewhere that you can easily access them. You’ll need these anytime you’re creating graphics, marketing material, site updates, etc.

 

If you’re just getting started, I’ve put together 5 FREE COLOR PALETTES for you to download and play around with.

 

Best of luck in your color picking journey!

 

Creating a color palette

Creating a color palette

 

Creating a color palette

Creating a color palette

 

Creating a color palette

Creating a color palette

 

Creating a color palette

Creating a color palette

 

Creating a color palette

Creating a color palette

Watercolor text effect in Photoshop

Learn how to create a watercolor text effect in Photoshop

Using a watercolor background is an amazing way to add depth and texture to your logo or next design project. It’s such a lovely idea to use the soft watercolor strokes to give your design a dynamic and unforgettable look and feel. This is a skill that can be applied to more than just text and can be a integral part of your business’ branding.

So let’s get started!


Water-Color-How-To_titleWatercolor text effect_step1

STEP 1: Create a new RGB canvas in Photoshop. Mine is 1000px x 500px.

 

watercolor effect_step2

STEP 2: Create a new layer clicking on the button located at the bottom of your “layers” menu on the right side of the screen. I find it best to choose the “transparent” background color option.

 

watercolor effect_step3

STEP 3: Make sure the new layer you just created is selected.

 

watercolor effect_step 4

STEP 4: Select the “brush” tool on the left side of your screen.

 

watercolor effect_step 5

STEP 5: Click on the preset drop down menu at the top of the screen and select the brush you wish to use.

 

watercolor text effect_step6

STEP 6: Double click the top color box in the top, right hand side of your screen. A color picker window will open. This is where you will set the watercolor color. Select a color by moving the picker around or enter a color code in the box provided. Then, click OK.

 

watercolor text effect_step7

STEP 7: Making sure the top layer is still selected, begin clicking onto the canvas with your brush. It may take several clicks before the color appears as you want it.

 

watercolor text effect_step8

STEP 8: When the watercolor layer is as desired, click the “select” tool at the top of the left hand toolbar. You will then need to create ANOTHER new layer. This can be done the same way as in STEP 2.

 

watercolor text effect_step9

STEP 9: Next, select the text tool on the left hand side of your screen. Once this has been selected, you can change the font, text size, text color and justification by clicking on the drop down arrows in the text toolbar at the top of your screen.

watercolor text effect_step9b

Select your desired font and size.

 

watercolor text effect_step 10

STEP 10: Making sure the top “layer” is still selected, click on your canvas and type your desired text.

 

watercolor text effect_step11

STEP 11: When finished typing, click the “select” tool from the left side toolbar. Next, click and drag the “watercolor” layer so that it sits above the “text” layer.

 

watercolor text effect_step12

STEP 12: Right click on the “watercolor” layer where the layer title is located. A menu will pop up. Click on the “Create Clipping Mask” option.

 

watercolor text effect

STEP 13: Save for use! Go to FILE > SAVE FOR WEB to save your image as a JPEG or PNG file.

To save some time, I’ve created 10 watercolor backgrounds for you to get started with!


And there you have it! The basics to making a beautiful watercolor text feature.

Comment below with questions and I would be happy to answer!

 

Fall Inspiration

Moodboard_Fall

Colors include spilled coffee, boot scuffs, fallen leaves, muffin crumbs, cozy evening and rain puddle reflections.