Creating a Typographic Wallpaper After writing my previous tutorial here about Creating a Zune in Photoshop, several viewers asked if I’d share how I created the wallpaper graphic. In this tutorial, you’ll learn how to make something similar, and it’s quite easy! What is Typography? In order to create a typographic wallpaper, it would make sense to know a bit about Typography in the first place. Typography is the art and technique of arranging movable type. What does this mean? This is by no means an in depth look at typography. Step 1 – Creating the Background The background of our wallpaper is going to help set the mood. Create a new document with the dimensions you desire. Step 2 – Setting Our Text Boundary Since I want my text to be in the shape of a 9 (in relation to 2009 and Tutorial9), the easiest way to achieve the shape is going to be to create a large 9 and then use it to place our other text. Step 3 – Placing the Type Now that we have our boundary area, we are ready to start adding our type. Simple enough?
How To Make a Cool Cinemagraph Image in Photoshop No doubt you’ll have heard of the term Cinemagraph since it exploded onto the Internets. Originally coined by Photographers Kevin Burg and Jamie Beck, a cinemagraph is a clever revival of the classic animated GIF. It combines features of video and photography to create a the illusion of a still image but with cool motion effects. Let’s take a look at how to create your own animated GIF cinemagraph by playing around with Photoshop’s animation tools. Some of the best cinemagraph examples can be found on the creators’ own website. As the popularity of the cinemagraph grew we began to see mobile apps such as Cinemagram emerge, which allows the easy creation of amateur cinemagraphs using the device’s built in camera. Cinemagraphs require some kind of motion, so while the final image looks much more similar to a photograph than a video, we need to begin with actual video footage. Use a tripod. Alternatively you could always play around with existing stock video footage. Download this file
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. Step 1 Create a simple path in Illustrator. Step 2 One of the newest features in Illustrator is the Live Corners. 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. Step 6 Repeat the effect again. Step 7 Repeat the process a few more times. Step 8 Step 9 Step 10 Step 11 Conclusion
Design a Dark, Moody Movie Poster Design a Dark, Moody Movie Poster Final Image Here is a preview of the image that we are going to be creating: Step 1 Start by creating a new document (600X650px). Fill your canvas with 343030. Paste in your ‘foggy city’ photo, positioning it at the bottom of your canvas: Now apply a layer mask, and use a large, soft black paintbrush at around 20% opacity to mask off the top of your city photo, blending it into your main background: Now apply a hue/saturation adjustment layer to your cityscape layer (using a clipping mask). Hue/Saturation Adjustment Layer Settings: Hue: 0 Saturation: -100 Lightness: 0 Step 2 Now repeat step 1, but add some cloudy sky (see the resources section for this tutorial) to the top of your canvas: Step 3 Now download the rust texture found in the resources section for this tutorial. Now reduce this layer’s opacity to 10%. This should add a subtle extra level of detail to your background: Step 4 Create a new layer called ‘watercolor brushes dark’. Step 5 Step 6 Step 7 Step 8 Step 9
How to turn your photo into movie-like effect using Photoshop? | ebin What you need to have: Adobe Photoshop What you will learn: colour mood adjustments + depth of field effect + film effect PS: ⌘ key for Mac users / CTRL key for Windows users Colour mood adjustments 1. 2. Depth of field effect 3. 4. 5. 6. Film effect 7. 8. 9. 10. 11. Cinemascope (optional) 12. You can also add an extra step to twist the colour into this mood by using ‘Color Balance’(⌘B/CTRL-B). I like this post I’d like to donate to ebin.wordpress.com for the contribution.digg Like this: Like Loading... Playing with Lines in Photoshop and Illustrator The last tutorial I wrote was back in January, it's been quite a long time and boy I missed it. I have been trying to organize myself to start playing more with not only Photoshop and Illustrator but also Sketch and other tools so I can share some new things with you. It's always a challenge due to my day to day job but it makes me feel so good when I finish something that went from my head to the final design in a very short period of time. Referencens Step 1 Open Illustrator and create a new document. Step 2 Select the Blend Tool and create a blend object by tapping on both segments. Step 3 With the Pen Tool (P) create the shape you want to pop from the lines. Step 4 After creating the shape you want duplicate it 3 or 4 times to make the symbol spread to more lines, like outer stroke. Step 5 After that with the Pen Tool and the Direct Selection Tool make sure to connect the new lines with the ones that they should diverge from. Step 6 Step 7 Change the colors to the ones you prefer. Step 8
Create Creepy, Branch Based Typography Create Creepy, Branch Based Typography Learn how to create some creepy typography created out of winter branches: Final Image As always, this is the final image that we’ll be creating: Step 1 Create a new document (800X600px). Drag out a radial gradient ranging from f8f8f8 to e0e0e0 on your background layer: Step 2 Paste in your bark texture: Now apply a hue/saturation adjustment layer. Now return to your bark texture layer. Step 3 Now download the abstract lights brush set from the resources for this tutorial. Create a new layer called ‘brush marks 1′. Apply several of the brush marks (using a black paintbrush). Step 4 Now apply a couple more layers, applying more black brush marks, and then some white ones. Step 5 Now apply some text in the center of your canvas. Step 6 Now cut out and paste in your branches from the branch photos in the resources for this tutorial. Step 7 Paste your tree photo into the bottom left of your canvas, positioning it against the bottom of your P letter. Step 8 Step 9
Remove Backgrounds Automatically with a Free Photoshop Action There are hundreds of ways to isolate an object or remove a background in Photoshop, and this is one of the absolute easiest. See how a quick download and some simple techniques can help you cut out images with ease. Photoshop actions, as we’ve covered before, are recordable programs users can create and save without even any knowledge of programming. The bottom line is they can do some incredible things in seconds, and automatically removing backgrounds is now one of them. Keep reading to see how to remove a background by pressing one button. Download the Photoshop Action “Transparent Channels” Visit the author’s website, and grab the action from the “Downloads” page. Note: Keep in mind, the downloads page is SFW, but other pages may be NSFW. Transparent Channels Photoshop Action | Mirror Install the Transparent Channels Action in Photoshop If you missed it, HTG has covered how any action can be installed in Photoshop with a simple How-To. Before… After.
ABDZ Constellation in Photoshop 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. 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. 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 Step 7 Step 8 Step 9 Conclusion
Create Vintage and Grungy Digital Art Work in Photoshop Follow this step by step design process for my recent digital art work, High Voltage. The design process involves photo manipulation, creating patterns, mixing images, textures and blend modes to to create a vintage and grunge theme. Learn how a range of Photoshop techniques pull together the various elements to create the final design. Open up your chosen image in Photoshop. Here I’ve picked out a nice Pylons near wheat field shot from DepositPhotos. Make small Levels adjustments to increase the contrast slightly. If you are planning to use your work for poster printing, use a high DPI (between 150-300dpi) and CMYK Color Mode. Add Curves Adjustment Layer (go to Layer > New Adjustment Layer > Curves) and change the drop down menu to select the Red channel and make adjustments. Change the drop down to the Green channel and make adjustments to the tones controlled by this channel, and finally adjust the Blue channel. Change the Blend Mode to Linear Dodge (Add) and Opacity to 50%. 3200% zoom
50 Portrait Retouching Tutorials To Take Your Photoshop Skills To A New Level Email Is it something that often happens to you? You just sit and keep on looking through your photos on the computer screen trying to take a closer look at your full-size pictures. And then it occurs to you that they didn’t really suck that much during the actual shoot? Of course, what you see during the shoot with your eyes and what you get after the photo session is not the same thing. Photoshop is capable of making slightly imperfect photo into an awesome shot. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. \24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50.
Tutorials • Blog.SpoonGraphics How To Create a Realistic Pencil Sketch Effect in Photoshop One of the classic Photoshop tutorial topics is the creation of a pencil drawing effect from a photograph. It’s one of those quick and simple techniques that produces a satisfying result, which makes the tutorial great for beginners. Throughout its history, Photoshop has featured lots of built-in filters that produce various sketch and artistic effects, but they don’t exactly produce a realistic outcome. In this tutorial I’ll show some clever steps that will transform a photograph into a hand drawn pencil sketch, which can even be fine tuned to find the most authentic look. How To Create a Distorted VHS Effect in Photoshop Today we’re going to have some fun mimicking the distortion effect of VHS tapes in Adobe Photoshop. How To Create a Suicide Squad Inspired 3D Text Effect Hollywood has definitely been fuelling me with plenty of inspiration lately. How To Create Your Own Hateful Eight Movie Poster Design
Comic Book Effect in Photoshop I've studied other tutorials before creating my own comic book effect so if you want to see how other people created comics effect, check out this list of Photoshop Comic Effect Tutorials Take a look of the before and after preview image. So you will get a picture on what we'll be creating in this tutorial. So let's star by opening the School Girl in Photoshop. The first conclusion is that not all the images can be transformed with good results in a comic effect image so you have to choose carefuly. Duplicate the Girl Layer and change the Brightness/Contrast Balance. Duplicate the previous layer and desaturate the image. Duplicate the Desaturate layer and go to Filter, Sketch menu and choose Stamp Filter. Duplicate the Stamp Layer and go to Filter, Sketch and choose Halftone Pattern Filter with the following settings. Copy the Desaturate Layer and add Graphic Pen Filter that you will find in the same Sketch Menu. After applying all these filters our image should now look like this: