Feb 082013
 

In Photoshop, using the Character Panel is an easy way to manipulate your text to the exact way you need it.  With the Character Panel, you can change the characteristics of the type quickly and easily.  You can bold, underline, strike-through, stretch and much more with the Character Panel.  Below are a few simple ways to get started using the Character Panel in Photoshop.

First, pull up the character panel under the Window Tab at the top of the screen:

 

Next, open a new screen and type something you would like to manipulate.  Here is our starting point with the character panel open on the right side of the screen:

You can now start manipulating!  Make sure the type layer is selected.  First we will start with quickly putting bold on the text and making the text all caps without having the retype the text in all caps.  Simply click the bold button, then the caps button. (These are circled in red)  Easy, right?!!

Need Superscript?  Easy!  Simple type a 1 next to Hello, highlight the 1, and click the superscript button like so:

Now for some of the more advanced features.  Need to space your letters apart or get them closer together?  You can do this by using the letter spacer option (Tracking).  Play around with it until you get the letters spaced the way you want them.

Next, if you need lines of text spaced closer to together or farther apart, you can do that with the line spacer option (Leading).  Simply type a second line and play with the line space options until you get your desired result.

One other feature that is handy is the Vertical Scale option.  Simply set a percentage to make the letters shorter or taller.

Hopefully, this gives you a better understanding of how the Character Panel works.  There are tons of other options and settings that you can play around with in order to understand the full functionality of the character panel.  You can click on any of the images above to see a large view.

Sep 132012
 

Don’t have Adobe Acrobat X Pro and still need to convert an image or images into a PDF?  This tutorial will show you how to convert an image into a PDF and also how to put multiple images into one PDF file.

First, open Adobe Bridge and search for the image you wish to convert to PDF.  This is what your screen should look like (except with your images!)

Adobe Bridge

Next, click on Output at the top of the Adobe Bridge window:

Adobe Bridge Output

Make sure that the PDF button is highlight in the Output menu on the right side of the screen:

Adobe Bridge PDF

For the setting in the Output menu, you are able to choose what type of document the file is (paper, photo, web, custom).  You can choose a size, add a header/footer, choose a background color, have the file name show underneath the image, etc.  You can play around with these settings to customize the what you want to show and how you want to present your image in your PDF.  Here we have chosen to make the image 5×7 and the background black.  We chose not to show the file name or have a header or footer.  Once you have your settings the way you want them, make sure “View PDF after Save” is checked, then click “Save” at the bottom of the menu.

Adobe Bridge PDF

Save your PDF in the folder you wish it to be saved in and Adobe Bridge will generate the image and it will then pop up in Acrobat.  Easy right?!

Now to save more than one image into one PDF file:

Click back to the Essentials tab at the top of the Adobe Bridge Window.  Make sure all of the images you want to have in the PDF file are in the same folder.  Use SHIFT+Click to select the image you want to include in your PDF.

Adobe Bridge Mulitple image PDF

Click on “Output” at the top of the Adobe Acrobat Window and make sure the PDF button is highlighted.  Also, above the images in the middle of the Adobe Acrobat window, make sure tab “Preview” tab is selected so that you can view both images at the same time.  We used the same settings as the first example.  Make sure you set the settings how you want them, check the “View PDF after Save” and click “Save”.

Save in the folder you want as before, and Adobe Bridge will generate the PDF and Acrobat will pop up.  Make sure to scroll down in Acrobat to see both images.  WOW! So easy! Here is what our images look like in Adobe Acrobat: Flags

So that is it, practice with the settings to get the images exactly how you want them.  Designers: you can even add crop marks for those flyers!

Jun 152012
 

So what is a Clipping Mask?  A Clipping Mask is basically a way to “clip” a photo to make it fit into a particular shape.  It actually does not even need to be a photo or image, it could also be brushes, fonts, or any layer you want to fit into a particular space.

First, we started with a window image with a transparent background and put it on top of a white background.

Then, we made a rectangle the same shape as the opening of the window behind the doors and put the layer under the window layer.

We took a picture of lightning and put it in a layer above the rectangle layer, but below the window layer.

Right-click on the lightning layer to bring up the layer menu.  Click “Create a Clipping Mask”.  This will then clip the lightning to fit into the rectangle layer.

That’s it!  It’s that easy!

May 042012
 

I came across this excellent tutorial yesterday on how to make 3D Text Effect using Photoshop and Illustrator.  So I decided for this weeks tutorial, to let the good folks at Our Tuts to show you how its done!  This tutorial will give you some practice on the basic uses of the two programs.

Below is what I came up with after looking at the tutorial.  Read through the tutorial and come up with your own design with the tools that they give you!

