Saturday, June 27, 2009

How to make binding

How to Make Binding

Want to create binding for exercise book but don’t know how? In this way this tutorial created especially for you!

First of all, create a new document sized 300×500 pixels and fill it with the colour of #6e6e6e.

How to Make Binding 01

Create a new layer, then use the Rectangular Marquee Tool to make selection as shown at the picture bellow and fill selected area with colour of #eeeeee.

How to Make Binding 02

Deselect this area by pressing Ctrl+D and copy the whole layer with Ctrl+J, move it to the right as you may see at the following picture:

How to Make Binding 03

After this we need to add three-dimensionality for sheets in place where binding will be located. To do this select layer with Select > Load Selection, then create a new layer and fill it using black to transparent gradient to get the same result as it’s at the picture bellow:

How to Make Binding 04

Deselect it by using Ctrl+D, then duplicate this layer by pressing Ctrl+J and make smaller the picture to get the same result as you may see at my screenshot bellow:

How to Make Binding 05

Merge this layer with the previous one with Ctrl+E, now duplicate it by pressing Ctrl+J and flip it horizontal using Edit > Transform > Flip Horizontal and move to the left to create a shadow on the second page:

How to Make Binding 06

Now, we can create a speck on one of the pages to get three-dimensionality for the book. To do this we need to create a new layer, after that create selection as shown at the picture bellow and fill it with white to transparent gradient from by using the Gradient Tool:

How to Make Binding 07

Deselect image with Ctrl+D and apply Filter > Blur > Motion Blur with next presets:

How to Make Binding 08

Get this one picture:

How to Make Binding 09

After that we start working on drawing just binding. Firstly, we use the Line Tool (Weight: 3 px) and draw the white line as shown at the picture bellow:

How to Make Binding 10

Rasterize this layer using Layer > Rasterize > Shape. Now, select it using Select > Load Selection, create a new layer and fill with black to transparent gradient on the sheet sides. Do these actions to bring the line three-dimensional view.

How to Make Binding 11

After this we deselect this line selection with Ctrl+D and tilt it a little bit to the right using Edit > Free Transform:

How to Make Binding 12

After that apply the Inner Shadow and Outer Glow layer styles for this layer:

How to Make Binding 13

How to Make Binding 14

Get the following result:

How to Make Binding 15

Now, we will work with the layer bellow, choose the Elliptical Marquee Tool and make selection as shown at the picture below. After that fill selected area with black colour. This black spot will be a hole in a paper.

How to Make Binding 16

Deselect this hole by pressing Ctrl+D and duplicate with Ctrl+J, then move a little to the right as shown at my picture:

How to Make Binding 17

Now, we split two layers with black rectangles together with binding membrane and duplicate received layer few times to get binding, like mine:

How to Make Binding 18

Merge all binding’s layers and apply Drop Shadow layer style for current layer:

How to Make Binding 19

The result should be next:

How to Make Binding 20

Click the right button of mouse on layer and choose Create Layer to get created layer’s style on the new layer.

How to Make Binding 21

Select the Eraser Tool and a soft round brush about 13 px and erase the shadow at the sides:

How to Make Binding 22

After that duplicate binding layer with Ctrl+J and move it under pages to add it at the bottom. Use Edit > Transform > Flip Horizontal and move a little bit to the bottom:

How to Make Binding 23

Then apply Color Overlay layer style to the lowest layer to get impression that this layer located at the bottom, that’s why it’s the darkest:

How to Make Binding 24

How to Make Binding 25

That’s all! At this point our tutorial is over! I hope it was useful for you!

How to Make Binding 26

photoshop tutorial

This tutorial we will learn to make swirls and twirls in a minute. We will be using liquify filter to do this tutorial.

Here we create swirls and make a custom 125 x 125 ad place holder (as you see on the left site of this site).

Open a document 300px X 300px. Create a new layer.

