Creating Liquid Water Text In Photoshop

Hey

I haven't done a Photoshop tutorial in a long while. This one was made up of a couple of different tutorials that I was reading a long while ago most specifically from Mosrealm i've thrown some of my artistic flare into it to get the final image looking good. This tutorial is going to be easy to complete and will hopefully try and make the text look like it is on a water background. Lots of reflections and embosses and it should look good. For any of the pictures click on the image for the full versions.

Step 1) Create your canvas, and artist can't work out of thin air. I've chosen 1440 x 900 pixels so it matches my desktops.

Step 2) Download your water image. I've chose this one from CGtextures. You can pick any image you want.

Step 3) Insert and transform your image so it fits on your canvas.


Step 4) Add your text, i've picked Tahoma, use the character tools (Window > Character) to change the distance between the letters. It doesn't matter what colour the text is, this will be removed using the blending options in the next couple of steps.


Step 5) The next couple of steps are all done through the layer blending options (Layer > Layer Style > Blending Options or double click the text layer). The first mini step is to change the advance blending options. This is done on the main page. Move the slider for fill opacity all the way down to zero. This will let you see the background through the text but all of the styling will be at 100% visible. Don't change the opacity in the general blending box otherwise you will not see any of the text.


Step 6) Once as you have made the text invisible add a drop shadow. Use the values as shown in the image below. But for the best and most unique effect make them up as you go along.


Step 7) Add in an inner shadow. This should be white and follow the same angle as the drop shadow. Check "Use Global Light" to ensure this.


Step 8) Add your inner glow. Add in a light blue. This will eventually blend in more with the water background.


Step 9) In the Bevel and emboss option add in the values shown. Make sure you change the gloss contour to the wavy line. Otherwise it will not look as good as it could be.


Step 10) Add in a Satin. I don't use this option that much so it was a change to use it. Satin adds a bit of a colour overlay but you change change a play around with the values. This will add in a light blue effect.


Step 11) Final step is to add a gradient stroke. Change the blending option to soft light. This will enable some of the background to shown through. The soft light setting will be use a lot in the next couple of steps.


The water text is done. But we can spruce up the background and change the greenish tinge to a bit more blue.


Step 12) Adjust the Hue/Saturation ( Image > Adjustments > Hue/Saturation) make it more blue. Notice how the background and the text seem to blend in more.


Step 13) The next step is to add in the back edges. Insert a new layer. Apply a radial gradient of transparent to black. Set the blending option to soft light.


Step 14) The next steps I have forgot to create images as I was doing this. Using the same method as mentioned in step 13, add a small flat nothing to black gradient. This will be used as a shadow for the whole piece.

Step 15) At this point the piece looks very dark. We want a very computerized blue. To do this create a new layer underneath everything (but make sure the background layer of white is still at the bottom). Apply a gradient of a light blue to dark blue onto the canvas. Change the settings so the gradient is radial and apply it to the piece.

Step 16) Reduce the opacity of this new layer to about 50%.

Step 17) Change the water layer (the image layer) to soft light. This will show through some of the blue in the layer underneath it. The blue gradient layer was reduced in opacity to soften the effect.


The effect is pretty much done. If you want to increase the darkness of any of the layers duplicate them (Cmd/Ctrl + J) and then reduce the opacity of this new layer. I have done this for the edge layers.

The final image is shown below (some text size adjustments). If you need any help or you want to leave and comments please do so below. Click for the full size.


You can download the .psd here, or using the convenient placed image below.


Creating A Flower In Illustrator

Hey There

I haven't done a post about an Illustrator tutorial in a long while. This one is very simple and doesn't take long to complete. It is all about how to create a black and white flower. All you need is a basic copy of illustrator and a bit of spare time. If you are ready I will begin.

Step 1) The first step as nearly always with these tutorials is to create the canvas. Choose what ever size you want. I've gone for 500px x 500px.

Step 2) Create a black circle on the page. Set the fill and stroke to black. The circle wants to be about center in the page, but not to large or to small.


Step 3) Using the pen tool with the stroke of black (1px) and a fill of white draw the petal shape as shown below. Use the Direct Selection Tool (A) to manipulate and move the points about.


Step 4) Copy the newly drawn path. Set the fill to black. Use the Selection Tool (V) to ever so slightly enlarge the shape. Using the layers palette (Window > Layers) set this new layer to the bottom.


Step 5) Align the black filled layer with other shape.


Step 6) Use the path tool again with a stroke and fill of black and draw one final shape. This is to be known as the inside of the petal.


Step 7) Select the three layers that make up the petal. This excludes the circle. Right click and select group. This will enable you to manipulate all of the layers at once.

Step 8) Copy the new petal group multiple times.

Step 9) Rotate and move the petal layers in to there desired position. You want a couple of the layers to overlap to add a bit of depth.


Step 10) These are more optional steps. Ive added some background colours using the square shape tool. The white wavy lines are done with the path tool, i've just multiplied the simple shape over and over again.


It is a very simple to do tutorial and produces quite a good and interesting effect at the end of it. Please leave a comment with what you think and any creations that you have done.


Merry Christmas


Hey Ho Ho Ho,

Merry Christmas. I give you the Christmas gift of LolCats.

funny pictures

funny pictures

I'll be posting soon.


Human Calendar

Hey

I like finding weird and wonderful websites on the internet. There great fun, some people are so inventive. I've found another cool site, the previous one being CommandShift3. This website is called the human calendar, and as the name might suggest its a calendar full of humans.


Its just a fun website that changes every day, as the faces point to the correct date. It of course changes every day. Check it out if you want a bit of a laugh.


Help Get A Rubbish Song To The UK Number 1 (And Fight Of Manufactured Bands)

Hey

Christ Moyles the savior of BBC Radio 1 has decided (although randomly not mentioned on this website, there is a little bit about this here and here) that he is fed up with the rubbish recycled songs the are made by recycled bands specifically in regards to the recent X-Factor winner. As a result he wants to get a rubbish song to number one. That song is Space Pirates from Cbeebies.

What he want is to get the very popular Cbeebies TV show (aged 1 to 5ish) from the BBC to number of the UK charts. The space pirates song goes something like this:

Na Na NaNaNa Naa,
Space Pirates,
Na Na NaNaNa Naa,
Space Pirates,

Chorus (I can't remember it)

Na Na NaNaNa Naa,
Space Pirates,
Na Na NaNaNa Naa,
Space Pirates,

Repeat about 100 times.

He wants this really rubbish (but very catchy) tune to be number one simply because the X-Factor song which always gets to the number one at Christmas is rubbish. Not to mention that fact about the big uproar about the voting.

To be able to make a difference go over to the iTunes UK music store (has to be UK) and download the Space Pirates tune, you don't need to buy the album just the tune. Its only 79p which is a bargain for the total embarrassment of a rubbish song getting to number one. Imagine Simon Cowells face (he runs X-factor so he gets a lot of the cash). I've had to tiny url it since blogger was giving me loads of grief, since the Url for some random reason wouldn't work.

At the moment it is currently at number 53 so its not to far off.

Spread the word and get a rubbish tune to the UK number one.


Drawing Mushroom In Illustrator

Hey

I haven't done a tutorial in a while so I decided to do one for a change. This tutorial is about drawing mushroom in illustrator. Its very simple. and takes about 10 minutes. I've used Illustrator CS3, but I don't think there are any problems if you use some of the later versions. If you are ready lets begin.

Step 1) The first step is to create a new canvas. It doesn't have to be massive, but make it a good size. About 500 x 500 pixels is best.

Step 2) Use the ellipse path tool (L) and draw a squashed circle. Have a really thick stroke. About 10-20px depending on the size of your circle. Set the fill to nothing. All of the fills will be nothing unless stated.


Step 3) Use the rounded rectangle tool to draw the body of the mushroom. Use the up and down arrows to change the curve of the corners.


Step 4) Open the path finder palette (Window > Pathfinder) select the two lines, press "Add to Shape Area" and then expand. This will merge the lines and then make them into one line. You get the following shape. Tweak it using the Direct Selection Tool (A) to adjust the points if you need a better shape.


Step 5) Use the pen tool and draw a curved line across the shape. The best method to complete this is to first click on the left hand side of the shape, then click on the right hand sides. Then drag the mouse with the button press down to adjust the shape. The stroke wants to be a lot less than the thick edge.


Step 6) To add the eyes, select the Ellipse Tool (L) set the fill to black and the stroke none and draw the eye shape. Copy and paste for the other eye.


Step 7) This is the most fun part in my opinion. Create a new layer underneath the drawing layer. This, for the uninformed, is done through the Layers palette (Windows > Layers) and then select new layer from the rows of icons at the bottom of the palette.

On this new layer select the pen tool set the stroke to none and the fill to #FFFEF5. Draw points to make sure you fill in the area. It doesn't have to be precise, but it does need to be filled.


Step 8) Do the same method again to produce the shadow but change the fill to #E2E2D7. Make sure you take time to make a good curve.


Step 9) Using the same technique as mentioned draw around the head part of the shape. I was going to show a screen shot of this, but its white so there isn't anything the see. This step is used for when a background is added.

Step 10) Draw another shadow for the head part. Use colour value #DBDBDB, this is more grey . The other shadow was tinged slightly with a bit of yellow.


Step 11) No deadly mushroom would be anything with out deadly mushroom spots. Set a fill to #A80909 and use the ellipse tool once again to draw on some circles. Go over the lines and make them different sizes. Sqaush a couple of them to add a bit of perspective.

Step 12) Copy the outside line from the drawing and paste it into the colour layer. This is very important. Line it up. Then select all of the circles except the one in the middle.


Step 13) Use the Crop button in the path finder palette to remove the parts that are not needed. You need the extra line otherwise it can cause loads of problems.

Step 14) Copy the coloured area and paste it onto the artboard. Select the last remaining circle and the copied bottom colour and select the minus back option from the path finder. If this doesn't work (it doesn't some times) play about the the layer order or one of the other options.

For mushroom is done.

If you are a bit bored you can play about with a background. I've made a swoosh effect but using the path tool and colouring in the shapes. For the text I have added some normal text and then added a 3D effect using the 3D effects option in the Effects drop down menu.


I hope you like. Please leave a comment with your suggestions and if you need any help.


CommandShift3

Hey

I found a rather cool website a couple of days ago and, like always, I want to share it with you. The concept is simple (I like simple) you get given two websites, you pick the one you like the design of, you click vote. And that is pretty much it. The votes get added up and over time you can see which one is the winner (at the moment it is a website full of chairs). This magical website is called CommandShift3. Which is probably one of the coolest names ever. The logo is pretty sweet to go along with it, since it has mac stuff in it, and we all no mac stuff is the best. It is surprisingly addictive this website and you can easily waste half and hour voting on sites and marveling in there design glory. You get to see the results of the one you picked when have casted your vote, so you can see what other people think. I don't no if it is a good thing or not but i've keep picking the one that has the majority. Like they say great minds think alike.

Know website like this would be anything without the need for custom submissions. I ,like many people, have submitted my own website (this one if you didn't notice). At its current standings it is ranked 662 out of 2965 and a grand total of 43 out of 64 (67%) liked my site. I don't think that is to shabby. You can check out my sites statistics here.

I recommend you check it out. Its a great 5 minutes to waste time on. If you are like me and you are into website design then it is a great way to find new ways to gain ideas. I've seen many websites on CommandShift3 which I love and wish I could use in my own website. But i'm sticking to the one I have at the moment. I took me a while to make it.