articles on

Lost in Space Typography in Photoshop

Last week I was checking out some of the Typography Mania posts, and got really inspired to try something new. So I decided to create an abstract composition with light effects and apply that as a texture of a text, everything done only using Photoshop. So in this tutorial I will show you how to create an easy and super quick text effect in Photoshop. We will play with Brushes, Blend Modes, basic filters like Blur and Liquify, and also text. Step 1 Open Photoshop and create a new document. I used 2560x1440 pixels. Then with the Gradient Tool (G) fill the background with a radial gradient with 2 shades of purple (3d2626) Lighter and (060404) darker. Step 2 With the Elliptical Marquee Tool (M) create an ellipse selection. Add a new layer and select the Gradient Tool (G). Use black and a very light grey for the colors. Fill the ellipse selection with the radial gradient. Use the image below for reference. Step 3 Go to Edit>Define Brush to create a new brush. Step 4 Go to Window>Brushes. Use the image below for the values of the Brush Tip Shape, Shape Dynamics, Scattering, Color Dynamics and Other Dynamics. Step 5 Add a new layer and with the Brush Tool (B) and the brush you have just created, paint some spheres on the design. This is a random effect so you won't get the same result as I did. Step 6 Add another layer and group this layer. This new layer will be inside a folder in the Layer Palettes. Change the folder's Blend Mode to Color Dodge. Then, with the Brush Tool (B), select white for the color and a big soft brush to paint some areas to highlight them (1-4). Tip: Use the numbers 1-0 to change the opacity of the brush, with 1 being 10% and 0 being 100%. Step 7 Add a new layer and with the Rectangular Marquee Tool (M), create a rectangular selection. Fill this selection with a white to black linear gradient using the Gradient Tool (G). After that change the Blend Mode to Color Dodge to create a nice light effect. Step 8 Duplicate the light effect layer. Rotate and resize them to create different light effects. Tip: Use the Eraser Tool (E) to blend some of the light effects one they are over one another. Step 9 Add a new layer and group this layer so it will be inside a folder. Change the Blend Mode of the folder to Color Dodge. With the Brush Tool (G), using white for the color, select the layer inside the folder and paint some flares (1-3) Step 10 Add another layer on top of the others, then with the Gradient Tool (G) fill the layer with a gradient using red, yellow, green and blue for the colors. Change the Blend Mode of this layer to Overlay. Step 11 Create a new layer and fill it with a checkerboard pattern. You can download it here. Then go to Filter>Blur>Gaussian Blur, use 10 pixels for the Radius. After that change its Blend Mode to Color Dodge. Step 12 Select the pattern layer and go to Filter>Liquify. Use the Twirl Clockwise Tool (C) and the Bloat Tool (B) to deform the pattern layer. Step 13 Select all layers and click Command(mac)/Control PC + Alt + Shift + E to create a layer with all the layers merged in it. Go to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius. Then change the Blend Mode to Screen and the Opacity to 50%. Once again click on Command(mac)/Control PC + Alt + Shift + E to create a layer with the final design. Step 14 To create the text effect we will add a new layer for a new background. You can duplicate the same layer from the Step 1 and just change the colors, instead of a purple hue I used a brown. The light one is 3b2500 and the dark 130f08. Step 15 Select the Horizontal Type Tool (T) and type "Lost in Space" like a did in the image below. Make the words "Lost" and "Space" much bigger than the "In". Then change the font to VAL. You can download it here (http://fontfabric.com/?p=585). Use white for the color. Step 16 Go to Layer>Layer Styles>Drop Shadow. Use Multiply for the Blend Mode, black for the color, -90º for the angle, 0 for Distance and Spread and 30 for Size. Step 17 Select now Inner Shadow. use Color Dodge for the Color with White, 100% for the Opacity, 2 pixels for the DIstance, 1 for Choke and 5 pixels for Size. Step 18 Move the layer with the design merged to be on top of the other layers, more specifically on top of the text layer. Then go to Layer>Create Clipping Mask. Step 19 Go to Google Images and search for some eclipse photos, I found this amazing one at http://www.cardiff-astronomical-society.co.uk/ECLIPSE2006\DSCF0841.JPG. Copy it and paste it in your design. Go to Image>Adjustments>Levels. Increase the black input. Change the Blend Mode to Screen. Also go to Filter>Blur>Gaussian Blur. Use 5 pixels for the Radius. Step 20 Duplicate the eclipse layer and position it on top of the other ones that were in the design, the difference is that now it will look like the lights are coming out of the text. Conclusion Merge all the layers again and you can add a little noise (Filger>Noise>Add Noise). The effect is very simple and won't take you more than 20-30 minutes to achieve it. But it's a nice exercise for those willing to play with light effects, also clipping mask and text effects in Photoshop. Click on the image for full preview Download the Photoshop file Click here to download the Photoshop file used for this tutorial

Friday Fresh Free Fonts #34

I will be posting some fresh free fonts every Friday, yes I know it's awesome. I will look forward to bring a lot of great fonts that will sure help you improve your typography work. Check out what I selected for you on the FFFF#34 and make sure to comeback for more next week. Click here to view all Friday Fresh Free Fonts Ecolive by Prosaiper Download Ecolive Muneris by Greg Ponchak Download Muneris The Download link is all the way to the right side on the page. Magnificent by Diego Vallejo Download Magnificent Outlaw by Billy Argel Download Outlaw

Typography Mania #14

Typography Mania is a weekly post series that comes around every Wednesday with the best of Typography work on the web, from videos to images everything is full of great design and inspiration. Check out this weeks Mania and comeback in 7 days for more. Make sure to click on each image to go to original location where you can check out more work from each artist and designer. Videos Images Thank you for not smoking | by Chris Anderson As you Save | by Mikey Burton Mikey's First Lecture | by Mikey Burton Beer Directions | by Smooth-as-Sandpaper HOE W | by Nick Sherman All you need | by Carl Middleton Hamilton's Wood Type catalog #17 (1901) | by Nick Sherman Moldy Kiss | by Nick Sherman Specimen of type from the a Mano / Dean wood type collection | by Nick Sherman On the Press | by Nick Sherman Specimen of type from the a Mano / Dean wood type collection | by Nick Sherman On the Press | by Nick Sherman NYC Milk | by Gobbie Monster Live With Art It's Good For You | by Cranky Pressman Love Food | by clagnut Legalize | by Which Witch Hollywood | by Gerard Bosch Pike Place Market. Seattle, WA. 2006 | by eyetwist Home Sweet Home Print Test | by onpaperwings Home Sweet Home | by onpaperwings Home Sweet Home | by onpaperwings Make Your Own Path | by onpaperwings Affiche - Co | by Atelier Domino Very Very Very Wrong Indeed | by Zohar Manor-Abel Wood type | by BlueAlgae

Friday Fresh Free Fonts #33

Friday Fresh Free Fonts #33

I will be posting some fresh free fonts every Friday, yes I know it's awesome. I will look forward to bring a lot of great fonts that will sure help you improve your typography work. Check out what I selected for you on the FFFF#33 and make sure to comeback for more next week. Click here to view all Friday Fresh Free Fonts Lane by GemFonts Download Lane New Athena Unicode by American Philological Association Fonts Download New Athena Unicode Grov Condensed by YOFonts Download Grov Condensed The download button is on the top left where it says MacTT | WinTT Juice by Dhany Arliyanti Download Juice

Typography Mania #13

Typography Mania is a weekly post series that comes around every Wednesday with the best of Typography work on the web, from videos to images everything is full of great design and inspiration. Check out this weeks Mania and comeback in 7 days for more. Make sure to click on each image to go to original location where you can check out more work from each artist and designer. Videos Images Genesee Street No. 7 | by gmeadows1 Smolensk | by Ilya Ruderman Smolensk | by Ilya Ruderman Smolensk | by Ilya Ruderman Smolensk | by Ilya Ruderman Guy Mariano Typography | by Royal Star Design Clement Poster 3rd Ave | by Nicole Ginelli Faded street sign in Obuda | by bousinka Urban Typography | by Diego Photographed Happy August - STW 2010 | by Pablo Alfieri Dream Wallpaper | by Alexander Nedelev Get Yourself Digitized | by Tom Hayes 'Consider This' paper wastage awareness calendar | by Paul The Illustrator 'Consider This' paper wastage awareness calendar | by Paul The Illustrator 'Consider This' paper wastage awareness calendar | by Paul The Illustrator 'Consider This' paper wastage awareness calendar | by Paul The Illustrator Graphic Philosophy II | by Stuart Hodgson Stappen Breda Magazine Spreads | by Mister Three Stappen Breda Magazine Spreads | by Mister Three A Street Between Us | by vm Adoration of Organized Chaos | by jing-jing Phototype | by daisyke Ramlar Typography | by loserromantik Street Typography | by Hello Roma Typographic Journey - 3 | by masterjawa

Amazing 3D Typography by Jeff Osborne

I mentioned before that one of my goals for 2010 is to practice and learn more about 3D, especially Cinema 4D and the new 3D features in Photoshop CS4 and the new CS5 that is right around the corner. Then last week, when I was preparing the Daily Inspiration, I discovered the work of Jeff Osborne, a digital artist from London who creates some amazing 3D typography works. Jeff uses Cinema 4D and Photoshop for most of his compositions. I love the illumination that he uses, especially the "Let there be light" work. Also the "Wrong" and "Wrong 2" are quite impressive because of the open criticism to our society allowing children to live in poverty. For more information visit Jeff's Behance profile. You will find other works that are not necessarily 3D typography. WRONG Created for a children's charity, Composition created used Cinema 4D and Photoshop WRONG 2 Created for a Children's Charity using Cinema 4D and composited in Photoshop. Other Works A little test to see what the new Advanced renderer can do in Cinema 4D R11

Friday Fresh Free Fonts #32

Friday Fresh Free Fonts #32

I will be posting some fresh free fonts every Friday, yes I know it's awesome. I will look forward to bring a lot of great fonts that will sure help you improve your typography work. Check out what I selected for you on the FFFF#32 and make sure to comeback for more next week. Click here to view all Friday Fresh Free Fonts Aller by Dalton Maag Ltd Download Aller Day Poster Black by Nick's Fonts Download Day Poster Black Garton by David Rakowski Download Garton Theano Old Style by Alexey Kryukov Download Theano Old Style

Incredible Typography by Eika Dopludo

Eika Dopludo is an illustrator and fine artist from Saint Petersburg, Russia. She runs a collective called Dopludo and they have a very cool portfolio with all sorts of works, from toy design, book covers, drawings, graphic design and typography, which was what really caught my attention, especially the Life in the Alphabet work. So in this post I will show you two amazing typography works by Eika and her collective. I also recommend that you check out her Behance Portfolio, it's full of awesomeness. Life in the Alphabet . The idea of the project is to represent a letter in a natural form and appearance. Like something alive has turned into a letter and stood still. In some letters it's possible to find symbolism, others are just an abstract form. In the alphabet you can find only one human - a woman in space. And one unreal creature - a dragon, also a very symbolical sign. Details size: ?5 (each) ; pencil; summer 2009. in Love

Typography Mania #12

Typography Mania is a weekly post series that comes around every Wednesday with the best of Typography work on the web, from videos to images everything is full of great design and inspiration. Check out this weeks Mania and comeback in 7 days for more. Make sure to click on each image to go to original location where you can check out more work from each artist and designer. If you like to view the previous Typography Mania posts visit http://abduzeedo.com/tags/typography-mania Videos > Images Pollution | by Luis Schubert Decades | by José Domingo Betancur Gómez Decades | by José Domingo Betancur Gómez Xmas | by José Domingo Betancur Gómez Xmas | by José Domingo Betancur Gómez UMAMI x MGNT | by José Domingo Betancur Gómez UMAMI x MGNT | by José Domingo Betancur Gómez UMAMI x MGNT | by José Domingo Betancur Gómez 2010: BLOOD than SALIVA | by José Domingo Betancur Gómez SERUM vs VENOM | by Daren Newman Champion Sound - 13th edition | by Martijn van Dam Procrastinators | by Raakha Baseline | by Jennifer Skiba Happy New year postal card | by Nicolas Cornwall Black & White | by Bruno Cristina Neutra | by Bruno Soares HOW CONFERENCE | by Nia H. Smith I'mpossible | by Word Boner 99% Water | by Word Boner There's life Ouside | by Word Boner He Lberated my Heart | by Word Boner Wordziner #2 | by WordZiner Faith | by Word Boner

Friday Fresh Free Fonts #31

Friday Fresh Free Fonts #31

I will be posting some fresh free fonts every Friday, yes I know it's awesome. I will look forward to bring a lot of great fonts that will sure help you improve your typography work. Check out what I selected for you on the FFFF#31 and make sure to comeback for more next week. Click here to view all Friday Fresh Free Fonts Franchise by Derek Weathersbee Download Franchise Mamma Gamma by Jacob Fisher Download Mamma Gamma Sketchetica by Ossi Gustafsson Download Sketchetica To download Sketchetica you must go on "Portfolio" then "Typefaces" and there will be a link to download. Timeless by Manfred Klein Download Timeless

Typography Mania #11

Typography Mania is a weekly post series that comes around every Wednesday with the best of Typography work on the web, from videos to images everything is full of great design and inspiration. Check out this weeks Mania and comeback in 7 days for more. Make sure to click on each image to go to original location where you can check out more work from each artist and designer. Videos Images by Onesevenone Gold by Yaronimus Maximus Logos Postcard by typoretum Letterpress Handset in Garamond by Bundscherer Geometric Post by boxcarpress Anagram Press by Squid Ink Queeens Typo by Like Minded Studio In the Year of 2009 by Phil Abel Count Basie Letterpress Poster by skintone Spot the Typo by shoter Blast from the Past by Nekiy Alphabet AB by Park Ride Ladies Night by jergot gotroch WIKITYPE 9 by arnoKath HDV Fonts by Irmel71 T 0,2 by foddokross Redony Reluxa by f-auto + by RodrigBoy Make Money by enaniza Modernidad by foddokross Gegranntes und Gepopptes

Friday Fresh Free Fonts #30

Friday Fresh Free Fonts #30

I will be posting some fresh free fonts every Friday, yes I know it's awesome. I will look forward to bring a lot of great fonts that will sure help you improve your typography work. Check out what I selected for you on the FFFF#30 and make sure to comeback for more next week. Click here to view all Friday Fresh Free Fonts Geometry Soft Pro by Roger S. Nelsson Download Geometry Soft Pro Kingthings Foundation by Kevin King Download Kingthings Foundation Orial by Salman Boosty Download Orial Logo Fontik by Sergiy Tkachenko Download Logo Fontik

Typography Mania #10

Typography Mania is a weekly post series that comes around every Wednesday with the best of Typography work on the web, from videos to images everything is full of great design and inspiration. Check out this weeks Mania and comeback in 7 days for more. Make sure to click on each image to go to original location where you can check out more work from each artist and designer. Video Images by m R. t R i P by m R. t R i P by Eurico Sá Fernandes by Jonatan Pettersson by Brandon Moore by Vivien Urtiaga by Riah Goodison by Dinushi Perera by Roman Pellejero by Michaela Istokova by Iacopo Boccalari by Elvis Benício by extraverage by Mark Andrew Webber by Network Osaka by LikeMindedStudio by mil3n by Gizo

Typography Mania #9

Typography Mania is a weekly post series that comes around every Wednesday with the best of Typography work on the web, from videos to images everything is full of great design and inspiration. Check out this weeks Mania and comeback in 7 days for more. Make sure to click on each image to go to original location where you can check out more work from each artist and designer. Videos Images Elektrotrash: A Found Art Typeface by Alex Varanese' Te lo dice Camarón by ulen García Typografi by Iyan Fabian 2009 posters by Grzegorz Matyszewski Heroes Type Tshirts by Pete Harrison Poster Design by xpome Cartazes by Adriano Frachetta The Devil's in the detail by George Birch The Singleton - Typography by Charles Williams Void Poster by Chris Carbo I would die for vodka by http://www.behance.net/xtwice Luyendijk - The entertainment level of news by Thijs Janssen

Xmas Friday Fresh Free Fonts #29

Xmas Friday Fresh Free Fonts #29

I will be posting some fresh free fonts every Friday, yes I know it's awesome. I will look forward to bring a lot of great fonts that will sure help you improve your typography work. Check out what I selected for you on the FFFF#29 and make sure to comeback for more next week. Click here to view all Friday Fresh Free Fonts Bistecca by Studio Kmzero Download Bistecca Boa by Alien Foundery Download Boa HeadThinker by Ian Currie Download HeadThinker Quimbie by Peter Wiegel Download Quimbie

Typography Mania #8

Typography Mania is a weekly post series that comes around every Wednesday with the best of Typography work on the web, from videos to images everything is full of great design and inspiration. Check out this weeks Mania and comeback in 7 days for more. Make sure to click on each image to go to original location where you can check out more work from each artist and designer. Videos Images English Communication Festival Festival Brochure QUBE Calendar Mouscacho Calendar 2010 Methods NYC Idioms Mondrian Inspired Typography Playing Cards Sainted Valentine Bio Typeface Typography Cut Out Calendar Wanted Hand Lettering & Typography OC Bold Typeface

Realistic Golden Text in Pixelmator

In this tutorial I will show you how to create a beautiful golden text in Pixelmator. It might be useful for your next Christmas design. We will use basic tools and gradients to mimic gold with this super easy technique. I also have writen a tutorial showing how to create the same effect but for Photoshop, you can find it at PSDTUTS. This tutorial is part of a series of tutorials I have been writing for the Pixelmator Learn Site. Step 1 Open Pixelmator and create a new document. The size is not important but I’m using 1440×900 pixels. Then go to View>Show Gradient to open the Gradient Panel. Create a new Radial gradient from a dark brown in the center and blending to black. Fill the background layer with this new gradient. Step 2 Go to Filter>Stylize>Noise. Use 1 for the amount and make sure that it’s NOT monochrome. Step 3 With the Type Tool (T) type VIVAVIDA (or any word you want). We will break the text into layers and create a new word. To do that, go to Layer>Rasterize Type Layer. Then with the Lasso Tool (L), select each character, then cut and paste it back. Each one will be in a different layer. (The font I used was Adobe Garamond.) Step 4 Now that you have layers for each letter, let’s create a new word. The one that I came up with was VIVAD. The VIV is connected and so is the AD. Select the layers that make the word, and go to Layer>Merge Layers. You will have the word back in one layer only. Step 5 Go back to the Gradient Panel and create a new gradient preset. Create a linear one this time. Use dark brown, beige and white for the colors, exactly like the image below. Step 6 Add a new layer on top of the word VIVAD and go to Layer> Create Clipping Mask. Use the Gradient Tool (G) to fill the layer with the gradient we created in the previous step. Start from the top of the word and finish at the bottom. Step 7 Add another layer on top of the previous one and go back to Layer>Create Clipping Mask. Change the Blending to Multiply. With the Rectangular Marquee Tool (M), create a rectangular selection starting 2 pixels down from the top of the word. With the Gradient Tool (G), fill the layer with the gradient we used for the gold letter; this time the direction will be the opposite, with the dark color at the top. Use the image below for reference.? The idea is create a tiny line to create the reflection of the gold. Step 8 Let’s repeat this step for the bottom of the word. The Blending will have to change, so you can use either Color Dodge or Screen. I used Color Dodge, but I had to duplicate the layer to get a stronger result.? Repeat the previous step, but now the idea is to put a shiny line at the bottom of the word that had been dark. Step 9 This is the result we have to achieve. Step 10 Duplicate the layer with the word VIVAD and move it beneath the gold effect. Then go to Edit>Stroke. Use any color, 1 for the Width and Outside. Step 11 Again over the Gradient Panel, add a new preset using dark brown, beige and dark brown. Use the image below for reference. We will use this gradient to create another reflection to our golden text. Step 12 Create a new layer on top of the layer where we applied the stroke. Then go to Layer>Create Clipping Mask. Fill this layer with the gradient we created in the previous step. The beige part has to be almost at the bottom of the word. Step 13 Duplicate the layer with the word VIVAD and put it beneath the other layers but on top of the background. Go to Image>Invert. It was white and now it’s black; then go to Filter>Blur>Gaussian Blur. Use 30 for the Radius. The idea is to create a nice shadow beneath the golden text. Step 14 This is the gradient order that I have. Check yours to see if it’s similar, or simply download the file used for this tutorial to understand how the layers are organized. Conclusion This is a very simple but beautiful effect. Even though we don’t have the layer styles feature we have in Photoshop, we can create Bevels and Gradients using layers and clipping layers with gradients. We observe reality and try to recreate it with the tools that are available. Versions You can also create other types of metals, like silver. You can try different gradients or just apply Hue and Saturation. Download the Pixelmator File Download the Pixelmator file used for this tutorial