Draw a square and fill it with red color (#b40000)

scr1 Make swirls effect in a minute

From the tool menu select the polygonal lasso tool. Go to the left top corner and click. Now press the shift button and just move the mouse down. Now close the selection by joining from the outside. Delete the selection to make a triangular shape like below.

scr2 Make swirls effect in a minute

Repeat the same to make a cut in between by using the above method.

scr3 Make swirls effect in a minute

By using a brush draw a diagonal line by pressing Shift button.

Lets start making the swirls.

Go to the Filters menu and select the Liquify.

scr4 Make swirls effect in a minute

On the Right hand side you can see the liquify tools. Click on the “Twirl Clockwise Tool ” or press “C” to select the button.
scr5 Make swirls effect in a minute

On the Leftsite You will find the settings. Change the setting as below.

Brush Size to = 75 and remaining things to 100

. scr6 Make swirls effect in a minute

Now press center up part as shown below . You can see twirls happening.

Now move the cursor down and press athe “Alt” key and along with it press the mouse button. You can see twirls happening in the reverse way.
scr7b Make swirls effect in a minute

Make the brush size small - to 50 and apply besides in reverse way.

scr8 Make swirls effect in a minute

Similarly repeat it by using smaller brushes.
scr8b Make swirls effect in a minute

In the same way appy to the bottom part as shown below. Here I have used center part small brush.

You can use it the way you like.

scr9 Make swirls effect in a minute

So after applying throughout all the edges it will be somthing like this.

scr10 Make swirls effect in a minute

Press the “OK” button. (filter menu)

Now lets add some color.

Select the gradient ctrl+G select the spectrum which will be there by default. Apply it .

screen1

Go to the Filters menu once again and select the ink outine filter and apply the following settings.

12 Make swirls effect in a minute

Results will be like this.

. outlineresult Make swirls effect in a minute

Duplicate the layer and paste it in the opposite corner. Scale down around 50%.

scr12 Make swirls effect in a minute

Apply background color with an outline.

scr13 Make swirls effect in a minute

Scale down if you want to make it a 125×125 ad placeholder.Hope you can make it better by drawing curvy lines, leaves and buds, which will make it more interesting.

125ads Make swirls effect in a minute

photoshop tutorial

This lesson will teach you how to make a plastic sachet. We will be using plastic wrap filter as well as other technique to make it look more real.

Final Result
scr91 Create Packaging Design in Photoshop

This Tutorial, would like to make into two parts. Basic and advanced. Now lets go for a basic tut, followed advanced.

This is useful for people who works on warp-designs for products.

Open a document 500px X 500 px.

Select the marquee tool (M) and draw a square 300 x 300 px.

Fill it with lemon yellow color(#f9be2e). This will be the base color of the sachet. If you have plans to make a red sachet, use red color.

scr22 Create Packaging Design in Photoshop

Next select the rectangular shape tool (U). Draw a rectangle 300px width and height 30px as shown below. We need to modify this shape.

scr33 Create Packaging Design in Photoshop

Select the shape and right click to open the menu. Select the Warp from the menu.

scr44 Create Packaging Design in Photoshop

Move the top corner handles as shown below. Not necessary it should be exact. Press Enter Key to apply transform.

scr55 Create Packaging Design in Photoshop

Make a similar rectangle of same width and height and as did above apply Warp and make it convex shape. Press Enter Key to apply transform.

scr66 Create Packaging Design in Photoshop

scr9 Create Packaging Design in Photoshop

Duplicate the Path, by holding the Alt+Move tool (V) to 10px down. Repeat the same process once again. Now you have 3 lines as shown below.

scr10 Create Packaging Design in Photoshop

Draw the paths for the bottom part with the same steps applied for the top.

scr11 Create Packaging Design in Photoshop

From the tool bar select the polygonal Lasso tool (L). Draw as shown below and join the end from where you started.

Select the middle part layer. Hit the Delete Key, to remove the area. This is to make the folding of the sachet.

scr12 Create Packaging Design in Photoshop

As did for the left side , make a selection for the right side and use the same steps to cut the edges.

Now, from the toolbar, selct the Pen tool (P), draw a Path along the edge of the shape .

scr13 Create Packaging Design in Photoshop

Create another one layer (Ctrl+Shift+N). Name it “highlights” .

With the same Polygonal Lasso Tool draw shape as below.

scr14 Create Packaging Design in Photoshop

Now fill it with white color.

scr15 Create Packaging Design in Photoshop

In the same layer draw few more shapes where the folds or edges are folded as shown below.

scr16 Create Packaging Design in Photoshop

From the Filter menu (Alt+t) select Blur > Gussian Blur.

Drag the slider to 6.0 . See the result below. You can see the plastic sachet molding up.

scrn-before-filter Create Packaging Design in Photoshop

Now lets go to make some salty chips.

Create a new layer. Make a rectangle with marquee tool . Fill it with color. I ve used here is #fdfddd.

scr17 Create Packaging Design in Photoshop

Go the Filters Gallery in the Filter menu.

Select the Texture which is the last one. Click to open more filters.

Select the Texturizer. You will get more settings on the right side which is shown below.

Press OK to apply the filter.

scr18 Create Packaging Design in Photoshop

Next we will apply Motion Blur.

From the Filter Menu , select Blur > Motion Blur.

Apply the following settings. Press OK.

scr191 Create Packaging Design in Photoshop

Draw an ellipse with the Elliptical Marquee tool.

Invert the selection by holding Ctrl+Shift+I.

Hit the Delete key to remove the inverted area.

scr20 Create Packaging Design in Photoshop

Duplicate the chips layer.

From the Filter Menu, next we will use Twirl, which is in the ——————–

Drag the angle slider to 50. See the preview.

scr21 Create Packaging Design in Photoshop

Duplicate another layer. Select the layer. Press Ctrl+F to apply the previous used filter.

You can play around with many shapes.

scr202 Create Packaging Design in Photoshop

screen22

Place the logo (pic)

Place the chips and arrange it. Apply some drop shadow. Increase the size if the shadow opacity to 50%.

withchips1 Create Packaging Design in Photoshop

After arranging all the layers, make a ‘New Group from Layer’ from the Layers channel (for further editing). Hide the group.

Duplicate the layer group . Select all the layers and flatten (Ctrl+E).

Apply plastic wrap to give depth from the filter gallery.

Change the settings to the following. You might have to make some variations in the values, depending on the color you have chosen.

Try to get the maximum, by visually looking at it, in the preview window.

pw1 Create Packaging Design in Photoshop

Tear the edge by using Lasso tool. Just draw a torn shape around the edge as shown below.

pw2 Create Packaging Design in Photoshop

Rotate the torn by first moving the center point to base. Now rotate to 50 -60 degree from the option menu or manually.

pw3 Create Packaging Design in Photoshop

Add perspective by selecting the layer. Press Ctrl +T . right click and select the bottom nodes.

Change the values of H to -7.5 or do it manually to get the result.

pw4 Create Packaging Design in Photoshop

Press Ctrl+T and rotate the sachet at 110 degree.

pw5 Create Packaging Design in Photoshop

Add chips falling below the sachet layer .

withchips_pwrap7 Create Packaging Design in Photoshop

Add drop shadow to the sachet.

pw6 Create Packaging Design in Photoshop

Add drop shadow to chips too

scr7_chips_fallingset Create Packaging Design in Photoshop

See the results.

pw8 Create Packaging Design in Photoshop

Add a dark background color #691222.

The end results will be like below

scr91 Create Packaging Design in Photoshop

Eye Effect by Photoshop


Fig. 1

It's time to have some fun again :)
This is a pretty easy tutorial, but with a little imagination you can make some really funny figures.

Open up a new document - I used white background - and create a new layer called Eyeball.

Select the Elliptical Marquee Tool and make a perfect circle selection by pressing Shift while dragging the selection. Fill your selection with white color and apply these layer styles.


Fig. 2

Now create a new layer - call this layer Eye.

Now drag a new circle selection and fill this selection with your desired eye color.

Then apply some Inner Glow layer style with these settings.


Fig. 3

Create a new layer and call this layer Pupil.

Use the Elliptical Marquee Tool again to make a new circle and fill the selection with black color.

Then make the final layer - call this layer Reflection.

Again use the Elliptical Marquee Tool to make a selection similar to mine in figure 3 - and fill the selection with white.


Fig. 4

Use the transform option (Edit - Transform - Rotate) to rotate the white Reflection layer like shown in figure 4, and nudge the layer up and to the right until you get it into the right position.

And that's it!

Below is a couple of characters I made to give you some inspiration :)

Have fun!