Today we will learn how to create an iPhone 3GS in Photo Filtre Studio. We will use some basic drawing tools and layer effects to make it as realistic as possible. We will concentrate on the camera interface in this tutorial. The techniques demonstrated here can help you to recreate any device, like flat screen TV’s, laptops etc. hope you have fun with it. Let’s get started!
Skill Level
Intermediate
Preparation:
First we will create a background. Open a new document with a White Background 376 x 733 Pixels and open another new document with 320x480 PixelsStep 1
We are going to work with the 320x480 Pixels background !this background is a virtual screen of IPhone, we will use to know how it will look the base
and when we finished we will replace it with a wallpaper of Apple IPhone.
click on the Gradient icon.
change it to these settings and click Ok than copy the background and go to the 376x733 Pixels background and paste it, than move it to the middle.
Step 2
Now trace the IPhone base.
This is how it will look like.
Now, we are going to draw the base using the Selection tool click on the shortcut (A) than go to Rounded Rectangle or with shortcut (C), select the base of the IPhone.
When you select the base, do these steps
Width to 5.
Opacity to 100.
Position to Top/Right or Top/Left don't matter because we will use it twice with 2 side.
When you finished click Ok !.
Than click Ok !.
Step 3
Drawing the Surface of the IPhone.
Select Fill Tool paint the white area to black
Now, click in the Magic Wand tool (shortcut (L)) and select the black area of the IPhone Base
When you select the Black area, follow these steps
Step 4
Making the border look like a metallic.
On this step we will highlight the border.
First, Duplicate the background than clear it (make the background look whole white), when you done Duplicate the white background and make it between the IPhone Base to look like this picture.
See the Layer 2 is IPhone Base and Layer 3 is the one that we Duplicate it from the background, the next work is on the layer 3.
than go to Blend Mode and change it from Normal to Overlay.
Now, Merge between Layer 3 and Layer 2. This white layer and Overlay mode give to the border an metallic effect,
Step 5
In this step we are going to make reflective glare over the phone. Let's start.
With the Magic Wand Tool select the black part of the Phone than copy it and past it, with this black part we will make the reflective glare over the phone. Remarque: (don't select the whole layer 2 with the border, just select the black part without the border)
Select the layer 3
You can change these specifics as you like (only with opacity, don't change the colors make them all with white), here I make Color 1 white with Opacity 15% and Color 2 with Opacity 25%, you can change it as you want. When you finished just click Ok !.With Polygon make a selection just like this picture and press Delete in your keyboard or right click than Clear.
Step 6
Now we will create the speaker at the top of the IPhone.
Make a selection of the rounded rectangle and press Delete or right click and go to Clear. Remarque: just clear the rectangle area from the Layer 2
Now, just reduce the size of the rounded rectangle with 2 pixels. look at the picture.
When you done, go to Gradient and change it to these settings than click Ok.
When you done, go to Gradient and change it to these settings than click Ok.
Step 7
Now we will create the camera,
Use the Ellipse Tool and draw a circle than go to Gradient and change the colors and opacity just like this picture and click Ok.
Now, reduce the size of the circle and go to Edit than search for Stroke and Fill or you can use the shortcut (Ctrl + B), choose the color Black and Width 1 than click Ok,
Step 8
Now create the home bottom.
Use the Ellipse Tool and draw a circle.
Go to Gradient and do like these settings,
Direction: Right.
Color 1: Black, Opacity 30%.
Color 2: White, Opacity 45%.
When you done click Ok.
Go to Gradient and do like these settings,
Direction: Right.
Color 1: Black, Opacity 30%.
Color 2: White, Opacity 45%.
When you done click Ok.
Go to Edit than search for Stroke and Fill or with the shortcut (Ctrl + B), change the color to Gray and Width to 1 than click Ok.
Step 8
Now create the IPhone screen.
About the screen, I'm using a wallpaper for IPhone with 320x480 Pixels, you can find it in Google images.
Now, to open the wallpaper to the document go to Layer --> New --> Open as layer than choose the wallpaper.
Make Layer 1 under the wallpaper.
Select the wallpaper (Layer4) and click (Ctrl + B) and change the color to black like a gray than width to 2, click Ok.
Now, to open the wallpaper to the document go to Layer --> New --> Open as layer than choose the wallpaper.
Make Layer 1 under the wallpaper.
Select the wallpaper (Layer4) and click (Ctrl + B) and change the color to black like a gray than width to 2, click Ok.
Final Step
Now It's done just merge all layers with the shortcut (Shift + Enter) and save the picture
Optional
Now it’s time to add in your favorite iPhone wallpaper. Have fun there! Click here to view the final image.
See this tutorial in video HD: