articles on

Longer Than Life

Longer Than Life

Today we bring to you another great post about photo manipulation, it's a beautiful advertising piece created by Mladen Penev and Clemens Franke. The composition is mixes a woman's arm with flower petals and the other version with smoke. It's good to see a bit of the behind the scenes as well, like the way they took the photos, the make up and etc... For more information check out http://www.mladenpenev.net/ and https://www.behance.net/Clemens_Franke

Erik Johansson Recent Work

Erik Johansson Recent Work

Erik Johansson is a surreal photographer and retoucher from Sweden. He also happens to be one of our favorite digital artists due to his incredible creativity mixing photography to create beautiful and mind-boggling compositions. We have been following his work since the beginning of the blog, we have also featured him in the Abduzeedo book and since then every time we see new work from Erik, we simply must feature here on Abduzeedo. Below you can see some recent work that Erik shared on his Behance profile. For more information check out http://www.erikjohanssonphoto.com/

38 Isolated Desk Objects - Download

38 Isolated Desk Objects - Download

It's the first week of the new year and nothing better than to spend some time organizing and starting to improve our design library of assets and resources. To help you get started we feature some really cool desk objects mockups. Though despite being overused they are always useful and thanks to Graphic Burger you can download 38 isolated objects. For more information check out http://graphicburger.com/

ABDZ Constellation - Photoshop Tutorials

ABDZ Constellation - Photoshop Tutorials

This weekend I went to the movies to watch Interstellar in IMAX 70mm. This movie was for me the most anticipated one this year and I left the theater in awe. The movie is visually stunning and as expected from Nolan, a mind-bending experience in terms of storytelling. Still blown away, I decided to create an image in Photoshop inspired by my experience watching this incredible film. So in this little tutorial or case study, I will walk you through my process from Illustrator to Photoshop. I won't provide a lot of details because I think it's better for you to try and not follow instruction, but I think you can have a good idea of how the end result was achieved. Step 1 In Illustrator, create a new document and then with the Polygon Tool create a polygon with more than 8 sides. Step 2 With the Line Segment Tool start creating lines and connecting them to create the polygonal effect we want to achieve. Step 3 Once you finish the full sphere, delete some areas in the center like the image below. After that with the Ellipse Tool, create a circle for each intersection of lines. Step 4 I repated the same process for the Abduzeedo symbol. Step 5 In Photoshop, create a black circle in the center of the document. Step 6 Import the design you created in Illustrator to Photoshop. Step 7 To add stars in the background, an easy techinque is to create a new layer, fill it with black and then go to Filter>Noise>Add Noise. Use around 10% for the amount. Then go to Image>Adjustments>Levels. Adjust the black and the white leves until you have just a few white dots. Step 8 Add the text you would like to add to your design. I am using a quote from the Interstellar movie. Step 9 Using Google Image search I searched for a light leak image. Then with the Adjustments>Hue and Saturation I changed the colors to a cool, blue/purple palette. After that change the Blend Mode to Linear Dodge (add). That will make the image only visible over the dark areas of the composition and invisible over white. Conclusion The process behind this image is quite simple and it was something I used to do a lot in the beginning of the blog, just playing with Blend Modes and the space theme. With vectors and the white area the composition got simpler and more refined. It would work really well for a poster as well. Now it's up to you to come up with your own design, but first, got to the movies to watch Interstellar and get some inspiration.

ABDZ Paper - Photoshop Tutorials

ABDZ Paper - Photoshop Tutorials

I've recently written about Google's newly launched visual design language called Material Design. The goal of this new design is to create a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science. The idea is to create a UI that has the best of both worlds, digital and physical. Some of the imagery they presented in the spec share some common characteristics, like depth, paper style effects and vibrant colors. I decided to take a pass and try to create an image inspired by the Material Design styleguide. So in this tutorial I will show you how to create a simple composition in Photoshop inspired by the Material Design styleguide. The whole process will take over one hour or even more if you get into the details. Step 1 Open Photoshop and create a new document. I am using 2880x1800 pixels, the resolution of my Macbook Pro. Step 2 With the Rectangle Tool (U) create a rectangle and rotate it. For the colors I am using the Material Design color palette called Blue Grey (http://www.google.com/design/spec/style/color.html#color-ui-color-palet…). The colors I will use will come from the palette, the only different one will be the accent color. //--> Step 3 Again with the Rectangle Tool (U) add another rectangle and rotate it again to create the outer part of the A. Step 3 Duplicate the rectangle from the previous step and move it a little bit to the right to create a second pane for the left part of the A. Step 4 Do the same for the right part, but this time use pink for the accent color. Step 5 Keep adding rectangles until you have the form you like. Remember to keep the idea of pieces of paper stacked. Step 6 For the textures I used to different techinques. The first one is by using images and clip masking. The other one is by using patterns and layer styles. For this step we will use clip masking. Search for paper textures you want to use and paste in the document. Step 7 Change the Blend Mode to Color Burn and move the order of the layers. Step 8 For the Layer Styles, I used Bevel and Emboss, Pattern Overlay and Drop Shadow. Use the values below to see how I did. The biggest change for the other layers will be the Drop Shadow values. Step 9 Here's the first sheet of paper with the effects. Step 10 Repeat the same process for the other sheets of paper. The main difference will be the drop shadow values. Conclusion After all these steps you will end up with something similar to the image below. It's important to play with some values for shadow, bevel and also blend modes depending on the colors you choose. The palette I chose is not super vibrant so it's a bit different than if I used a more vibrant and saturated tone. The shadows also make a huge difference. Some will have to be more subtle while one or two will be long and strong. Those details will create the depth you want for the composition. Now it's up to you. I will keep playing with mine trying to improve the realism of the shadows and edges of the paper. I hope you have fun creating your own version. I also would like to thank Shutterstock for some of the textures I used in this tutorial.

Illuminating Motherboard - Photoshop Tutorials

Illuminating Motherboard - Photoshop Tutorials

For this week's tutorial I will extend the Chrome Effect in Photoshop tutorial and add a super cool light effect simulation featuring a fan hole in a computer. We will use some images and Photoshop's layer styles for the whole tutorial. The process is quite straightforward but it is a little time consuming, roughly one hour to create your own image. Step 1 Open Photoshop and create a new document, as usual I am using 2880x1800 pixels for the dimensions so I can use it as a desktop wallpaper. Using the Paint Bucket Tool, fill the bakcground with #201E1E for the color. Step 2 Add a new layer and fill with with black. After that go to Filter>Noise>Add Noise. Use 15% for the Amount, Uniform for the Distribution and Monochromatic. This is pretty much the same process we did to create the plastic texture in our previous tutorials. //--> Step 3 Duplicate the noise layer and then just flip it horizontally. After that group the 2 layers and apply a layer style for the group. Go to Layer>Layer Style>Gradient Overlay. Use Radial from mid grey to dark grey. Step 4 For the internal part of our speaker or computer search on Google Images for some videocards, they usually are super cool in terms of design. I also used an image with light effect I did a lont time ago for the Abduzeedo Book. You can use anything you want for the light effect. Merge both images and then go to Image>Image Adjustments>Hue/Saturation. Select Colorize with 40 for Hue, 50 for Saturation and -13 for Lightness. Step 5 Time to mask everything. For my design I used a vector I found online with the circles like a round phone speaker. Create a marquee selection of the shape and mask the internals. Step 6 This is what you will have after the masking. Step 7 With the shape you used to create the mask go to Layer>Layer Style>Blending Mode. Change the Fill Opacity to 0. Select Bevel & Emboss and then use the values below, after that select Contour and use 56% for the Range. In the end duplicate this layer and change the opacity to 10%. Step 8 Add a new layer on top of the other layers and fill it with black. With the Brush Tool (B) paint a circle with a dark grey like the image below. After that change the Blend Mode to Color Dodge. Step 9 Go to Layer>New Layer Style>Photo Filter. Use Warming Filter at 30% Density. Step 10 Select all layers and duplicate them. Merge the new layers and with the new layer selected go to Filter>Blur>Gaussian Blur. Use 15 pixels for the Radius. Change the Blend Mode to Screen at 70% Opacity. Conclusion Now to finish the design just add your logo with the same nice chrome effect we created in our previous tutorial, Chrome Effect in Photoshop and your design will be done. Now it's up to you to come up with your own. I hope you have fun. Download Photoshop File Download the Photoshop file used for this tutorial

Photo Manipulation by Kareem Hossam

Photo Manipulation by Kareem Hossam

Photo manipulation allows us to do everything we want and imagine, I think that's why I love that so much because there's no limit. Artists across the world have been pushing the limits, guys like Erik Johansson and many others. For this post we show a simple but yet inspiring artwork created by Kareem Hossam, a visual artist from Cairo, Egypt. For more information about Kareem check out his portfolio at https://www.behance.net/kimz Credits Idea: Hany Ibrahem Photographer: Ahmed Farouk Retoucher: Kareem Hossam

Chrome Effect - Photoshop Tutorials

Chrome Effect - Photoshop Tutorials

A couple of weeks back we featured an image for the wallpaper of the week that was the Abduzeedo symbol with a chrome effect. Quite a few people asked me how it was composed so this weekend I decided to write a simple tutorial on how to achieve a cool chrome effect using Photoshop. I am using the Photoshop CC but you can create a similar effect with pretty much any new version of Photoshop. So, in this tutorial I will show you how to create a chrome effect in Photoshop using just layer styles. The whole process is very simple but it might require some tweaking and a little bit of time. Step 1 In Photoshop create a new document. I am using 2880x1800 for the size so I can use it as a desktop wallpaper for my laptop. After that put the logo/symbol you want to apply the chrome style. //--> Step 2 Add a new layer and fill with with black with the Paint Bucket Tool. After that go to Filter>Noise>Add Noise. Use 12.5% for the Amount, Gaussian and Monochromativ. Step 3 Duplicate the layer and for the one on top go to Edit>Transform>Flip Horizontal. After that change the Blend Mode to Screenat 40%. Step 4 Group the 2 layers with noise and then for the group apply a layer style. Select Gradient Overlay and use Radial with a light grey in the middle and black for the edges. Step 5 Select the symbol and then go to Layer>Layer Style>Blending Options. Use the settings like the images below. Note: The settings might vary depending on the type and size of you symbol, so play with the values until you find the best result. These are the best settings for the Abduzeedo symbol. Step 6 Here I added the logotype and apply similar chrome effect. Step 7 Select all layers and duplicate them. Merge all the new duplicated layers onto one layer and then go to Filter>Blur>Gaussian Blur. Use 15 for the amount. After that change the Blend Mode to Screen at 50% and go to Layer>Add Layer Mask. With the Brush Tool make only the symbol area visible so this layer will create a sort of glow effect. Conclusion Here is the final result. As you can see the last step add a nice shine and glow to the image making the chrome look more realistic. I mentioned before, but it's important to play with the settings because they might have different results depending on the form of your symbol. Now it's up to you, just have fun and start creating nice wallpapers as well. Download Photoshop file Download the Photoshop file used for this tutorial

Harmful Nature Case Study

Harmful Nature Case Study

There's no limit to our imagination and with the right tools and drive we can translate our most creative ideas into beautiful artwork. For this week's case study we feature a project titled 'Harmful Nature' from our friends over at Lightfarm Studios. We featured this image for the wallpaper of the week and on this post we've decided to give you a little sneak peek behind the scenes, enjoy. Harmful Nature is the new promo video from Lightfarm Studios. Conceptually the image brings a dark and tragic metaphor about the impossible love with the classic tale of the Diver and the Mermaid. Along one month we used the latest 3D technology in cloth simulation on this piece where everything was modelled, from the ship wreck to the corals. The model was shot in a diving pool for the best realistic results as possible to seamlessly blend photography and 3D. From the underwater shooting session to post production we blended all of our knowledge in 3D and post production into a piece that is as real as dark, always aiming at breaking our own limits as artists. Video Harmful Nature - Making of from Lightfarm Studios on Vimeo. For more information visit http://www.lightfarmbrasil.com/

Great Photoshop Brushes Freebies

Great Photoshop Brushes Freebies

As a designer sometimes it gets frustrating to come up with new pieces with the same old brushes all the time. For that we have some very generous designers sharing great Photoshop brushes for free! Kudos for these guys for sharing such great presets. Here you can see a nice selection of some super useful brushes. To download these freebies all you have to do is to click each image so that you can see the download link at Dribbble. Also, if you got your own design resources, we'd love to know! I hope you enjoy these. Cheers. ;) Element Photoshop Brush Set Winter-Pak High Res Fabric Textures Photoshop Brush Set Scratchy Free Grunge Brushes 25 Ink and Watercolor Photoshop Brushes No.3 50 Watercolor Photoshop Brushes Noise effects Spray Splatter Photoshop brushes Speckle Brushes made of Cocoa Subtle Brush Set 3 Brush set from Function Dirtbag HD

Playing with Triangles in Photoshop

Playing with Triangles in Photoshop

It's been quite some time since I've experimented with new ideas. Today, I decided to go through my personal library of inspiration, likes on Pinterest, etc and found some really good images from various artists, in particular the work of Sarah Mick. I am also still in love with the game Monument Valley, so this post also has much inspiration drawn from that visual language. Let's get to it. In this tutorial I will show you how to create a super simple wallpaper using Photoshop and Illustrator. The process is very straightforward but the result is quite good in my opinion. Step 1 Create a new document in Illustrator and then create 2 squares like the image below. The smallest one in black and the bigger one in medium grey. Step 2 With the Blend Options select both squares and them create a blend with 3 Specified Steps. Step 3 Add another rectangle for the background with a light grey, like the image below. Step 4 Copy the image from Illustrator and paste it in Photoshop. Step 5 Go to Filter>Blur Gallery>Tilt-Shift. Use 15 pixels for the Tilt-Shift and 0 distortion. Step 6 Let's add an image for the background. I am using a sky image in grey scale that I found on Google Images. After that I masked it to make sure it wasn't overlapping the triangles. Step 7 Go to Layer>New Adjustment Layer>Hue and Saturation. Use 195 for Hue and 43 for Saturation. Step 8 Now select all layers and then merge them into a new layer. After that go to Filter>Noise>Add Noise. Use 2% for the Amount and Gaussian for the Distribution. Conclusion Now just add your text and logo and you are good to go. It's a simple artwork but has some strong visual appeal because of the triangles and since I saw some posters on Behance and the game The Monument Valley I fell in love with this concept. Now it's up to you, just go and have some fun! Download Download the Photoshop file

Case Study: 3D Oasis by Justin Maller

Case Study: 3D Oasis by Justin Maller

"A 3D Oasis Where Beauty Meeds Danger" is one the latest pieces by Justin Maller for Shutterstock Designer Passport Project where different designers create amazing pieces using shutterstock photos and break down the process for us. Check it out! Justin Maller is a graphic designer from Australia who currently resides in Brooklyn, New York. His portfolio boasts a varied and impressive selection of illustrations, and for this edition of Designer Passport, we asked him to apply some of his unique techniques to our collection of images."

Letters Can Kill

Letters Can Kill

Our friends from the Lightfarm Studios keep delivering really cool photo-manipulations, this time they released a project titled Letters Can Kill for Mitsubishi. The project consists of a series of letters designed to look like faces of people, in this case bad people like Hitler, Saddam Hussein and others. For more information bout Lightfarm Studios visit http://www.lightfarmstudios.com/ Via Behance

Creative Cloud Mosaic

Creative Cloud Mosaic

For the 2014 release of Creative Cloud, Adobe is celebrating creativity by bringing together amazing artists from around the world to remix the Creative Cloud logo into a collaborative mosaic. Each artist gets one tile. The finished piece will be an expression of the endless possibilities of Creative Cloud. These are only a few pieces of the puzzle, to view the entire mosaic go to Adobe Creative Cloud.

Low Poly Illustrations in Photoshop by Breno Bitencourt

Low Poly Illustrations in Photoshop by Breno Bitencourt

We have seen quite a few illustrations with the low poly style, it looks like a very difficult technique but Breno Bitencourt put together a very complete Photoshop tutorial showing the process, including a video. I will really give it a try and now you have the chance to try to, check it out. Here I'll show you step-by-step how to create a stylish low-poly portrait in Illustrator and Photoshop. The secret to creating works in this style is working from the best reference photos – and first off Breno reveals how to capture these (using himself as a model). He then reveals how to work these up in Photoshop, then create a vector version in Illustrator. Video Breno Bitencourt is a graphic designer from Brazil specialized at logo design, as well as corporate identity that works with clients globally. For more information about Breno visit https://www.behance.net/Bitencourt

Playing with type and images in Photoshop

Playing with type and images in Photoshop

Following our new series of positive thinking wallpapers today we will show you how to create a simple and soothing image using Photoshop. The author we feature today is Confucius and the quote is "Everything has beauty, but not everyone can sees it". We will also use a stock photo from Unsplash. So in this little case study/tutorial we will show you how to play to some basic masking, photography and typography to create a beautiful wallpaper. The process won't take more than 45 minutes but I am sure you will have a lot of fun. Step 1 Open Photoshop and create a new document. I am using 2880x1800 pixels, the standard retina display Macbook Pro resolution. After that let's start playing with our positive quote from Confucius. Add the word BEAUTY. The font I am using is called Liberator. Step 2 With the Rectangle Tool, create a rectangle with a 10pt stroke. Step 3 Now add the rest of the text. The first part using the same font and the last using a smaller font. In my case I used Orator St. Step 4 For the background I am using a photo from http://unsplash.com/ - I wanted an image with a cold/calm feel and I found this one with some trees and the fog. I liked the mood of it. Step 7 Change the color of the text from white to a purpleish extracted from the image. I apply a Layer Style>Color Overlay to a folder with the typography elements. Step 8 With the Magic Wand Tool (W) select the tree. Then mask the text and rectangle so you can make some branches going in front and behind the symbol. Step 9 Here's a zoom version to see how I played with the branches and the typography. Step 10 Go to Layer>New Adjustment Layer>Photo Filter. Use the Warming 85 at 33%. Conclusion Add your logo and you are good to go. The design is simple and soothing, exactly the mood I wanted to have for this particular design. So as Confucius sad "Everything has beauty, but not everyone can sees it" - maybe that's why I will probably be the only one who can see the beauty on this wallpaper.

Image Manipulations by Martin Grohs

Image Manipulations by Martin Grohs

Photoshop is a way to free your imagination and here you can take a look inside the mind of Martin Grohs. Each piece has it's own world of creativity and execution into something real within your eyes. Enjoy! In 2007 I've started with the digital retouching. At the beginning I have corrected merely a pair of faults. But with the time I found more and more enthusiasm to work and to change more. With the time I have more and more intensively dealt with the manipulation and have learned to love it. So I have slipped to this area. But meanwhile I leave it no longer only at simple picture manipulations, but I always try to visualize and to create more interesting, unique and re-recognizable ideas. Here one small insight into my thoughts and their putting into action. I hope you like them... For more from Martin Grohs visit martin-grohs.com and behance.net/grohsARTig.