articles on

Cross-Processed Lomo Effect - Photoshop Tutorial

Cross-Processed Lomo Effect - Photoshop Tutorial

I've worked with photography manipulation for over one year, and during that time I've learned some cool techniques that I would like to share with you. Two of my favorite techniques are the Lomography effect and the Cross-Processing effect. Then, someday I thought: how about mixing those two? What I got was a major kickass technique that will make any of your pics pretty awesome. Step 1 For this tutorial, I'm gonna use a personal picture. So this is the original picture. Now create a new fill or adjustment layer > curves. Make a soft curve just like this one. That will work for the brightness and contrast. Step 2 Now create a new layer above all and fill it with black. Blend mode: Hue, Opacity: 40%. Step 3 Ok, now you must merge all layers into one. After that, go to Filter > Sharpen > Unsharp Mark. Set the values like mine. You may use your own Radius value... that's what will make any difference. Now you got a cool sharp looking pic. Step 4 With the Elliptical Marquee Tool make an oval selection on the picture... you may select the main subject of it for a better result. Now invert the selection going to Select > Inverse. Step 5 Go to Select > Modify > Feather. High Resolution pictures may use higher values. For this one, use 20. Step 6 Don't lose the selection. Got to Image > Adjustments > Levels. You may change just the middle value, making it 0,45. It will dark the edges a little bit. Step 7 Now go to Filter > Blur > Lens Blur. You may use these exact values to get the right effect. The only value you may change is the Radius, depending on the effect intensity you might want. And now you got finished the Lomo effect! really love this effect... I use it in most of my pictures. Step 8 Now we're going to add the Cross Processing effect, using nothing but curves. Got to create a new fill or adjustment layer > Curves. First, we're going to adjust the Reds. Make a curve just like mine. Now, the Greens. Make a soft curve just like this. And now, the Blues. This, people, is what will give your picture a vintage, yellowish look. You may adjust it to make a light cross process if you wish. Final Result Done! So here is our final result! And here are the original and final result, side by side. Hope you all enjoy this. Cheers!

Space Lighting Effects in 10 Steps - Photoshop Tutorial

Abduzeedo means abducted in portuguese, the spelling is not exactly that, it should be abduzido. But the whole idea for the Abduzeedo's design is the space. I'm really fan of playing with this subject because we are sort of free to create whatever we want, and using Photoshop that really means everything. So in this Photoshop tutorial I will show you how to create a space scene with some nice Lighting Effects in 10 Steps. Step 1 Create a new document, I'm using my computer screen's resolution (1440x900 pixels) so I can use it as a wallpaper later. Add a new Layer and fill it with any color then go to Layer>Layer Styles> Gradient Overlay. You can add a gradient layer as well, I simply prefer the Layer Styles. Step 2 - Retro Colors Create a new layer and fill it with white, then go to Filter>Render>Lighting Effects. Change the style to RGB lights. Use Negative 60 for the Intensity, Narrow 96 for the focus, and for the other options keep the same. Step 3 Lets add some blur, go to Filter>Blur>Gaussian Blur. Use 80 pixels for the Radius. The last thing here will be change the Blend Mode to Overlay. Doing that the RGB color will be hardly visible but later on with the other layers it will work ;) Step 4 - Creating Stars Creating Stars in Photoshop is something really easy. Create a new layer, fill it with black, and change the Blend Mode to Screen. After that go to Filter>Noise>Add Noise. Use 10% for the Amount, Gaussian for the Distribution and select Monochromatic. You will have a layer full of noise, then to create the start just change the levels of the layer, go to Image>Adjustment>Levels. For the Input Levels use 65, 1.00, 99. Doing that you will increase the black so just the bigger dots will appear, also you will increase the white, making the dots that appear brighter. Step 5 - Nebula Now that we have the stars and the colors and some colors lets create the Nebula. To do that create a new layer and go to Filter>Render>Clouds. Make sure that your color were black and white for the background and foreground. Then just add some Layer Styles to do that go to Layer>Layer Style. First over the Blending Options, change the Blend Mode to Overlay. After that select Gradient Overlay. use Overlay for the Blend Mode and for the colors use a Cyan, Green, Yellow, and Red. Also change the Angle to 130º and the Scale to 49%. Step 6 - Lens flare First, lets create a new layer and fill it with black, however, this time, add this layer in front of the background and beneath the other layers: (Stars and Nebula). Now go to Filter>Render>Lens Flare. This effect might be the most overused ever, like some people even say that using it you wil turn your design in an amateur piece. For me it's a nice filter and, if you use it right, it will give a nice touch to your image. For the settings use 100% Brightness and use 105mm Prime for the Lens Type. Step 7 - Rays of Light Now lets create the "A" of ray of lights. So create a new layer in front of the Lens Flare. Then select the Rectangular Marquee Tool (M) and create a rectangular selection like half of the height of the document. Use the image below for reference. After that select the Brush Tool (B). We will use a very big brush, 800px diameter and hardness 0%. Select white for the color and with just like a a bit of the brush inside the marquee (red circle) give a few clicks on the mouse button. Step 8 Now it's just about duplicating, resizing and rotating. The tip here is convert the original ray of light layer to Smart Objects, so you will be able to resize and rotate in a non-destructive way. After you create the "A", change the blend mode of the elements to Screen and use 80% opacity. Step 9 - Adjustments Now lets just adjust some opacities, change the the RGB light opacity to 80% and you can move the gradient overlay to test different color combinations as well. Conclusion In this tutorial we've learned how to create a very cool light effect that we often see is some of the NoPattern designs. Of course this tutorial was just an example and now you can improve it and apply it to your needs. Click on the image to View full size Download the PSD File Click here to download the Photoshop file for this tutorial

Amazing Graffiti HDR Tutorial

Recently I decided to force myself to make a personal blog and website to share with others my passion for graphic design. In no way am I amazing when it comes to photography but I have stumbled upon HDR, which has captivated me. Like Fabio, I too have somewhat of an obsession for HDR. The only significant difference you will find in this tutorial, among others, is the use of only having one image. The professional way of doing this would be to have a top of the line SLR with tripod and take continuous shots on different exposure levels. For those of you that do not have the equipment to produce something like that, there is still hope! Requirements for tutorial: Photoshop and Photomatix are the only two programs that you will need. To be more specific I am using Photoshop CS3 and Photomatix Pro v.2.5. Also one RAW image that you would like to see converted. (RAW format is not required but definitely recommended.) Step 1 Open the raw image up in Photoshop. Without making any changes save the file as a .jpg in a folder. Click File > Save As > "0.jpg" Make sure save the image name as"0.jpg". This will make the process easier, as we continue to save multiple images. Step 2 Go to Image > Adjustments > Exposure and bring the Exposure level up to "1". In this case the slider would be dragged to the right until the number "1" appears or manually type "1", in the box. Step 3 Click File > Save As > "1.jpg". Make sure to save the file name as "1.jpg" and place it in the same folder where you put the "0.jpg" file. Step 4 Follow the step above to continue saving the files in the appropriate format. Each time the image has been saved undo the changes made to the image and continue going back into Image > Adjustments > Exposure. In this case you want to have 5 files in total, all saved with different exposure levels. Exposure Levels: -2, -1, 0, 1, 2 Make sure to save all of these according to the level. ie. -2.jpg, -1.jpg, 0.jpg, 1.jpg, 2.jpg Step 5 Open up Photomatix and click HDR > Generate > Browse. Highlight and select all five of your images. Then click ok. Step 6 Sometimes Exposure Values will come come in differently then what was previously set through Photoshop. If that is the case match the number up with the name of the jpg. In this case I had an exposure value on the right hand side set to 3, which I changed back to 2. So as long as both the left and right side have the same numbers you should be good to go ahead and click "OK". Step 7 Usually the preassigned setting configure fine for the image we are working with. Keep the "align source images" checked along with the "take tone curve of color profile". Then click "OK". Step 8 Allow this to generate for a minute until your hdr image has been compiled together. Once it click HDR > Tone Mapping. Step 9 This will bring up the actual manual editing stage. First click the 1024 view at the bottom. Once the image is increased continue editing the settings on the left. Play with them until you get exactly what your looking for. Every image is different and will require unique settings. Once you are happy with the finished product click "Apply". Step 10 Click File > Save As. A few options are given for the file format but in this case just save as a .jpg. So hopefully this tutorial has been of help to you. As HDR is becoming more and more forward in the design world I encourage all of you to get involved in it. If you have any questions, comments or personal work, I would love to see and hear from you. Feel free to check out my blog and don't forget to feed me as I am trying to grow this thing. Also check out a few other recent works I have done. About the Author Hello my name is Jonathan Connolly. I am the Creative Director for Theory Communication and Design. We are a Marketing and PR company reaching the automotive, youth and lifestyle market. If I am not creating something for work, I am designing something for myself and others.

