The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Create mail box with flag icon in photoshop

Create mail box with flag icon in photoshop


Step 1

Open new document (600 x 600 px). Create the group, call it "mail box". In this group, create new layer, call it "front box". Choose Rounded Rectangle tool with Radius 100 px and make the shape as show be low. Then fill it #828282.

image 1

image 2

Step 2
Cut the bottom of "front box" as show below.

image 3

Step 3

Press Ctrl + T to transform it.

image 4

Step 4

Press Ctrl + J to duplicate "front box", rename new layer "back box". Move "back box" under "front box" and turn it as show in image below.

image 5

Step 5
Press Ctrl + T to transform "back box"smaller than "front box" a little.

image 6

Step 6
Create new layer upon "font box", call it "inside box". While holding Ctrl down click on "front box" to obtain its selection. Go to menu Select > Modify > Contract, set Contract By 4 px and fill it #9b9b9b.

image 7

Step 7
Make the selection as show below and press Ctrl + T to transform it.

image 8

Step 8
While holding Ctr down click on "front box" to obtain its selection. Press Ctrl + Shift + I to reverse the selection and press Delete to remove the excess area of "inside box".

image 9

Step 9
Create new layer upon "back box", call it "middle box" and repeat step 6 to step 7 to do.

image 10

Step 10
Use Pen tool to following the images below to complete the box.

image 11

image 12

image 13

Step 11
Add the following layer style to "middle box".

image 14

image 15

Step 12
Add the following layer style to "back box".

image 16

image 17

Step 13
Add the same layer style of "back box" to "front box".

image 18

Step 14
Make the selection as show in image below. Use Burn tool to drawn the shadow on "inside box".

image 19

image 20

Step 15
Add more shadow to "inside box".

image 21

Step 16
Use Dodge tool to add the high-light.

image 22

Step 17

Create new group under "mail box", call it "box support". In this group, create new layer, call it "support 1? and draw the elip as show in image below.

image 23

Step 18
Press Ctrl + J to duplicate "support 1?, rename new layer "support 2?. Then move it under "support 1? layer and turn it down as show in image below.

image 24

Step 19
At "support 2?, make the selection as show in image below and fill it the same color as "support 2?.

image 25

Step 20
Use Burn tool to as th shadow to "support 2?.

image 26

image 27

image 28

image 29

Step 21
Use Dodge tool to add the high-light.

image 30

Step 22
Use Dodge tool to add the high-light to "support 1?.

image 31

Step 23
Use Brun tool to add the shadow.

image 32

Step 24
Create new layer upon "support 1?, call it "support light". Drawn the white line as show in image below.

image 33

Step 25
Go to menu Filter > Blur > Gaussian Blur, set Radius 2px. Then while holding Ctrl down click on "support 2? to obtain its selection. Press Ctrl + Shift + I to reverse the selection and press Delete the delete the excess area of white line.

image 34

image 35

Step 26
Add the following layer style to "support 1?.

image 36

image 37

Step 27
Add the following layer style to "support 2?.

image 38

image 39

Step 28
Creat new layer upon "light", call it "box shadow". Follow the images below to make the shadow on the support.

image 40

image 41

image 42

Step 29
Create new layer upon "box shadow", call it "pillar". And draw it as show in image below.

image 43

Step 30
Add the following layer style to "pillar".

image 44

image 45

Step 31
Create new layer upon "pillar", call it "pillar light". Follow the images below the make it.

image 46

image 47

Step 32
While holding Ctrl down click on "pillar" to obtain its selection. Choose "box shadow" and press Ctrl + J to duplicate the selection, rename new layer "box shadow 2?. The move it upon "pillar light" and reduce Opacity to 30 degree.

image 48

Step 33
Press Ctrl + J to duplicate "pillar", rename new layer "pillar reflection" and move it under "pillar" layer. Then follow the images below to make the reflection.

image 49

image 50

image 51

image 52

Step 34
Create new layer upon "box shadow 2?, call it "box shadow 3?.

image 53

image 54

image 55

Step 35
Create new group between "mail box" and "box support", call it "box door". In this group, create new layer, call it "door 1? and draw as show in image below.

image 56

Step 36
Press Ctr + J to duplicate "door 1?, rename new layer "door 2? and turn it left as show in image below. Then use Burn tool and Dodge tool to add the detail to "door 1?.

