.sidebar .widget {border-bottom: 1px solid #000000;}

Board Book Remake with Photoshop


We have a beautiful little girl staying with us until her mother returns from deployment.  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

child's board book ready to be altered by Photoshop teacher
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.
Board book remake in Photoshop: Room 626 Photoshop teacher Linda Miller measuring width of book
Next I measured the dimensions. 

Board book remake in Photoshop: Room 626 Photoshop teacher Linda Miller measuring height of book
It turned out that this one was exactly
six inches square.




Board book remake:  images showwing photos for book inside of a computer folder
I decided on the pictures I wanted to use and put them in a folder so I had easy access.



Board book remake:   Image of Room 626 Photoshop teacher Mrs. Miller opening new file
In Photoshop, I created a new file (file > new)
Board book remake:   image shows the Photoshop dimensions Room 626 Photoshop teacher Mrs. Miller will use for the new file
and used the dimensions of my book (6 x 6 inches) and 300 pixels per inch, which is the recommended amount for printing.



Board book remake:   image shows Room 626 Photoshop teacher Mrs. Miller clicking "Save as"
I immediately saved by going to File > Save As and navigating to the folder with the photos.

Board book remake:   image shows Room 626 Photoshop teacher Mrs. Miller saving the image to her desktopPhotoshop name and save file
I named the file and saved.
Board book remake: image shows Room 626 Photoshop teacher Mrs. Miller  clicking "place" on the File menu
Then it was time to add a picture by going to File > Place



Board book remake:   Room 626 Photoshop teacher Mrs. Miller chooses an image to place on the canvas
I chose the photo I wanted for my cover and clicked "Place."



Board book remake:   Room 626 Photoshop teacher Mrs. Miller Photoshop places the image on the canvas
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.



Board book remake:   Room 626 Photoshop teacher Mrs. Miller resizes the 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.



Board book remake:   Room 626 Photoshop teacher Mrs. Miller finishes placing the photo on the canvas
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.




Board book remake:   Room 626 Photoshop teacher Mrs. Miller decides to create a text panel on the 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.

Board book remake:   Room 626 Photoshop teacher Mrs. Miller clicks the marquee tool
So I grabbed the Marquee Tool

Board book remake:   Room 626 Photoshop teacher Mrs. Miller drags a rectangle with the marquee tool
and dragged it over the area


Board book remake:   Room 626 Photoshop teacher Mrs. Miller clicks the Windo menu to find the Actions palette
Then I went up to the Window menu and clicked Actions to bring up the Actions palette.


Board book remake:   Room 626 Photoshop teacher Mrs. Miller clicks on the text panel action
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.)



Board book remake:   Room 626 Photoshop teacher Mrs. Miller clicks the Actions palette play button
Next I clicked the play button at the bottom of the Actions palette.

Board book remake:   Room 626 Photoshop teacher Mrs. Miller reveals the text panel
And Behold!  A text panel was created.



Board book remake:  Room 626 Photoshop teacher Mrs. Miller renames the text layer then duplicates it
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.

Board book remake:  Room 626 Photoshop teacher Mrs. Miller shows how to duplicate 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.


Board book remake:  Room 626 Photoshop teacher Mrs. Miller clicks on the text tool
Now to add the text, I got my Text Tool


Board book remake:  Room 626 Photoshop teacher Mrs. Miller drags a rectangle with the text tool to create a 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.



Board book remake:  Room 626 Photoshop teacher Mrs. Miller types the  text that will be used on the book cover.
Then I just typed my title.

Board book remake:  image of the Photoshop text icon that appears at the top of the screen
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).

Board book remake:  Room 626 Photoshop teacher Mrs. Miller shows the settings used in the character panel
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.




Board book remake:  Room 626 Photoshop teacher Mrs. Miller shows how to select and group layers
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),

Board book remake:  Room 626 Photoshop teacher Mrs. Miller shows her group of layers
then pressed Command G for the Mac [or Control G for PC), and all my layers were placed in a group.

Board book remake:  Room 626 Photoshop teacher Mrs. Miller shows her renamed group
I renamed the group, and I was done with the cover!

Board book remake: Room 626 Photoshop teacher Mrs. Miller shows the final image for the 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:

Board book remake:  Room 626 Photoshop teacher Mrs. Miller shows the remaining boardbook pages

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.  
But that's another blog post!




No comments :

Post a Comment