Attention: Now www.sugumarje.com running as sugumarje.blogspot.com - Sorry for this inconvenience

Recent Caricatures

Saturday, June 18, 2011

HDTV

HDTV
Tools: Photoshop and Illustrator CS2 and CS5
Time: Minimum 2 Hours
Level: Advanced
 
Hi, Welcome to this HDTV Creation. The Brand name is NBC (Dummy Product Name). Our Render is here! How’s that?






































Please Check Images :)

STEP: 01 NEW DOCUMENT
Create new Document in Illustrator by width 1440px and height 900px with RGB color mode. You can choose your own laptop wall size.

STEP: 02 LOOK IN WITH YOU
Get simple paper work for what you have in mind? Close your eyes. Go to near Sony HD Center. Look all HD monitors. Wow! You have amazing feeling with colors of display! Now, go to a choice of places in that hall and look up on this degree, voila! You got the IDEA!

STEP: 03 START YOUR PROCESS
Wake Up! Come to your process.  Draw a rectangle box and set number of Guides based on what you got in Idea. No problem, just assumption what you are ready for… or simple try to get this guides for your process.

STEP: 04 CREATE BOX FOR SCREEN
From tool box select Create Round corner rectangle (select M) with in top, bottom 3rd one, left 3rd one and right end of guides. See the Step image.

STEP: 05 GIVE THE PERSPECTIVE
Now select, direct selection tool (select A) Drag over to right corner 2 points. Now press down arrow key till the points touch the top 1st guide. Do the similar process for bottom right points. This time you use top arrow key. Our image said this.

STEP: 06 GIVE THE PERSPECTIVE 2
Select the Pen tool + (P) and add one point on the top line of the rectangle. Do similar process to bottom line.

STEP: 07 GIVE THE PERSPECTIVE 3
Now we create point convert to curve style, select Convert anchor point tool (Shift+C)

STEP: 08 GIVE THE PERSPECTIVE Final
With selection of Direct selection tool (A) Drag the left and right nodes and drag down the points and get the shape looks like.

STEP: 09 MAKE HD SCREEN_1
We need another shaped rectangle with little small size. Go to Object > Transform > scale > enter the value 96% and click Copy. You can use RMB (Right Mouse Button) for this step.

STEP: 10 MAKE HD SCREEN_2
Adjust the second rectangle and set perfect fit within first rectangle shape. At the bottom, give little extra gap.

STEP: 11 MAKE HD SCREEN_3
Drag over mouse to two shapes or press shift key and select and go to > Object > Compound path > Make. You can use RMB > Make compound path

Step: 12 MAKE HD SCREEN Final
After the step 11, our shape merged one to another. Fill the black color. Now we have the HD screen.

STEP: 13 CREATE PANEL
Draw the back side panel in the left side of the screen with your Pen tool (P). See the shape details in the image. Fill black color

STEP: 14 CREATE METALLIC FRAMES
Draw another shape between the screen and the back side panel with fill 20% of black.

STEP: 15 MAKE BORDER FRAME
Make rounded rectangle over to the similar created shape. Fill the gradient as black and white from left to right. Now our process looks like.

STEP: 16 CREATE STAND POLE
Now we ready to create Stand pole for the screen. Draw Rectangle, at the bottom left corner make curve with direct selection tool (A). Do the similar step with right corner.

STEP: 17 CREATE STAND POLE_1
Be cool with your shape, go to > Object > Transform >shear > give -15 degree and click ok.

STEP: 18 CREATE STAND POLE_2
Go to Gradient and fill into the shape. I choose 20% black / white/ 80% black/ white/ 30% black. Look the gradient in the image.

STEP: 19 CREATE STAND POLE_3
Make copy your gradient shape, turn -90 degree your gradient fill. No change in the filling. Re copy your shape fills with black. Arrange the shapes by one by one… look the image please.

Step: 20 CREATE STAND POLE Final
Select the 3 shapes > Object > Group. Set to the bottom of the HD screen. Now you got the screen and stand pole.

