Showing posts with label Tutorials. Show all posts
Showing posts with label Tutorials. Show all posts

Hot iphone Sky Scene In Photoshop

In this tutorial I`ll show you how to create a hot Iphone scene in Photoshop,using some stock images and brush sets.

Along the way,I`ll use different techniques like selections,masking and painting and a few little tricks to make this project more interesting and spectacular.

What are we making

iphonereview

For this tutorial we`ll need a couple of things,images and brush sets.You may download them from the list below,or if you have another ones greater than those,use them.

Materials needed:

Iphone image

Grass image

Floral deco brush set by ro-stock

Orange flower by Go-4-it

Pink flower #1 by sourcow

Pink flower #2 by adaae

Gerbera flower

Grass brush set

Butterfly

Air balloon

Clouds brush set by Javier

First step:Setting up the workspace

Open Photoshop and create a new page of 1024×680px.

16

Step 2:Add a gradient background

Add a gradient background to the first layer with the next settings:

24

33

The image has a nice blue background now.

44

Step 3:Add the Iphone

Now, download the Iphone picture and with the Pen Tool create the selection of the phone.

53

Add the Iphone to the project.If the image is too big,resize it by pressing Ctrl+T or Edit-Transform->Scale.To resize it more accurate,hold Shift Key while you make it smaller.

63

Step 4:Add the grass

Download the Grass image and open it into Photoshop.

72

Resize the image and make sure that the grass layer is under the Iphone layer.This way,the Iphone will stay on the grass.

83

Step 5:Masking the grass

As you can see,the grass image has hard corners.We`re gonna try to make them softer and rounded.So,select the grass layer and press the layer mask button situated at the base of the layers area.Now press the layer mask thumbnail to select it.

93

Choose an Airbrush Soft Round and start masking the corners.

102

Don`t forget to set the foreground color to black,so you can add the mask with 100% damage.If you`ll choose another color instead,there will be traces of grass all over the mask,and we don`t want this.

112

Finish the mask and try to get rid of those ugly corners as much as you can.Don`t be afraid because we`ll add in the future some extra grass using a brush set.

122

Step 6:Paint some flowers

Download the Floral Deco brushes and select the brush nr. 22 from the list.

132

After you place one flower on a side,duplicate the layer,flip it horizontal(Edit->Transform->Flip Horizontal) and put it on the other side.

142

Select the Erase tool(E) and delete the long leaves of the flowers.This is an optional step.You may delete them or not,but I decided to erase them.

151

161

Now select the brush nr. 24 and add some pink flowers like above.Be sure that the flower layers are under the iphone.

171

Step 7: Add some flowers

Download the flowers (orange flower,pink flower1,pink flower2,gerbera flower) and with the Pen tool(P),select them and add them to the main project.Now,be sure to add the flowers layers above the Iphone.

181

191

Step 8 :P ainting some grass

Next,download the Grass brushes and paint over the grass picture.Change the color between different types of green to obtain a better result.Put the grass layer under the Iphone but above the grass.

201

212

Step 9

We`re going to add some scatered lines all around the Iphone.First,set up the brush tool,with the next settings:

231

241

25

Select the pen tool and create a path around the Iphone.Then right click and choose Stroke Path.Choose Brush and hit Simulate pressure.

222

It will appear a scattered line around the Iphone.Duplicate the layer 3 or 4 times to make the line more visible.For each duplicated layer,change the color to pink or white,or red, and move them a little bit to give the impression of movement.

26

Step 10: Add 2 more elements

