Tag Archive | Scratch

Create a Feathery Shoe from Scratch

This tutorial will show you the making of my entry “ashoo!!” in the Backview Contest.I used Adobe Photoshop CS3 for this project but it would work fine in other versions of photoshop.I created the shoe from feathers, leather and cloth from the source image and used the Transform, Smudge, Burn/Dodge tools and Blending Modes plus some techniques in mashing them together. It seems pretty safe to wear but I don’t think it will last under the rain.

End result:
Create a Feathery Shoe from Scratch Final Image
Step 1

I created a new document, 1951×1182 pixels with a 300 dpi resolution. The size need not be really large but I find it easier to work on the details this way.

NOTE: You can refer to the figure in Step 12 for the structure of the layers/groups of the shoe parts.

Sketch Layer

To start, I sketched a shoe on a new layer with a transparent background and renamed it to sketch. This layer will serve as a guide on how I will place the shoe parts later on.

TIP: You can right click on the box containing the little eye icon on your layer and select a color for it. This can serve as a marker for your layers – in my case, it helped me easily identify the sketch layer whenever I need to toggle its visibility.

Step 2

This step will tackle the basic process of constructing the parts of the shoe and will be referred to in the next steps.

The first parts to be built are the Shoe Tie (Shoelace), Rims and Shoe Tip Layers.

I opened the source image (from the Backview contest, http://www.pxleyes.com/photoshop-contest/18393/backview.html) in a separate document and selected areas from it by using the Marquee Tool (M). I copied (Ctrl+C) the selection and pasted (Ctrl+V) it under the sketch layer (take note that I am keeping the sketch layer as the topmost layer).

I then cleaned the selected area by masking the excess. I used Layer Masks in this step so that I can easily make adjustments later if needed.

Next, I used the Transform tool (Ctrl+T) to adjust the position, size and perspective of the selected area/layer. To fit it more into the sketch I made earlier and to add some depth, I enabled the Warp mode of the Transform tool. This can be done by clicking on the Warp icon on the Options bar (the Transform tool must be active to be able to use the Warp mode).

Note: I added an orange background since I find it difficult to manipulate the feathers against the white background.

TIP: If you wish to add a temporary background color (which you may want to change from time to time), rather than creating a new layer and filling it with the Paint Bucket Tool, you can click on the Adjustment Layer icon at the bottom of your Layers panel and select Solid Color… (or via the menu, Layer >> Change Layer Content >> Solid Color…). You can see more details about Adjustment Layers at Step 8.

Step 3

Leather Strip Layer

Using the same process in Step 2, I proceeded to add leather strips to the side of the shoe.

At this point, I was already having a bunch of layers so that I grouped them by parts.

Step 4

Insides Layer

Applying the process in Step 2, I added the insides of the shoe.

Step 5

Body Layer

Added the rest of the body of the shoe.

Step 6

Sole Layer

Next, I added a sole to the shoe.

I first selected an area from the source photo then duplicated (Ctrl+J) it and formed it around the base of the shoe using the Transform tool (Ctrl+T).

I later cleaned the shape by flattening these strip layers and erasing the excess. I then moved it behind the rest of the layers.

And to give it some depth, I added a Layer style and selected Bevel and Embossed (see settings below).

I then added some shadows at the edges of each of the strips by painting it in with a soft round brush on a new layer with its blending mode set to Multiply. The colors I used for the shadows are varying shades of grey (Note: I used this method of adding shadows throughout the next steps).

TIP: Another way to duplicate the current layer, is to use the Move tool (V), hold down the Alt key and then drag. This is suitable if you do not need the duplicate to be at the exact position of its copy – like in this step – otherwise, use Ctrl+J.

Step 7

Added more details to the body of the shoe.

To give it a more feathery look, I used the Smudge tool (R) around the edges. With the strength set to around 60% to 80% and the brush size set from 2px to 4px, I made short quick strokes along the sides of the body.

I gave a range of values for the strength and brush size because I changed these settings from time to time as I applied the Smudge tool (R). This way, the strands will have varying thickness and length.

Going back to the extra layer of feathers I mentioned in Step 5, I also applied this same technique to it and added some strands overlapping the strips of leather and sole.

I also added a shadow under the rim (rims layer) of the opening of the shoe using the same technique I used on the sole (Step 6).

Step 8

Added details to the insides of the shoe.

Added colors to the insides of the shoe using the Hue/Saturation adjustment layer. To prevent the Hue/Saturation Layer from affecting the layers below the insides layer, I used the insides layer as a Clipping Mask.

I then added a few more details by placing a lining at the inside of the shoe using the same strip of leather used for the sole (again, the same process from Step 2 was used) plus some shadows (see Step 6).

Step 9

In this step, I fixed the shoe tie layer and added color to the shoe tip layer.

For the shoe tie layer, I masked more areas of the shoelaces and made the ends a bit rounded. I used Liquify to add some curl to the end of the shoelace and more Warp on the entire shape.

Next, in the shoe tip group, I added some adjustments to the Curves and Brightness/Contrast of the tip layer to blend it with the rest of the shoe, and again set a Clipping Mask so as not to affect the layers beneath.

I also added some color to the body of the shoe.
– First, I added a new layer which I renamed to cloth
– On the cloth layer, I marked the area of the shoe I would like to color using the Pen Tool (P) then converted it to a selection (Ctrl+Enter) – this being the non-black area of the tip layer.
– Still on the cloth layer, I used the Eyedropper tool on the insides layer, then filled the selection using the Paint Bucket Tool.
– I removed the selection (Ctrl+D) and set the layer’s blending mode to Overlay.
– To remove any excess color, I simply applied the Clipping Mask.

TIP: When using the Brush or Paint Bucket/Gradient tool, you can easily switch to the Eyedropper tool by holding down the Alt key.

Step 10

Background Group: Floor and Floor Overlay Layers

The following are my own photos used for the background.

Step 11

Background Group: Floor and Floor Overlay Layers

For the background, I used two layers. The floor layer served as my main background and the floor overlay layer, was used as a texture by setting it on top of the floor layer and changing its blending mode to Overlay.

I also adjusted the Curves and Hue/Saturation to darken the texture’s colors. Again, I applied a Clipping Mask to prevent it from affecting the layers beneath.

Step 12

Added the background and placed a shadow beneath the shoe.

For the shadow, similar to the method used in Step 6, I used a new layer with its blending mode set to Multiply and brushed along the edges using a large soft brush with opacity set to around 45%. I duplicated the layer (Ctrl+J) several times and erased the too-dark-areas with a soft round brush and opacity set to 80%.

I created another Mulitply layer and set is as the topmost layer (Ctrl+Shift+}). Using the same method for the shadows, I made a circular border to somehow darken up the mood.

