Best of the Web – December 2011

As you know, each month, we round up some of the best Photoshop-related content from around the web. This month, there was some excellent Photoshop tutorials to choose from so please take a moment to review our favorites from December 2011.


Photoshop Tutorials

  • Christmas Night Magic Scene With Flying Santa

    In this tutorial from Alfoart you will learn how to create a beautiful holiday card using a few stock photos in Photoshop.

    Visit Tutorial

  • Photoshop Matte Painting Tutorial: Mountains

    In this tutorial 3D Total will explain how to create a matte painting using video opened in Photoshop.

    Visit Tutorial

  • Glossy Snow Globe Text Effect

    In this text effect tutorial on Textuts you will learn how to create a glossy snow globe text effect in Photoshop.

    Visit Tutorial

  • How to Create a Photo Manipulation of a Wolf in Stormy Weather

    This tutorial from PhotoshopTutorials.ws will explain how to take several photos and combine them into one composition.

    Visit Tutorial

  • Making Of ‘Ibaloy Warrior’

    This tutorial from 3D total will explain how to create a detailed warrior using digital painting techniques.

    Visit Tutorial

  • Paint a Multilayered Surreal Portrait

    This tutorial from Digital Arts will explain how to create a surreal portrait in Photoshop.

    Visit Tutorial

  • Candy Cane Text Effect Using Illustrator and Photoshop

    This tutorial from Design Instruct will explain how to create a candy cane text effect using Photoshop and Illustrator.

    Visit Tutorial

  • How To Intensify Your Landscape Photos in Photoshop

    This tutorial from Spoon Graphics will explain how to enhance your landscape photos in Photoshop.

    Visit Tutorial

  • Paint Bucket: How to Avoid a Messy Edge

    This beginner’s tutorial on Ctrl+Paint explains the best way to paint inside the lines using the paint bucket tool.

    Visit Article

  • Working With Photoshop’s History Panel, Snapshots, and the History Brush

    This tutorial from Adobe’s Julieanne Kost will explain how to work with Photoshop’s History Panel, Snapshots, and the History Brush.

    Visit Article

  • Make Your Type Pop With Layer Styles

    This tutorial from computer arts will explain how to use layer styles to make your text pop.

    Visit Article

  • Dozens of New Timesavers

    In Photoshop CS5, Adobe released several tweaks to features that many users had been asking about for a while. This video from Photoshop Sr. Product Manager Bryan O’Neil Hughes will explain some of these tweaks.

    Visit Article

  • Photo Manipulate a Surreal Apple Habitat Scene

    This tutorial from Psd Fan will explain how to create a surreal apple habitat in Photoshop.

    Visit Article

  • How to Create A Detailed Cassette Tape in Photoshop

    This tutorial from WeGraphics will explain how to create a detailed cassette tape icon in Photoshop.

    Visit Article


A Review of a Web Designer’s 2011 Predictions

Advertise here with BSA


A Review of a Web Designer's 2011 Predictions

This will be the third year that I’ve sat down in front on my keyboard to write my predictions of things that will shape the Web industry in the coming year.

Before I share my predictions with you for 2012 (which I’ll do in another article), I thought I’d look at my 2011 predictions first and see how they panned out.

Previous Predictions for 2011

At the start of 2011, I wrote about what I thought would be the five things that will shape the Web this year. If you missed that article, you could check it out first to give you a bit of context for the things I’ll be talking about below.

In the article, I predicted these five things would be influential in our industry:

  1. Flash
  2. Print media
  3. Hardware-accelerated browsers
  4. Television
  5. Location-based services

Let’s talk about those five things, and see if they did, in fact, make an impact this year.

1. Flash

At the start of this year, I said:

"Expect to see something out of Flash this year, whether it’s innovation, a repurposing of the technology, or a significant drop in usage."

I think we’ve mainly seen more of the latter — a drop in usage — than anything else. For instance, as of August this year, jQuery was used on more top websites than Flash.

Even Adobe, the company that owns and develops Flash, announced that they would no longer develop Flash for mobile, opting instead to focus on HTML5.

As 2011 marched on, HTML5 and JavaScript chipped away at Flash’s place on the Web as a facilitator of rich interaction. Designer/developer Aral Balkan, who covered the possible demise of Flash for .net magazine earlier this month, suggests that "if you’re starting a new web project, do not use Flash for it."

2. Print Media

Just how much of an impact have traditional print publication companies — magazines, newspapers, books and so forth — had on the Web?

It does seem that all the experiments and ventures rolled out by print media on the Web are still going strong. The Times, for example, still sits behind a pay wall and appears to be doing fine. The iPad-only Project Magazine I mentioned in my predictions is now rolling out issue 11. Pay walls and premium content are popping up on many sites around the Web, and appear to be a sensible way to monetize content.

The future of traditional print-based media companies moving onto the Web is still very much focused on the tablet market, and iOS5 brought a new angle to this model with the Newsstand feature aimed at digital versions of popular print newspapers and magazines.

http://gizmodo.com/5849301/ios-5s-newsstand-is-awesome-than-you-think

More and more people are putting down their newspapers and magazines, opting instead to use their tablets and smartphones. Research by eMarketer showed that Americans spent more time on their mobile devices versus reading newspapers and magazines; over 1 hour per day on mobile devices compared to only 44 minutes on newspapers and magazines.

3. Hardware-Accelerated Browsers

Hardware acceleration has probably had an impact on the Web that most people don’t even realize. Most modern browsers now ship with some kind of acceleration running in the background, but as far as users are concerned, it isn’t really noticed except when used in cutting-edge experiments and demos such as OK Go’s video website for All is not Lost.

However, the run-of-the-mill hardware acceleration was trumped with a new technology called cloud acceleration, which we saw on Amazon Silk, a new web browser for Kindle Fire.

How does a cloud-accelerated web browser work? To reduce the processing power needed on the tablet, Amazon decided to leverage their Amazon Web Services (AWS). The Amazon Silk web browser, for those not familiar with it, offloads the processing required to render web pages and JavaScript to AWS, which compresses the output and shoots it down the interwebs to your Kindle Fire, therefore removing the need to process a lot of stuff on the tablet.

There was a bit of a problem though, as it turned out that it wasn’t quite as fast as everyone hoped; tests showed that web pages loaded more slowly when the cloud-accelerated feature was turned on. This may well change as AWS caches more and more web content. Amazon also promises a speed boost with their next release of the browser.

4. Television

The Internet TV wave isn’t quite upon us yet, and the bottleneck may be Apple. There is talk and rumor of an Apple TV hitting stores in 2012, and consumers and manufacturers may be holding their breath and waiting to see what the technology giant will release before moving into this space.

In the same way that Apple made the tablet market, speculators are saying that Apple TV could revolutionize the way we use our TVs.

We’re also seeing traditional television moving onto the Internet more and more, as shown by the continual growth of web-based services such as iPlayer, Hulu and Netflix (well, at least until Netflix shot themselves in the foot).

Live coverage is also popping up on the Web, where we used to expect them to be on our television sets. YouTube, for example, showed live coverage of the British Royal Wedding. Facebook now streams numerous live events, including UFC fights.

TV shows are increasingly leveraging social media for live discussions with fans; many shows even include hashtags for Twitter.

In my opinion, it seems that the Television and the Internet are on a steady crash course to blend into an integrated, on-demand medium.

5. Location-Based Services

A quick look on your smartphone, and you’ll know that pretty much all apps ask for access to your location data.

One of the most interesting implementations of geolocation I saw this year was from Apple with the Reminders feature on the iPhone. This is how the Reminders feature works: You set your iPhone to remind you to do something (e.g. "get milk from Supermarket X") and when you’re close to the location, it will remind you of a to-do you created for that area.

In fact, you can tell a technology is getting serious when big companies put money behind it: Facebook acquired location-based social network Gowalla for a cool $3 million so that they can improve their own location-based services.

Conclusion

There’s my look back at the five things I thought would shape the Web industry this year. I’ll be back in a later article to have a look at what I think will affect our industry in 2012.

What things will shape the Web in 2012? Share your own predictions in the comments!

Related Content

About the Author

Dave Sparks is a web designer and developer working for Armitage Online in the Lake District. He can be found writing about various web topics on his blog at Kamikazemusic.com, twittering as twitter.com/dsparks83 and working on his website analytics project – Stat Share.

Our Favorite Photoshop Content of 2011

The older I get, the faster time seems to fly by. It doesn’t seem that long ago when I was drafting last year’s Best of Psdtuts article. Since then we’ve published a ton of amazing Photoshop tutorials and articles. In this round up, I’ve picked some of my favorite content from Psdtuts to share. This content features photo manipulations, matte paintings, interface designs, text effects, and much more. Please take a moment to review some of our favorite content from 2011.


Photoshop Tutorials and Articles

  • The Cosmos: Create a Red Giant Star in Photoshop

    The Cosmos: Create a Red Giant Star in Photoshop

    When a star like our own reaches the end of its life, it begins to run out of hydrogen fuel in its core. Like a car running out of gas, it will begin to sputter, swelling to a size that could encompass every planet in our solar system out to Mars. These stars are called red giants. In this tutorial we will explain how to create a red giant in Photoshop.

    Visit Article

  • Undress a Giraffe in Photoshop

    Undress a Giraffe in Photoshop

    Have you ever wanted to know what a Giraffe looks like without its spots? If so, this tutorial is for you, you pervert! In this tutorial, we will demonstrate how to undress a giraffe by removing its spots. We will then show how to turn its spots into an outfit that will be draped over an ironing board.

    Visit Article

  • Create a Retro Electronic Safe Lock Interface – Psd Premium Tutorial

    Create a Retro Electronic Safe Lock Interface

    Photoshop can be used to create interfaces for all sorts of applications in addition to websites. In this premium tutorial, author Diego Monzon will demonstrate how to create a retro style electronic safe lock interface using both Photoshop and Illustrator.

    Visit Article

  • The Incredible Digital Paintings of Serge Birault

    The Incredible Digital Paintings of Serge Birault

    This article features the work of Serge Birault. Birault is a French digital painter with a stunning portfolio. Most of Birault’s work features the same theme; sexy, naughty, wicked, and often armed women. Please take a moment to review some of Birault’s amazing work and enjoy!

    Visit Article

  • Create a Stitched Text Effect for an iPad Wallpaper

    Create a Stitched Text Effect for an iPad Wallpaper

    In this tutorial we will show you how to create a custom stitched text effect for an iPad Wallpaper.

    Visit Article

  • Create an Alien Portrait Using Photo Manipulation Techniques – Psd Premium Tutorial

    Create an Alien Portrait Using Photo Manipulation Techniques

    Our culture depicts aliens in all shapes and sizes – but what would a creature from another planet really look like? Would it be the classic anthropomorphic, almond-eyed beings from the X-Files and countless Hollywood movies, or would it be so different from our own DNA to be totally unrecognizable? In this premium tutorial, author Mark Mayers will mix human and animal textures to transform a 3D render into a fantastical extra terrestrial portrait.

    Visit Article

  • Mockup Blister Packaging in Photoshop

    Mockup Blister Packaging in Photoshop

    Designers and clients often have different ideas about how a finished product should be presented. Designers want to show the finished artwork, clients want to know exactly how their design will look on the shelves. In this tutorial, we will demonstrate how to create a mockup for some blister packaging so that you can present your design to your clients.

    Visit Article

  • Create a Print-Ready Blu-ray Packaging Design – Psd Premium Tutorial

    Create a Print-Ready Blu-ray Packaging Design

    Creating excellent product packaging is more than just producing a great design. To make great packaging you’ll also need to produce printer-friendly artwork that your printer can use to easily apply your design to print. In this premium tutorial, author Mark Mayers will demonstrate how to create a Blu-ray in-lay card for a fictional zombie movie and mock it up as an impressive 3-D Blu-ray case that you can present to your clients.

    Visit Article

  • Create an Exploding Moon Orbiting a Gas Giant in Photoshop – Psd Premium Tutorial

    Create an Exploding Moon Orbiting a Gas Giant in Photoshop

    Exploding planets are a staple of just about every popular science fiction television show or movie, but did you know that you don’t need your own special effects department to create these types of effects on your own? In fact, all you need is Photoshop. In this premium tutorial, author Ed Lopez will demonstrate several techniques including how to break apart a planetary object, create a star field, dust and clouds, and even how to create a gas giant from scratch.

    Visit Article

  • Create a Surreal, Politically-Charged Photo Manipulation – Tuts+ Premium Tutorial

    Create a Surreal, Politically-Charged Photo Manipulation

    Photoshop is a fantastic tool to help you create all types of artwork. By combining the right photographs, you can say just about anything you want without saying a word. In this premium tutorial, author Mario Sánchez Nevado will demonstrate how to create a politically charged photo manipulation using quite a few stock photographs.

    Visit Article

  • Paint a Professional Caricature Portrait in Photoshop – Psd Premium Tutorial

    Paint a Professional Caricature Portrait in Photoshop

    Having a caricature painted of yourself can be a fun and exciting experience. That’s because just about everyone has wondered, at some point, what they would look like as a cartoon or as an illustration on the cover of a magazine. In this premium tutorial, veteran illustrator, Jason Seiler will demonstrate how to create a professional caricature portrait using Psdtuts Editor, Grant Friedman as an example.

    Visit Article

  • Create a Fictional Arctic Snow Frog in Photoshop

    Create a Fictional Arctic Snow Frog in Photoshop

    Photoshop is a great tool to create scenarios that can’t or don’t exist in real life. In this tutorial, we will combine several stock images and effects to create a fictional arctic snow frog in Photoshop. As you can see, some of his unfortunate friends are frozen into the ice behind him and his meal is frozen just out of reach.

    Visit Article

  • How to Make a Textured 3D Spray Can

    How to Make a Textured 3D Spray Can

    In this tutorial we will demonstrate how to combine Illustrator and Photoshop to create a 3D, textured spray can. This tutorial requires some basic understanding of Illustrator and Photoshop as well as the pen tool.

    Visit Article

  • Clever Conceptual Photo Manipulations That Tell a Story

    Clever Conceptual Photo Manipulations That Tell a Story

    Conceptual photo manipulations are all about depicting an idea, message, or story that a digital artist wants to convey to their viewers. In a conceptual photo manipulation the idea is the primary motive for the piece, not the materials, tools, or techniques that were used during its creation. These works are truly inspirational and tell a story through the characters, landscape, emotions, or through political or social commentary. In this collection you will find a mixed bag of clever conceptual photo manipulations, some of which include a bit of fantasy, surrealism, or humor.

    Visit Article

  • Create a Snow Covered, Coastal, Mountain Town Matte Painting – Psd Premium Tutorial

    Create a Snow Covered, Coastal, Mountain Town Matte Painting

    A matte painting is a backdrop that filmmakers use when the scene they need doesn’t or can’t exist in real life. In the past, they were created by actually painting a scene on a canvas or a sheet of glass. Today, they are created digitally by combining photographs to produce the scene that they need. In this premium tutorial, author Ed Lopez will demonstrate how to create a snow-covered, coastal, mountain town scene using Photoshop.

    Visit Article

  • Design a Conceptual Album Cover in Photoshop

    Design a Conceptual Album Cover in Photoshop

    Album covers are always fun projects to work on. In this tutorial we will take a look at the step-by-step process of creating a conceptual album cover in Photoshop.

    Visit Article

  • The Cosmos: Create a Green Planet, a Setting Sun, and a Space Ship in Photoshop

    The Cosmos: Create a Green Planet, a Setting Sun, and a Space Ship in Photoshop

    Our universe is vast. So vast, in fact, that astronomers don’t measure its size in meters or miles but by explaining how long it would take to travel a certain distance at the speed of light. Light travels approximately 186,282 miles per second. This means that in a one year a person traveling at the speed of light would travel about 6 trillion miles. In this tutorial, we will demonstrate how to create a green planet, a setting sun, and a space ship which has traveled several million light years.

    Visit Article

  • Create a Herd of Grazing Dinosaurs in Photoshop – Psd Premium Tutorial

    Create a Herd of Grazing Dinosaurs in Photoshop

    Just about everyone remembers that scene from Jurassic Park when the characters come across herds of dinosaurs grazing in a grassy field. In this premium tutorial, author Ed Lopez will demonstrate how to create a scene filled with Triassic era dinosaurs including a Brachiosaurus, one of the largest animals to ever exist. In this lesson we will demonstrate several matte painting techniques and will also show how to create dinosaurs from scratch.

    Visit Article

  • How To Draw a Vintage Polaroid Camera Icon

    How To Draw a Vintage Polaroid Camera Icon

    In this tutorial, we will create a Polaroid camera icon. We will use lots of layer styles and draw manually with the brush tool to achieve a realistic appearance.

    Visit Article

  • Create a Sweet Donut Icon in Photoshop from Scratch

    Create a Sweet Donut Icon in Photoshop from Scratch

    In this icon design tutorial we will learn how to make a sweet and tasty donut icon from an initial sketch. So let’s begin, and remember: don’t try to bite the screen!

    Visit Article

  • Create a Surreal Rock Formation in Photoshop – Psd Premium Tutorial

    Create a Surreal Rock Formation in Photoshop

    While photo manipulation is an important part of just about everything we do in Photoshop, photo manipulation isn’t always the answer. Sometimes you’ll need to do a bit of digital painting to create the image that you need. In this premium tutorial, author Marco Casalvieri will demonstrate how to create a surreal rock formation in Photoshop.

    Visit Article

  • Create a Wine Bottle and Glass with Smart Objects – Psd Premium Tutorial

    Create a Wine Bottle and Glass with Smart Objects

    Smart Objects are very powerful layers in Photoshop. In this premium tutorial, author Stephen Petrany will show you how to create a wine bottle and wine glass using Smart Objects as well as demonstrate their benefits.

    Visit Article

  • Epic StarCraft 2 Fan Art

    Epic StarCraft 2 Fan Art

    StarCraft is one of my all time favorite video game franchises. I started playing back in high school – way back in 1998. I continued to play it off and on throughout college but eventually stopped when it seemed as if Blizzard would never release a sequel. Fast forward about 12 years and today, StarCraft 2 is a thriving e-sport with people like HuskyStarCraft and Day9 pushing the game on their YouTube pages. Since I am such a huge fan of the game, I decided to showcase some of my favorite pieces of StarCraft fan art for all of you to enjoy.

    Visit Article

  • Create a Devastating Tidal Wave in Photoshop

    Create a Devastating Tidal Wave in Photoshop

    Matte painting is a technique that filmmakers use to create backgrounds for scenes that can’t or don’t exist in real life. In the early days, matte paintings were actually painted onto glass. Today, modern filmmakers use digital applications such as Photoshop to produce the backdrops that they need. We have published many matte painting tutorials on this site meant for intermediate and advanced users. This tutorial is part of a series of tutorials that we will be publishing on this meant for those of you who may be relatively new to Photoshop or matte painting in general.

    Visit Article

  • Create a Planetary Asteroid Impact – Psd Premium Tutorial

    Create a Planetary Asteroid Impact

    While asteroids don’t slam into the Earth all that often, movie producers sure act like they do. We can all think up a few movies with similar plots. An asteroid is about to hit the planet and a group of heroes comes to save the day. In this premium tutorial, author Ed Lopez will demonstrate how to create an asteroid impact, just like in the movies.

    Visit Article

  • The Making of the Nutty Boat Trip

    The Making of the Nutty Boat Trip

    Most of you probably know how hard it can be to find the perfect stock images for your designs. That means you will often have to get creative and find new ways to create the perfect composition. In this tutorial, we will demonstrate how to place a couple of squirrels in a coffee mug that is floating in a body of water.

    Visit Article

  • Create a Lakeside Scene From Scratch in Photoshop – Psd Premium Tutorial

    Create a Lakeside Scene From Scratch in Photoshop

    Photoshop is a great tool for creating realistic photo manipulations or compositions but it can also be used to create scenes completely from scratch. These types of exercises can be helpful to learn how to create textures and then apply them to your artwork. In this premium tutorial, author Stephen Petrany will demonstrate how to create realistic-looking wood and water textures, adding some nice nails to create a nearly true-to-life lakeside scene.

    Visit Article

  • Create a Detailed Camera Icon in Photoshop

    Create a Detailed Camera Icon in Photoshop

    Icons can be a lot of fun to create. Simple icons are relatively easy to create but more realistic icons can be quite challenging. In this tutorial we will demonstrate how to create a detailed Fuji X100 camera icon in Photoshop.

    Visit Article

  • Create a Winter-Themed Holiday Card in Photoshop – Tuts+ Premium Tutorial

    Create a Winter-Themed Holiday Card in Photoshop

    In this premium tutorial, author Stephen Petrany will demonstrate how to use various techniques to create a winter-themed holiday card in Photoshop. This tutorial will creatively utilize Photoshop filters and transformations to create a fantastic winter illustration.

    Visit Article

  • Create a Post Apocalyptic Panoramic Matte Painting – Psd Premium Tutorial

    Create a Post Apocalyptic Panoramic Matte Paintingl

    This tutorial is part of a two-part series demonstrating how to create a post-apocalyptic photo manipulation. In Part 1, we showed you how to shoot and assemble the base panorama. In Part 2, author Tony Aube will demonstrate how to turn the image we created in Part 1 into a snowy post-apocalyptic matte painting.

    Visit Article

  • Create a Medieval Landscape in Photoshop

    Create a Medieval Landscape in Photoshop

    In this tutorial we will demonstrate how to create a medieval landscape using digital painting and photo manipulation techniques. We will begin by sketching out a rough idea of how we want our image to look. Then, we will then add various stock images and build upon them until we produce the scene below.

    Visit Article

  • Fan Art From Popular Nerd Franchises

    Fan Art From Popular Nerd Franchises

    There are no shortages of nerdy movies on the big screen these days. In this web round up we will feature some of our favorite fan art from some of your favorite nerd franchises. Pieces included in this showcase will include Star Wars, Star Trek, Transformers, and many more. Please take a moment to review this fantastic showcase of nerd fan art.

    Visit Article

  • Photo Effects Week: Create a Cutout Photograph in Photoshop

    Photo Effects Week: Create a Cutout Photograph in Photoshop

    In this tutorial we will demonstrate how to create a cutout photo using simple selections and advanced transformations.

    Visit Article

  • The Artwork of Miriam Moshinsky

    The Artwork of Miriam Moshinsky

    In this article we will be showcasing the work of Miriam Moshinsky, a Russian-born designer currently living in Israel who has authored several tutorials here on Psdtuts. Miriam’s work features colorful, fantasy worlds full of children, animals, food and candy. Her work always includes some type of dark and morbid twist, which is a hallmark of her unique and creative style. Please take a moment to review some of her remarkable creations and enjoy!

    Visit Article

  • Photo Effects Week: Create a Print-Ready Environmental Poster – Psd Premium Tutorial

    Photo Effects Week: Create a Print-Ready Environmental Poster

    In this premium tutorial, author Mark Mayers will walk you through the entire process of creating a poster design with a strong environmental message. You’ll use Photoshop to assemble the illustration, then add the text and graphics with InDesign to produce error-free artwork.

    Visit Article


Sessions

  • Photoshop Basix

    Photoshop Basix

    Are you new to Photoshop? Have you been trying to teach yourself the basics of Photoshop but have found the amount of educational material available on the net a bit overwhelming? Photoshop Basix, by Adobe Certified Expert and Instructor Martin Perhiniak, is a series of 29 short video tutorials, around 5 – 10 minutes in length that will teach you all the fundamentals of working with Photoshop.

    Visit Article

  • Digital Art for Beginners

    Digital Art for Beginners

    Photoshop is an excellent tool for manipulating photographs but it can also be used as a means to create stunning works of art. Digital Art for Beginners is a 25-part video tutorial series demonstrating everything you will need to know to start producing digital art in Photoshop. Adobe Certified Expert and Instructor, Martin Perhiniak will begin by teaching you how to draw in Photoshop and during the course of the series will show you all you need to know to produce your own concept art and matte paintings in Photoshop.

    Visit Article


Enhance Your Ad Designs with 3D Splashes

In this tutorial, I’ll show you a creative process that gets you using your crazy brain. The workflow for creating the splashes involves taking photographs of thrown paint. Through photography you can capture amazing 3D images without the need for 3D software. Learn to make a splash in your next design.

Editor’s note: This tutorial was originally published on Psdtuts in April of 2008.


Step 1

We need three boat photos taken from a high view. For this tutorial, you can substitute boats with cars, shoes, or anything else.


Step 2

Start to throw the paint from a cut plastic bottle. You can do it in front of a white wall or a green screen (if you have it) to obtain a good contrast on the edges of the splashes. The results will show better if you mix water and paint together. Be forewarned, stay away from the paint. In this attempt, we lost a cashmere pullover and a watch—irremediably stained.


Step 3

Select the best splashes you photographed. If some parts of the paint are out of focus, don’t worry. It’s a fine effect and it will contribute to a sense of depth in the final result.


Step 4

Use the Rapid Selection Tool or Magic Wand Tool to select the white background around the splashes. After you complete the selection process, go to Select>Refine>Edge and make some adjustments. Add Feather, Radius, and Expand or Reduce the selection until you find a nice result. Use a black background to remove excess white pixels on the edges. After that, go to Layer>Layer Mask>Reveal Selection to hide the white background.


Step 5

For each splash you need to repeat Step 5 and duplicate the layer every time. At the end, you may have a multilayer file like the image below.


Step 6

Now switch off every Paint layer so we can concentrate our attention on the boats. Select the Pen Tool (P) and start creating a path in the shape of the first yacht. This is the only way to make it. Without a suitable green screen the edge becomes too complicated so you can’t use any Photoshop tools to speed up this step.

After you create the path, click on the dotted circle icon at the bottom of the path box to create a selection. Select > Inverse and Delete the background (or create a mask to hide it). If your object is complicated, then your paths may take some time to create. Repeat this step with all the boat images (cars, shoes, or any images you’ve chosen).


Step 7

Use three different layers to work on the boats. At the end, you should have a good composition like this.


Step 8

Now the boats need some improvements. Start with the opaque glass. Select the Pen Tool (P) and create a path around the shape of the glass.


Step 9

Go to the Path Palette. Click on the dotted circle icon at the bottom of the box to create a selection from the path.


Step 10

Add a new layer called “glasses” over the boat layer and fill it with a gradient using white to black for the colors following the direction of the arrow shown below.


Step 11

For the Blend Mode use Color Dodge. Also, set the Fill Opacity to 60%.


Step 12

Repeat this step for all the boats. Now we must improve the color of the boats. Start with Select > Color range. Then pick a white point on the foredeck of one boat with the Eyedropper and set the Fuzziness to 123.


Step 13

With this new active selection, copy the white color from the boat layer and paste it into a new layer called lights over the boat layer. For the Blend Mode use Soft Light and set the Fill Opacity to 100%. Repeat this on the other boats. Now the foredeck appears brighter.


Step 14

Start revealing every single splash layer and move them below the boat layers. Keep in mind, you can put some layers of paint below one boat layer, while being above another boat layer. Mix and match until you have a nice composition, like the second image below.

image

Step 15

The Warp Tool is the magician of this tutorial. From the Top Menu go to Edit > Transform > Warp. Move the anchor points creating the spray from the paint waves, bringing the splashes near the hull.

image

Step 16

You can also create new splashes from your images by changing their shape with the Liquefy Filter. Go to Filter > Liquify. Use a medium brush to change the shape of the blue splashes.


Step 17

Your design so far should look like the image below.


Step 18

Create a new layer over the splashes. Select a brush similar to the one used in the image below. Set the Hardness to 0%. Then, with a dark blue color selected, draw shadows below the boats.

image

Step 19

For each boat, duplicate a splash layer near the hull. Move this new layer over the boat. Call it “reflections.” For the Blend Mode use Overlay. Then set the Fill Opacity at about 60%.


Step 20

Select the Pen Tool (P) and create a path along the lower side of the yachts. Create a selection from the path. Then create a new layer above the boat layer. Fill the selection with a blue color picked from the blue waves. Call this new blue layer “Halo.”

Deselect (Command/ctrl+D) and from the Top Menu choose Filter > Blur > Gaussian Blur. Apply a Radius similar to the settings below. For the Blend Mode use Multiply. Then set the Fill Opacity to about 75%. Now you have a blue reflection on your hull. Repeat this process for every hull (which includes this step and the previous step).

image

Step 21

After having completed the shadow and reflection, now we’ll create a light background. Create a New Layer (Shift+Ctrl+N). Call it background. Put this layer below the others. Use the Elliptical Marque Tool to draw an Ellipse.

Then Select > Modify > Feather and set the Radius to about 40px. From the Menu go to Filter > Render > Clouds. Use white for the foreground and a light blue for the background. Set the Opacity to 70%.


Step 22

Now we’ll add a background using Photoshop Brushes. Select a Rounded Brush and play with options like Shape Dynamics, Color Dynamics, and Scattering to create a good distribution of random bubble patterns. On a new layer, called bubbles, draw a texture with a light blue foreground and a dark background. After this, select Color Dodge for the bubbles layer in the Layer Palette.


Conclusion

Now you can add anything you want to your advertisement design. I placed a logo and some text in the image below. Good job, your work is finished! Remember to use your software well, but also use your crazy brain. See you at the next tutorial.


Apply Liquid Effects to Sports Photography – Tuts+ Premium Tutorial

Enhancing a sports photo with cooling liquid effects can drastically improve the look and feel of a composition. In this Tuts+ Premium tutorial, author Mark Mayers will apply these effects to a photo from sports photographer Jordan Weeks. In the process, Mark will explain how not to overwhelm the model, but rather, to compliment the flow and movement of the original photography. This tutorial is available exclusively to Tuts+ Premium Members. If you are looking to take your compositing skills to the next level then Log in or Join Now to get started!

Tuts+ Premium Members can login now for instant access to this tutorial. Membership to Tuts+ Premium gets you access to hundreds of exclusive premium tutorials, top selling ebooks, in-depth courses, member forums, and much more. To learn more about Tuts+ Premium, Take the Tour or Join Today.


Test Your Photoshop Knowledge #4

We know how much you guys like to test your knowledge of Photoshop so today we are giving you an opportunity to do so with another quiz from Martin Perhiniak. Please take a moment to complete this 10-question quiz and see if you’re prepared to pass our test! Good luck!

Editor’s note: this quiz is for Photoshop CS5.



10 Resources for Creating Website Color Schemes

Get a free icon and vector bundle (worth $54) just for subscribing to our weekly newsletter!

Choosing the right color scheme is one of the most important decisions of the website design process, and it can also be one of the most challenging. Fortunately, there are a number of great tools available to help with color selection.

Some of the resources mentioned in this post will allow you to browse through a variety of color palettes or schemes, many will allow you to create and save your own color schemes, and some are interactive, allowing you to quickly create an effective color scheme.

Kuler

Adobe’s Kuler includes a large library of user-submitted color schemes. You can view the color schemes online or download them to be used in Adobe Creative Suite products.

Kuler

Colour Lovers

Colour Lovers currently has almost 2 million color palettes created by its users. You can browse palettes by submission date, rating, views, and comments, or you can search by keyword.

Colour Lovers

ColoRotate

ColoRotate has a library of color schemes that you can browse, or you can create your own with their unique 3D tool. You can use it directly in Photoshop and Fireworks with the ColoRotate plugin.

ColoRotate

Color Scheme Designer

Color Scheme Designer allows you to choose the type of scheme that you want to use (mono, complement, triad, tetrad, analogic, or accented analogic). You then adjust one of the colors on the wheel and the other colors will adjust as well, helping to create an appropriate color scheme.

Color Scheme Designer

ColorSchemer Gallery

ColorSchemer has a large library of user-created color schemes. You can browse by submission date, rating, or number of downloads, or you can search by keyword.

ColorSchemer Gallery

Pictaculous

Pictaculous is a simple online tool for generating a color scheme. You can upload a photo and it will suggest colors to use with the photo. You can then download the Adobe swatch of the suggested colors.

Pictaculous

Color Spire

Color Spire is fairly simple to use. You select a starting color and it will suggest a palette of colors to use in combination. It also provides a basic preview to show how the colors would look on a sample website layout.

Color Spire

ColorExplorer

ColorExplorer includes a few different color tools. With the color picker you can select a color and see different variations. You can also view color libraries and use the color matching tool to help create a palette.

ColorExplorer

ColourGrab

ColourGrab is a simple tool that allows you to get colors from a picture that is online. Just enter the URL of the image and it will show which colors are used most in the photo.

ColourGrab

Sphere: Color Theory Visualizer

With Sphere you can adjust one of the colors in the scheme and the others will automatically adjust to match. You can try different types of color schemes like analogous, complementary, triadic, tetradic, and more.

Sphere: Color Theory Visualizer

For more resources please see:

Royalty-Free Graphics

35 Quality Business Card Design Templates for Free!

Though gadgets exist these days with features that aim to replace this basic promotional medium, old school printed business cards are still relevant, even important, for branding and advertising your identity. A well-designed and effective business card can be an excellent marketing tool for any business of any size.

Today we are showcasing 35 examples of quality business cards and also giving you some links from where you can download these beautiful business card templates for free. If you’re in need of a business card for yourself or your client, you may be able to find a cool template that will meet your needs or at least serve as a starting guide that you can edit.

 


Direct download: transparent business card

 

Wood Industry Business Card Template
Direct download: wood industry business card

 

Business Card Template with QR Code
Direct download: QR Code Business Card

 

Blue Business Card Template
Direct download: blue business card template

 


Direct download: Bokeh 2 Business Card

 

Personal Business Card
Direct download: personal business card

 

Typography Business Card
Direct download: typography business card

 

Creative Director Business Card
Direct download: Creative Director Business Card

 

Template
Direct download: Creative Business Card vol 3

 

Stylish Business Card
Direct download: Stylish Business Card

 

Business Card Template
Direct download: Dark Business Card Template

 

Corporate Business Card
Direct download: Corporate Card vol 1

 


Direct download: Yellow/Black Business Card Template

 

Retro Business Card Template
Direct download: Retro Business Card

 


Direct download: Photoshop Business Card

 


Direct download: Business Card Template

 


Download page: Chillen Chillen Card

 

Minimalistic Business Card
Direct download: Minimalistic Business Card

 


Direct download: PSD Business Card Mock Up Vol 1

 

PSD Template
Download: Creative Business Card vol 2

 

Business Card Templates
Download page: Business Card Templates

 


Direct download: Metal Black Business Cards

 


Direct download: Bokeh Business Card vol 3

 


Direct download: Teacher Business Card

 

Teacher Business Card
Direct download: Sex Instructor Business Card

 

GraphicFuel
Direct download: GraphicFuel Business Card

 

Vector Business Card
Direct download: Business Card

 

Standard Business Card Template
Direct download: Standard Business Card

 

Clean Business Card
Direct download: Clean Business Card

 

Simple Business Card
Direct download: Simple Business Card

 


Direct download: Painter Business Card

 


Direct download: Minimal Business Card

 


Direct download: Bokeh Business Card

 


Direct download: Pink Business Card

 

Google Business Card
Direct download: Google Business Card

Bartek Miszkiel

About the Author

Bartek is a freelance writer, blogger and social media enthusiast. He offers tutorials and web components on his blog Web Design Elements and can be found hanging out on Twitter talking about web design, freelancing, productivity.

 

If you’ve got a design ready for printing, try the business cards card stock quality offered by UPrinting.com! We mention this because we heard they have a 20% discount on business card printing until January 31, 2012, and we thought that might help you save some.

Related posts:

  1. TwitPic Business Card Design Contest
  2. 19 Wicked Good Business Card Design Examples
  3. UPrinting.com Kickstart 09 Free Business Cards for Creatives!

Related posts brought to you by Yet Another Related Posts Plugin.

New Year Graphics and Icons Pack for 2012

With 2011 coming to a close, we figured all you designers out there could use a solid icons and graphics pack to commemorate the coming new year with. So here you are – 10 new year/2012 graphics available as icons in various sizes and as 300 dpi graphics!

Go ahead and download – let me know here how you liked ‘em, and feel free to make requests for future freebies too!

10 free new year graphics

Downloaded 0 times

Related posts:

  1. Free Vector Graphics – Orange Computer Icons
  2. Free Vector Graphics – Sticker Icons
  3. Free Christmas Graphics

Related posts brought to you by Yet Another Related Posts Plugin.

50 Brilliantly Photoshopped Movie Posters

Movie posters are meant to be attention grabbing, captivating, stunning and intriguing. The designers have a large canvas to work from, so their creativity has few limits. Because of this, movie posters can result in some of the smartest graphic design you’ll ever see. Here are 50 brilliantly Photoshopped movie posters for your viewing pleasure.

Editor’s note: This article was originally published on Psdtuts in March of 2009.


1. Batman: The Dark Knight


2. Watchmen


3. Taken


4. X-Men 3


5. Push


6. Gladiator


7. Day Watch


8. Sin City


9. Pirates of the Caribbean: Dead Man’s Chest


10. Spider-Man 3


11. Death Proof


12. Planet Terror


13. 300


14. Walk the Line


15. Superman Returns


16. Sweeney Todd: The Demon Barber of Fleet Street


17. Crash


18. Ocean’s 12


19. Terminator: Salvation


20. I Am Legend


21. Star Wars Episode 1


22. War of the Worlds


23. Apocalypto


24. Narnia – Prince Caspian


25. Pan’s Labyrinth


26. Cloverfield


27. American Gangster


28. Transformers


29. Fear and Loathing in Las Vegas


30. A Scanner Darkly


31. Hellboy II


32. V for Vendetta


33. Lord of the Rings: The Fellowship of the Ring


34. Bridge to Terabithia


35. WALL-E


36. Napoleon Dynamite


37. Lord of War


38. Big Fish


39. Zodiac


40. Star Wars Trilogy DVD Poster


41. 3:10 to Yuma


42. No Country for Old Men


43. Jurassic Park 3


44. The Eye


45. Iron Man


46. Dawn of the Dead


47. Halloween


48. Perfume


49. Identity


50. Pathfinder