Last weekend I spent sometime watching TV, more specifically Lost, playing video-games, and playing around in Photoshop as well. I was working on some new images for fun, and for new tutorials of course. Speaking of tutorials, PSDTUTS has published my new tutorial, Create Cool Watercolor Effects in Photoshop, so check it out. Also I’d like to share with you the wallpaper version of the Watercolor tutorial Below you have the different sizes of it. Desktop Version iPhone Version Resolutions 1900x1200px 1680x1050px 1440x900px 1280x1024px iPhone Version
The wallpaper of this week is from a designer, illustrator, and friend of mine called Bruno Fujii. Last year Bruno allowed us to download his amazing 2008 calendar, and now this awesome wallpaper. Desktop Version iPhone VersionResolutions:1900x1200px 1680x1050px 1440x900px 1280x1024px iPhone Version Visit Bruno Fujii's website at http://illustplosion.com/ or his flickr photos for more images and information.
This week's wallpaper of the week is from a friend of ours, Eric DeFazio, also known as Koston101. It looks pretty darn cool, and we are cheering that this dude will make some other cool wallpapers such as this. Enjoy! Credits: Photo by Parris Whittingham - http://pswhittingham.com Resolutions: 1900x1200px 1680x1050px 1440x900px 1280x1024px iPhone Version For more wallpapers check out our wallpaper tag. And if you got you own wallpapers, please, drop a link!! Thanks a lot and enjoy. ;)
This week's wallpaper is an amazing illustration from the very talented Alessandro Pautasso. For more information about him check his site out at http://www.nosurprises.it/ Desktop Version iPhone Version Resolutions 1280x1024 1024x768 iPhone
The wallpaper of this week is the new, and really cool, James White design called La Femme, I think it's not necessary to say anything else right? Desktop Version iPhone VersionResolutions1900x1200px 1680x1050px 1440x900px 1280x1024px iPhone Version
This week's wallpaper is a design I created inspired by the work of Adhemas Batista, a fantastic brazilian designer who has done some incredible works mixing photos and vectors. I will write a tutorial showing how to create this image probably next week. Resolutions 1900x1200px 1680x1050px 1440x900px 1280x1024px iPhone Version
We've been publishing our list of best posts of the week for quite sometime now, and today we are going to start a new series of posts called Wallpaper of the Week. With these series of posts we wish to create a place where you can find and promote beautifull and inspiring wallpapers.In order to do that, we will be searching on the web, creating, and accepting suggestions for wallpapers. Just drop us an email via the contact page with the url of the wallpaper or if you prefer email it to abduzeedo[at]abduzeedo.com.The first wallpaper couldn't be better, it's an astonishing design created by the excellent designer Guilherme Marconi. It's called CMYK Lovers. Resolutions:1900x1200px1680x1050px1440x900px1280x1024px iPhone VersionFor more wallpapers check out our wallpaper tag.
I've just finished my new Photoshop tutorial and this time it won’t have lighting effects, with glows and sparks all over, however its is again a request from a user. Tom suggested if we could create a brushed aluminum texture similar to the Apple products. There are some nice techniques applied on this tutorial, and I think it can be easily used to interface design and web design projects. The tutorial will be published at psdtuts.com soon I think. But I took some more time and created 2 desktop wallpapers and 2 iPhone wallpapers. Desktop Version 1440x900px Desktop Dark Version 1440x900px iPhone Version iPhone Dark Version
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.
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.
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
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
December is here, another year is ending and nothing better than creating a Christmas desktop wallpaper using Photoshop to celebrate that right? Well, maybe not. Anyways I created this image using paths, the brush engine and layer styles in Photoshop. Besides that, I used some amazing Christmas Icons I found online at http://www.iconarchive.com/category/christmas-icons.html The step-by-step tutorial will be posted soon at psdtuts.com, but below you can see and download the wallpaper in a 1440x900 version and the iPhone version. 1440x900 version iPhone Version
Most of you know that I have written some tutorials on how to create smoke using Photoshop. Last weekend I took sometime and tried to come up with a nice and easy way to create fire in Photoshop. There are lots of good tutorials on the internet about creating fire but the majority are creating fire for text effects. What I was looking was to reproduce an effect I saw sometime ago in a Nike Ad. It was that fire that is created when a spaceship or comet enters the earth's atmosphere. After some hours trying, I came up with a very convincing effect. I redid it several times trying to simplify the steps until it was easy enough for me to write a tutorial about how I did it. Below you can see the image. The tutorial will be published soon at psdtuts.com. Desktop Wallpaper Version iPhone Wallpaper Version
Finally Apple will release their new OS called Leopard. One of the things I like the most with Apple, and probably everybody loves too, is that they always release tons of beautiful stuff. From the package box to the t-shirt. Yeah there is a very cool t-shirt as well. And now it’s not different. I loved the space feeling of the new wallpaper with that sort of aurora borealis effect. Besides that, this week the new version of GIMP was released. The 2.4 version has a renewed interface, with new icons, and much more stable, at least running on my mac it has not crashed yet. Anyways, what I want to show on this tutorial is how to create that Aurora Borealis effect using the new GIMP. Basically I used the Leopard’s wallpaper as my reference. I have to say it was easier than I thought. Step 1 Open GIMP 2.4 and if you don’t have it, download it and give it a try. Create a new document, in my case I used 1600x1200, and using the Bucket Fill Tool (Shit+B), fill the background layer with a very dark purple. Step 2 Using the Free Selection Tool (F), draw a shape like the one I did. That will be the source of our light, so the position here is very important. Try to place it more at the bottom of the image. After that, fill it with white. Tip you can add a blur or a feather to the selection. Step 3 Go to Filters>Render>Clouds>Difference Clouds and apply the filter. Select Randomize, Turbulent and Tileable. Step 4 Go to Filters>Blur>Motion Blur and change the settings to: Blur Type ZOOM and the length to the maximum. It will take a little bit to generate the effect. This will generate that light burst. Step 5 After that go to Colors>Colorize. Now we will add colors to our light. Change the hue, saturation and lightness settings until you get a sort of dark pink. Step 6 Now lets just duplicate layers, scale and rotate them. The shape you use will define how many times you will have to do that. In my case I had to duplicate and rotate twice. Besides that, I duplicated each layer once to make the light stronger with the Blending mode. I have in my file 6 layers and the blending mode for each in order is: Screen, Hard light, Normal, Normal, Screen, and Screen. You can use the erase to correct some issues with the layers. Step 7 Here I changed the color of the second layer to a red using the Colorize again. Step 8 Duplicate one layer, and using the Colorize again, lets create the blue light. As in the step 4, just change the hue, saturation and lightness until you get a blue color. Don’t worry if the color is not strong enough, we will duplicate the layer to make it stronger. For the blue light I duplicated the layer twice, so I have 3 layers for that light. The order of blending options is Normal, Dodge, Dodge. Step 9 Now lets add the stars. Create 2 new layers and fill them with black. One will be for the small stars; the other for the big ones. Change their blending mode to Dodge. Set white for the foreground color and select the Paintbrush Tool (P). When you select the Paintbrush the Tool Options will open. There you will change the parameters. Specially the Apply Jitter. The image below shows the values for the big and small stars. Final Result I know that it does not look exactly as the Apple's wallpaper, but it's pretty close. However the most important thing here is that the new GIMP is an excellent tool, we can create all sorts of effects with it and it's free. The only thing that bothers me is that it still needs the X11 to run on my mac. Click on the Image to to see it bigger. Download the GIMP file here
I’ve been using Photoshop for a long time, I think it’s the best tool for manipulating images and creating all sorts of effects. Besides that there are people that can make magic with Photoshop, like I posted before on the 10 Photoshop Masters’ article. Although I really like the Adobe’s main product, I have seen a lot of articles about GIMP, that stands for GNU Image Manipulation Program, and people creating amazing effects using this tool. So I decided to give it a try. I have to say, it’s possible to achieve very good results using GIMP. There are great variety of Filters, some of those I wish Photoshop had. However the interface is not that friendly. It lacks a lot of features like organizing layers in folders, the layer styles and running native on Mac OS X, if you compare to Photoshop. But I don’t want to compare or review software here, I just want to show my first creation using GIMP and how I did that. The idea for the image was inspired by the new Mario Galaxy game. 1- Open a New Document, I used 1440x900. 2 - Create a Gradient: Set the shape to radial, and choose black for the background and any color for the foreground. 3 - Adding some smoke: add a new layer, set the foreground to white and go to Filters>Render>Clouds>Solid Noise. Set the layer mode to Overlay 44%. Set randomize, 1 to detail, and X and Y size to 16. 4 - Creating the Beam of light: Create a new layer, choose the Create and edit paths tool (B) and draw a triangle to be the beam of light. After that create a selection clicking on the button to create selection from the path. Fill the selection using the Fill tool (shift+B) with a blue color. 6 - Create 2 copies of the Beam of light layer, and apply the Gausian Blur to them. Set Overlay to the layer that is in the back, and Dodge to the others. This will produce the lighting effect. 7 - Creating the sparks: Add a new layer. Using the Paing fuzzy brush strokes (P) to create the sparks like the picture bellow and apply Dodge to the layer mode. 8 - Add colors to the sparks: Using Filters>Colors>Colorify to change the color of the sparks. Tip: Duplicate the layers and add a little blur to create that glowing effect. 9 - Creating the light circle: Create a new layer, go to Filters>Light Effects>GFlare, choose hidden_planet in the selector tab. Try some different setting values or like the ones I used. Set the layer mode to Dodge. 11 - Resize the Layer to add the perspective. 12 - Some dust: Duplicate the light circle layer and add a Filters>Blur>Motion Blur. Type linear, and angle 90. The layer Mode is Dodge again. 13 - The Supernova: Add a new layer, fill it with black, go to Filters>Light Effects>Supernova. Again, try different values and choose the ones you like or follow the image bellow. After that apply Screen to the layer mode. 14 - More depth: In a new layer, use the Gradient but this time with a blue foreground and black background, create a radial gradient from the top left corner to the bottom right. Set the layer mode to Screen with 65%. 15 - Add some noise: Add a noise Filters>Noise>Hurl to the first layer, the background gradient of the image. 16 - The Final Result: If you want to create the stars, like in the Final Result image, just follow the photoshop tutorial about how to create the Leopard Starburst effect in Photoshop. It's exactly the same in GIMP. The GIMP file can be downloaded here (13mb), and the icons can be found at iconbase.com
Here we are, in June, another WWDC with Steve Jobs and lots of cool stuff. This time what impressed me the most was the new Mac OS X, called Leopard. The finder has changed, finally, besides that, some cool features like the cover flow for files, quick view and time machine are great and make me really want to use it. Well, one thing that I loved was those new Mac OS banners, like the space, stars and those dust and flares. Awesome. So I tried to do that in Photoshop, and I have to say, it’s not that difficult, and this is what I want to show here. 1- Create a new document: Fill the background with black; 2 - Create the small stars: Duplicate the layer and add a noise>15%>gaussian>monochromatic. 3 - Adjust the Brightness/Contrast so there won’t be too many stars. 4 - Big Stars: Duplicate the small stars layer and apply a Brightness / Contrast again. 5 - Scale it like three times its size, we want to create bigger stars. 6 - Apply Images>adjustments>Threshold: This will show only a few stars. Apply SCREEN as blending options 7 - Refining the stars: Apply a mask on the layer and with the eraser with like 200px start deleting some parts of the layer. after that the stars won’t be too uniform anymore. 8 - Create some light: Add a new layer and create Clouds. Filters>Render>Clouds. Your background color has to be white and the foreground black or vice-versa. 9 - Apply a Hue/Saturation in the cloud layer and COLOR DODGE as a blending option. 10 - Now apply a Hue/Saturation in the big stars layer. 11 - Create some flares: I did that using some free ps brushes which you can find for free at http://www.psbrushes.net/ or http://www.brusheezy.com/brushes. Change some presets like Diameter, Spacing and play with that, testing the Shape Dynamics, Scattering, Other Dynamics and etc... Don’t forget to add some glow in the stars through the Layer Styles. 12 - Creating the Starburst Light: Create a Custom Shape, like the one I chose in white, apply a Gaussian Blur and after that a Twirl. Scale it down until it gets a perfect circle. 13 - Create a new Layer: Fill it in black and merge it with the Starburst layer. 14 - Add a Radial Blur to the Starburst and after that change the Hue/Saturation. Colorize it until you get a green color. 15 - Duplicate the first Starburst Light, reduce its size and apply again a Hue/Saturation, this time set a red/orange color to it. 16 - Addin the Text: For the X or Z just apply a simple Bevel and Emboss plus the Contour option. 17 - Create the reflections on the type: Create a mask and fill it with a gradient from white to black. Set SCREEN as blending options. Final Result: Download the Photoshop File Click here to download the Photoshop file used for this tutorial Plus, there are good sites with tutorials showing how to create a galaxy, stars and stuff like that. Bellow some that I used as reference. http://gallery.artofgregmartin.com/tuts_arts/making_a_star_field.html http://www.andreibilan.blogspot.com/2006/08/photoshop-tutorial-sparkling-stars.html