Tuesday, January 05, 2010

Creating Levi's Patch

Creating Levi's PatchMesdames Monsieurs, BONJOUR! Our goal for this tutorial will be creating a denim textured patch (from Photoshop Texture bank) with simple stitching, to draw a realistic what we called Levi's pant entirely from a few artistic filters, Wind and a few basic layer styles.

Mesdames Monsieurs... There are some really nice tricks along the way,

Let's get started!

First thing first is create this simple denim background. Open your New Blank Document. This will be 700x500 at 72ppi. That's quite enuf. Create a New Layer, and from the main menu, go to Edit > Fill which will bring the Fill dialog box up.

You can Short it cut by pressing Shift + F5 from your PC.

Choose Pattern, once it's selected, click OK.

Creating Levi's Patch


Mesdames Monsieurs, from your PC, press your M key to call the Rectangular Marquee tool up, make a slection like this :)

Creating Levi's Patch


Now switch over to Channel tab in your Layers Palette Mesdames Monsieurs, hit the little button at the bottom of the Channels palette to Save the Selection As Channel. Activate your new Alpha Channel, press Ctrl + I to Inverse the selection, then hit Ctrl + D to Clear the selection

Creating Levi's Patch


Now we are going to add some Grunge look for our Denim. From the main menu, go to Filter > Sketch > Conte Crayon with the default setting, which is..

Foreground Level : 11
Background Level : 7
Texture : Canvas
Scalling : 100%
Relief : 4
Light : Top

Creating Levi's Patch


Take a look at the image you've created a moment, give it a break.. After a higher realism on your smoke variation, go to Menu Filter > Stylize > Wind and choose Wind and From The Right and click OK. Repeat that step except this time choose it opposite -whisch is- From The Left.

Creating Levi's Patch


Ctrl + Click on your Alpha 1 Channel to Load the Seletion, press Shift + Ctrl + I to Inverse the Selection. Click your RGB channel, switch back again to your Layer. Don't STOP.. With the Denim layer selected, add a simple Layer Mask by choosing the Create Layer mask icon from the bottom of your sweet Layers palette.

GOSH!!! If Mesdames Monsieurs followed along like a good little monkey, ooOoPppsss.. then your Denim Layer should now look like this.

Creating Levi's Patch


Add some black brush thing to paint the Right and Left edges of your Denim down where the wind filter blows to get the more realistic look from the piece o'Levi's s***!!!

Make sure when you do that painting black brush thing, the Layer Mask is still selected Mesdames Monsieurs.

Creating Levi's Patch


Mesdames Monsieurs... don't forget to always adding a slight drop shadow to this layer (Levi's/Denim layer in this case). Set it Blending Option with;

Drop Shadow checked

Blend Mode : Multiply
Opacity : 60%
Angle : 120
Use Global Light : Checked
Distance : 2px
Spread : 0%
Size : 3px
Layer Knocks Out Drop Shadow : Checked

Just leave the Contour Quality and Anti-Aliased with Noise as the Default.

Done??!?!? It is time to add a higher realism stitches by introducing some Brushes Option from Brushes Preset (F5). I told you this, experimentation is very very very important in graphic design. OK, to execute that, you should first...

Create other New Layer, name it Stitches. The shortcut to do that is Shift + Ctrl + N. After that, switch your tool to Rounded Rectangle (U), Radius 10px. Drag your mouse to draw this..

Creating Levi's Patch


Switch your tool again from Rounded Rectangle into Brush (B), fill it with White Color, then hit F5... Take your eyes carefuly on this setting..

Creating Levi's Patch


Kinda mess or something...?!?!? What's the purpose exactly from that image? Just read along, than you'll find out. The brush is all set up clearly with White Color, for the Brush Preset, you can choose the size in between 13-19. Mine is 15. Mesdames Monsieurs.. you can absolutely press now the P key to invoke the Pen tool and make sure to Right-Clicking your Rounded path, choose Stroke Path from the Pop-up menu came out, then choose Brush. Leave the Stimulate Pressure Unchecked.

Viola!

Creating Levi's Patch


What a clever technique to create stitches, ain't that right?!?!? To this Stitches layer, you can add a Bevel and Emboss layer style with the following setting ;

Bevel and Emboss checked

