background preloader

Creating a Typographic Wallpaper

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. 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. We also need to think of how different we want the type to appear. Step 4 – Coloring the Text

Create a Spectacular Flaming Meteor Effect on Text Take typography one step further by having text falling from the sky in a burning inferno. Yes, this is the text-on-fire tutorial to end all tutorials. It uses a little Illustrator for the text and a lot of Photoshop to burn up the screen! In previous tutorials you've seen two smoke effects that I've created, but let's face it, you can't have smoke without a fire somewhere. It's always a good idea to keep your eyes open for inspiration for effects and designs no matter what you are doing. Step 1 First create a new document and fill it with a dark grey. Step 2 Create a new layer, call it "Clouds," and using the Lasso Tool (L), make a selection similar to the one I've shown below. Set your background color to a 50% grey and the foreground to a dark grey. This layer will be on top of the others. Step 3 Create another layer and repeat Step 2, but this time just change the background color from 50% gray to a blue or green color. Step 4 Now we'll switch to Adobe Illustrator to create some text.

Creating a Touching Story Scene in Photoshop - Psdtuts+ I worked on this illustration especially for you with Ciursa Ionut, he is the founder of PSDBURN where he writes Photoshop tutorials. He started working in Photoshop many years ago when he began to utilize this great tool all the time. In this tutorial, you are going to create a story scene using photo manipulation and a lot of color adjustments. Final Image Preview Before you get started, let's take a look at the image you'll be creating. Also, I would like to take this opportunity to thank the photographers for giving me permission to use their images. Video Tutorial Our video editor Gavin Steele has created this video tutorial to compliment this text + image tutorial. Step 1 First of all, download the Land image and open it in Photoshop. Step 2 Now you are going to delete the sky and later you will replace it with a more beautiful one. Step 3 You need a higher contrast between the sky and the rest of the image. Step 4 Step 5 Step 6 Step 7 Step 8 Step 9 Step 10 Step 11 Step 12 a. b. c. d. e. f. a.

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 Create a Dark Surreal Illustration in Photoshop - Psdtuts First of all, I would like to thank Toma Alin Gabriel for collaborating with me in creating this wonderful piece. In this tutorial we are going to create a dark surreal illustration using a few techniques and a handful of images. In the end, we will apply stylish color settings and give the illustration that extra polish it needs to give it that finished look. Also, I would like to take this opportunity to thank the photographers for giving me permission to use their images. Final Image Preview Take a look at the image we'll be creating. Video Tutorial Our video editor Gavin Steele has created this video tutorial to compliment this text + image tutorial. Step 1 First, open up the desert image created by Nikola M. Step 2 Next, we need an image with really nice grass. After you import the image into the document you will see that the width of the image is smaller then the width of the sand image so you will need to duplicate the grass image a few times and then blend each piece together.

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. 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. Step one is to scan through the video footage and pick out a portion that would be suitable for animating. Download this file

Adobe Photoshop Tutorials – Best Of - Smashing Magazine Advertisement Meet the new Sketch Handbook, our brand new Smashing book that will help you master all the tricky, advanced facets of Sketch. Filled with practical examples and tutorials in 12 chapters, the book will help you become more proficient in your work. Get the book now → Most people who have designed websites or apps in Photoshop will, at one point or another, have had issues trying to match colors in images to colors generated by HTML, CSS or code. Further Reading on SmashingMag: Link Color Management to Match Colors Across Multiple Devices Link In the print world, color management typically involves calibrating your entire workflow, from scanner or digital camera to computer display to hard proofs to the final press output. When designing or editing for TV, calibrating the main editing display and using a broadcast monitor are common; these show real-time proof of how the image will look on a typical TV in a viewer’s home. There is a catch, though. The Goal Link Conclusion Link

Royalty Free Textures and Backgrounds - 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. Adjust the Hue/Saturation: ⌘U/CTRL-U 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 for the contribution.digg Like this: Like Loading...

20 Beautiful Vintage Photoshop Brush Sets Vintage designs has gotten very popular over the past years, and it seems the trend keeps on going. In this round-up, you’ll find 20 vintage Photoshop brushes you can download for free. There are over 300 individual vintage brushes here, so you will have a broad choice of brushes to apply onto your designs. Each brush set was first tested, and the images you see below are previews of what to expect from each brush pack. 1. 2. 1920s ladies by 500ml brushes (7 brushes) 3. 4. 5. 6. 7. 8. 1940 Cosmopolitan brushes (48 brushes) 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. Related content About the Author 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. 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. Removing Light Backgrounds with Transparent Channels The Transparent Channels action works by digging around in the color channels and grabbing only the image information out of your picture. Removing Dark Backgrounds with Transparent Channels

Sites Tutorial (45) Photoshop Adobe Photoshop is the most popular program, when it comes to graphic design. Great tutorials always become handy – You can look how other designers get his job done, and there are tons of different ways how to do the same job. I saw many people creating different tops with different kind of tutorials, but I wanted to do something different and summarize different Photoshop tutorial sites. 1.PSDtuts The biggest Photoshop TOP tutorial site created to showcase and publish different tutorials. 2. Huge list of tutorials, every new tutorial site or creator submit his articles here, so if You know this site, You can easily follow all newest tutorials not only Photoshop – also CSS, 3dsMax, Flash, Illustrator etc. 3. Awesome tutorial site, offering very unique Photoshop tutorials. 4. One more great site maintained by Ross Aitken, pretty new one but already offer many great quality tutorials and articles. 5. Also very new site keeping updated very regularly with tutorials, interviews,freebies. 7. 8.

Design a High Impact Gig Poster Suitable for Screen-Printing - P Screen-prints are a great way to exhibit artworks or advertise a gig. Creating a high impact poster suitable for the screen-printing process can be achieved relatively easily. In this instance, we're going for a stylized and coarse effect, rather than a photo-realistic halftone interpretation of a design. Final Image Preview Before we get started, let's take a look at the image we'll be creating. Video Tutorial Our video editor Gavin Steele has created a video tutorial to compliment this text + image tutorial. Step 1 For this tutorial, set up an A4 canvas at 300dpi. Step 2 Download then open this image of a girl. Step 3 Select the Burn Tool from the Tools palette, then set the Range to Shadows and the Exposure to 9%. Step 4 Use a smaller brush to burn in smaller details, in this case her chest area. Step 5 Finally, use a much larger soft-edged brush (around 300 pixels) and set the Burn Tool to Midtones. Step 6 To start degrading the image apply a Noise Filter and a Gaussian Blur. Step 7 Step 8  

Photoshop Tutorial: Master Polygons Part 1 Download some of the tutorial files here Thanks go out to Ryan Barber for this tutorial. See more of his work at Step 1 The first phase involves tracing a series of triangles on top of a photograph, in Adobe Illustrator. Create a new file at 6.66 inches x 10 inches. Step 2 You can lock the image in one of two ways. Step 3 Now that your image is locked you are ready to apply the Pen tool, so activate this now. Step 4 The next step is to set up the weight of our Pen tool’s stroke. Step 5 It is now time to start mapping out a series of adjacent triangles on top of the base photo. Step 6 Select the first triangle and then copy it by pressing Cmd/Ctrl+C. Step 7 Activate the Direct Selection tool by pressing the A key. Step 8 Copy the second triangle by pressing Cmd/Ctrl+C. Step 9 Most triangles will share one common side with another triangle, but some triangles will only share a portion of another triangle’s side. Step 10 Step 11 Step 12 To be continued…

Related:  Unsorted_Bookmarks 2