background preloader

6 Quick?n?Dirty Photoshop Text Effects From Scratch

6 Quick?n?Dirty Photoshop Text Effects From Scratch
Photoshop is great for embellishing display text with little effects. When you add layer styles into the equation, you have the added benefit of the styles being easily transferable. In this tutorial I'll show you how to make six different effects using just layer styles. So really this is like six tutorials in one! All six of these effects use just layer styles. Quick Gold Text There are a lot of ways to make "gold" text. The font we're using here is Trajan—a very elegant typeface that suits gold text. First the top layer, which is made with the usual suspects—a bevel, a gradient overlay, and so on. This is the layer that gives the depth to our letters. There are a lot of ways to make "gold" text. 3D Metallic Text This effect is actually just a variation on the gold text. To try something slightly different, I also applied a text warp. Now if you apply a Bulge to one of the layers, but not the other, you get a slight distortion that looks neat. DoubleType HyperColor Thin Metal Digg

Transparent Glass Lettering in Photoshop In this tutorial, we're going to use some super layer effects and a bit of extra magic to make a lettering style that looks transparent and stunning. Because there is so much use of layer styles, you need to download the sample PSD from the link at the bottom of the tutorial in order to follow along. Step 1: To begin this tutorial, we'll first give ourselves a nice background gradient. Now while most gradients are two-color, in Photoshop you can actually make much more complex gradients by clicking on the Gradient icon in the top left. Multi-color gradients can make for a stunning background. The colors I've used are: Color 1 - #2e5b15 Color 2 - #103533 Color 3 - #090e13 Step 2: Now we need a letter. Step 3: Now after this, I basically went through all the different types of layer styles and just experimented with them all. Decrease Fill Opacity to 20%. In any case, you can see all the exact settings by downloading the sample PSD file from the link on the top right. Step 4: Step 5: Step 6:

10 Cool Resource Web Sites For Graphic and Web Designers | Graphic Design This week I would like to show you 10 cool resource websites, each one of them offering various examples of images, links, wallpapers etc. Hopefully you will get inspired and can use those websites as a source for future projects. Now here are the 10 Cool Web and Graphic Design Resource Sites 99Percent This website is mainly about “ideas and how to make them happen”. Designbump This website is full of content, offering many Photoshop tutorials, information about Web Design, ideas and themes, comic book-art and fonts. Graphicmac Here you can find everything about Illustrator, InDesign, Mac, Photography, Photoshop and Fonts. Marcofolio How to make a rotating banner using CSS3, information about CSS3 for mac and hand-held devices, Photoshop, icons, CSS and Joomla for Web Design, and other useful tools, such as Cheat Sheets. Designreviver Tutorialking Fresh and free Photoshop tutorials, brushes, all this in various categories. Colourlovers Abduzeedo BigSpaceship Designmag Books About Web Design

50 Stunning Photoshop Text Effect Tutorials - Smashing Magazine Photoshop’s text and layer tools can be used to create some really awesome effects. We’ve put together a list of 60 of the best tutorials we could find to help you stay up to date on the latest trends and techniques. You’ll find some really cool grunge and glass styles (plus a few surprises!) Courtesy: LemonDesign1 Instead of listing 100 plus tutorials that you’ll bookmark never to come back, we’ve decided to take you through the basics of typography, hopefully inspiring and then teaching you. You may want to take a look at the following related posts: Introduction to Typography Link Typography is the art of arranging type, designing type, and modifying type glyphs. Here are some resources to give you further insight: The Wisest Mind Has Something Yet to Learn Link And we, too, never stop being inspired, learning and creating: How to Choose the Right Type Link Guess if you can, choose if you dare. Resources to Live by Link Here Come the Tutorials Link Go Crazy with 3D Link Chunky 3D letters33

25 Creative Menus And Navigation Tutorials of Photoshop Navigation menus are the most essential part of a blog or website. If made with impressive design and implemented at the right place on your web document, they can not only make the interface of a web document user friendly but also adds a better quality to its design. Basically they consist of links to various pages and categories within the website, however its website owner’s wish that which elements he/she wants to add in it. For example, you can add Facebook and twitter profile link, RSS profile link etc to your website menu also. Making a very easy to use, understandable and mesmerizing navigation menu is a designer’s priority while making a custom website design. All designs given below are hand picked and really graceful. If you like this article, you might be interested in some of our other articles on Best Photoshop Tutorials of 2011, Photoshop Effects, Free PSD Files and Photoshop Text Effects Tutorials. Blue on Black Navigation Bar Advertisement Colourful Navigation Bar

