Make an iBook inspired bookshelf in Photoshop learn process by visual aids

 Make an iBook inspired bookshelf in Photoshop learn process by visual aids. Just like in the previous tutorial, this bookshelf will be customizable, which means that we can change a part or several later after finishing it. Check out the final outcome of today’s tutorial down below.

Final Result

Now, Let’s get started.

Step 1

As usual, create a new document with the following dimensions: 800×1000px (300dpi).

Create some guidelines to help us drawing the shapes.

Step 2

Now, create new Rectangle Shapes in accordance with the guidelines

(look at the following screenshot).

Step 3

In this step we are going to make wood material. First set the Foreground color to #e6d27d (Foreground) #f4e4b3 for the background. Go to Filter > Render > Fiber.
Set the following value for Variance 16.0 and 4.0 for Strength.

Convert the wood to Smart Object.

Step 4

Duplicate the wood and place it above all the shapes. Clipping mask all the copied wood with the shapes except for top (shape & wood) and group them base on its position. Top layer and wood (top) would be in the “top” group, while base, left & right layer along with all the woods are in “base” group.

Step 5

Rotate the wood (top) for 90^o and shrink its width and Clipping Mask it like the rest of previous wood & shapes.

Step 6

Draw a custom shape using Pen Tool (P) for creating the shelves. Also organize this layer by putting it in the shelf group like in step 4.

Copy one of the wood, place it above the custom shape. Rotate 90^o and shrink its width. After that you can apply Clipping Mask on it.

Step 7

Now go to top layer. Add Drop Shadow & Gradient layer style.

Step 8

In this step we will make the left and right side become darker. So, let’s create a selection from them. You can achieve it by pressing and hold Ctrl + Right-click on the both left and right shapes or simply use Rectangular Marquee Tool (U).

After that, create a new Curve Layer. The purpose we are using Curve layer is so that we would not alter its original form.

Step 9

Repeat the same technique to wood (base) to make it darker.

Step 10

Add Drop Shadow to base layer.

Pick a circle 0% hardness Brush Tool(B), set its opacity value to 35%. And paint the brush slowly, carefully in the Curve layer mask.

We are still in the Curve layer. Duplicate the Curve layer and repeat the same step, but this time change the brush opacity value to 50%.

Step 11

Apply the same technique to shelf layer.

Step 12

Create New Rectangle shape name front (Well, you can name it as you want)

Add the following Gradient Layer Styles.

Ads

Apply Drop Shadow on the shelf (shape) layer.

Step 13

For the last details we would make slightly lighter in upper side of right and left layer and slightly darker in the lower side.
Duplicate the Curve layer we previously made for right and left layer and adjust the value as seen in the screenshot below.

After that with a 50% brush opacity paint the upper side or half of the left /right height.

Step 14

Now duplicate the shelf and arrange them in order. You may also rename the shelves orderly like shelf 1, shelf 2 and so on.

Step 15

In the top group, write a Title of this file. In this case we write “Bookshelf”. You may write as you like.
Probably, “My Books” is also a good choice.

Add this Text layer the following Layer Styles:

• Drop Shadow
• Inner Shadow
• Gradient Overlay

Step 16

From this step we are going to make the book cover mock-up that we will put on the bookshelf.

First create a New separate file size of 350x350px (300dpi).

Copy one of the Wood material from the bookshelf.

Step 17

Secondly, create some guidelines in the file. Then, draw a new layer with Rectangle shape size of 146x200px. Convert it to Smart Object.

Step 18

Draw another rectangle shape (look at the screenshot below). Set its Fill value to 0%.

And add this Layer style.

Step 19

One of element that makes an object look real is shadow, so in the book layer we need to add a Drop Shadow.

Not only a drop shadow but a shadow that make us think the book is standing on something.
So we need create an Ellipse shape put it under the book layer and don’t forget to convert it to Smart Object.

Add a Gaussian Blur to this shadow layer.

Step 20

As the book will be standing between two shelves so the upper half of the book should be a bit darker. In this case we apple Gradient layer style.

