articles on

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.

Reader Tutorial: The Voyager by Moe Pike Soe

Reader Tutorial: The Voyager Artwork by Moe Pike Soe

The Voyager artwork was created as a Ten Dollar Fonts showcase for a brilliant font designed by Maarten Van’t Wout. I used Cinema 4D and Photoshop to create the atmospheric photo manipulation. The technique is to use different blend modes and adjustment layers as combo to create dynamic lighting for each elements in the composition. I will be showing you these simple techniques to create the artwork. The tutorial includes a part of Cinema 4D but I’ve also included the already rendered pictures for people without C4D to follow. Step 1 We are going to create the 3D text in Cinema 4D first. Create a new motext using the font, type in desired words and change the horizontal spacing to 85 cm with the depth of 35 cm. Step 2 There are two lights being given to the type. The first one is directly above the type at 100% intensity and another light is in front of the type with only 50% intensity. Also make sure you change the shadow mode to area as well. Step 3 Create a new material and change the color to R: 23 G: 23 B: 23 and assign it to the motext. Step 4 Create a new camera and place it along centre of the type. Change the focal length to 76 mm. Step 5 Open up Render Settings > Output and change the resolution to 4500 pixels wide and 3000 pixels high. Also change the saving format to PNG with straight alpha and separate alpha checked. Last of all, add Global Illumination from Effects menu. Step 6 We will be exporting two different renders. One is the full 3D render and another is flat type layer. To get the flat render, change the depth of the type to 0 cm and then render it. Step 7 Open Photoshop and create a new document with 4500 pixels width and 3000 pixels height then fill the background with black color. Place the stars.jpg and change the opacity to 50%. Step 8 Import the two renders and make sure you have the flat type layer on top of the 3D type layer. Also name flat layer Flat and 3D layer 3D. Step 9 As you can see the type is not that popped out enough yet and we need more rim light on the type. To do that, create a new layer above the Flat layer and clip mask it. Then grab a soft brush with white color and paint along the sides of the type. Step 10 Repeat the step 9 again but this time it’s for the 3D layer. Step 11 Group all the type layers and name it Title. Create a level adjustment layer with a clipping mask to the group. Change the values to 0 : 0.83 : 131 . And now we have a pretty dramatic looking type. Step 12 Import the astronaut.jpg and mask out all the white background so that you will be left with the astronaut only. Place the layer below the Title group and move the astronaut so that he looks like he’s hanging on to the ‘A’. Step 13 The astronaut is too bright compared to the type and it needs darker shadows. Create a new Levels adjustment layers and change the value to 63: 0.37 : 225 and clip mask it to the astronaut layer. Step 14 Create a new layer above the astronaut layer and name it Highlight. Make sure to put the highlight layer between astronaut and the adjustment layers. Grab a soft brush with white color and paint into the sides of the astronaut. And change the layer blend mode to Soft Light. Step 15 Create another layer below the highlight area and name it Shadow. Paint inside of the astronaut with a black soft brush with the opacity of 10%. Step 16 Make a group of all the layers except the Title group and name it astronaut. Create a new vibrance adjustment layer. Change the value of vibrance to 100% and the value of saturation to 0%. Step 17 Import earth.png and place the layer above the stars layer. Move the earth to the center aligned with the background. Step 18 Create a new layer and clip mask onto the earth layer. Change the blending mode to Soft Light. And paint in shadows to the bottom part of the earth. Step 19 On the same layer, paint on the top of earth with a white soft brush to lighten up the top half of the earth. Step 20 Create a new layer beneath the Earth layer. Paint along the contour of top half of the earth with a soft white brush. This will create a glow behind the earth. Step 21 Import moon.png. We’re going to repeat Step 18 and 19 to create the similar effect but instead of on top, we’re going to paint it on the left side. Step 22 Group the moon layers and the earth layers. Create a new exposure adjustment layer and a vibrance adjustment layer. Change the value as shown below. Step 23 Now we’ve got a pretty cool atmosphere now but the elements are not cohesive yet. Create a new color balance adjustment layer and a vibrance adjustment layer. Change the values as shown below. Step 24 Create a new layer and name it Top Light. Select a soft brush with the biggest size and change the color to #6d7595 . Paint it along the top of canvas and change the opacity to 40% Step 25 Import flare.jpg and change the blend mode to Linear Dodge. Adjust the position of the flare to the top and centre of the earth. Create a new levels adjustment layer and change the values as shown. Step 26 Find any unwanted highlights or areas that need more shadows and paint above on it by creating a new layer with soft light blend mode. Create a new layer and press shift+cmd+E (shift+ctrl+E) to merge all layers into one. Choose Filter>Sharpen>Unsharp Mask and change the values as below. Conclusion The techniques I’ve shown are simple but they do take time to fine tune depending on the source light in anyway artworks. I hope you’ve learned some new techniques from the tutorial. For more information about me and my work, please visit http://thebeaststudio.com Source Files Download Source Files

Typographic Logo in Illustrator and Photoshop

Typographic Logo in Illustrator and Photoshop

I have been playing more with simple stencil style logos in my spare time, especially because it requires a lot of practice and attention to detail. I surely have a lot to improve upon and that's why I have been spending time trying to recreate this style using Illustrator and Photoshop. For this tutorial I will show you how to use simple Illustrator tools to create a very trendy logo. The process is quite simple and can be applied to all sorts of logos and illustrations for your future projects. Step 1 In Illustrator create a simple stencil using basic shapes and different fonts. The fonts I used here can be found at the Lost Type http://losttype.com/browse/ - Step 2 Let's start adding some effects. The first one is the Blend effect. Select the word New York and duplicate it. Change the color of the duplicated word to white and make sure it's underneath the black one. After that go to Object>Blend - Use 4 pixels for the Spacing with Specified Distance. Step 3 Repeat the same thing to create a simple effect of diagonal lines for the top horizontal dividers. Step 4 Select the first text and go to Object>Envelope Distort>Envelope with Warp. Use Arc for the Style with 30% for the Bend. Step 5 Repeat the same thing for the text at the bottom. Step 6 Select the rectangles and text used to create the ribbon and go again to Object>Envelope Distort>Envelop with Warp... - Use -30% for the Bend with Arc for the Style. Step 7 Here's the final result of the stencil. Step 8 Now in Photoshop, I used one of the photos I took while I was in New York. Import it to Photoshop and crop it to fit the canvas size you are working on. In my case, 2880x1800 pixels. Step 9 Add a new layer and fill it with a simple grey/green color. After that change the opacity to 60%. Step 10 Add another layer and fill it with a gradient from black to white in the center. After that change the Blend Mode to Multiply at 80%. Step 11 Copy the logo from Illustrator and paste it in Photoshop. Step 12 Go to Image>Adjustments>Invert. After that change the Blend Mode to Lighten. Step 13 Go to Layer>New Adjustment Layer>Photo Filter. Use Cooling Filter with 25% for Density. Conclusion After over one hour you can have something similar to the result I got. This was a simple exercise to try to recreate some of the awesome logos I see in most of the design sites out there. I know there's a lot to refine, but this was as I said, a simple playing time with Illustrator and Photoshop trying to learn more about this very trendy and I'd say hipster style. I hope you have fun creating your own version. Download .AI file

Offset Path Effect

Offset Path Effect

Last week Adobe release some new updates in the Creative Cloud apps, including Photoshop and Illustrator. The best new feature for me was the live corner effects in Illustrator. It is a simple little feature but it will make my job so much easier, especially when creating logos, icons and symbols. To give you a little overview I decided to create a new Abduzeedo wallpaper using Illustrator and Photoshop applying some offset path effects and of course the live corner. So in this tutorial I will show you how to create a simple wallpaper mixing vectors and photos. We will play with Offset Path, Live Corners and some other effects in Illustrator and Photoshop. Step 1 Create a simple path in Illustrator. I am using the Abduzeedo symbol for this tutorial. Step 2 One of the newest features in Illustrator is the Live Corners. The cool thing about this feature is that you can make round corners much easier. To do that, with the Direct Selection Tool (A), select the corner you want to edit and notice there's blue circle with a dot in the center. Step 3 Drag that circle down to start editing the corner. Step 4 Here's the Abduzeedo symbol with some better rounded corners done with live corners. Step 5 Select the path and go to Object>Path>Offset Path. Use 10px Offset and keep the default values for the rest. Make sure you check Preview so you can see the effect. Step 6 Repeat the effect again. You can increase the stroke weight to make it more visible. Tip. If you want to have rounded edges like the one on the bottom right, expand the first path. Step 7 Repeat the process a few more times. Step 8 Now in Photoshop, find a nice photo to use in the background. The one I am using is from one of the links in this really cool post at Medium: Stock photos that don’t suck https://medium.com/design-ux/62ae4bcbe01b Step 9 Copy the vector in Illustrator and paste it in Photoshop. Step 10 Select the vector and go to Image>Adjustments>Invert. After that change the blend mode to Color Dodge at 60% Step 11 Go to Layer>New Adjustment Layer>Photo Filter. Select Warming Filter(85), use 25% Density. Conclusion You can apply some brushes to make the symbol sort of old and with that distressed effect and your composition will be done. I love how simple features can make some processes much easier. The live corner effect and the offset path allowed me to create this composition and less than 30 minutes. Of course before that I spent quite a long time looking for inspiration ;)

