Friday, September 18, 2009

Last Design before....


Nie design terakhir sebelum aku blik kg... Lega keje aku dh settle... Dapat la.. aku blik kg ngan tenang huhu... nk sambut raya.... hahaha.... syok nyew aku... dh lama x blik kg... rindu kt mak abh, blik, katil, tilam, bantal, selimut aku d kampung... huhuhu...
Dah la bln Ramadhan nie aku busy gile... nk wat poster Raya pon x sempat... Apa-apa pon aku nk ucapkan Selamat Hari Raya Aidilfitri Maaf Zahir & Batin...
kepada mak abh, smua kawan2, saudara-mara, jiran tetangga, bos aku dn smua umat islam la.... Semoga syawal nie beri manafaat kpd kte smua...

Wednesday, August 12, 2009

Poster Ramadhan Al-Mubarak

http://img248.imageshack.us/img248/9483/posterramadhan.jpg

Nur tujukan kepada smua kawan2, sahabat2, jiran2, saudara mara, & umat islam la....

Saturday, July 11, 2009

3D Push Pin and a Paper Note in Illustrator

http://img29.imageshack.us/img29/6461/82393136.jpg
For the 3D Revolve Options in Illustrator, we need to create the front view outline shape of the object we want. It always goes from the center point to the outline of the object.

Step 1

Lets start with our push pin. Create a new file. Drag a vertical guide onto the artboard. Select the Pen Tool(P), set the fill color to none, and the stroke to black. Note that you can change the color at anytime later on. Then draw a line, as you see in the image below.

http://img11.imageshack.us/img11/9244/13181946.jpg

Step 2

Select the path and open the Revolve Window under Effects > 3D > Revolve.

http://img212.imageshack.us/img212/9937/98338898.jpg

Step 3

As you can see, we have quite a few options to apply to our path. Select the Preview option. This will give us a live view of our object. Chose the following settings: X axis of -35 degrees, Y axis of -28 degrees, Z axis of 38 degrees, and leave the Perspective at 0.

Click the More Options Button. Underneath the Revolve tab, you will see the Surface Options. Let's have a closer look at the options. You can see one Highlight Point that we can move around by clicking and dragging it. We can also change the intensity of the lights. If we choose to, we can add more highlight points by clicking the New light button. In our case, we don't need to change anything. But you can play around and add more highlights if you'd like.

http://img217.imageshack.us/img217/3166/67056653.jpg

Step 4

Open the Swatch Palette and go to Open Swatch Library and select the Earthtone swatches. I chose a nice blue color. Select the path of the 3D pin and change the color. You can of course choose any color you prefer.

http://img217.imageshack.us/img217/8040/32576938.jpg

Step 5

Let's create the metal pin. Draw a shape like you see in the image below. Make sure that the two points are vertically aligned. You can achieve this by selecting them both with the Direct Selection Tool (A), and press Ctrl + Alt + J to open the Average Palette. From there choose Vertical. Then click OK.

http://img237.imageshack.us/img237/2135/40390219.jpg

Step 6

Select the path and open the 3D Revolve Options again. We'll choose the same settings, since the pin will have to be aligned with the head, but we will add two more highlights. Align them as you see in the image below. Make sure you have the Preview selected.

http://img268.imageshack.us/img268/4241/55779644.jpg

Step 7

Move the pin upwards and behind the red pin head. The shortcut for aligning layers and paths is Ctrl + [ (behind) and Ctrl + ] (in front).

http://img20.imageshack.us/img20/690/86648118.jpg

Step 8

Select the Blue head shape and choose Overlay in the Transparency Palette. This will enable us to see the pin and align it better.

http://img35.imageshack.us/img35/1174/72721442.jpg

Step 9

The pin just looked a little too short, but since we have not expanded any of your 3D effects, we can easily transform the objects. Select the bottom path point with the Direct Selection Tool and lengthen the pin. All our 3D effects will be automatically applied. Then set the Blue head shape back to Normal.

http://img339.imageshack.us/img339/8793/21302601.jpg

Step 10

Create a new layer underneath the pin layer and call it "paper." Create a rectangular shape with the Pen Tool (P). Then choose a light blue color and fill it.

http://img529.imageshack.us/img529/2527/67981679.jpg

Step 11

Copy the rectangular shape underneath by pressing Ctrl + C. Then press Ctrl + B and color it with a linear gradient from black to medium grey. Transform it slightly with the Direct Selection Tool (A) by selecting the points and handles and dragging it around until the shape is a little bigger than the paper shape.

