Thursday, January 1, 2009

Web 2.0 Text Logo

Step 1: Create a new document [ 400*150 ] and fill the background with [#f3f3f3]

Now use the text tool and write whatever you want to and you should have this:

image 1

Step 2: Now go to blending options and use the following settings

image 2

image 3

image 4

and you should have this

image 5

Step 3: Now use the text tool with strikeout text and add your slogan with the following setting but make sure to undo the strikeout setting when writing your actual slogan:

image 6

image 7

Step 4: Now apply the previous setting for the initial text

Now rasterize the layer and with the eraser tool make a gap between the line and the slogan and you should have this:

Web 2.0 Text Logo Tutorial: Final Result

Realistic Tattoo on Human Skin!

Quick notes this tutorial works best with high quality images, also try to find a tattoo's in which the skin matches your skin you will be working on, that will give the best results, here is a .psd of the sources for you guys to practice on. Lets begin!

Lets first look at this comparison I made below, the first image is the basic cut and paste technique with an overlay blend, no way you're going to fool anyone with that. Now lets take a look at the second image, the second image uses cutting, feathering, blending, and sharpening techniques to give it the look that the tattoo is really embedded in the skin, so much so that you can see it literally pop out! Alright, lets begin.

Realistic Tattoo on Human Skin! image 1

1. Choosing our source images.

Here we need to find two images which we want to work with. It can be yourself, a friend, or someone you want to see how a tattoo would look on them.Then find a picture of the tattoo you want, it's best to take a tattoo off a picture of someone who actually has a real tattoo, thus giving a realistic look because the tattoo has already been embedded in the skin for you. As an example I've chosen my two images as the the following.

Realistic Tattoo on Human Skin! image 2

2. Placing the tattoo source onto the main source picture.

Take the tattoo source and place it onto the main source (crocop) this will create a new layer. Now on the tattoo layer use the Free Transform option by pressing (CRT+T) now position the tattoo where you want it to be, and rescale and rotate it to fit the current angle.

Realistic Tattoo on Human Skin! image 3

3 Deleting unwanted areas to fit shape.

Now we need to get rid of that extra piece of junk from the tattoo image so it will perfectly take the shape of Crocop's shoulders, first off we will want to make the tattoo layer invisible by clicking on the eye right next to the tattoo layer. Then select the polygonal lasso tool and follow the shoulder area like the image shown below. (I know you can use the magic wand tool to get rid of it but for me it's a better practice to use the lasso tool.

Realistic Tattoo on Human Skin! image 4

After you have selected the perfect shape around his shoulders make sure your selection is still visible then click the tattoo layer and make it visible again, then press delete. Now you can see the tattoo is starting to take effect by taking the shape of his shoulder, were almost there!

4. Feathering tattoo layer.

This part is very easy and simple. select the magic wand tool (w) and while on the tattoo layer click an area outside the tattoo so that the whole area outside the tattoo is selected.Now go to select > modify > feather and enter a range from 8-10 (for smaller images a range from 3-6 is good) after the feather is set press delete twice, now you will notice the edges of the tattoo is now very soft on the edges making the tattoo ever more realistic on the body.

Realistic Tattoo on Human Skin! image 5

5. Darken overlay on tattoo.

Select the tattoo layer and on the layers option, drag down to Darken, now this makes the whole ink park of the tattoo appear while the rest of the color disappear to give the effect that's it's actually on his skin.

Realistic Tattoo on Human Skin! image 6

6. Touch up.

Well were basically finished, from this point you can just play around with it anyway you want. I adjusted the curve, lowered the saturation, sharpen the image, and matched the color. Here's the final product. Hope you enjoy!

Realistic Tattoo on Human Skin! Tutorial: Final Result

Sharpening with High Pass Filter

There are several ways of making an image sharper. The one we show here is best suitted for images with a lot of pronounced tonal boundaries. The method includes the use of a filter and layers in Photoshop. It's quick and easy.

Here is the original image that lacks sharpness a little:

image 1

Step 1. Duplicate Layer

image 2

Step 2. Go to Filters> Other> High Pass and set Radius to 1,5 (you can shift this to either side to suite your image best).

The resulted grey mass instead of the image shouldn't make you upset.

image 3

Step 3. Set Blending mode to Soft Light (or Hard Light for even more sharpness) and you have your image back in a more sharpened state.

Sharpening with High Pass Filter Tutorial: Final Result

Make a Devil May Cry Inspired Dark Portal Scene in Photoshop

The techniques used in this tutorial include layer blending styles, various image adjustment tools, filters and some basic selection techniques. The steps are very simple and straight-forward. Give it a go!

Step 1

Download the image and load it into Photoshop.

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 1

On the background layer, use curve tool to adjust the lighting contrast a bit. See below for detailed settings:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 2

Step 2

Duplicate the background layer once, then hit Ctrl+Alt+Shift+B to bring up the the Black and White image adjustment tool, apply the following settings on the duplicated layer:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 3

After applying Black and White, right-click on the layer and choose "Blending Option", change the layer blending option of the duplicated layer to "Saturation".

So far the effect looks like:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 4

Step 3

Now we add some glowing light on the stone pillars. Duplicate the Background layer once more, and the duplicated layer above the previous duplicated layer in Step 2. Apply the Black and White image adjustment on this layer, using the following setting:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 5

After Black and White, go to filter > blur > Gaussian Blur and apply the following settings:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 6

After applying gaussian blur, change the layer blending option to "Screen" and set the layer opacity to about 70%.

Optional: You may apply the Curve Tool (Ctrl + M) on this layer if you wouldl like to adjust the colour constrast.

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 7

The effect so far looks like this:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 8

Step 4

Now we want to create some cloud/mist inside the archway so it looks like a portal to the underworld and add some extra CG effect.

Create a new layer named "cloud" on top of every other layer, use the Lasso Tool with a 15-20px feather, select the six archways respectively. (To do this, you need hold down the Shift key while selecting)

Fill the selection with Black and go to Filter > Render > Cloud and render some cloud:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 9

You can repeatly hit Ctrl + F to re-render the cloud untill you're happy with it.

After rendering cloud, hit Ctrl + L to bring up the Level Tool, apply the following settings:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 10

Then hit Ctrl + M to bring up the Curve Tool, apply the following settings:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 11

Optional: You may use the Clone Stamp Tool to clone some clouds and fill the empty gap.

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 12

Step 5

Now we can add some colour to the image. Create a new layer and set the layer blending option to overlay. Grab a big brush and change its setting as the following:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 13

To make the Devil May Cry Theme, I Chose a Dark red colour and brush over the cloudy part of the image:

The effect so far looks like this:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 14

Ok! That's it for this tutorial. You may still want to adjust its Hue and Saturaton a bit more, or simply add some more lighting effects to it.

Here is my final image for this tutorial:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop Tutorial: Final Result

Hope you enjoy this tutorial and if you have any question, just drop me a comment below.

PS: I used a lot of Keyboard shortcuts in this tutorial. The reason is that I think it's a good idea for a beginner to practice some shortcuts and later on you will form this habit and increase your work efficiency.