Next we`ll add a butterfly and an air balloon.So,download those two images from the top-list,select them with the Pen Tool(P) and add them into the project,resizing them adequate.

27

28

Step 11: Clouds

Next step is to add some clouds on the background to make it look nicer.So,download the Cloud brushes and paint with a white color some clouds.

29

Final

We`ve finished here.Here`s a preview of the final image:

iphonereview

I hope you like the tutorial and learn something from it.See you very soon for another tutorial.







[Via ourtuts]

Read more


A Realistic 3D Baseball Cap Design in Photoshop

In this Photoshop tutorial, I will show you how to create a realistic 3D Baseball cap in Adobe Photoshop using the Pen tool, brushes and some nifty tricks.


Step 1: Create the shape

Create a new document in Photoshop and fill it with white (#FFFFFF). Create a new layer and use the Pen Tool (P) to create the shape of the cap (you can use an image of a cap as reference for this, or use the outline shown below). After that, press Command+Enter to transform the path into a selection. Then fill it with the color #1c1812.

Step 1

Step 2: Define shapes

It’s time to define some parts of the cap. Use the Burn Tool (O) for adding some shadows to the cap (shown below) and then use the Pen Tool (P) to create two lines (#413a2f).

Step 3: Create the Texture

The rear part of the cap must be darker. Create a selection on the back of the hat, and use the Brush Tool (B) to fill the selection with a black color on a new layer.

Step 3

Step 4

Right-click on the layer with the rear part of the cap and select Blending Options. Then go to Pattern Overlay and add the below settings.
Blend Mode: Hard Light
Scale: 7%
Opacity: 13%

Step 4

Step 5

The seams of the visor are created with the Pen Tool (P). Create each seam on a separate layer by drawing the line with the pen tool, stroking with a thin hard brush, and then erasing the edges with a large soft eraser. Select these layers with the seams, and Merge Layers.

Duplicate them, invert their color (Ctrl+I) and place the black seams layer behind the other ones. This gives it a bevel effect.

Step 6

Create a new layer. Again use the Pen Tool (P) to create a shape like below and fill the selection with black. Then add noise to the selection (Filter > Noise > Add Noise | Keep it below 10%), and keep the Opacity of the layer to 75%.

Step 6

Step 7

Create another layer and build a shape like below using the Pen Tool (P). Next thing you’ll have to do is to add some light, to make the rear side of the cap look more transparent (as if light is fading through from the other side). Use the Brush Tool (B) with white color and add some smooth light.

Step 8: Add logo

To give it an unique look you can add a brand or some unique design elements of your own. I used #7b7452 and then set the layer to Color Dodge.



Step 9: Details

To create the shape of the deeper lines in the cap, use the Pen Tool (P) to create shape selections, add lights and shadows using the Burn and Dodge Tools. Smudge the highlights and shadows to give them a softer look.

Step 10: Light

You must add some light on the visor, so make a selection and use large white brush to fill in the selection. Then select the Hard Light blending mode and decrease the opacity if needed.

Step 11: Realistic Texture

The material looks a bit cartoonish and smooth, so we need to brush some spots with different colors (darker/lighter). You can smudge them (or give them different Filter>Blur>Motion Blur effects) to make them look more realistic.

Step 12: Background

The cap is finished. Now you must create the background.



Step 13: Light

To make it more obvious and shiny, we must modify the contrast and the brightness. Select all the hat layers and merge them onto a new layer (Ctrl + Alt + E). Adjust the Contrast and Brightness (Image > Adjustments > Brightness and Contrast) until the hat pops out from the background significantly.

Step 14: Shadow

The cap looks like it is floating so we must add a shadow.

Step 15: Background

Create a new layer (ctrl+shift+n) and place it behind the cap layers. After that use some grunge brushes (like these) create a nice background using various colors.

Step 16: Background

The final step of this chop is to add light on the bottom and shadow to the top to create the space where the cap is placed.

Use PenTool(P) to make the selection and using a large soft brush create the platform for the cap.

Conclusion

Try to improvise as much as you can when you are creating the design of the cap. It’s not necessary to use all the same colors, or create a grungy background! Enjoy, and feel free to download the free PSD for reference!









[Via tutorial9]

Read more

Recent Posts

Search Medhley

Followers