Below is the result and breakdown of layers and steps we have tackled so far.

Step 13

Added a few more details to the background.

I first selected a feather that I can work with from the source image and pasted it just above the background layer (again, using the same process in Step 2).

I duplicated this feather several times and changed their position and sizes accordingly. To eliminate the copy-paste-look, I erased and cloned areas in each of the feathers to make them unique.

Using Layer masks, I removed some of the feather’s edges with a soft brush and added a few gaps between the strands. I also adjusted the brush size and opacity from time to time while applying the mask.

For the Cloning (Clone Stamp tool, (S)), I lowered the opacity to 80% and cloned away obvious features of the feathers.

To make up for the erased edges of the feather, I added few strands along the sides using the same method in Step 7. But this time, with a much smaller brush size.

And lastly, I added a shadow beneath the feathers using Layer Styles >> Drop Shadow.

I repeated this step once more using a different feather from the source.

Step 14

Some additional adjustments.

The inside of the shoe was looking kinda flat (many thanks to pixelkid for pointing this out ) so I added some shadows and highlights to it.

Using the non-destructive dodge/burn method (see image in Step 3), I added some wrinkles beneath the lining of the insides layer. Using Midtones as the Range for both tools, I set my exposure to 15% for the Burn tool and 10% for the Dodge tool (you can see these settings at the Options bar).

As for the shadows on the lower part of the insides layer, similar to the previous steps, I created a Multiply layer and brushed in dark areas using a large soft brush with opacity around 10% to 15%.

TIP: For tools having the same shortcut key, use Shift+Shortcut_Key to easily switch between tools. So for the Burn and Dodge tools, use Shift+O, or for the Paint Bucket and Gradient Tool, use Shift+G.

Step 15

And this ends the tutorial. Hope you find this helpful. Cheers!

Create a Photo-Realistic Broken Egg from Scratch

In this tutorial we are going to create a photo-realistic egg shell and egg yolk from scratch, with basic photoshop techniques..
This the reference image I used: egg
(123rf subscribed)

End result:
Create a Photo-Realistic Broken Egg from Scratch Final Image

Step 1

Start with a new blank document in 300 dpi (Ctrl+N), then create a new layer (Ctrl+Shift+N) and name it ‘background.’

 