Step 21

Drag n’ drop the book cover from bookcover.psd to Bookshelf.psd file.

Double-click the book layer. Or Right-click on the book layer and choose Edit Content… This will open a new window.

For example, we want to put a real book cover, for that we will borrow one from bookcoverarchive [Link] for a while.

Put the cover in it and save, it will update the Smart Object in Bookshelf file.

Book_Cover_Source

Now Change Color and Style of Your Old Shoes in Photoshop Learn How

Now Change Color and Style of Your Old Shoes in Photoshop Learn How , you can do many things in Photoshop and painting your old shoes is one of option, Learn steps involved and you can apply on any thing.

Final Result

Let’s get started.

Step 1

First we need to download a worn out shoes image for our tutorial in here.But you can also take picture of your own worn out shoes.
Open the image in Photoshop and change the dimension to 900 by 1000 pixels with 300dpi resolution.

Step 2

Now create a custom shape that resembles the shapes of the shoes.

Do the same step to another section.

And now we have five sections which we are going to paint.

Step 3

Create ellipse selections on the first shape we have created before with Elliptical Marquee Tool (M) invert the selection (Ctrl/Cmd + I) then apply Vector Mask on it.
Tips: If you do not know where the shoelace holes, you can make the shape transparent for a while.

Apply the same thing in another section that has shoelace holes.

Step 4

In this step we are going to make wrappers for our painting. Create a new shape rectangle layer, convert it to Smart Objects.

Step 5

Apply Free Transform (Ctrl/Cmd + T) to the layer and switch to Wrap Mode. Wrap the layer, so it nearly resembles the shape of the shoes curve. The layer was made transparent so we can look what are going under.

After finishing the wrapping part, now apply clipping mask to the layer. Rename the layer as you might think fit for it, but in this tutorial I name it “style 1″

Apply the same step on the other shoes sections.

Clipping Mask all the layers, and our shoes will look like the screenshot below.

Step 6

In this step we will create an image or pattern of the painting that we will put on the shoes.
Create a new separate file with size of 1500x1500px. In this case, I name the file “Style” , and of course you can name it as you want that might fit.

Step 7

Fill the background with #2a2a34 color. Unless you have a lot of time you can manually draw the monsters. But in this tutorial we will use the Monster Brush Set which you can download from here.
Paint the brush randomly with various monsters and in different size.

Step 8

Create new layer and paint one monster brush.

Add Color Overlay and Stroke layer style on it.

Repeat the step to create another adorable monster.

Step 9

We are back to our project file. Now go to one of wrapping layer we have created in Step 4. Double-click the thumbnail layer; it will lead you to a new window. Then put our painting from Step 7 in it. Save the file, it will update the wrapping layer.

Let’s do the same step to another section.

Step 10

Now add Inner Shadow. On each of the sections we had put the painting on.

Step 11

We will add shade on them, just like the shades on the initial shoes, in order to make the painting more convincing.
First set our brush. Pick a soft round brush, change brush mode to Overlay, 25% Opacity and 15% Flow.

Create a new layer and change the layer to blend mode to Overlay. Then don’t forget to apply clipping mas to the layer.

Look at the initial shoes, imitate the shade pattern and do the same step we’ve done previously.

Step 12

In this step we will touch up the shoes a little. Using the Clone Stamp fix the worn out color line on the shoes.

Step 13

In this step we create spotlight effect. Create new layer and put it above all the layer we’ve created before. Change the layer blend mode to multiply and 30% Fill.

Step 14

Add new Curve Layer, so the shoes look a bit lighter.

Step 15

Add a new Curve layer as well above the initial shoes, to adjust the shoes contrast.

Step 16

Now Select all layer, copy and merge them all (Ctrl/Cmd + E). Convert the layer into Smart Object and Add Gaussian blur filter.

Then with a soft round brush, paint the layer mask in the smart filter with black color, so we have more focus on the shoes.

Final Outcome

This is it, our painted shoes. We hope you enjoy this tutorial.