Extremely glossy and shiny text effect. PSD file is available to download,glitter texture,free psd text effect file, glossy drops,glitter glass effect,free psd text effect file, Freshness, Yellow, orange bubbles Apply Bevel and Emboss layer style effect and Fill 0% to the -"Glitter Copy2" layer. Add Satin layer style effect to the of the text layer. Now, return to the pattern layer, duplicate it and place above all created layers. Apply Overlay effect to this layer and Opacity 20%. Duplicate "pattern_text layer" to create glitter texture effect. Apply Overlay Blending Mode and Opacity 80% to the merged dotted layer. In final you may add shiny effect with "starbust" brush from preset assorted brushes set. And Here is result! Playing with Displace Filter in Photoshop I have been playing a lot with the Displace filter in Photoshop and I still get impressed with how powerful it is. Even though I have written some tutorials using it, I decided to try to recreate a different effect that I saw in one of the images submitted for the Daily Inspiration. It was a brick wall deformed like it was made of cloth. So in this tutorial, or a quick-tips I will show you how to create a curtain made of bricks or how to deform a brick wall as it was a curtain. Step 1 Open Photoshop and create a new document. Step 2 Let's import another image, now of a girl opening the curtains. Step 3 With the Lasso Tool (L) or the Pen Tool (P) select the empty white. Step 5 Now select the hands/arms of the girl and the curtains. Step 6 Move the brick wall layer so it will be in front of the girl layer. Step 7 Go to Layer>Layer Mask>Hide Selection. Step 8 Duplicate the girl layer and delete the girl using the mask of the bricks wall for reference. Step 9 Step 10 Step 11 Step 12 Step 13 Step 14

Useful Photoshop Tips And Tricks For Photo Retouching - Smashing Magazine Advertisement When it comes to designing in Photoshop, there is a myriad of ways one could use to achieve a certain result, especially when it comes to photo retouching. Designers use technique they are most confident as well as comfortable with, which is great because it’s always useful to peek into the workflow of our colleagues and learn new design approaches. I’ll be covering some of the useful techniques and tricks which I’ve learned from my experience. Here is a short overview of the techniques we’ll be covering: Naturally Increased Light The light of the sun creates texture. Increase light on a separate layer. Then use the brush tool with a soft brush, and hold the Alt/Option key to pick up colors from the area that you want to brighten. The blending mode “Color Dodge” creates realistic results. Simulate Infrared Images Trees and bushes should now shine in the typical white, and the sky should appear almost black. It’s almost like an infrared image. Levels Controlling Mid-Tone Contrasts

Practical Photoshop Magazine 30 best photoshop text effect tutorials for designers advertisement Photoshop is a graphic editing software and has been described as “an industry standard for graphics professional”. Photoshop provides functionality for designers to convert their concept into a self explained graphic. Especially in Typography, there is no limitation of creativity in terms of presentation, instruction and final results. Google engine can find hundreds of Photoshop tutorials around the world, but it is really a difficult task to find out the best suited one. Below we present 30 Text effect tutorials and we also provide the link to their original sources. 1. How to Create Eroded Metal Text with Photoshop 2. Create a Steam Powered Typographic Treatment 3. Typography Wallpaper in Photoshop 4. How to Create Explosive Typographic Effects in Cinema 4D 5. How to make a Typographic, Retro, Space Face 6. Create Smokey Typography in 12 Steps 7. Super Cool Frilly Bits Typography 8. Text in stitches 9. Shiny Calligraphy Text Effect in Photoshop 10. Add Fantastic Color to 3D Text

10 Rock Solid Website Layout Examples Keeping It Simple Page layout is equal parts art and science. Creating something that’s visually attractive and unique takes an artist’s eye. However, there are several very easy to follow guidelines that you can use to create solid layouts that work for any number of cases. Designers often stress out far too much about the layout process. In this article we’re going to take a look at ten very common layouts that you can find on countless sites across the web. If you’re a web designer, bookmark this page and come back the next time you get stuck laying out a page. Three Boxes This is probably the most simple layout on the list. The three boxes layout features one main graphic area followed by two smaller boxes underneath. The silhouetted shapes along the top are areas that can be used for logos, company names, navigation, search bars and any other informational and functional content typically on a website. In the Wild Simple, effective and attractive. 3D Screenshots Advanced Grid Five Boxes

Photo Editing - Faces Tucia Photo Enhancements I love editing photos, but when you have the photos say from a wedding, a reunion or a graduation you might want a professional touch. The tools I describe in this article are great for improving photos, but Tucia can add a person into a family portrait or remove an unwanted stranger from your photo. Tucia's photo editors can digitally open up closed eyes or fix hair. They can also offer glamorize and digital cosmetic enhancement options - get a tan, clear acne or remove braces. Simple touch-ups such as digital camera mark or red eye removal and cropping are also available. How To Take Better Pictures With A Digital Camera Use the following tips to help make your digital photos go from just okay to great. 1. You don't want to find trees growing out of people's heads or a passing vehicle to draw attention from your subject. 2. 3. Also don't shoot just face on to the person, try a little to the side, a three quarter view, so that you see more of their face. 4. 6.