Photoshop Tennis

From the title, some may think Photoshop tennis involves tennis rackets and copies of Photoshop, but the rackets are not need in this game. Photoshop tennis is, as the Flickr group stipulates, a game whereby someone chooses a starting image, and then people edit the image following the guidelines that the person who posted the original image lays down. The game ends when people stop posting, or a deadline can be set. I’ve seen this in another form, called Photoshop Relay, in a Photoshop magazine and it produced some very good designs. The best thing about Photoshop Tennis is that it helps designers use what they are given and add to it and, in the long run, it also helps improve their skills. The ability to alter an existing design is challenging enough, but to continue the alterations continuously takes a certain amount of skill that can only be enhanced through playing. Due to many of the “games” involving multiple people, with varying levels of design expertise, the final images can seem quite amateurish, but there are a few that can look stunning. For those who are interested in joining with Photoshop Tennis, there are a few sites offering games. As mentioned above, there is the Photoshop Tennis Flickr Group, Urban Collective offer competitions and possibly the biggest site devoted to this e-sport, Layer Tennis, which also includes use of other programs, such as Flash. About the Author My name is Luke Davis aka Starchild, and I’m an 18 year old student from England. I’ve only just finished college, where I studied Further Mathematics, Mathematics and Graphic Design and will be going to Nottingham Trent University to study a degree in Computer Science. I’ve been using Photoshop since the summer of 2005, and relish the chance to use the program whenever I can. My sites http://munchester2cool.deviantart.com http://cmwiki.co.nr/starchild

3D Layer in Photoshop

One of the coolest features in the CS3 Extended version of Photoshop is the 3D Layer tools. These tools allow us to import a 3D file and transform it like if we were using a 3D software, we can rotate, move, and scale the layer in a 3D dimensional environment. Last weekend I decided to try this feature, but first I needed a nice 3D model, and a good site to get free 3D file is http://artist-3d.com/. They have lots of very cool .3ds files for free. I found a very nice Robocop robot over there and used in my image. Despite the fact that my computer suffered to complete simple tasks like rotate, I liked the 3D functionality. I was able to position the robot the way I wanted, and you can even edit the textures as well. Here’s my image:For more information I recommend you take a look at this video workshop from the adobe site and the Use a 3D Model to Create a Dramatic Scene in Photoshop tutorial on PSDtus.

A Perfect Lie in Photoshop

Hi my name is Cameron Rad. I am 17 years old and am an aspiring graphic designer from Los Angeles, California. I have been using photoshop for almost 2 years now and thought i should take it upon myself to try something new. I have always been fascinated by how models and actresses appear to have that glowing, flawless look. So over a period of 3 months I worked night and day to take this photo: And turn it into something amazing. I went through about 40 different makeover techniques, until i found what i thought was the best balance for this photo. By combining 2 very common techniques, i think i have found a good "flawless" skin method. So without further adieu: Video:

Creepy Photoshop Tutorials

If you are a fan of gore and horror flicks, then you'll love these tutorials. The Photoshop Roadmap linked some great tutorials that will chill your spine. Muahahaha. I usually don't try much of these tutorials myself, but I will definitely try this one out. Too real to be fake! ;p

Inspiration: depthCORE

Deviantart, Flickr, various portfolios... these are just some examples of places where you might find some superb art work. DepthCORE is one of these places. depthCORE is an international art collective focused on modern and abstract art, incorporating design, photography, animation and audio. Established by Justin Maller and Kevin Stacey in 2002, our membership is comprised of artists of all ages from all locations around the world and all walks of life, united by their love for art, and their passion for innovation. So go on and visit this awesome website, fulfilled with unique pieces of art. Here are some examples of what you will find over there. ;) Alejandro Javier Soto Martinessi Alejandro Javier Soto Martinessi Allan Tangedal Anneli Olander Chris Haines Craig Shields Pete Harrison Pete Harrison and Sheena Aw Erik Schumacher

Photoshop Experiment Blocky Brushes

Yesterday was holiday and I took the day to do some Photoshop experiments. One of these experiments was inspired by the work of James White. I’m a huge fan of the James White’s work, I love the way he plays with geometric elements and colors, it gives a retro feeling to the design but at the same time very modern. In an interview he told that he uses a Flash script to generate the vectors, then he does the rest of the job in Illustrator and Photoshop. My workflow is rather simple. I wrote a very simple program in Flash that allowed me to create random assortments of shapes that I export to a postscript file so I can edit them in Illustrator. From there I will clean up the exports, add gradients, and use brushes to bend my shapes into unconventional combinations. Then I port them into Photoshop one by one where I can overlap them, lay down colors, lighting effects, textures, etc. James White. After some time thinking, I sort of figure out a way to do that only in Photoshop. I’ve tried to simplified the process, the effect uses basically the Brush Engine and Layer Styles. Below you can see the final result. I’ve written a tutorial showing the whole process. It will be published on PSDTUTS, probably next week.UPDATE: Check the tutorial at http://psdtuts.com/tutorials-effects/mix-cool-retro-curves-into-your-ph…

Swirl Mania in Illustrator & Photoshop