image 57

image 58

Step 37
While holding Ctrl down click on "door 2? to obtain its selection. Go to menu Select > Modify > Contract, set Contract By 5px. Press Ctrl + J to duplicate this selection and rename new layer "door 3?. Then use Burn tool and Dodge tool to add the detail to "door 2?.

image 59

image 60

Step 38
Create new layer upon "door 3?, call it "cross bar". Draw as show in image below. Then Add the following layer style to it.

image 61

image 62

Step 39
While holding Ctrl down click on "door 3? to obtain its selection. Choose any selection tool (Marquee tool or Lasso tool) and press left key 4 times and up key 3 times. Press Ctrl + J to duplicate this selection, rename new layer "door 4?. Then use Burn tool to add more detail to "door 3?.

image 63

image 64

image 65

Step 40
Add the following layer style to "door 4?.

image 66

image 67

Step 41
Create new layer under "cross bar", call it "cross bar 2? and draw as show in image below. Then add the following layer style to it.

image 68

image 69

Step 42
Create new layer under "cross bar 2?, call it "cross bar shadow". While holding Ctrl down click on "cross bar" to obtain its selection and fill black color. Go to menu Filter > Blur > Motion Blur, set Angle 90 degree and Distance 6px. Then delete the excess area and reduce Opacity to about 60 degree.

image 70

image 71

Step 43
Back to "mail box" group, create new layer upon "inside box", call it 'black line" and draw as show in image below.

image 72

image 73

Step 44
Create new layer upon "black line", call it "hinge". Use Rounded Rectangle tool to following the images below to make it.

image 74

image 75

image 76

image 77

Step 45
Press Ctrl + J to duplicate "hinge" to one new and turn it down as show in image below.

image 78

Step 46
Create new group on top, call it "flag". In this group, create new layer, call it "button 1? and use Rounded Rectangle tool to following images below to make it.

image 79

image 80

image 81

image 82

Step 47
Add the following layer style to "button 1?.

image 83

image 84

Step 48
Create new layer under "button 1?, call it "button 2?. While holding Ctrl down click on "button 1? to obtain its selection. Fill any color to "button 2?. Then turn it as show in image below.

image 85

Step 49
Use Pen tool to draw as show in images below.

image 86

image 87

Step 50
Add the following layer style to "button 2?.

image 88

image 89

Step 51
Create new layer under "button 2?, call it "button shadow 1?. While holding Ctrl down click on "button 1? to obtain its selection. Fill it black color. Then turn it as show in image below.

image 90

Step 52
Press Ctrl + J to duplicate "button shadow 1?, rename new layer "button shadow 2?. At "button shadow 2?, go to menu Filter > Blur > Blur More.

image 91

Step 53
At "button shadow 1?, go to menu Filter > Blur > Motion Blur, set Angle 90 degree and Distance 8px. Then turn it down a little and use Eraser tool to delete the excess area.

image 92

image 93

Step 54
Create new layer upon "button 1?, call it "button light" and make it as show in image below.

image 94

Step 55
Create new layer upon "button light", call it " flagstaff". Follow the images below to draw the flagstaff.

image 95

image 96

image 97

Step 56
Add the following layer style to "flagstaff".

image 98

image 99

Step 57
Create new layer upon "flagstaff", call it "red flag 1?. Follow the images below to draw the flag.

image 100

image 101

image 102

Step 58
Create new layer upon "red flag 1?, call it "red flag 2? and make something as show in image below.

image 103

Step 59
Select "flagstaff", "red flag 1? and "red flag 2? right click and choose Duplicate Layers to duplicate these layer, press Ctrl + E to merge all new layers to one new, rename new layer "flag reflection". Then move it under "flagstaff" layer and press Ctrl + T with Warp to transform it as show in image below.

image 104

Step 60
Reduce Opacity of "red flag 2? to 20 degree. Add layer mask to "red flag 2? and use Brush tool with black color to draw as show in image below.

image 105

image 106

Step 61
Add the yellow star.

image 107

Step 62
Create new layer under "flagstaff", call it "flagstaff shadow" and make it as show in image below.

image 108

So we have done

image 109

More Color And Texture

image 110

image 111

Create Mail Box With Flag Icon In Photoshop



Author's URL: Child Monster
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: