Imageready Text Effect - Inner Bevel Tutorial
June 29, 2008
This Imageready Text Effect Tutorial will explain how to create a lovely inner bevel effect to your text - as well as add borders and make it look more interesting.
This effect can be extremely useful when you want text to be pretty, stand out more or look like graphic design text - inner bevel is one of the most useful effects you can apply to text. But getting it to look just right, with the correct settings isn’t always a breeze.
Feel free to request something similar to this Imageready Text Effect Tutorial.
End Effect
Imageready Text Effect Tutorial - The Steps
- PLEASE NOTE: This tutorial is for Adobe Imageready - however I’m sure you can translate it into Adobe Photoshop.
- In the above image the font I have used is Cheeseburger - you can either download it by clicking on ‘Cheeseburger’ or use your own font - but I do suggest a rather ‘fat’ font so you can have the full effect of inner bevel etc.
- Assuming you’ve opened Imageready then first you need to go -> File -> New - once the little box has popped up change your settings to mine. Look here!
- You should now have a new image - assuming you do… go and find your font tool - then select your fat font or newly downloaded Cheeseburger font. Add some text. I suggest adding what I said, simply because it’s easier with this tutorial. So type in “Can you… show me love?”. The pink colour I used is FF3080 &’ the purple I used is A230FF - Just highlight the bit of text you want to be pink and the same for purple.
- Once you’ve got the text you want continue onto the next step.
- As you can see in the above image the “Can you…” is slanted. To do that do the following: CTRL/Command + J (this duplicates your text layer) - then press ‘V’ and you’ll be using the ‘Move Tool’, click and drag the font downwards - you’ll see you have two of the same layers. Then press ‘T’ and click on one of the layers - doesn’t matter which - delete all of the ‘Show me love?’. And then go to your other layer and delete ‘Can you…’. Then follow the next step.
- You now need to change your inner bevel settings so they’re exactly like mine. Look at mine! - Things to check: Make sure the colour of your SHADOW MODE is NOT black - change it to white. And make sure the DEPTH is not set to 100 but set to 300!
Once you’ve done that and it’s all done then click the other text layer and do exactly as I just told you.
- Now for the more exciting bit… click on one of the text layers and then go Layer -> Layer Style -> Bevel and Emboss - select ‘Bevel and Emboss’. Once you’ve clicked that a box will appear.
- You now need to change your inner bevel settings so they’re exactly like mine. Look at mine! - Things to check: Make sure the colour of your SHADOW MODE is NOT black - change it to white. And make sure the DEPTH is not set to 100 but set to 300!
Once you’ve done that and it’s all done then click the other text layer and do exactly as I just told you.
- You now have your slanted text, inner beveled effect… lastly you need your border!
- Now go -> Layer -> Layer Style -> Stroke - a box will appear… change the stroke from 1 to 3. Once you’ve done that you’ll see a little drop down menu - it automatically has inside on it - change that to outside - and then change the colour black to white. Once that’s done press OK!Now go and select your other text layer - the one without the white border - and do exactly as I said above.
- Lastly it’s time to add the last border. A glitter type border. Please download this glitter block - save it somewhere easy to find.Please go to your layers pallet and select the top layer - then go -> Layer -> Merge Visible
- Now select one of your text layers and go -> Layer -> Layer Style -> Stroke change the stroke from 1 to 3 - change the drop down menu from ‘inside’ to ‘outside’. Then you’ll see another drop down menu ‘Color’, change that to ‘Pattern’, once you’ve selected that you’ll see another drop down menu - it has a little pattern on it/beside it - select the drop down and at the very top there will be an option for ‘Other’, click that, then another box will pop up and you should now locate the file I asked you to download. Then press OK and once again OK to get rid of the first pop up box.
- And that’s it! Adobe Photoshop makes it nice and easy to add custom brushes, but if you have any problems or questions regarding this How to Add Brushes to Photoshop Tutorial then please do leave a comment below.
Create Glitter Text in Photoshop & Animation Shop
June 29, 2008
This Create Glitter Text in Photoshop & Animation Shop Tutorial will explain how to create glitter text and how to animate your text.
This text effect can be really fun - it makes your boring, simple text look far more interesting and once you know how to do this you’ll end up tweaking it, using different colours, fonts, glitter fills, this should also help to improve your knowledge of Photoshop as well as the wonderful Imageready.
Feel free to request something similar to this Create Glitter Text Tutorial.
End Result
Create Glitter Text in Photoshop & Animation Shop Tutorial - The Steps
- Open a new document, mine is 400×400.And fill it with any color, I will use this #FF00EA
- Now write anything you want to and add a black stroke to the text. Take a look.
- Now merge all the layers and crop the image a little.
- Duplicate the layer and press W in your keyboard and select the pink background.
You will get something like this. Take a look.
- Now delete all the pink parts, but only in the first layer. Don’t change a thing on the second layer.
- Now add a new stroke to this image. I will add a white one and also I will add some glass effect. Take a look.
- Now we going to repeat all this again. Merge all and duplicate your layer and add a new stroke but
this one we going to use a silver glitter fill. Take a look.
- Now click again the W and go to Selection >> Invert or click Shift+ctrl+I. Take a look.
- Now go add a new layer and fill that selected part with the glitter fill you going to use. Take a look.
- Copy all and paste it in Animation Shop 3
- Now in the photoshop glitter text go back till that new layer is added and added the next glitter fill.
- Paste it in Animation Shop again and you will get something like this.
- Now go in the Animation Shop to Animation >> Replace color and click on the pink background click ok and do that till the background is out.
- Now save it as gif and you have your own cool glitter! Take a look.
Scribbled Text in Photoshop Tutorial
June 29, 2008
This Scribbled Text in Photoshop Tutorial will simply explain how to make scribbly looking text.
Sometimes you want to alter your text but it doesn’t quite look right - I’ve found lots of ways to alter the text so it looks completely different. In this tutorial I’ll explain how to alter your settings to get the below look - this type of text is great on lots of graphics, we tend to use these types a lot.
Once you know how to alter your settings you’ll be able to do all sorts of things with different fonts etc.
Feel free to request something similar to this Scribbled Text in Photoshop Tutorial.
Result
Scribbled Text in Photoshop Tutorial - The Steps
- First of all, download this font, Pea Steph (but for some reason when you download it, it shows as "Steph Pea" in Photoshop for me, but to make things complicated it shows as "Pea Steph"… so I suggest checking both.
- Now open Photoshop, and then make a new canvas: -> File -> New pick something like 350 x 150 (pixels)
- Select your font tool - to get it, press T on your keyboard. Then go -> Window -> Character (’Window’ is alone the top next to File, Edit, Image etc - if by any chance the ‘character’ option has a tick next to it, don’t click it!)
- Now go to your character options and change them so they match mine. Here is mine.
- Now, making sure you’re still using the text tool (to check, press T again) click on the canvas and start to write something. Because I didn’t know what to write, I found a quote by E.E Cummings which you can use as a test - did move it around a bit so it looked more pretty rather than how it reads.
- "To be nobody but yourself - in a world which is doing its best,
night and day, to make you like everybody else -
means to fight the hardest battle
which any human being can fight -
and never stop fighting."
- Hopefully you should now have exactly what I have in the above image - but you won’t have a purple glow - to do that you need to read this tutorial on "Outer Glow"
- You’re pretty much done! If you have any questions regarding this Scribbled Text in Photoshop Tutorial then just drop me a line in the below comment box. I’ll happily reply.
Outer Glow in Photoshop Tutorial
June 29, 2008
This Outer Glow in Photoshop Tutorial will simply explain how to use the glow options in Photoshop.
Sometimes I want to add a pretty, soft glow to my text, brush, shape or anything else I’m making, it took me some time to tweak the settings so that it looks pretty rather than overpowering; it’s a great effect but can often not get used or if it does it can look horrible.
The glowing options in photoshop are very simple, but can look wonderful on dark backgrounds when tweaked.
Feel free to request something similar to this Outer Glow in Photoshop Tutorial.
Result
Scribbled Text in Photoshop Tutorial - The Steps
- First of all, if you want to create the same text like I have in this image, please read this tutorial.
- So, create a canvas -> File -> New - make sure it’s white and around 300 x 150px and then select your text tool (press T), then click on your canvas, write something and follow the next step.
- Now go -> Layer -> Layer Style -> Outer Glow - change your settings so that they match my own: look at them here!
- Once you’ve matched your settings to mine you can then play with them so they suit your text more - change the colour and so forth. Also, if you want to add the glowing effect on a dark background, then change the drop down menu from "Normal" to "Overlay" - play around and you’ll be amazed what you can do.
- You’re pretty much done! If you have any questions regarding this Outer Glow in PhotoshopTutorial then just drop me a line in the below comment box. I’ll happily reply.
Recent Comments