JWT  Brazil - Made Of What You Are

JWT Brazil - Made Of What You Are

Background Info: this illustration was an A0 billboard produced for JWT Brazil's Troller car campaign. The original brief came attached with a rough concept sketch and some loose directions for what the client wanted to see in the image. The final image was created using 3D objects, stock photos and digital painting. Most of the lighting manipulation used in this image was done with photoshop layer adjustments and painting via a tablet. All 3D objects were created with the software Cinema 4D. Due to scheduling conflicts with the Cannes festival, the deadline for this image was six days. Saad Moosajee, a young self taught freelance Illustrator and Art Director from Denver, Colorado. This work was created for the Slashthree collectives and exhibitions. For more information visit http://www.saadart.com/ Client: Troller Agency: JWT Brazil Art Direction: Thiago Arrighi, Pedro Hefs Illustration: Saad Moosajee Step 1 original background plate is selected for manipulation. The perspective of the floor in the photograph and free flowing branches makes this an ideal image based on the brief provided. Step 2 3D renders are created to be used in the forest environment. The form of the objects are derived from the branches in the photo. The image is also manipulated into various bitmap textures that are applied to the 3D objects. Step 3 The 3D objects are cut up and integrated into the branches of the photograph. The floor of the photo is also extended. Step 4 More 3D objects are integrated into the branches, integration of the animal stocks also begins in addition to color and lighting adjustments. Step 5 3D objects that flow between the car and the humans hands are created. These forms contain loose references to the anatomy of the forest and the animals used in the piece. Numerous bitmap textures are mixed in order to achieve both consistency and variation in the light and color of the objects. Step 6 Further integration of the 3D objects into the environment. Rough placement of the figure and the 3D branches around the figure. Step 7 Continuing to experiment with the lighting and the forests environment. Step 8 Forest background is darkened and desaturated to disguise 3D objects. Foreground branches are developed. Step 9 Recreating the forest atmosphere required balancing dark, mysterious tones against areas of intense illumination. A main source of light was manipulated into the background in an effort to achieve the this effect. Step 10 The light of the composition is adjusted to match the new light source. Step 11 Continuing to adjust light & color of the composition, scale of figure and figures branches is reduced. Step 12 Rough car is placed into image. Step 13 Inside of the car is created via digital painting and 3D manipulation, lighting of car is adjusted to match the composition. Step 14 Color adjustments are made on the composition to give it more warmth, second half of the car is roughly placed. Step 15 More 3D branches and animals are added to the foreground. Step 16 Placement of foreground objects is shifted to be more central. Figure is swapped out by request of the agency Art Directors to someone ethnically brazilian. Manipulation of the ground begins here by roughing in some stock textures. Step 17 Placement of figure is adjusted, overall light of the image is adjusted. Ground is further manipulated with digital painting and cloned textures. Step 18 Quantity of light coming from the back light source is significantly increased to help capture the forest atmosphere. A warm, orange/green tinted light source is used. Step 19 After debating with the art directors regarding about the new figure, a third figure cleared for potential use in the image. The form and light of this new figure felt much more natural in the images environment. Darker lighting is also added to the ground. Step 20 Lighting is once again boosted from the background, this time spreading into the foreground. The texture and perspective of the ground is adjusted to match the original perspective of the floor, and the cars are shifted to a slightly more central position. Step 21 Approval is given for the cars to be colored, which proved to be a key aspect of this illustration. The cars are digitally painted to have a color that aligns with the hue of the main light source, giving the image a more unified aesthetic. Conclusion Final lighting adjustments and sharpening. Movie

