Posts Tagged text

Super Easy Pewter Style Metal Text Effect in Photoshop

Follow this step by step tutorial to create a realistic pewter style metal text effect in Photoshop. The best part is it’s really easy! Just a couple of Photoshop layer styles is all it takes to create the basic effect, with a subtle tweak or two to perfect the lighting to maximise the realism.

77713 pewter metal text effect sm Super Easy Pewter Style Metal Text Effect in Photoshopthe Read the rest of this entry »

Tags: , , , , ,

11 jQuery Plugins That Can Enhance Your Typography

 11 jQuery Plugins That Can Enhance Your Typography Read the rest of this entry »

Tags: , , , , ,

How To Create a Retro Style Typographic Poster Design

Follow this step by step tutorial to create a retro style typographic poster design with distressed textures and a muted colour scheme. We’ll create a typographic layout based on the number ‘one’ using Illustrator’s easy manipulation tools, then switch over to Photoshop to lay out the poster design composition and grunge everything up with some textures to create that cool dated retro look.

a8f63 retro typographic poster sm How To Create a Retro Style Typographic Poster Designthe Read the rest of this entry »

Tags: , , , , ,

How to Make a Floating Share Box

0145b floating share How to Make a Floating Share Box

This is one of the most common questions I get asked; how do you make a floating box with share links

Read the rest of this entry »

Tags: , , , , ,

25 Tutorials for Creating Detailed Graphical Text Effects

Text effects have always been the bread and butter of design tutorials. This post rounds up 25 of the best graphical text effect tutorials from various design blogs on the web, every one of them takes you through the step by step process of creating a detailed typographic design based on a particular style. Remember though, even if you’re not likely to ever need to create text in the exact style of these tutorials, the tips and techniques they describe can come in handy in any design project.

Cool Text Effect with the Puppet Warp Tool

Read the rest of this entry »

Tags: , , , , ,

User Interface Patterns for Dealing with Interactive Content

0052 01 interactive content thumbnail User Interface Patterns for Dealing with Interactive Content Read the rest of this entry »

Tags: , , , , ,

Please Stop Disabling Subpixel Rendering

d017b subpixel Please Stop Disabling Subpixel RenderingI wrote about this

Read the rest of this entry »

Tags: , , , , ,

Cool Websites and Tools [January 27th]

web apps 2 Cool Websites and Tools [January 27th]Check out some of the latest MakeUseOf discoveries. All listed websites are FREE or come with a decent free account option. You can make use of them without spending a dime. If you want to have similar cool websites round-ups delivered to your email daily email subscribe here.

Add Your Website Here! Read the rest of this entry »

Tags: , , , , ,

How To Create Detailed Gothic Linework Typography

Follow this step by step walkthough of the design process for my recent gothic typography design. We’ll be customising a blackletter font with various black and white elements and creating a range of tones with detailed linework to create a cool gothic style design that would be right at home as a logo for a heavy metal band or dark apparel brand.

590e0 eclipse typography sm How To Create Detailed Gothic Linework Typography

Read the rest of this entry »

Tags: , , , , ,

20 Creative Photoshop Text Effect Tutorials

It does not matter if you design posters, t-shirts, logos, banners or even ads, one fact remains, you simply cannot convey your design without giving your messages text a powerful, effective and relevant visual effect that will land that final knock-out blow. All of the tutorials in this round-up offer unique and professional text-effects that you could easily use within your own designs, and with a little bit of thought and a touch of creativity, they could be modified to accommodate any artistic vision you may have. Hope they are helpful icon smile 20 Creative Photoshop Text Effect Tutorials

Tags: , , , , ,

Ultimate Guide to Website Wireframing

28 01 website wireframe ld img Ultimate Guide to Website Wireframing Read the rest of this entry »

Tags: , , , , ,

Designing Hyperlinks: Tips and Best Practices

21 01 designing hyperlinks ld img Designing Hyperlinks: Tips and Best Practices Read the rest of this entry »

Tags: , , , , ,

False Simplicity

Sometimes, what appears on the surface to be simple is actually far from it. For example, there’s a trend in Twitter clients to use icons instead of text labels for buttons. Just icons, no text at all. These icons don’t take much space, look elegant and maintain that simple feel of Twitter, except…they’re actually just confusing.

Here’s an example from Tweetdeck

Read the rest of this entry »

Tags: , , , , ,

Font Smoothing

Webkit, the engine under the Safari and Chrome browsers, adds an interesting property to CSS called “font-smoothing”. You can probably guess what it does by its name. There are three different values you can use for it:

-webkit-font-smoothing: none;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;

The

Read the rest of this entry »

Tags: , , , , ,