http://img124.imageshack.us/img124/7018/16169254.jpg

Step 12

Select the grey pin part and shorten it so it looks like it pierces through the paper. You can do this by selecting the bottom path point with the Direct Selection Tool (A) and drag the point upwards. The 3D effect will be automatically adjusted.

http://img124.imageshack.us/img124/9507/82489197.jpg

Step 13

Select the Blue pin head and make a copy. While still selected, go to Object > Expand Appearance. This will apply the 3D effect.

http://img8.imageshack.us/img8/474/42228320.jpg

Step 14

Keep the object selected and open the Pathfinder Palette. Choose Add To Shape Area from the Shapes Modes.

http://img383.imageshack.us/img383/6899/96877319.jpg

Step 15

Fill the shape with black and go to Object > Path > Simplify. Move the cursor for the Curve Precision to 100%. This will reduce some points that are unnecessary quickly.

http://img32.imageshack.us/img32/5027/59702201.jpg

Step 16

Select our shadow shape, rotate it, scale it, and skew it until it resembles the image below.

http://img161.imageshack.us/img161/5592/53336787.jpg

Step 17

Apply a linear gradient that goes from a medium to light grey. This will make our shadow look more realistic.

http://img106.imageshack.us/img106/7949/46704503.jpg

Step 18

Select the paper shape and make a copy on top of it by pressing Ctrl + C + F. Then open the Swatch library patterns by clicking on the Arrow on the right hand side of the Swatch Palette. In the drop down, choose Open Swatch Library > Patterns > Basic Graphics > Basic Graphic_Textures. I chose the pattern called USGS Sewage Disposal. Fill the shape with the pattern and set the Transparency to Multiply and its Opacity to 8%. Now we have lined paper.

http://img17.imageshack.us/img17/8401/66584234.jpg

Step 19

Voila, your very own push pin and note paper.

http://img29.imageshack.us/img29/6461/82393136.jpg

Saturday, June 13, 2009

Photo Strip (Photoshop Tutorial)


The warp tool will be used to create the twisting effect (so, you need Photoshop CS2 or above to complete this tutorial). With the completion of this tutorial, you will be able build a photo strip with your own photos or artwork. Don’t miss out this fantastic feature!

1. Create a Strip (Vector Shapes)

First, create a strip with the Pen tool (either in Photoshop or Illustrator). We will use these shapes as a guideline and for masking purposes.

stripe outline shapes

2. Photo Stack

Choose 3 photos of your choice and stack them together.

photo stack

3. Warping (Photoshop Warp Tool)

Adjust the layer opacity to 40 or 50% so you can see the guideline underneath. Go to Edit > Transform > Warp. Now you should see a grid and 4 anchor points in the corner. To bending the image, simply drag the anchor points, direction points, or grid lines.

grid 1

Repeat this step for the rest of the strip. Since this step is relatively simple and repeatitive, I’m not going to get into the details. Here are the screenshots of the steps:

grid 2

grid 3

grid 4

4. Masking

Organize the layers into groups (ie. strip 1, 2, 3, 4).

layer groups

Load selection from the shapes you created in step 1 and add a layer mask for each group (so you get a perfect smooth curve).

layer mask

5. Shadows

In masked group 1, create a new layer above the strip. Use the Gradient tool and drag from the top to bottom to create a black gradient.

shadow

Repeat this step for the other strips.

shadows

6. Highlights

To make highlighted and glossy areas: create a round glowing circle, compress it, and rotate it in the angle according to your strip’s direction.

shadow

7. Line Strokes

To make line strokes: load a selection of the mask, create a new layer, fill it with black, shift the selection to the left by 1 or 2 pixels, delete the selected area by pressing the Delete key.

line strokes

8. Final Touches

To make the image look more interesting, desaturated the two strips in the back.

Tuesday, June 2, 2009

Create a Face Shattering Effect




Preparations:

We will need close-up image of a nice face, prefably facing front. I’m using one of Jessica Alba wallpapers in this tutorial. You will also need the Reborn Brush created by Rubina119.

Click here to download the Reborn Brushes.

All rights of these resources belong to their respective owners.





Step 1 - Setting Up Background:

Create a document of size 750×550 pixels.

Fill the Background layer with #000000.

Place the face at the center of the document and use Soft Eraser tool to remove the other unwanted background.





Step 2a - Drawing Face Grids:

Create a new document of size 20×20 pixels and create a new layer. Use Pencil tool with size 1px and color #FFFFFF, draw left and bottom border to form a "L". Hide the Background layer and click Ctrl+A. Go to Edit > Define Pattern. Name this pattern as Grid.

Back to Jessica Alba’s document, create a new layer above the Face. Use the Paint Bucket tool and select to fill with Grid pattern





Step 2b - Drawing Face Grids:

Remove those grids that cross outside of the face area.

Go to Edit > Transform > Warp.

Distort the grids the way shown in the diagram.





Step 2c - Drawing Face Grids:

Set the opacity of the grid layer to 20%.

Right-click on the grid layer and choose Blending Options.

Activate Outer Glow and set its Blend Mode to Color Dodge, Opacity to 100%, Color to #FFFFFF, Spread to 0 and Size to 5px. Leave the rest of the settings as default.





Step 3a - Shattered Blocks:

Create a new layer and name it as Holes.

With Pen tool, path out several square holes according to the face grids.

Go to the Paths tab, Ctrl+left click on the work path layer created. Back to Layers tab, select the Holes layer and fill the selection with #000000.





Step 3b - Shattered Blocks:

Ctrl+left click on the Holes layer to load selection.

Select the Face layer and hit Ctrl+X to cut out the pixels. Then press Ctrl+V to paste and then name this new layer as Blocks.

Drag the blocks to the right with Move tool. Go to Edit > Free Transform to reduce the size slightly.





Step 3c - Shattered Blocks:

Duplicate the Blocks layer. Shift the lower Blocks layer 1 pixel to the left. Repeat this for 10 times and you will get some sort of extruding effect. Merge these 10 layers of duplicated Blocks and name this new merged layer as Sides. Right-click on the Sides layer and choose Blending Options. Activate Gradient Overlay and set Blend Mode to Normal, Opacity to 80%, Gradient from #000000 to #D58761 and Angle to 180. Leave the rest as default.





Step 3d - Shattered Blocks:

Activate Pattern Overlay and set Blend Mode to Multiply, Opacity to 100% Pattern to Metal Landscape. Leave the rest as default.

Right-click on Blocks layer and choose Blending Options. Activate Outer Glow and set Blend Mode to Color Dodge, Opacity to 75%, Color to #FFFFFF and Size to 10px. Leave the rest as default.





Step 3e - Shattered Blocks:

Repeat Step 3a to 3d for 2-3 more times to form more blocks floating towards the right.





Step 4 - Adding Depth to Holes:

Merge all the Holes layers. Right-click on the merged layer and choose Blending Options.

Activate Bevel and Emboss, set the Style to Inner Bevel, Depth to 72%, Size to 5px, Soften to 0px, Angle to 0, Altitude to 50, Highlight Mode to Screen, Highlight Color to #DCA57E, Highlight Opacity to 100%, Shadow Mode to Multiply, Shadow Color to #000000 and Shadow Opacity to 75%. Leave the rest of settings as default.





Step 5 - Adding Smoke:

Create a new layer below the Blocks and name it as Smoke. Set the foreground color to #FFFFFF. Load the Reborn brushes downloaded earlier and paint a few smoke of different sizes on this layer.

Right-click on the Smoke layer and choose Blending Options. Activate Outer Glow and set its Blend Mode to Linear Dodge (Add), Opacity to 75%, Color to #FFFFFF, Spread to 0px and Size to 5px. Leave the rest of settings as default.





Step 6 - Adding Dark Blocks:

Create a new layer and name it as Dark Blocks.

Using Pen tool, path out few more blocks along the face grid. Fill the shapes with #000000.

Set the Blend Mode of Dark Blocks layer to Soft Light.





Step 7 - Adding Light Blocks:

Create a new layer and name is as Light Blocks.

Similar to Step 6 but this time fill the shapes with #FFFFFF.

Set the Blend Mode of Light Blocks layer to Soft Light.





Step 8 - Adjusting Colors:

Now we need to smooth the face a little. Select the Face layer and go to Filter > Blur > Surface Blur. Set the Radius to 5px and Threshold to 15 levels.

Create a new Levels Adjustment Layer and key in 10, 1.25, 244.

Create a new layer and using a large Soft Brush tool with color #000000 and opacity 40%, paint some dark areas on the right to fade the blocks slightly.





Optional:

I merely added a barcode on her right arm to complete the design.

This is another long tutorial and I hope you will like this effect.


design by Nur for Cool Style Graphics.