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

How to Create 3D Text Blocks in Photoshop In this tutorial, I'll show you how to create a 3D Blocks text effect. You need to have Adobe Photoshop CS4 Extended to practice this tutorial. This will be fun and I'm sure you can do lots of cool things using this technique. Final Image Preview Take a look at the image we'll be creating. Video Tutorial Our video editor Gavin Steele has created this video tutorial to compliment this text + image tutorial. Step 1 Before we start, you may want to download the font that we'll use in this tutorial. Create a new document 1000 pixels wide and 600 pixels high. Step 2 Create a new layer and name it "Mosaic." Step 3 Select the "Background" layer in the Layers Palette and hit Command + J to duplicate it. Step 4 In the Layers Palette select all the layers other than the "Background" layer. Step 5 Now we have a 3D object and we are viewing it from the front. Get the 3D Orbit Tool and drag to orbit the camera. Step 6 There are different rendering presets in Photoshop. Step 7 Step 8 Step 9 Step 10 Step 11

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

A Slick Supernatural Text Effect In this tutorial we'll be creating a smoky night effect on text to give it an eerie supernatural sort of feel. It's a good exercise in using the Wave distortion filter... Step 1 The first thing we need for our image is a background. We're going to use a quick star-sky background. There are lots of tutorials around for this effect, and it's actually a simple two-step process: clouds + noise. So on a new blank canvas, start by choosing a dark blue color - #18323a - and black and then go to Filter > Render > Clouds. Step 2 Now create a new layer, fill it with black, and go to Filter > Noise > Add Noise and use values roughly as shown below. Step 3 Now that is way too much noise, so go to Image > Adjustment > Levels (or Ctrl+L) and bring those sliders together until you see most of the 'stars' vanish as shown. Step 4 Now set the stars layer's blending mode to Screen so that the black vanishes and just the stars remain. Step 5 Step 6 Now we add our text. Step 7 Step 8 Step 9 Step 10 Step 11 Step 12 Step 13

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

How to Create a 3D Text Photo Manipulation By Tyler Denis In this intermediate-level graphic design tutorial, you’ll learn how to realistically superimpose a beautiful three-dimensional text object onto a living room scene with the help of Illustrator and Photoshop. Final result Below, you’ll see the preview of the photo manipulation scene that we’ll be creating together – you can click on it to see the full-scale version. Let’s get this thing rolling, shall we? Opening the stock photo in Illustrator 1 We are going to use a free stock photo of a living room called Home Interiors 1 by Jeinny Solis. 2 Open the Home Interiors 1 photo in Illustrator by choosing File > Open… (Ctrl + O). Placing the text onto the canvas 3 Use the Type Tool (T) to add the text "Dd" onto the canvas. 4 Resize the text by activating the Selection Tool (V), holding down the Shift key to keep the text proportional, and then dragging the transform controls appropriately so that the size is roughly the same size as the following figure. Adjusting the guide layer’s hue

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

Quick Grungy Poster In this tutorial, I will show you how to create a sort of grunge poster. We will learn how to make some elements look a bit dirty, create textures, and add some depths to the elements using shadows and blend modes. Step 1 Create a new document. Step 2 Set the background color to black and the foreground color to white. Step 3 Select the Horizontal Type Tool (T) and type PSD. Step 4 Rotate the group like the image below. Step 5 Using the Pen Tool (P), create some shapes to fill the gaps before the P, the S, and the D. Step 6 If you use Photoshop CS3 convert the yellow, red, and blue shapes to Smart Filters and go to Texture>Texturizer again. Step 7 Now select the white lines and using the Layer Styles, select Drop Shadow. Step 8 Double-click on the PSD text layer and in the Layer Style box, select Drop Shadow This time let's make a bigger and stronger shadow. Step 9 Create a new layer and name it "dirty." Step 10 Step 11 Select the white objects again and create a new layer. Step 12 Step 13 Step 14

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

Related:  photoshopTexts/fontskendelsmithTypography