Man of Steel Poster

Man of Steel Poster

Next month one of the most anticipated movies of the year will open in the theaters, I am talking about Man of Steel, the new Superman movie. It’s amazing how much promotion this movie is getting lately, every day there’s a new picture, poster or some news about it. With all of that, of course I also get really inspired to create some artwork about it. I’ve created the symbol in the past using Illustrator and Photoshop a few weeks ago. Now I will create a simple poster, this time however I will use the new Pixelmator 2.2 to test it out.

So in this post I will walk you through the creative process behind my minimalist poster for the Man of Steel movie. I will use Pixelmator’s new features like the Vector Tools and Light Leak effects.

Step 1

Open Pixelmator and then grab the latest poster of the movie to use for reference and to trace superman.

Man of Steel Poster

Step 2

Using the Pen Tool, start tracing the silhouette of superman. Don’t add to many points and also don’t worry if it’s not super perfect. You can always edit that later.

Man of Steel Poster

Step 3

Here’s the final trace.

Man of Steel Poster

Step 4

Fill the background with a dark blue using the Paint Bucket Tool (N). Change the superman color to white.

Man of Steel Poster

Step 5

Using the Rectangle Shape Tool create 2 lines like the image below.

Man of Steel Poster

Step 6

Add the text. If you notice the kerning of the text is really crazy, I changed to 250%.

Man of Steel Poster

Step 7

With the rectangle shape tool, add another rectangle with no color and white for the stroke. Select inside for the options and then use 50px for the stroke width. The idea here is to add a simple white border to the composition.

Man of Steel Poster

Step 8

This is not really necessary, I prefer the version without the effect but you can also add a nice vintage look by using the new Light Leak Effects in Pixelmator. Just select the background color and then drag it to the composition. I used Nebula with 100% for the Amount and 65% for Sunniness.

Man of Steel Poster

Conclusion

The poster is done. It was a great exercise to test the new Pixelmator and some of the new features. I can also say that Pixelmator is faster than ever and getting more complete at each release. It’s a nice alternative if you don’t want to pay Adobe’s subscription. There are some important tools missing but I am sure they will be added in the next release.

Man of Steel Poster

Applications

Man of Steel Poster

Man of Steel Poster

Man of Steel Poster

Man of Steel Poster

Download Pixelmator file

Click here to download the Pixelmator file used for this tutorial

Posted in Blog | Comments Off on Man of Steel Poster

21 Beautiful Examples of Using White in Web Design

Advertise here with BSA

White is certainly an elegant color, and when properly used in web design, it can deliver really beautiful results, as the ones we will see here today. Using the right amount of white in a website creates a clean and elegant design, and it makes things easy and pleasant on our eyes, helping the viewer like what they see. From white space to white type against dark backgrounds, images and several other “white uses”, we’ve gathered here some inspiring examples of how to incorporate white in your designs for an elegant result.

Tivix

21 Examples of How to Incorporate White in your Designs

StyleUp

21 Examples of How to Incorporate White in your Designs

Swapbox

21 Examples of How to Incorporate White in your Designs

Sociates

21 Examples of How to Incorporate White in your Designs

productOps

21 Examples of How to Incorporate White in your Designs

Hangar

21 Examples of How to Incorporate White in your Designs

Koa Water

21 Examples of How to Incorporate White in your Designs

More Air

21 Examples of How to Incorporate White in your Designs

Ada Blackjack Shop

21 Examples of How to Incorporate White in your Designs

Frappuccino

21 Examples of How to Incorporate White in your Designs

numomma

21 Examples of How to Incorporate White in your Designs

Dots

21 Examples of How to Incorporate White in your Designs

C-Roots

21 Examples of How to Incorporate White in your Designs

Amanda Cole

21 Examples of How to Incorporate White in your Designs

Justin Aguilar

21 Examples of How to Incorporate White in your Designs

Ashley Farrand

21 Examples of How to Incorporate White in your Designs

Nicolas Eberienos

21 Examples of How to Incorporate White in your Designs

Celery

21 Examples of How to Incorporate White in your Designs

Hiptype

21 Examples of How to Incorporate White in your Designs

Another Pony

21 Examples of How to Incorporate White in your Designs

Work

21 Examples of How to Incorporate White in your Designs

Posted in Blog | Comments Off on 21 Beautiful Examples of Using White in Web Design