Vintage Stencil Style in Photoshop

Vintage Stencil Style in Photoshop

Last week we posted a tutorial showing how to create simple artwork in Illustrator and then in Photoshop we added a few effects to make it look old and with that vintage/hipster feel. Some people asked about some of the steps in Photoshop so I decided to make a simple walkthrough about how to use Photoshop to create this kind of effect. It's a simple technique but it can be very handy for this kind of artwork. So in this tutorial I will show you how to create a simple vintage look stencil in Photoshop. The whole process will take around one hour and you won't need anything special besides time and a few dirty brushes. Step 1 Create the artwork you want to apply the effect. I used Adobe Illustrator to create this simple stencil. Step 2 In Photoshop now, place the stencil. Add a new layer and fill it with black, that will be the background. With layer style, apply a white Color Overlay in the stencil. Step 3 Group the black layer with the white stencil and convert it to a smart object. Filter>Convert to Smart Filters. Apply a Gaussian Blur, go to Filter>Blur>Gaussian Blur. Use 4 pixels for the Radius. Step 4 Go to Layer>New Adjustment Layer>Levels. Change the values until you cannot see the blur effect anymore. After that make sure that the Adjustment Layer is clipped to the layer (Layer>Create Clipping Mask). Step 5 Create a new layer on top of the stencil and then with a regular dirty brush add some of the texture. Step 6 Group the stencil layer with the brush layer and then change the Blend Mode of the folder to Lighter Color. Also add an image for the background. Step 7 My image looks really bright and doesn't create enough contrast with the logo. So go to Image>Adustments>Hue and Saturation. Reduce the Saturation a little bit and also the Lightness. The values will depend on the image you will be using. Step 8 Go to Image>Adjustments>Levels. Change the Output Values and also the grey Input value to make the image much darker. Step 9 Now go to Layer>New Adjustment Layer>Photo Filter. Use the Warming Filter at 65% Density. Step 10 Convert the folder with the stencil and the brush effect to a smart filter. Go to Filter>Filter Gallery>Brush Strokes>Accented Edges. Play with the values until you have an effect that looks natural. Conclusion Reduce the opacity of the logo to 95% depending on the background. You can also use levels to make it not so bright besides that, the design is pretty much done. I believe this little step by step might help those that were having some difficults during the last tutorial. Now it's up to you, have fun and a great 2014 to you all. Download Photoshop file Click here to download the Photoshop file used for this tutorial

Abduzeedo Happy Holidays Art in Illustrator and Photoshop

Abduzeedo Happy Holidays Art in Illustrator and Photoshop

One of the best ways to learn is by practicing and trying to recreate styles and effects that you like. We have been doing this here on Abduzeedo since the beginning, always adapting a little bit to add our own unique flavor. The goal is to learn the details behind a style or composition so we can apply some of that to our future work. I've been seeing quite a few logos using this style so what we'll show you today is how to create a logo, Abduzeedo just seemed natural, using Illustrator and then Photoshop. So, for this tutorial I will show you how to create a simple vector mark using Illustrator and then we'll add some effects in Photoshop. Step 1 Open Illustrator and with the Line Segment Tool create a vertical line. Copy and paste in place and rotate it 90º. Copy the 2 lines, group them and rotate 90º again. Step 2 Select the lines and rotate 33º Step 3 Duplicate and rotate the segments until you have something like the image below. Step 4 Select some segmentes and then start resizing them so you have different sizes for the lines The the first set will be the bigger and from there one you make them a bit smaller. Step 5 Add your logo in the center using a big white stroke. Also increase the stroke size of the lines to 8pt. Step 8 Selet the symbol and copy it. Go to Object>Expand. Make sure that the stroke is now a fill path. Then go to Window>Pathfinder and Unite the symbols. Select all lines and the symbol and in Pathfinder select Outline. The idea is to delete the area where the symbol and the lines overlap. Paste the symbol again. Step 9 Create a circle and aline in the center of your logo. We will use that for reference for your text. Step 10 Add your text and then repeat the same thing as the step 9 to make the gap on the area tha the text will be visible. Step 11 Create a black background and then place the logo in the center with white colors. Step 12 In Photoshop now, first use a brush to create the grungy effect. Step 13 Make sure you have a black backgroud and your logo over it. Merge the 2 layers and then go to Filter>Filter Gallery>Brush Strokes>Spatter. Use 1 for the Spray Radius and 12 for Smoothness. The idea of this step is to make the for less uniform. Conclusion Now just add your background and your image is done. I hope you enjoy this little case study/tutorial and have a great holidays. The background image is titled Background of snow flurry falling at night with motion blur by Elena Elisseeva, courtesy for Shutterstock Download Photoshop file Click here to download the Photoshop file used for this tutorial

Working with Type in Photoshop

Working with Type in Photoshop

In this post I'm going to show you some of the tools that I use in my workflow when working with type in Photoshop. Anti-Aliasing The elephant in the room seems to be as good of a place as any to start this post. In previous versions of Photoshop (pre-CS6) selecting the type of anti-aliasing method to use came down to choosing the best from a bad bunch really. However, a few months ago Adobe introduced two new OS-native options in the anti-aliasing settings in Photoshop: “Mac” and “Mac LCD”. These options aim to replicate the system anti-aliasing for fonts: “Mac” replicating OS X’s greyscale font smoothing and “Mac LCD” its sub-pixel font smoothing. For web designers, the CSS equivalent to “Mac” would be: `-webkit-font-smoothing: antialiased` and the equivalent of “Mac LCD”: `-webkit-font-smoothing: subpixel-antialiased` As iOS uses greyscale anti-aliasing for all of its type rendering, you should use the “Mac” anti-aliasing method in Photoshop when designing for iOS devices. Character and Paragraph styles Character and Paragraph style panels shipped with CS6 and allow you to save the attributes you've set for a specific text layer to then re-apply the exact same styling to other layers. To display the panels, go to Window > Character/Paragraph Styles in the main Photoshop window. I find this feature very useful for keeping all of my typography consistent throughout a project. If you are unfamiliar with this feature, Tuts+ have a handy getting started video on their site. Wrap text with paths I only really use this when doing web design but it’s still good to know about. If you want to wrap text around an image then you can do so fairly easily with vector paths. Make sure to have a look at this [video tutorial from “Method and Craft”](http://methodandcraft.com/videos/shaping-textfields-in-photoshop) if you're unsure how to achieve this. In essence: draw the shape you want your text to be wrapped within then pick the type tool. Click on the shape you just created and the text layer’s bounds will be wrapped around the shape. Check out the end result below: Filter Text Layers This is a fairly well known feature in Photoshop but I still find it useful. At the top of the layers panel there are various filtering methods including “Filter for Type Layers”. Activate this to only show text layers in the panel. It can be handy for making bulk changes to a project. Paste Lorem Ipsum Another useful little time saver that shipped with CS6 is the ability to paste *Lorem Ipsum* text into your document from within Photoshop. When editing a text layer, go to Type > Paste Lorem Ipsum in the main menu to paste a paragraph of dummy text. I would recommend assigning a keyboard shortcut to this to make it even quicker. Font Management I use OS X’s built-in Font Book to manage the 269 fonts I currently have installed on my system. I have tried a lot different 3rd party font management applications in the past but they always ended up breaking something and felt unnecessary for the few fonts that I actually use. There we have it. These are some of the things I do when working with type in Photoshop to improve my workflow. Hopefully you found this post useful! Let me know if there are any other aspects of Photoshop you would like me to talk about in further blog posts, on Twitter. The original version of this article was published on the Realmac Software blog Elliot Jackson is a Designer at Realmac Software, a small, award-winning independent iOS and OS X development studio behind Clear, Ember and Rapidweaver

Dramatic Shadows in Photoshop CC

Dramatic Shadows in Photoshop CC

It has been quite a long time I've been thinking about creating a design with those very realistic shadows. This weekend I decided to give it a try. I started to think about what would be the best way, manually recreating that would be too much work. So I decided to try the 3D capabilities of Photoshop. It turned out to be the easiest and quickest way. The result was also very good. So in this tutorial I will show you how to create a design with beautiful and dramatic shadows using the 3D in Photoshop CC. The process is very straightforward and it will take you less than 1 hour to achieve the same result. Step 1 Open Photoshop and create a new document, I used 2880x1800 pixels for the size. After that add some letters or the text you want to apply the shadow. I used "ABDZ" using Futura Medium for the font. Step 2 Go to 3D>New 3D Extrusion from Selected Layer. Then select the 3D layer. In the 3D panel select the Extrusion layer and then start editing the properties. Step 3 For the Extrusion Depth use 300. Also Rotate the object so you can use the Top view. Step 4 For the Cap, use 100% Width with Contour and 45º for the Angle. For the Bevel use 45º too. Step 5 Select the Infinite Light and rotate it a little bit. In the Properties, use 1000 for the Intensity and 75% for the Softness. Then go to 3D>Render. Step 6 After a few minutes this would be the result you will get. If you are not happy with the results, change the extrusion and the light source. Also, make sure that the object is right on the floor. Step 7 Add a layer underneath all the other layers and fill it with a Pattern. I used one from Subtlepatterns.com Step 8 Add some more elements just to fill the canvas and to create a nice composition. Step 9 Import a paper texture. I used an old paper texture that I found on Google Images. Step 10 Change the blending mode of the texture to Lighten at 50%. Conclusion Select all layers and then merge them into one. Change the Blend Mode of the merged layer to Multiply and your composition will be done. Photoshop CC has improved the 3D features quite a bit and it's way faster to experiment, especially if you want to create this type of effect. Now it's up to you, have fun! Download Photoshop File Download the Photoshop file used for this tutorial

Erik Johansson Photo Manipulation Behind the Scenes

Erik Johansson Photo Manipulation Behind the Scenes

We have posted about Erik Johansson quite a few times, he was even interviewed and featured on the Abduzeedo book. If you don't know him, he's a photographer and retouch artist from Sweden. He uses photography as a way of collecting material to realize the ideas in his mind. Some of his compositions are simply incredible, and today I want to share some videos with the behind of scenes of some of his projects. Drifting Away - Behind the scenes Self-actualization - behind the scenes Cut & Fold - behind the scenes

Beautiful Water Effect in Photoshop CC

Beautiful Water Effect in Photoshop CC

It's been quite a long time since I played with water textures. I was checking some amazing artworks on Behance and Pinterest when I saw some examples that really inspired me to try something and learn a little bit more about Photoshop and the Displace filter. So for this tutorial I will show you how to create a really cool effect with water texture and the displace filter. Step 1 Open Photoshop and create a new document. I am using 2880x1800 pixels. After that fill the background layer with black. Step 2 We will need a nice photo of water and some ripples or waves. The one I am using is courtesy of Shutterstock, titled An image of a beautiful water background by Markus Gann. After that change the opacity of this layer to 60%. Step 3 Go to Layer>New Adjustment Layer>Hue and Saturation. Change the Hue to 0, the Saturation to -71 and the Lightness to 0. Step 4 Go to Layer>New Adjustment Layer>Levels. Use 0, 0.5 and 255 for the inputs. Step 5 Go to Layer>New Adjustment Layer>Brightness and Contrast. Use 0 for Brightness and -35 for Contrast. Step 6 Add a new layer on top of all other layers, including the adjustment ones. Fill this layer with black and change the Blend Mode to Multiply. With the Brush Tool (B) use a very soft brush and white for the color to paint in the center of the canvas The idea is to create a nice vignette effect. After that, save this document with the name Displace.psd. Step 7 Add your logo to the design. Step 8 With the layer of the logo selected go to FIlter>Distort>Displace. Use the values below. After that use the Displace.psd file you saved in step 6. Step 9 This is the result you will have so far. The values might vary depending on the image you are using for the Displace filter. So try some variations until you get a result that you are happy about. Step 10 Go to Filter>Blur>Gaussian Blur. Use 3 pixels for the Radius. You can also apply a Tilt-Shift blur after this to make the edges blurred. Step 11 Add a mask to the symbol and then with the Brush Tool (B) and a very soft brush with black, start painting over the edges of the symbol, top and down. The idea is make those parts darker as they are underwater. Conclusion The last thing to do is just duplicate the original water image and move the order so it will be on top of all other layers, then change the Blend Mode to Overlay and you will be good to go. The whole process is quite simple but the end result is simply beautiful. Now you can try yourself. Download Photoshop file Download the Photoshop file used for this tutorial

Inspired by Oregon - Photoshop Tutorial

Inspired by Oregon - Photoshop Tutorial

Back from my first visit to Portland, Oregon I got really inspired by the city, especially the rugged Pacific Northwest landscape, the grey colors of the sky, the Willamette River running right through town and the people that make the city unique. The first thing I was motivated to do upon my return was to create something inspired by Mark Weaver's work starting with a beautiful photo as the background and some less saturated tones. I have never created anything of this nature so it was a great opportunity for me to learn and share in a Photoshop tutorial. So in this tutorial I will walk you through the process behind my Inspired By Oregon artwork. Step 1 Open Photoshop and create a new document I am using 2880x1800, so I can use as my desktop wallpaper. After that it's time to find a photo for your background. I am using one from Shutterstock titled "Columbia River Gorge in northwestern Oregon showing the Vista" by Dan Thornberg. Step 2 Go to Layer>New Adjustment Layer>Hue and Saturation. Change the Hue to 54, Saturation to 12 and Lightness at 16. Also select Colorize. Remember that these values might change depending on the image you will be using. Step 3 Select a circle in the middle of the screen and then paint with black on the mask layer of the adjustment layer to make the circle area have the original colors. Step 4 Add a new layer on top of the others and paint it with black. After that with the Brush Tool (B) and a very soft brush, paint with white in the center. Try to achieve something like the image below. Step 5 Change the Blend Mode to Multiply to create a nice vignette effect. Step 6 Try to find a nice light leak effect online. The one I am using is from an old tutorial and I created it using Pixelmator. Step 7 Delete the circle area used for the mask during the step 3 and delete the circle in the middle of the screen. Step 8 Change the Blend Mode to Linear Dodge at 90%. Step 9 Duplicate all layers and then merge all new layers into one. You can do that by clicking Command+Alt+Shift+E. After that go to Filter>Blur>Gaussian Blur. Use 10 for the radius. Change the Blend Mode to Overlay at 40% opacity. Step 10 Create a black circle in the area the photo was masked. Use Multiply at 50%. Also hide the Light Leak layer. Step 11 Add your logo, in my case I added the "A" and then "Oregon • Summer 2013". Step 12 Select the background photo and go to FIlter>Blur>Tilt-Shift. Move the dashed lines up and down a little bit to make the zoom less strong in the center. Conclusion You can add some details like I've seen some designs out there using it. You can also make the light leak visible and reduce the opacity to keep the design a little bit more colorful. The idea for me was more about trying to learn how to create an artwork like that, especially because I think it captures the Oregon feeling, from the little I saw during this past few days. I hope you have fun playing with this style, it works really well especially for posters. Have fun! Download Photoshop file Click here to download the Photoshop file used for this tutorial

Case Study: São Paulino Before Anything Else

Case Study: São Paulino Before Anything Else

This is an amazing case study that features an advertising work done by Ars Thanea for the Brazilian soccer team São Paulo. The concept for the ads was to show a são-paulino tearing away his skin to reveal a São-Paulo Football Club jersey. Check out how it was done step by step. For more from Ars Thanea visit arsthanea.com. Challenge Soccer is arguably the biggest sport in the world and team loyalties run thicker than blood, a concept that comes into play in São-Paulo Football Club's latest ads. Ars Thanea was approached by Young & Rubicam Sao Paulo to produce two key visuals for their "Before Anything Else, São-Paulino" campaign. In case you're not familiar, são-paulino is the term used for fans of the team and for them, soccer is life. The concept for the ads was to show a são-paulino tearing away his skin to reveal a São-Paulo Football Club jersey. Solution To achieve the unusual effect of very realistic skin tearing away we combined photography, creative retouch and CGI techniques. Concepts Process Process For more from Ars Thanea visit arsthanea.com.