STEP: 21 CREATE STAND
Draw rounded rectangle bottom of the stand pole.

Step: 22 CREATE STAND_1

Select and go > Object > Transform > shear > give the -40 degree and click ok.  Add more two points on bottom line and top line. Select new points, make curve with Convert anchor point tool (Shift+C).

Give more curve shape with direct selection tool (A) by reference of the image.

Step: 22 CREATE STAND_2

Draw the new curve shape with your pen tool. This shape comes with minimum 10 more points. Do not make extreme points. Minimum points make best curve shape.

Step: 23 CREATE STAND Final
Draw new shape over the stand shape for shadow. Draw another for back side of piece. See the reference image.

STEP: 24 CREATE BUTTONS
Create buttons with simple gradient on rounded rectangle. Set it over to black rectangle. Select it and make group.

STEP: 25 MAKE BRAND NAME
Make brand name NBC with default font (Myrid Roman). Set over to bottom of the screen.

STEP: 26 FINALIZE IN ILLUSTRATOR
Voila! Now you have finished the basic form of HD monitor. Select > Copy your HD monitor. Here our Illustrator process comes over. Take off to Photoshop!

STEP: 27 IN PHOTOSHOP
Make new Document with 1440px to 900px with Resolution 72. If you need more Resolution be care with your RAM.

STEP: 28 MAKE SMART OBJECT
Paste your HD monitor into the new document. Now the paste option box is appearing. Choose paste as Smart Object.

STEP: 29 CREATE BACKGROUND
Make new layer and select gradient, in the gradient color selection box select red (#FF0000) and Fire Brick (#C11B17 ) fill it with Round shape fill option. This filling has acquired 70% of the document.

Step: 30 CREATE BACKGROUND 2
Make another layer, fill with similar gradient colors bottom of the 30% of place in the document. Wow! You got it.

Important:  Step 29 and 30 layers are placed on bottom of the HD screen Layer.

STEP: 31 MAKE IT SHINE
We need some of over shine on the HD screen. Draw Triangle shape with your Pen tool (P) on top left corner on the HD screen > make new layer > Press Ctrl+Enter and fill with white.  Do the Similar step with HD screen’s bottom right corner.

Step: 32 MAKE IT SHINE 2
Set these layers over to HD Screen. Select Soft Eraser (E) and apply over to two triangle shape. It makes real shine on the HD screen.

STEP: 33 SCREEN IMAGE
Now we want HD screen image. Select picture as your choice, open with Photoshop and drag into HD monitor document with move tool (V). Set the Picture layer just back to HD monitor screen.

STEP: 34 PICTURES FIT
Just resize the picture with > Edit > Transform >scale > Enter. Make fit with your HD Screen. Now real fit option is now… Select picture > Edit > Transform > Wrap

STEP: 35 MAKE WRAP
Adjust the wrap image for fit into HD screen. You can move four corner points for this position.

STEP: 36 SMOKY
Here we have to apply smoke brush for colorful movement. Get your brush from (www.deviantart.com) Apply into the new layer back of HD Screen. Make transparency lock to this layer. Select color by red, yellow, sky blue, green, yellow and red on Gradient. Fill over to this smoke. Do undo and make chance more for your best result.

STEP: 37 SHATTER IN BRUSH
Make new layer over this transparency. Select the hard round brush with orange color, size to 10 or 12 > go to brush setting > select Scattering > select Other Dynamics > select Smoothing and Protect Texture.

STEP: 38 MAKE IT COOL
Now draw stroke with your Pen tool (P) match with the transparency curve style. By RMB (Right Mouse Button click, select stroke path, then click OK.

Step: 39 MAKE IT COOL 2
Do the similar step with white color brush.

STEP: 40 RENDER WITH SMILE
You did it. Be happy with your process.

Important: Each step has done with care. It you not get nice result try one more. Thanks to watching this tutorial. If you want to more please mail to: Sugumarje@gmail.com



Post Comment

No comments: