Sunday, April 22, 2012

My Mommy Board Book: Photoshop Tutorial

We have a beautiful little girl staying with us until her mother returns from deployment (you might have seen here in my post about printed fabric pillow dolls).  I decided to make a board book for the baby (she is still a baby, relatively speaking) with photos of her mother.  

Here is the first stage:  Creating the Pages in Photoshop
(Note:  this can also be seen at miller626.blogspot.com where I blog about Photoshop.)
Recycled crafts:  boardbook diy Photoshop image showing original boardbook

First I found a board book at the thrift store that had seen better days.  This one,
in fact, was destined for the trash bin at the end of the week.


Recycled crafts:  boardbook diy Photoshop  teacher measuring width of book
Next I measured the dimensions. 


Recycled crafts:  boardbook diy Photoshop teacher measuring height of book
It turned out that this one was exactly
six inches square.



Recycled crafts:  boardbook diy Photoshop images inside of folder
I decided on the pictures I wanted to use and put them in a folder so I had easy access.



Recycled crafts:  boardbook diy Photoshop new file
In Photoshop, I created a new file (file > new)


Recycled crafts:  boardbook diy Photoshop dimensions
and used the dimensions of my book (6 x 6 inches) and 300 pixels per inch, which is the recommended amount for printing.



Recycled crafts:  boardbook diy Photoshop save as
I immediately saved by going to File > Save As and navigating to the folder with the photos.
Recycled crafts:  boardbook diy Photoshop name and save file
I named the file and saved.
Recycled crafts:  boardbook diy Photoshop file menu, placing image
Then it was time to add a picture by going to File > Place



Recycled crafts:  boardbook diy Photoshop finding and placing image
I chose the photo I wanted for my cover and clicked "Place."



Recycled crafts:  boardbook diy Photoshop placing image
The image appeared, but it wasn't actually "placed" on the canvas until I hit "enter."
But before that, I wanted to resize the image to fill the entire area.



Recycled crafts:  boardbook diy Photoshop resizing photo
I found one of the "handles" in the corners of the image and HOLDING DOWN SHIFT, I dragged the image out until it was the size I wanted.  Holding down shift kept the image in perspective.



Recycled crafts:  boardbook diy Photoshop finish placing the photo layer
Then I hit "enter" and the X went away.  I used the move tool (black arrow at the top of the tool bar) to move the image around until I had it where I wanted.




Recycled crafts:  boardbook diy Photoshop photo layer
But the area where I was going to put the name of the book was filled with the photo, so I wanted to put a text panel over the area to the left where the title was to go.

Recycled crafts:  boardbook diy Photoshop marquee tool
So I grabbed the Marquee Tool

Recycled crafts:  boardbook diy Photoshop rectangle
and dragged it over the area


Recycled crafts:  boardbook diy Photoshop Actions palette
Then I went up to the Window menu and clicked Actions to bring up the Actions palette.


Recycled crafts:  boardbook diy Photoshop Actions palette text panel
Under the Text Effects folder I clicked Text Panel.  (Note:  if you're doing this and you don't find the Text Effects, go up to the top right corner of the panel and click the little triangle for the dropdown menu and scroll down to find it.)



Recycled crafts:  boardbook diy Photoshop Actions palette play button
Next I clicked the play button at the bottom of the Actions palette.

Recycled crafts:  boardbook diy Photoshop create text panel
And Behold!  A text panel was created.



Recycled crafts:  boardbook diy Photoshop rename text panel
Then I renamed the layer and because the panel wasn't really dark enough for me I decided to make a copy of the layer to double the intensity.

Recycled crafts:  boardbook diy Photoshop copy layers
I made a copy of the layer by grabbing it and pulling it down to the tiny icon next to the garbage can.  The tiny icon looks like a tiny little page.  This is really the New Layer icon, but by dragging the other layer to it, I now have a copy of that layer.

Recycled crafts:  boardbook diy Photoshop text tool
Now to add the text, I got my Text Tool

Recycled crafts:  boardbook diy Photoshop text box
And used the cursor to drag out a rectangle, creating a text box on top of the text panel. 
It's kinda like creating a text box in Microsoft Word.



Recycled crafts:  boardbook diy Photoshop cover text
Then I just typed my title.

Recycled crafts:  boardbook diy Photoshop text
To make changes in the text, I clicked the little icon that looks like this at the top of my screen (I was still in my text tool).

Recycled crafts:  boardbook diy Photoshop text
Clicking that icon brought up a screen that looks like this. 
Then, with my text still selected, I played around with the settings for the text.




Recycled crafts:  boardbook diy Photoshop text
Because I was going to have a lot of layers, I wanted to make sure I was keeping them organized, so I selected my layers (clicked on the top layer, held down shift, clicked on the bottom layer),

Recycled crafts:  boardbook diy Photoshop groups
then pressed Command G for the Mac [or Control G for PC), and all my layers were placed in a group.

Recycled crafts:  boardbook diy Photoshop layers
I renamed the group, and I was done with the cover!

boardbook cover


The remaining pages were created similarly--using text boxes and resizing the images,
although unlike the cover, most of the images didn't fill the entire page:


So that's the first part:  designing the pages.  
Next I printed the pages, cut them out, 
laminated one side and glued them into the book.  
Blog post soon to come!

If you'd like to see more Photoshop tutorials take a look at the
Digitally Speaking tab at the top of the page (or just click the link).
Until next time, 
Go Get Crafty, Sister!

~Sister #2





























1 comment:

  1. many thanks for this tutorial ! really useful and well-explained !

    ReplyDelete

Your comments mean so much to us!

Related Posts Plugin for WordPress, Blogger...
Those Crafty Sister are 
ready to create a unique upcycled, 
recycled, craft gift or teach you 
basic diy craft skills. Join us 
at http://thosecraftysisters.blogspot.com/, 
our craft blog where you can see what 
we've been crafting and sharing lately.
Pin It