If you need any help, give me a shout! Have fun!

Create a cool 3D text using Photoshop and Illustrator

Apr 272012
 

A Comprehensive Introduction to the Type Tool

Who doesn’t know the Type Tool? This is maybe one of the most powerful and useful tools of Photoshop. We’ve all used it at least once, but do you know all its potential? That’s why I decided to write a comprehensive guide about Photoshop’s Type tool, including do’s and don’ts of the most important features of this tool.

Master Photoshop Selection Tools in Under 30 Minutes

In this article I’ll explain some of the different and powerful selection tools that are available in Photoshop. This guide is aimed at beginners, but can hopefully provide a few extra pointers for more advanced users. Personally I find it very easy to get stuck using only one selection tool, when it can be beneficial to experiment with several in your work.

Getting Started with Photoshop

Photoshop and Fireworks are two of the most commonly used tools in the web designer’s arsenal. From the preparation of initial design comps to generating optimized graphics for a web page, most web designers rely heavily on these two programs.

Photoshop For Beginners: The Power of Layers

Photoshop power core: layers. It’s like to ask: how does Photoshop work? The answer is: with layers. Once understood this concept, everything in Photoshop will be more clear.

Photoshop 101: How To Use The Free Transform Tool

The free transform tool can be daunting if you don’t know how to use it. The tool has a lot of hidden options that make it quite powerful. In this tutorial we will be manipulating a simple square to show you the basics and then we will move on to a real life application.

Photoshop’s Pen Tool: The Comprehensive Guide

The Pen Tool makes appearances across almost the entire Adobe product range. Its function and behavior varies depending on the application, but by mastering it youll find you work quicker, smoother and with better results. This guide will give you a comprehensive basis for working with the Pen Tool in Photoshop.

How to Create a Mirror Image in Photoshop (Beginner)

Have you wanted to use an image, but it’s facing the wrong way, or it’s pointing left and you need it to point right?  Here is an easy way to flip the picture horizontally in Photoshop.

Installing and Using Brushes in Photoshop

Here is a simple tutorial to show you how to install and use brushes in Photoshop.  There are so many great free brushes that you can download to amplify your designs!

Using the Clone Tool- Photoshop

Ever see an imperfection you want to get rid of in a picture, or is there something you want to take out of the picture?  The clone tool in Photoshop is one of the best tools to make a photo look the way you want it to.

How to Feather Edges in Photoshop

Feathering, in Photoshop, is to gradually soften the edges of a photo until it becomes transparent.  In this tutorial, you will learn the basics of feathering.

Apr 202012
 

Feathering, in Photoshop, is to gradually soften the edges of a photo until it becomes transparent.  In this tutorial, you will learn the basics of feathering.

Choose a picture you would like to feather.  Here, we chose a football field.  You can get the image here if you would like to follow along.

Open the picture in Photoshop.  Now, there are a few ways you can select the area you wish to feather.  You could also use the Rectangular Marquee Tool, Lasso Tool, Polygonal Lasso Tool, or the Magnetic Lasso Tool.  Play around with each one to get the perfect area to feather.  We chose the Elliptical Marquee tool.

Notice that we placed the Marquee in the middle of the picture.  If you chose to use the marquee closer to the edges, you may still get a faint hint of the edge.  Depending on what you are using feathering for, you may not want the edges of the picture to show.

Next, go to the Select —> Modify —> Feather.  The Feather Selection Dialog Box will appear and chose a Feather Radius that best fits the needs of your project.  The higher your radius, the more feathering you will have.  We chose 40px.

Next, click the Move tool, and drag your selection to a new board, or onto another design you want to incorporate the feathered picture into.  That’s it!  We put our feathered image onto a black background, so simple!

Nov 182011
 

Have you wanted to use an image, but it’s facing the wrong way, or it’s pointing left and you need it to point right?  Here is an easy way to flip the picture horizontally in Photoshop.

Start with the picture you want to use.  I have chosen a picture of presents to be festive for the holidays!  I have also taken out the background for ease of use.

 

Next, you want to create a new board.  I made it 3 in x 3 in, but you can make it any size you want, as long as your picture will fix inside of it.

Drag your image (presents)  into the new board, so that it looks like this:

With the image layer selected, go to the Edit menu —>Transform——>Flip Horizontal

You should end up with an image opposite the one you started with, like this:

Congratulations! Now you can use it for whatever your heart desires!  I used mine like this:

Happy Holidays!

 

This our first tutorial!  If you find it helpful please leave feedback and pass this along.  If you don’t, leave us feedback and tell us how we can make it better!