articles on

Light Graffiti in Photoshop

A few weeks ago, Paulo published a really cool post about what he called “Awesome Light Graffiti Pictures”. I was completely blown away by the images and the crazy things they’re capable of doing just by taking pictures with a long exposure. I received some emails asking me how to create that effect in Photoshop, and there are already some good tutorials on it, but I decided to write one myself. I’ll write 4 tutorials explaining how to do that in: Photoshop, GIMP, Pixelmator, and Fireworks. I’ll start with the Photoshop one, and the final result you can see below. The tutorial will be published this week I think.Update: You can read the tutorial at PSDTUTS.COM or clicking  here

Wave explosion Photoshop Tutorial Soon

Today I took 2 hours to do another reader’s request. I have to say, this image was really cool to make because I didn’t know how to even create that effect in the first place. But it turned out to be easier than I thought. Now I just need to write the Photoshop tutorial. Well I don’t even know how to describe the effect, it’s such a Heroes Peter Petrelli power of mind wave explosion, . Seriously, it’s a sort of explosion that this guy saw on a video and wanted to know how to do it. Below you can see the end result. Besides that, I’d like to share some information about the site. It had a huge traffic last month of over 930k visitors and more than 1.6 million page-views; it was a record. We’re all really happy with that and we want to thank all of you for visiting the site. We are also going to give away 2 favicon slots. These 2 slots will be to promote our visitor's sites. Each one will be there for a full month and by the end of that month, we'll change the favicons. So remember, every month we will give these 2 slots away. Wanna be the first one to get your site favicon here? Drop us a comment!You can check the tutorial at http://psdtuts.com/tutorials-effects/create-a-powerful-mental-wave-explosion-effect/ Winners of the Favicon slotsRajJonathan Solichin 

Funny Celebrity Digital Manipulations

Most of us, during our photoshop sessions, have made some bizarre experiments using pictures of family, ourselves, strangers or even celebrities. Bobby, a 37 years-old from New York took those experiments to a whole new level. These pictures are really funny, some are a little bizarre, but all of them are the product of an insane, open mind. Making Adam Sandler look like a Soprano got this guy lots of extra points. Awesome! You can check out more of his very creative work at http://www.flickr.com/people/digital_graffiti/

Retro Effect in Photoshop

Last weekend I worked on the new design for this blog. I already done 3 designs and the process is always the same. First I love it, then after a couple of hours I like it and by the next day I am already working on a new design.Anyway, after the Pixelmator tutorial, the Retro Light Effects, I thought  it would be nice to write a Photoshop tutorial showing how to create something with a retro style as well.  Besides that I was trying to create something inspired by some of the James White designs, with those geometric lines. Below you can see the result. I’m finishing the tutorial and I think it will be published this week.

Time Machine Icon in Photoshop

Last week I got sometime to study a bit of icon design, specially the Mac OS X icons. Among all Leopard icons the one that I like the most is the Time Machine one, it's really beautiful and the idea is very clever as well. With that icon in mind, I sort of challenged myself and I decided to recreate it in Photoshop to see how some of those effects work and, perhaps, start creating some icons as well. After a couple of hours I had gotten a satisfactory result, I think. So I decided to teach my girlfriend how to create the icon. Well, she stopped on the third step :). But I still think it’s a very useful tutorial. UPDATE: I think the tutorial will be published this week on PSDTUTS.

Photoshop Disasters

Isn't it freaky when you're reading a magazine, and then you notice that the cover model is missing her belly button? Or maybe that foxy red head has got the longest fingers in history? Yeah, that's more common than you might imagine. Photoshop Disasters is a blog dedicated to... photoshop disasters. There are pages and pages of those freakish images of semi-nude babes that you think are hot... until you notice a third hand... geez, disgusting. Check it out! Castles In The Air OMG. That's a three handed lady!!! I wonder if the dude noticed that little detail. Highlander Now we all know that they took the pictures without swords. I mean, why?? That's not to hard to hold a sword during a photo shoot. Jordache Nippleless. If that is even a word. Maxis The title for this one cracked me up: "Model Distorts Space-Time Continuum". Lol. These are only a few of it. Please, visit the blog to check all the disasters! Author: Paulo Antunes | If you want to write an article and have it published here send it via email to abduzeedo[at]abduzeedo.com

Lighting Effects Inspiration

I’ve always been a fan of lighting effects and glows, I know, it might sound outdated but I like to recreate those effects in Photoshop. The last 2 Photoshop Tutorials I wrote, the Sparkling Hot Girl in Photoshop and the Break Apart, I explained how to do some of these effects mixing them with photos. Now, in this post I will show you some of the images that really inspired me to write those photoshop tutorials. There are some incredible designs, from guys like: Chuck Anderson, Leandro Demetrius, James White, Someone Graphic Design, and others. There’s one more thing, I’m already working on some tutorials using this technique for GIMP and PIXELMATOR. Leandro Demetrius http://www.flickr.com/photos/leandro_demetrius/ Signalnoise - James White http://blog.signalnoise.com/ DESIGNER--ISHHHH .... UM.... DESIGN PORTFOLIO http://www.leihi2.nl/old/works.htm NoPattern Chuck Anderson Someone Graphi Design http://www.soemone.com/ Various If you like this post, please help us to get some diggs.

Hot Chick on a Muscle Car

In this tutorial we'll fuse an image of a Muscle Car and an image of a Hot Chick into one cool retro postcard design. Learn some brush, texture, and layer techniques to create a classic image everyone wants to get ahold of. Step 1 We need to gather the assets for this tutorial. They are all available from istockphoto: 1 | 2 | 3 | 4 | 5 | 6. Go ahead and download these files. Let's get started by removing our model from her background. Step 2 Next create our working document. Make it about the size of a Postcard. Then place our Muscle Car Image. Then place our cut out model on top of the hood of the car. Do some Free Transforming to scale the model down to fit and rotate her a little counter clock wise. Step 3 First Draw a dark green to bright yellow gradient over our images. Then set the layer to Multiply. And then set it to 30 Percent Transparency. Step 4 Import our Paper Texture. Scale it down until it looks right. Then set the layer to Multiply and give it a Transparency of 90 Percent. Step 5 Import our Stars and Stripes Background to the top layer and set it to Hard Light. The grab the Eraser Tool with a Maser Diameter: 300 and a Hardness of 0 Percent. Now Erase the Background in the places where it overlaps the car and the model. This will allow the background to move to the back and fade the background around the edges of the model and car. Step 6 Import our Clouds and place them behind the Muscle Car. Then set the Muscle Car to Multiply. Use a large Eraser with a Hardness of 0 Percent and remove some of the clouds until your results match the image below. Step 7 The first image below is just to show you what we are accomplishing on the Paper Background. Grab a large Eraser, set the Brush Hardness to 0 Percent, and erase on the Paper Background layer right where the models head would be. Make sure your settings for the layer are the same as before. The second image shows the change to our image. Her face and torso stand out more now. Step 8 Let's make our ground stand out more. Import another copy of Stars and Stripes Background. Drop it just above our cloud layer and use a similar Eraser Brush as the last step and erase the top of this layer until your results match the image below. Step 9 The little details can make a big difference. Draw a selection around the models yellow bracelet. Create a new layer and color the selection orange. Then set the layer to Multiply. Next create a new layer below the model. Grab a small Brush and draw a shadow under the model. Then set the Layer Opacity to 50 Percent. Step 10 Type in the text ANYWHERE USA and place it at the bottom. I used Arial Black set at 54pt. Use the settings below to give our text a layer style. Step 12 Now let's add some brush work to give the design an old worn feel to it. In the first image you can see the Brush Tool chosen. On a new layer residing at the top of our document use a dark blue to brush the edges. View the effect in the last image of setting the layer style to Overlay. Step 13 Use the same kind of Brush as above and create Multiple Brush layers with different colors and opacities. Place all these at the top of our design. Work with it until your happy with your results. My results are shown below. I really like the brushes that started to glow when working with this. Look at the yellow brushes over the text for example. Those are set to Hard Light with an Opacity of 60 Percent. Step 14 Create a new layer right above our Muscle Car image. Grab another large Brush of the same style we have been using and give it a color of red. Set the layer style to Color Dodge and now wherever you brush it will glow a little bit. I mostly brushed around the Models head to get that to stand out a bit more. But I brushed a little in the bottom corners as well. Step 15 Now lets add some fingerprints so that it looks like this photo has been handled over the years. First lets cut out each fingerprint from our Fingerprint image. Then paste each one individually onto its own layer. Use the Free Transform tool to move them around until your happy. Keep in mind that the corners are where the most handling usually occurs in a Photograph. I also Erased a little bit of one of the prints as you can see below. Step 16 Now give your fingerprints varying levels of Opacity and Layer Styles. I used Darken on some and Multiply on the others. I used varying Opacities set between 40 percent and 100 percent. The last thing I did was go over the top Stars and Stripes background with the eraser a bit more so we can see the clouds break through next to the model. The results of our final image is shown below. Conclusion Fusing photos into a composition is fun. Textures, brushes, and grunge elements are a great way to pull these images together. And above all else never forget that muscle cars and hot chicks are a cool and classic design combo.Download the PSDClick here to download the Photoshop file. About the authorThis tutorial was written by Sean Hodge. Hi All! Tutorials are awesome. I'm really into writing them on my Illustrator and Vector Graphics blog AiBURN. I'm from the US, but living on the beach in Venezuela. My studio is Connection Cube. That's where I get to create graphics, design websites, and write for some great companies! I love working on creative projects!