There are lots of ways to create swirls in Illustrator, you can even download vectors from sites such as bittbox and dezignus, and if you are using Photoshop you can download brushes with those sorts of symbols. However in this tutorial I will show 4 ways to create swirls, and by mixing them you will learn some very powerful techniques that will allow you to easily make tons of different styles of swirls and crazy sperm vectors. 1st Way - Arc, Circle, and Path tool Select the Arc Tool and create an arc. You can change the arc's properties by holding the mouse button and pressing the UP and DOWN keys for the angle of the arc, SPACE to move it, and ALT to change the center point. Now create an ellipse using the Ellipse Tool (L). After you create the arc go to Object>Path>Outline Stroke. The stroke will be converted to a shape, the select the Direct Selection Tool(A). 2nd Way - Blend Tool(W) Create 2 circles, one will be the start and the other the end points of our swirl. Then select the Blend Tool (W) and click on the small circle and after that on the big circle. Double-click the Blend Tool icon to open the Blend Options, there you will be able to change the spacing of the elements and the orientation. Select Specified Distance and use 1pt, for the Orientation use Align to Path. The spine is the path along which the steps in a blended object are aligned. By default, the spine forms a straight line. To adjust the shape of the spine, drag the anchor points and path segments on the spine with the Direct Selection tool. To replace the spine with a different path, draw an object to use as the new spine. Select the spine object and the blended object, and choose Object > Blend > Replace Spine. To reverse the order of a blend on its spine, select the blended object and choose Object > Blend > Reverse Spine. You can test different styles for the blend, like adding a dark stroke with some light color. 3rd Way - Spiral Tool Select the Spiral Tool and create a spiral, you can change the style of the spiral by holding the mouse button and some keys like CMD/CTRL, ALT, SPACE, UP, and Down. You can go to Object>Path>Offset Path and specify the offset to 3pt, you will create a uniform spiral. But if you want to make the start point smaller than the end or vice-versa, you can use the spiral as spine for a Blend. 4th Way - Twirl Tool Create an ellipse with the Ellipse Tool, after that select the Twirl Tool and double click on the icon to open the Twirl Tool Options. Deselect the Simplify option and use 10 for detail. Then go with the center of the twirl tool over the edge of the circle and press and hold the mouse button to create a spiral. Mixing Techniques Step 1 Create the first swirl using the first technique. Use a very long line with a circle at the end. Step 2 Duplicate the swirls and resize it, repeat that to create another one, so you will have 3 swirls. Step 3 Create a spiral applying the 3rd or 4th technique, actually you can do that with blends too. Step 4 Create another swirl this time make the circle or much bigger. Step 5 Duplicate the new swirl, resize and make it a bit smaller than the other like the image below.   Step 6 Duplicate again the swirl, now go to Object>Transform>Reflect. Change the color to yellow. Step 7 Create a new spiral like the image below, then duplicate it again resize it like and place it above the other spiral. Step 8 Keep adding swirls. Step 9 Now we will add some 3D effects using the Mesh Tool (U). This tool allows us to apply multiple gradients to one object. Just select the object then with the Mesh Tool click where you want to add a new color. Here in our swirl we will create a highlight area and a dark area. Repeat the process to the other swirls. Step 10 With the Pen Tool create two lines following the shape of the tail of our "sperm" shape, then apply the Blend Tool with 5 Specified Steps. After that duplicate and resize the blend and use it on the other swirl Step 11 Add more shapes and apply the Mesh Tool. Duplicate the yellow swirl and make it really bigger like the image below. Step 12 For the spiral add a gradient from pink to cyan, then go to Effect>Stylize>Inner Glow... Use Screen for the Mode, 75% Opacity, 5pt Blur and Center.   Step 13 For those stripes following the spiral we will create a brush. To do that is really simple in Illustrator. Just create a rectangle and drag and drop it in the Brushes Palette, then in this case select New Pattern Brush. Use the image below for reference. After that create a spiral exactly like the one you want to add the stripes, and apply the brush. Step 14 Select the spiral without the Brush Stroke and copy it. Then select the spiral with the stroke and go to the Transparency Palette (Window>Transparency). Double click the area next to the thumbnail, it will create a new thumb all black, select this thumb and paste the spiral. It will create a mask, just move the mast to align it with the original spiral. It looks complicated but it's easier than the explanation ;) Step 15 Use the blend tool to add more elements and details to some shapes. Step 16 Create more swirls using the techniques we've seen before and just change the sizes and colors. After that group all swirls. End result in Illustrator. Step 17 (Photoshop) Create a new document and place your image, I used a photo from http://sxc.hu and 1440x900px for the document size. Step 18 Copy the swirls in illustrator, the group with all swirls we have created, and paste it in Photoshop. Select Paste As Smart Objects. After that go to Layer>Layer Style>Bevel and Emboss, use the image below for reference. Step 19 Duplicate the layer and go to Edit>Transform>Flip Vertical, and reduce the size of the layer and move it like the image below. After that select the 2 layers and convert them to Smart Objects and rename it to "Swirls" Step 20 Duplicate the new "Swirls" and rename it to "Swirls Glow", then go to Filter>Blur>Gaussian Blur, use 3px for the Amount, place it behind the "Swirls" and change the Blend Mode to Hard Light Step 21 Duplicate the "Swirls" layer again and go to Edit>Transform>Flip Horizontal, again reduce its size and move it like the image below. Then go to Filter>Blur>Gaussian Blur, use 3px for the amount again, but don't change the blend mode. Step 22 Duplicate the "Swirls" layer one more time and this time just rotate it like the image below. Then go again to Filter>Blur>Gaussian Blur, however this time use 5.5px for the Amount and reduce the opacity to 70% Conclusion Just place your logo and that's it. You can add more elements, you can even copy and paste each element separately and apply different layer styles to each swirl. There are many options and tons of different results from these methods, now it's all about trying different combinations. Download the Files Click here to download the files used in this tutorials

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.