Style : Pillow Emboss
Technique : Smooth
Depth : 151%
Direction : Up
Size : 5px
Soften : 0px
Angle Shading : 120
Altitude Shading : 30
Use Global Light checked
Gloss Contour : normal (#1 from Pop-up)
Anti-alised : Unchecked
Highlight Mode : Screen, White
Opacity : 40%
Shadow Mode : Multiply, Black
Opacity : 40%

And then.. to tone down the stitching a little bit, drop the Stitches layer Fill opacity down to 65-75%.

Finaly, back to your Denim layer, select it, and add a Satin layer style to give this Levi's a realistic tonal variation with this following setting :

Satin Styles checked

Blend Mode : Color Burn, black
Opacity : 17%
Angle : 19
Distance : 131px
Size : 125px
Contour : the the Half Round (#7 from the PopUp box)
Invert : Checked
Anti-aliased : Unchecked

result

Creating Levi's Patch


So... Mesdames Monsieurs, this is YOUR site as well, so if you have massive constructive suggestions or deliciouse critisizm or even feedback or anything or something or whatever on how we can improve it for you (except for the size of each image ofcourse, lmao), please please please let me know! I would do my best to keep up!

Your Ads Here!

Creating Levi's Patch

Creating Levi's Patch

Creating Levi's Patch

Creating Levi's Patch

Creating Levi's Patch


Saturday, January 02, 2010

Jarum Black - Storyboard

Jarum Black - StoryboardFor you... Photoshop lovers, this is the real choice. The delicious taste and unique aroma of coffee blended with strong, rich taste of art sensation leaves you with no other choice.

Ha ha... but I'm not talking about Coffee and Smoke stuffs here... or even the BIA Contest that you can find in internet :(. It's just a simple explanation that how Photoshop infect my life so much lately. Every tricky way of PSD Holic I gave to you gives you an unforgetable sensation.

This lovely time, I'm gonna share you this. How an Art Director think before his idea become such brilliant thing that we can directly found in our television screen. Creative hi-imagination. Keeping it in sky. Pick a paper and so... Creating a single shape that inspires a feeling, an emotion, deep down inside, and then it becomes a great huge art statement. Beautiful.

Camera rooolllll... silent please... ACTION!!!


Jarum Black - Storyboard

Jarum Black - Storyboard

Jarum Black - Storyboard

Jarum Black - Storyboard

Jarum Black - Storyboard

Jarum Black - Storyboard

Jarum Black - Storyboard



Result :


Jarum Black - Storyboard



For Great Sample Source :


Jarum Black - Storyboard

Jarum Black - Storyboard



Joe Corner Sticker

Joe Corner StickerFirst thing first, if this piece is to be printed, create a new file in A4 format – 300dpi and use CMYK colour mode.. but my creativity is lately running a little low this week, what the heck.. I'm not going to print anything at all, so 650x650px with 72% resolution is OK.

GOSH!!! Apply a solid Pale Cool Brown background colour (#c7b299). Create a New Layer and name it Circle1 by pressing the keyboard shortcut on your PC Ctrl + N. By grabbing the Elliptical Marquee tool (M), just click and drag a simple circular selection Draw a nice circle onto the stage while holding down the Shift key to make it constrain in proportion and fill it with Black.

Because our circular selection is still active, lets go ahead and enter to the Menu Select > Transform Selection to bring up the transform controls around selection of your Circle black Layer. Remain to hold the Alt + Shift keys to get the constrain proportion of the circle and transform towards the center, simply grab one of the corner points (any point you like) and drag it towards the center. This will be the space we’ll fill with the Pure Yellow Orange (#f7941d) in the center of the circle. I’ve called this layer Circle2

Joe Corner Sticker


Once the selection is reduced to your liking Enter to commit the transformation, then fill it with Pure Yellow Orange (#f7941d) I've said before.

Joe Corner Sticker


Ctrl + Click on the Circle2 layer to load the selection, create another Circle with the same way (on how you create the Orange circle). Fill it with brave Red (#ff0000) and place it like this image said to you.. Guys, ...and don’t make me remind you about the Shift + Alt key again, lmao.

Note : Do this step to apply in a different layer (Watch the screenshot of the Palette Layer below)


Joe Corner Sticker


Now it's time to put some text there. But before that, we're gonna play a little with this part of trick. Press your U key to call the Custom Shape tool then you should choose Ellipse tool from your fly out menu, make it sure that Paths is selected (the one who's in the center) for the option.

Draw a path in your workflow with the same size as the one I’ve made below, (ofcourse you remember about the Shift I've told you right?!? lmao.

Joe Corner Sticker


Go go go... now's time to switch to the Text tool by pressing the T key. With font Arial family, but any nice font of your choosing will be fine. To set the Character of your font isn’t visible, do not PANIC at the disco.. you can obviously open it by entering Menu Window > Character. The important thing here is about the Paragraph tab and the Centered Text option, choose'em both doods..

After that.. how we could apply our text on that Paths? This is how!

When you guys hold the text tool over the top center anchor point of the circle path we created earlier you will notice a starting point... a place where you could type your words exactly encircle with the path.. I can't explain much better.. geezzz.. a change of cursor icon (on mouse hover) that the standard Text cursor changes to the Type On Path cursor. This is how Photoshop knows and recognizes and even allows your wish to type on the path.


Joe Corner Sticker


Ha ha ha... Sorry for the poor language.. kinda mess or something.. Just go ahead, click and type your text. Better things come to those who don't wait! lmao...

Joe Corner Sticker


I added more Text Logo to our workflow here... using Poster Bodoni BT font family, I typed JC and Joe Corner in each single Layer for each Letter, with White Drop Shadow to each Blending Option Text Layer.

Joe Corner Sticker


With some low highlighted reflection.. ALAKAZAM!!! The final result!!!

Joe Corner Sticker


Other Samples :

Joe Corner Sticker

Joe Corner Sticker

Joe Corner Sticker


Read the tutorial in Bahasa here!

Friday, January 01, 2010

New Year's Award

New Year's AwardAward is -always- given to the manager of a blog (blogger) that with all their resources have been pouring their creativity, their brilliant ideas, their activity in writing in the blog or even just bloghop thing.


The text of course that should be able to provide ideas or direct action on the readers to do the positive and useful, for itself or its surrounding communities all over the world (...of blogging).


This very cute Trophy Award was given to me by Mufi_Ed, sorry for this late brother...




I would like to thank -ofcourse- to Mufi_Ed... for giving me this very nice award and for always visiting my site. For you guys the PSD Holic and others.. feel free to grab this very nice award. It's FREEEE OF CHARGE!!!