Breaking Apart tutorial request

Firstly I’d like to thank you all for the emails, I really appreciated them. Besides that, I’ve received some requests from readers, what is awesome because sometimes I don’t have much time to think on ideas for tutorials. The best thing about this requests is that I can learn new techniques and explore Photoshop in a new way. This new tutorial I’m writing is an example. Some users sent me emails asking how to create explosions, like breaking apart some objects in images. So yesterday I took some time and did my first image, you can see it below.UPDATE: THE TUTORIAL IS AVAILABLE AT PSDTUTS:http://psdtuts.com/tutorials-effects/seriously-cool-photoshop-explosion… I have to say, the breaking apart effect was easier than I thought, at least for this image. I will try new ways to achieve explosion effects as well. And please, keep sending requests.

Sparkling Hot Girl in Photoshop

I’ve seen some very nice images mixing photos with light effects and sparks. If you go to flickr in those Photoshop and Graphic Design groups you will see images with this effect. There’s a designer, I think he's Brazilian, who has some amazing designs using this style, his name is Leandro Demetrius and it’s really worth checking his work out. Anyway, in this tutorial I will show you how to create an image using this technique. It basically mixes some techniques from tutorials like Magic Lighting Effect, Amazing Photoshop light effect in 10 Steps, and the latest Create the MSNBC header effect. Step 1 Create a new document, mine is 800x600 pixels. After that double click on the background layer to open the Layer Style dialog box and add a Gradient Overaly. Select Radial for the Style and use a dark red to black for the colors Step 2 Select a nice photo, in my case an amazingly hot girl from the 30 Color and Pattern Inspiration Bikinis post. Select the Pen Tool (P) and start creating a path with the shape of the woman. Later we will convert this path to selection to mask the girl. Step 3 After you create a path with the shape of the woman, go to the Path palette, right next to the Layer Palette. You will see the path with the girl’s shape. Click on the dotted circle icon at the bottom of the box to create a selection from the path. Step 4 Back to the Layer Palette, select the girl’s layer and then go to Selection>Refine Edge. This command will allow us to adjust the selection in real time with some nice settings like feather, smooth, contras, and others. Make some tests with a black background. When you have a good selection click ok. After that go to Layer>Layer Mask>Reveal Selection. Step 5 Lets increase the contrast of our girl, go to Image>Settings>Brightness/Contrast. After that reduce the layer like the image below. Then add a bit of noise. Filter>Noise>Add Noise. Step 6 Group the girl layer so it will be inside a folder on the Layer Palette. Select the Elliptical Marquee Tool (M), set the feather option to 30px and create a elliptical selection like the image below. Now select the Folder instead of the girl’s layer and after that go again to Layer>Layer Mask>Reveal Selection. We will add the mask to the folder and everything inside the folder. Step 7 Double click on the girl’s layer to open the Layer Style box. Select Outer Glow. For the Blend Mode use Color Dodge and for the size set 35px. After that Duplicate this layer and go to Filter>Blur>Motion Blur. Use 43º for the Angle and 155 for distance. Make sure that the blurry layer is behind the normal layer. Step 8 Create a layer, not inside the folder anymore. This layer has to be behind the girl. Then go to Filter>Render>Clouds. Change the Blend Mode to Color Dodge. Step 9 Create another layer, behind the clouds’ layer. Now go to Filter>Render>Fibers... Use 13 for the variance and 4 for the Strength. After lets add another filter, this time Motion Blur, go to Filter>Blur>Motion Blur. The angle will 90º and for the distance use more than 300px like the image below. Step 10 First rotate the layer. Then select Lasso Tool (L) set 30px for the feather and create a selection like I did. Then one more time go to Layer>Layer Mask>Reveal Selection. After that double click the layer to open the Layer Style box. In the Layer Style’s first screen set the Fill Opacity to 60%, then add a Gradient Overlay, use the rainbow colors. Step 11 Here it’s all about brushes. But first create a new Folder in the Layer Palette and set the Blend Mode to Color Dodge. After that create the layers you want to be light inside of this folder and using white color. You can even add some different shapes and apply gaussian blur to create those rays of light. Conclusion This is one of those designs that looks a bit complicated when we see it at first. But when you start working on it, it turns out to be much easier than we thought. You can add different light colors, more or less sparks, or even explode some parts of her body. Well that’s another tutorial I will write about. Download the PSD file Click here to download the PSD file.