Step 2

Fill the background with grey color, I choose k:40

 

Step 3

In a new layer, create an elipse from the ‘shapes’. Rename the layer to ‘eggshell’

 

Step 4

Press Ctrl+T (transform tool) and distorst the elipse as shown in the figure.

 

Step 5

Hit Ctrl+Enter and fill any color.

 

Step 6

Add a gradient overlay to the layer ‘eggshell’ the color codes are as follows.. location 0: # fbfae1 location 50: # fd9f28 and location 100: # f4d3a8

 

Step 7

Then I changed the angle to ‘21’. Kept all other settings default.

 

Step 8

Use the pen tool and draw a shape as in the figure.

 

Step 9

Create a new layer and name it ‘egg bottom’ fill it with # f7ebbf. Keep this layer below the ‘egg shell’ layer.

 

Step 10

Use the laso tool and make the ‘egg shell’s’ edges jaggy.

 

Step 11

Create a new layer and make it cliiping mask to the ‘egg bottom’ layer. All shading and lighting to the ‘bottom layer’ will be done in this layer. You can name it shade- highlight or whatever you like.

 

Step 12

Before shading we must add some thickness to the egg shell. It is very easy. Hold Ctrl and click on the ‘eggshell’ layer. Then create new layer and fill it with white color or offwhite color.

 

Step 13

Now, place the layer under the ‘eggshell’ layer then move it a little down and a little right. See the picture. (do not add any feather while making selections. Let it be sharp. We will be fixing it later.)

 

Step 14

In this step we will add some shade to the bottom of the egg. Select the layer ‘shade’ and with soft rounded brush (opacity 10-20, flow 60-70) then with the color # b99e7c shade the marked area. Don’t rush in this step. 2 or 3 strokes will be enough.

 

Step 15

Now the fun part. Making the egg yellow. Before that, create a new layer and merge it down with ‘egg shell’. Further layers will be added clipping mask to this layer. Create a new layer for the yellow part of the egg. Rename it as ‘yellow’ and add it clipping mask to the egg shell ‘layer. Then create a circle and fill it with any color. Before filling you can add a feather with radius ’15-20’

 

Step 16

Now distort the shape and positon it as shown in the figure. ( make sure it is clipping masked with the layer ‘egg shell’)

 

Step 17

Now add a gradient overlay to the layer ‘yellow’ set the angle to 75. And set the gradient colors as. Location 0: # fc8b24, location 20: ffaa03, location 50 : ffc411, location 80: fece22, location 100: fbb71c

 

Step 18

Create a new layer and name it highlights. Make it clipping mask to the below layer ‘yellow’ then create some complex shapes as in the figure. I made 3 circles.

 

Step 19

Hit Ctrl+ Enter and fill with white. Reduse the opacity of the layer into 20-30.

 

Step 20

Create a new layer and name it ‘egg white’ place it between the laeyers ‘egg shell’ and ‘yelow’ the create a an elipse and transform ( if you are using a marque tool then right click and ‘transform selection’. ) as shown in the figure.

 

Step 21

Hit enter and add a 10 radius fether fill it with # fba63a and reduce the layer opacity to 70.

 

Step 22

Ctrl + click on the layer yellow. Add a feather with radius 20 then fill with # f09128.

 

Step 23

Now place the layer under the layer ‘yellow’ and move it a little down and to the left see the figure and layer palete.

 

Step 24

Create a layer on top of all layers and add some white highligts as shown in the figure. Use a soft edged brush with hardness around 70-80 and if need use the smudge tool to make it perfect.

 

Step 25

Take a soft edged earaser with opacity around 20 and erase the marked area. Now it is more realistic

 

Step 26

Now create a new layer just above the back ground layer and fill it with # 6d7074. This will be our shadow.

 

Step 27

I applied a gaussian blurr (from filters) with radius 80 and reduced the opactiy of the layer to 80. Then I distorted the shadow using the transform tool.

 

Step 28

Create a new layer above the ‘egg shell’ layer and add some white strokes and spots.

 

Step 29

Use the smudge tool and smudge the strokes as in the figure. Then reduce the opacity to 70-80.

 

Step 30

Use the blurr tool and smooth the edges. ( layer ‘bottom’, and layer ‘eggshell’)

 

Step 31

Also use the smudge tool on the edges of the layer ‘thickness’

 

Step 32

Finaly change the background layer to gradient overlay and use a gray to white combination.
Thanks for reading my tutorial.

 

Step 33

FInal result