New tutorial: MSNBC header effect

Today I saw that the guys at PSDTUTS.com published another tutorial I wrote, Reader Request: MSNBC Style Effect. It's a really nice effect and very easy to do too. One of the coolest thing in this effect is that you can use it to create lots of different designs. You can create a header for your site like MSNBC did, or you can create some compositions with photos. Here you can see the end result of the tutorial Get the 1440x900px wallpaper iPhone wallpaper And here is another image I created using the same effect but this time I mixed it with a very beautiful girl. I know the girl makes the design much better. Anyway I'm writing a tutorial showing all steps.

How to improve your Photoshop Skills

There's nothing better than to play with the tool if you want to learn it. Bert Monroy always mentions that on his podcasts and I truly agree with him. I think the best way to learn is trying to recreate images and effects we like. Here I list my 10 tips to improve your skills in Photoshop, but they can be applied to other tools as well. Besides of that leave a comment with tips and links that you think will help us to improve our Photoshop Skills as well. 1 - Start with something I know this might sound obvious but you need to have something like some drawings, sketches, or an image rather than just a white page. Otherwise you will end up doing the same effects every time you try do design something. Get inspiration from sites like Flickr, there are some very good photoshop groups. Or just look for inspiration on the web. Below are some inspirational links. 2007 inspiration 10 Photoshop Masters Masters of Illustration - Smashingmagazine 12 Invaluable Sites for Web Design and Design Inspiration 2007 Graphic Design Inspiration 2 - Don't be dissappointed Don't be dissappointed when your image or effect is not turning out the way you want, keep working. That happens with me all the time. When I first start designing, usually I get frustrated that my design is not becoming exactly what I had in mind. However it turns out that after I have all elements in my design it's easier to make it look the way I want.  3 - Try to recreate the effects you like. Every time I find an image that has an effect I like I save it and try to create that effect in Photoshop. The Fire effect I did trying to reproduce an Nike ad, and the gold effect when I saw a Jewelry Ad as well. 4 - Read tutorials before start doing your design. We usually go straight to Photoshop and try to figure out how to do the effect, it's nice but we can save a lot of time if we get some clues or ways to do that before we start the Photoshop work. There are very good sites where you can learn how to create all sorts of effects from gold text to glowing effects. pixel2life.com good-tutorials.com psdtuts.com veerle 100 Photoshop Tutorials 5 - Learn how to use Masks. I know this might sound odd but there are a lot of people that don't understand how to use Masks. So stop deleting parts of your image and start masking them. There's a very cool video that shows us how to learn Masks 6 - Play around with filters You can do all kinds of effects with them from blur to lighting effects. The most fascinating thing is if you mix some filter you always get a new result, like the Render Clouds. 7 - Spend some time learning the Layer Styles Layer Style is one of the most useful features in Photoshop. You can create amazing text effects without applying any filter or even touching the font. 8 - Brush Engine To be honest I had never payed much attention to this feature until 6 months ago when I was creating a falling star. After that moment I simply cant stop using it. You can create sparks, stars, clouds, and unlimited number of shapes. You can make your brush random or uniform, with different colors and opacity, and I could go on and on because the possibilities are endless Very good video explaining how the Brush Engine works Photoshop Brushes - Lynda.com 9 - Listen and watch podcasts I think podcasts are an excellent way to learn Photoshop. The Pixel Perfect with Bert Monroy is definitely a must see podcast if you want to learn Photoshop and Illustrator. List of Photoshop Podcasts Adobe Photoshop Quicktips - Video Podcast 10 - Share what you have learned with everybody I think when we learn something there's nothing wrong in sharing our skills. Besides of the fact that you can help others, you can promote your work and even get money from writing tutorials. Psdtuts.com pays you for each tutorial you write and then publish it if selected. Your Design Forums PSDTUTS - They pay you for tutorials Flickr Deviantart

100 Photoshop Tutorials (for Creating Beautiful Art)

If you know the right places to look at, you can just find any kind of tutorial. Love art, painting and all that? Here are 100 tutorials you must visit. 3DTotal brings us an awesome selection of 100 photoshop art tutorials that will teach you some neat techniques of how enhance your digital painting skills. And I mean, it's a whole 100 tutorials... that's a LOT. Here are my favorites. Remember, these are just a few of them. To visit the complete set, click here! Author: Paulo Antunes | If you want to write an article and have it published here send it via email to abduzeedo[at]abduzeedo.com

Amazing Photoshop light effect in 10 Steps

Last year I had written a tutorial showing how to create some lighting effects in Photoshop, it was called Magic Lighting Effects. A lot of people liked it, but some people still have some questions on how to achieve that effect. When I added a “buy me a coffee” featured on my blog I decided to use an image I had done when I was showing my cousin how to do the Magic effect. Instead of using a hat I used a coffee cup and the process is basically the same, however this time I will explain it in more details. Step 1 Create a new document, apply a Layer Style on the background layer. Add a Gradient Overlay and a Pattern Overlay. Step 2 Here I've used an icon I found on a cool site, but you can use whatever you want. Step 3 Select the Ellipse Tool (U) and create a shape like I did. After that apply a Gaussian Blur (Filter>Blur>Gaussian Blur) with radius of 30px. Step 4 Create a new Folder name it “Light Effects”. Change its blend mode to Color Dodge, and move the ellipse you created to this folder. Step 5 In order to create the sparks we will use the amazing brush engine. Add a new layer, inside the “Light Effects” layer, set white for the color and follow the images below. Step 6 Using the Layer Styles add a Outer Glow to the sparks Step 7 Lets add some smoke. Create a new Layer, call it “Smoke”. Change its blend mode to Color Dodge and select the Lasso Tool. Set 40px for Feather and create a selection like I did below. After that make sure that the foreground is white and the background is black and apply a Filter>Render>Clouds. Tip: Continue applying the filter until you get the best clouds. Step 8 Add some text and using the Layer Styles again lets create a nice effect. Step 9 Place your logo and you can even add more effects like I did on the Magic Lighting Effect, but then you will have to follow that tutorial ;). Conclusion I have to say, if you know a bit of Layer Styles and the Brush engine in Photoshop you will be able to create amazing effects. It will depend exclusively on your imagination and playing with the tool. Sometimes just changing a some settings and you get a totally different effect. The PSD file used in this tutorial can be downloaded here.

Gold Style in Photoshop

One of the best features in Photoshop is the Layer Styles. We can create all sorts of effects only using it, you can create, Plastic, Glass, Aqua, Ice, Metals, and many more. Last week I was talking to a friend of mine and he told me that he needed to create a gold effect in Photoshop. He tried to find a good tutorial online but he said he didnt find any. I'm pretty sure that there are good tutorials showing how to do that, however I created my own Gold Style. Now I'm writing a tutorial showing how to do that. It will probably be published at PSDTUTS.com, but you can take a look at the end result below. Desktop Version iPhone Version

Stylish Clouds in Photoshop

Back from the New Year’s eve, I bit of hangover, I’d like to wish you all an excellent 2008. And celebrating the new year I created this new image that I will write a tutorial showing how to create clouds in Photoshop. They are not simply clouds, they are more a cartoon clouds, very colorful and stylish. The same I saw on another fantastic Nik Ainley’s work he did to Adobe and it’s on his website. You can get the wallpapers below. Desktop Version iPhone Version

Crazy Vintage Inspiration

One of the design styles I like the most is that with vintage images collages, mixed with handwritten texts, stains, spots, and tons of dirty things. It's fantastic the crazy things they come up with, like a person with a bird's head and stuff like that. So that's what I want to show on this post, some examples of this sort of work. There are excellent designers that we can consider masters on this subject. One of them in particular is a brazilian called Eduardo Recife. His work is fantastic and it’s totally worth checking his website out. Besides of that, you can find excellent images on Flickr, there are amazing groups where they are always updating with new works and experiments.