Creating Focus on the Photo by Using Blur Map

On this tutorial i will share with how to create focus effect on photo with different levels of blur.

Final Image Preview

Creating Focus on the Photo by Using Blur Map

Resources

Step 1

Start by opening photo on Photoshop. Now we are going to create a special blur map to focus attention on the object. To do that start by selecting foreground color as black (#000000).

Creating Focus on the Photo by Using Blur Map 1

Step 2

Use the Pen Tool with Shape Layers selected to draw out the figure of a man. Reduce layer opacity to 50% after starting to select man to see the real shapes of the photo.

Creating Focus on the Photo by Using Blur Map 2

In the end you should have man selected like on image below.

Creating Focus on the Photo by Using Blur Map 3

Update layer opacity to 100% for this layer.

Creating Focus on the Photo by Using Blur Map 4

Step 3

Use the Pen Tool to draw out the second shape (left horse) with foreground color #212121.

Creating Focus on the Photo by Using Blur Map 5

Step 4

Now draw third shape (right horse) on the photo with color of #4c4c4c.

Creating Focus on the Photo by Using Blur Map 6

Step 5

Draw another shape by using color #747474. Keep positioning layers like i have which means that this one should be above the layer with the photo.

Creating Focus on the Photo by Using Blur Map 7

Step 6

Draw another shape by using color #9a9a9a.

Creating Focus on the Photo by Using Blur Map 8

Move this layer with shape under all the layers but above the photo layer.

Creating Focus on the Photo by Using Blur Map 9

Step 7

Draw back horse same way but using color #c0c0c0.

Creating Focus on the Photo by Using Blur Map 10

Step 8

Create a new layer and fill with light grey color (#e7e7e7).

Creating Focus on the Photo by Using Blur Map 11

Step 9

Merge all layers except photo layer. Select photo layer and open Channel panel by going to Window > Channels or by clicking on Channels next to Layers.

Creating Focus on the Photo by Using Blur Map 12

Create a new channel. Adobe Photoshop will automatically name it Alpha 1.

Creating Focus on the Photo by Using Blur Map 13

Go back to layers panel. Select all merged layer content by using Ctrl+click on layer thumbnail.

Creating Focus on the Photo by Using Blur Map 14

Copy selected layer with Ctrl+C, select Alpha 1 channel and paste layer content with Ctrl+V. Move a little bit to left to place it correctly.

Creating Focus on the Photo by Using Blur Map 15

Step 10

Hide merged layer visibility on layers panel and also hide Alpha 1 channel on channels panel.

Creating Focus on the Photo by Using Blur Map 16

Select photo layer and apply Filter > Blur > Lens Blur. Don´t forget to change Source to Alpha 1, select Invert and update Shape to Triangle. Also update Blur Focal Distance and Radius like i have on image below.

Creating Focus on the Photo by Using Blur Map 17

Final Image

Creating Focus on the Photo by Using Blur Map

And we are done. We learned to create a nice focus effect on photo with different levels of blur. Hope you liked it.

Best of the Web – June 2011

Advertise here

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


Photoshop Tutorials

  • Awesome Amp Controls in Photoshop

    This tutorial from Abduzeedo will demonstrate how to create some nice amplifier controls using Photoshop.

    Visit Tutorial

  • Make a Retro Space Themed Poster in Photoshop

    This tutorial from WeGraphics will explain how to create a retro space themed poster in Photoshop.

    Visit Tutorial

  • Make a Vignette Using Smart Filters

    Smart filters have lots of uses. This video tutorial from Layers Magazine will show how to create a vignette using smart filters.

    Visit Tutorial

  • Give Your Logo Work a 3D Edge

    This tutorial from Computer Arts will explain how to use 3D apps to give your logo design work a 3D edge.

    Visit Tutorial

  • Hard and Soft Shadow Edges

    This short video from Ctrl Paint will explain how to apply hard and soft shadow edges to your digital paintings.

    Visit Tutorial

  • Create a Black Swan Inspired Movie Poster

    This tutorial from Creative Fan will explain how to create a Black Swan Movie inspired poster in Photoshop.

    Visit Tutorial

  • The Basics of Typography

    This tutorial from Design Instruct will explain the basics of typography and is a great start for anyone wanting to apply this knowledge to their Photoshop designs.

    Visit Tutorial

  • Create Vintage Coupon in Photoshop

    This tutorial from WeGraphics will explain how to create a vintage coupon in Photoshop.

    Visit Tutorial


Articles and Inspiration

  • 50 Mind Blowing Photo Manipulations

    Looking for some new ideas for your next photo manipulation? This showcase from Noupe features some excellent examples for inspiration.

    Visit Article

  • 35 Extraordinary "End of The World" Inspired Artworks

    This showcase from Hongkiat features some stunning “End of the World” artworks. It’s definitely worth a look.

    Visit Article

  • Funny Caricatures by Anthony Geoffroy

    It’s always entertaining to explore the works of a great caricature artist. This showcase from Web Designer Depot features some amazing and hilarious caricatures from Anthony Geoffroy.

    Visit Article

  • 50 Creative and Clever Examples of Outdoor Advertising

    Outdoor advertising can be a great source of inspiration. This showcase from Design Shack features some extremely clever examples.

    Visit Article

  • Exceptional Work of GMUNK for Disney’s Tron Legacy

    Tron Legacy features some fantastic special effects. This post from Abduzeedo showcases some exception work by the production team.

    Visit Article

  • Be Creative, But Please Don’t Overdo It

    Designers often have to fight the urge to be overly ambitious. This article from Just Creative Design explains how sometimes it’s best to just keep it simple.

    Visit Article

  • Rediscovering Humanity in Design

    In many cases technology has isolated designers from their colleagues and clients. This articles explains how designers can rediscover their humanity.

    Visit Article

  • 35 Examples of Typographic Business Card Designs

    Looking for some inspiration for your next business card design? This showcase from Naldz Graphics showcases some excellent examples.

    Visit Article

Photoshop Retouching

The Photoshop retouching tool has taken the photo world by storm. Photoshop retouching options are used widely throughout the world. This is especially true in the world of celebrities and Hollywood! Photoshop retouching provides an opportunity to retouch the photo in the manner you wish. It has become essential to retouch any photo with glamour and flair, and the only way this can be done is through Photoshop retouching. Furthermore, Photoshop software is developing rapidly and incorporating newer techniques, which has made retouching a more simple process.

You may be an excellent photographer, possessing the latest camera, but that does not mean the photograph is perfect as it is. It may very well need a few changes here and there. While you may not have the perfect picture, you can use the retouching tool to create the perfect picture! There is a great demand for photographers and the more creative you are the more likely you will have to master the art of Photoshop retouching and image editing, to make your business a profitable one.

Photoshop retouching does not mean that you change the entire photograph; it only means that you modify the image, remove flaws related to technical faults and non technical ones to create a better looking image! Modifying an image takes expertise and experience, because it has to be done without damaging the originality of the photograph. There are several steps to photo retouching such as photo restoration, color correction, clipping path and photo enhancement. When a photographer uses all the options of photo retouching, the results are unbelievable. Another process used in Photoshop retouching is Vector Conversion. This tool allows experts to create a clear picture from a blurred one.

Photoshop retouching options require immense expertise, and not everyone has the experience to do it. There are many organizations engaged in offering such services. For those looking to hire Photoshop retouching services, there are companies that can be hired online, where the customer has to place his or her order. The industry of Photoshop retouching is widely experienced and offers complete precision and effectiveness.
M.A.H.


37 Sophisticated and Stylish UV Coated Business Cards

A business card is an ideal way to reference your contact information and leave a great, lasting impression with customers, partners, and prospects. If you prefer to highlight your logo, name, text or anything in the card, use UV coated business cards. Its vibrant and exceptional qualities would impress your clients. The gloss of this card adds a distinguishing flare that stands out and brings it to the next level of professionalism.

On top of the aesthetics, UV coating also helps protect your business cards from dust and dirt. On the other hand, if you want to highlight parts of your card, you might want to consider spot varnish (or spot coating). Extra glossy coating will be used on specific areas that you want to stand out. This process works best for minimally designed and professional-looking cards.

This would surely help your business cards stand out from other business cards. Here are 37 Examples of Sophisticated and Stylish UV Spot Coated Business Cards. Hope this collection inspire you. Enjoy!

Squink (foiled)

Squink (foiled)

by: Squink!

View Source

Classic Winemakers

Classic Winemakers

by: Preston Porter

View Source

Murten Saerbi

Murten Saerbi

by: Murten Saerbi

View Source

Unique Business Card 870

Unique Business Card 870

by: EightSevenZero Signs & Designs

View Source

Erston Pearcy

Erston Pearcy

by: Mine

View Source

Green Sky Media

Green Sky Media

by: Hear Agency

View Source

Square One Communications

Square One Communications

by: Ryan Ribstein and Luice Design

View Source

Hired Hands, LLC

Hired Hands, LLC

by: Preston Porter

View Source

Malota Projects

Malota Projects

by: Malota Projects

View Source

Yomesubo Card

Yomesubo Card

by: Yomesubo

View Source

Hidden Creative Bus Card 6

Hidden Creative Bus Card_6

by: BE VISUAL

View Source

Glassmedia

Glassmedia

by: Glassmedia Comunicacao

View Source

No Smoking

No Smoking

by: No Smoking

View Source

FridgeWorks

FridgeWorks

by: FridgeWorks

View Source

Paul Hartsook

Paul Hartsook

for Paul Hartsook

View Source

Jaclyn Studor

Jaclyn Studor

by: Nathan Mummert

View Source

Bellucci Stores

Bellucci Stores

by: Blackjack

View Source

Mikii.Fr / Agence Web

Mikii.Fr / Agence Web

by: Agence web mikii.fr

View Source

P2 Concept

P2 Concept

by: Phil Poosch

View Source

Roselli Graphics Square Business Cards

Roselli Graphics Square Business Cards

by: PremiumCards.Net

View Source

Make It Happen Identity & Cards

Make It Happen Identity & Cards

by: Trent

View Source

Premium Silk With Spot Gloss And Foil

Premium Silk With Spot Gloss And Foil

by: PremiumCards.Net

View Source

X1 Racing

X1 Racing

by: Malagä Création

View Source

3bymesa

3bymesa

by: Versátil

View Source

Lethal Dose Business Card Design

Lethal Dose Business Card Design

by: Taste of Ink Studios

View Source

Figuer Studio Silk Business Cards

Figuer Studio Silk Business Cards

by: PremiumCards.Net

View Source

Fluxar Business Card

Fluxar Business Card

by: Fluxar Studios

View Source

Blair O’Neal

Blair O'Neal

by: alifeincolor

View Source

Latitude Graphic Design

Latitude Graphic Design

by: gavin

View Source

Dominique Reffini

Dominique Reffini

by: Flora Ambrosini

View Source

Toby Keller

Toby Keller

by: Toby Keller

View Source

Jaijo Design Business Cards

Jaijo Design Business Cards

by: Jaijo Design

View Source

Clock Restaurant & Wine Lounge

Clock Restaurant & Wine Lounge

by: Angelique

View Source

Ride Qi Business Card

Ride Qi Business Card

by: Citizen Chan

View Source

Ludik

ludik

by: Versátil

View Source

VelvetAnt

VelvetAnt

by: antonea

View Source

Enhance Dental Group

Enhance Dental Group

by: Armon Rostami

View Source

Design a Retro Typographic Poster Using 3D Elements in Photoshop – Psd Premium Tutorial

Advertise here

Using modern technology to achieve a vintage or retro look can be a bit challenging. In this Psd Premium tutorial, author Alex Beltechi will demonstrate how to give shiny 3D renderings a nice vintage feel. In this tutorial we will spend quite a bit of time in Cinema 4D, Illustrator, and Photoshop. This tutorial is available exclusively to Premium Members. If you are looking to take your typography skills to the next level then Log in or Join Now to get started!


Professional and Detailed Instructions Inside

Premium members can Log in and Download! Otherwise, Join Now! Below are some sample images from this tutorial.


Final Image


Psd Premium Membership

You can join Psd Premium for as little as $9/month. Premium membership gives you access to the source files for all our tutorials as well as access to premium tutorials like this one. This also includes the rest of the sites in our network including Vectortuts+, Webdesigntuts+, Phototuts+, Nettuts, and more! Premium Members can Log In and download this tutorial. Otherwise you can Join Today!

Things Worth Paying For as a Freelancer

Advertise here with BSA


Things Worth Paying For as a Freelancer

A freelancer, like a baker, needs a few essential tools with which they create their products and use in order to offer their services.

Instead of pots, mixing bowls, spoons and an oven, a freelancer needs software.

Be aware that these thing can cost either time or money, and in some cases, it may be both. This is an important issue that many seem to deem as unimportant, but will help any freelancer be more efficient and produce high-quality outputs.

We are going to look at some of the basic things that all freelancers will need; things that, even if you have to pay for, are worth the cost.

Time Management

One of the biggest priorities of working freelance is the allocation and management of time. This includes personal time (your life outside your work) and business time (billable hours).

You may have heard this before, but it’s worth repeating here: It’s important to keep your work life and your personal life separated, especially if you work in an environment such as your home where it’s difficult to establish clear boundaries.

An unbalanced life can cause friction between loved ones, not to mention reduce your motivation to work.

One way to help you manage your work time is to use a time-tracking tool. This is also very important in order to keep track of billable hours for invoicing purposes.

In addition, if you’re an analyst, you can mine this data later on to gain insights into your work processes. You can, for example, identify things that take up too much time or determine more accurately how much to charge for a certain job based on the average time it takes you to complete similar jobs.

Old School: Pencil and Notebook

You could use what I call the old school method, which has worked brilliantly for me in the past. Quite simply, you write down your tasks in a notebook and manually keep track of how much you spend on them.

This is a handy method, relatively cheap, and gives you a simple overview of how much time you are spending on a project and what to charge a client.

On the other hand, it is not as efficient as computer-based programs or web apps, it is quite repetitive and it also means you need to do a few calculations manually.

And then, what if you lose your notebook? All that data, gone in an instant.

Time-tracking software is reasonably priced. Even if it saves you a few hours a month and improves your workflow the tiniest bit, it would have already paid for itself in spades.

Tools for Time-Tracking

You should consider some desktop-based solutions such as Chrometa or QuickBooks (QuickBooks requires an additional add on for time-tracking since its primarily an accounting app). They range from free to a relatively low cost alternative.

A web-based solution to time management is a very good idea. My personal favorite is FreshBooks, though there are many others that are just as capable and may work better for you. FreshBooks supports things such as customized reports, email integration, shared notes, invoicing, and an interactive timeline display.

There is 1DayLater, an efficient and friendly program with an easy-to-use UI that also includes expense management for things like stationary or mileage logs.

Another good web-based solution is 5PM, self-described as "an intuitive web based project management tool."

Accounting

It doesn’t matter what your profession is, everyone needs a good way to process his or her accounting needs, especially when tax time comes around!

You can use software or web-based solutions in conjunction with your accountant, or you can DIY by simply using basic accounting and software to do your own taxes. The former is by far the easier solution and the most cost- and time-effective.

Tools for Accounting

QuickBooks is a premium and extremely popular accounting solution with a vast array of features that are powerful and simple to use. There is also a web-based version that can work in conjunction with the desktop version or standalone. Either way, you still get the best of the system’s features.

FreeAgent is an amazing web solution for accounting. Used by thousands of freelancers and small businesses, it provides a stress-free way to manage books and invoicing. This software allows you to send estimates, track time, invoice clients, bank online, do your accounts and even perform tax reports.

Industry-Specific Software

The type of software that you will need is dependent on your chosen career. For example, a freelance writer most probably wouldn’t need Adobe After Effects.

In any event, look at your professional field and identify industry-standard tools that are critical for your success.

Industry-Specific Tools for Designers

Adobe Creative Suite (CS) is a software package that includes Adobe Photoshop, Fireworks, Illustrator, and more.

Industry-Specific Tools for Developers

When coding, it is important to pick a code editor that suits your needs.

It’s impossible to identify industry-standard tools in this profession for several reasons. First, there is a wide array of languages. Secondly, developers are builders by nature, and so this has led to a wide selection of tools available at your disposal.

So I suggest participating in online communities to gain insights on tools that might work for you. For example, many Rails developers using Mac OS have traditionally preferred TextMate, but, still, you might find Rails developers that choose another text editor or go with an integrated development environment (IDE) instead.

Below are a couple of my personal suggestions.

For an IDE that’s robust in features, Adobe Dreamweaver is a powerful code editor. It features templates, FTP and code snippets, perfect for coding websites using HTML, CSS, PHP, Ruby, JavaScript, etc. Unfortunately, there isn’t a Linux installation available for it out of the box, though there are workarounds for this.

For front-end development, Coda is another option. It’s a one-window web development software.

If you’re in search of code editors, check out the following lists:

General Purpose Software

There are other essential apps that you should have access to; they’re useful and, in many instances, a requirement for interfacing with clients and other freelancers.

Office Suite

An office suite is a collection of productivity applications. Basic components of an office suite include word-processing, spreadsheet and presentation software, and often, an email client.

Microsoft Office has traditionally been the most popular, and it comes with Word, Excel, and PowerPoint.

Open Office is an open source office suite that has software similar to Microsoft Office.

For a web-based solution, Google Docs is an excellent option. It’s especially good for collaboration since your documents are regularly synced.

Backup and Storage

As a freelancer, your computer files and documents are your primary business assets. Just as a brick-and-mortar store might takes care to protect their physical properties with insurance, security guards, surveillance cameras, etc., so should you with your digital properties.

There are many backup and storage options out there. Picking one that’s web-enabled gives you the ability to use multiple computers with ease and with little fear of your backup device failing.

One of the storage solutions you’ll often hear being mentioned is Dropbox. It’s free up to 2GB, and upgrading to 50GB (25 times the storage capacity of the free version) will cost you less than $200 a year. What’s great about it is that it’s seamless. Once you install it and save your files in your Dropbox, it automatically syncs and backs up your files so you don’t have to think about it much.

Email Marketing Software

As a freelancer, emailing is important. Whether it’s for sending a monthly newsletter to your clients, reaching out to blogs with press releases or offering email marketing as a service to your clients, it’s not a bad idea to have access to an email marketing tool.

Campaign Monitor is used by many to send newsletters and email campaigns. MailChimp is also a popular option, along with VerticalResponse, Constant Contact, and many more.

Reading Materials

There are a number of books available out there that can give you a head start in your freelance career. I’ll suggest a few of my favorites.

How To Be A Rockstar Freelancer. Written by the inspiring duo, Cyan and Collis Ta’eed, it provides practical advice on difficult situations. They teach you not to make the same mistakes they made in the past and the book includes a section on how to manage your budget.

Freelance Confidential. Yet another magnificent piece of published art from those wonderful people over at Rockable Press. The author Amanda Hackwith has compiled what is considered the secrets of the freelance trade all in one book. Through the use of surveys, statistics and interviews, we get an overall insight into the world of freelancing, showing all of its ups and downs.

The Principles of Successful Freelancing. A book from SitePoint that walks you through the transition from being an employee to becoming a fully-fledged freelancer, it also offers an education outline on the business of freelancing and also covers the emotional aspects. It’s packed with advice and tips to help you get started.

Conclusion

Every freelancer must consider investing their time or money to become successful in the profession. A lot of software and advice out there are free, so search Google, read blogs, and most importantly, learn from your own (and from other’s) mistakes.

This way, you will be able to avoid what has plagued other freelancers in the past, giving you a leg up into the world of working for yourself and always keeping you on the right track.

One thing that you must keep in mind when freelancing is that you must be ready to invest some of your income into your own career.

The concept of investing your hard-earned income is a scary thought, but at the same time, you’re investing it in yourself and your business.

Related Content

About the Author

James Parsons is an avid web designer from England and is also the Creative Director of Start Design Studios. He blogs regularly at Web<A>Zine. You can connect with him on Twitter and LinkedIn.

Create Re-Usable Button Styles in Photoshop

Buttons are an extremely common design element that are used by almost every website. Web buttons are critical for usability and navigation, and they can also be used to help direct the action of the user as you encourage them to add a product to a shopping cart, take a tour, get more information, or contact you.

Creating new buttons while keeping the same style can be very simple by using Photoshop’s layer styles. In this post we’ll take a quick look at how you can create your own button layer styles to save yourself some time.

You may have had situations in the past where you found yourself creating multiple buttons for a mockup and adding the same layer styles over and over again. Or you may have wanted to create a new button that matches the style of an existing button, but you can’t remember the details of the layer effects that were used. Both of these situations could be made much easier if the button effects were saved as a layer style that could be re-used at any time.

Layer styles are a preset in Photoshop, like brushes, patterns, and custom shapes. Layer styles can be saved as an .asl file and then can be loaded at any time, or distributed with others working on the project.

Creating Button Styles

Let’s start by creating a basic button in Photoshop.

Set the foreground color to #166ecc and the background color to #4495ee. Select the rounded rectangle tool with a radius of 10 pixels and draw a rectangle that is 250 pixels wide and 40 pixels high.

Create Re-Usable Button Styles in Photoshop

Double click on the shape layer in the layers palette to open the layer style options.

Create Re-Usable Button Styles in Photoshop

Click on “gradient overlay” and choose a linear gradient that fades from the foreground color to the background color.

Create Re-Usable Button Styles in Photoshop

Click on “inner shadow” and set the color to #a3ccf8. Change the angle to 90 degrees and give it a distance and size of 2.

Create Re-Usable Button Styles in Photoshop

Next, click on “stroke” and set the color to #0c519b. Give it a 1 pixel outside stroke.

Create Re-Usable Button Styles in Photoshop

You should now have a button that looks like this.

Create Re-Usable Button Styles in Photoshop

Double click on the shape layer in the layers palette and click on “styles”. Then click on the “new style” button to the right and give your style a name.

Create Re-Usable Button Styles in Photoshop

Next, we’ll make a slight variation of the button to be used on hover. Double click on the layer style, go to the gradient options and check the “reverse” box to move the darker shade to the top of the button and the lighter shade to the bottom.

Create Re-Usable Button Styles in Photoshop

Then save this style as well.

Create Re-Usable Button Styles in Photoshop

Re-Use the Stlye

We now have two styles that can be easily re-used whenever we want to create a button with the same style. So let’s try it out by creating a new shape, this time we’ll create one that is more rounded.

Create Re-Usable Button Styles in Photoshop

Now, to add the style all we need to do is double click on the new shape layer in the layers palette, click on styles, find the new style and click “ok”. The styles are then applied to the button and it matches the look of the other button without editing any of the specific layer style effects.

Create Re-Usable Button Styles in Photoshop

As you can see, saving and re-using layer styles will save you time when creating multiple buttons, and you’ll be able to easily create buttons with a uniform style.

It’s a good habit to also save your layer styles as an .asl file so you can have then in a safe place or share them with others who may also be working on the same project. To do this, go to Edit > Preset Manager and select “styles” from the dropdown menu. Then select the styles that you want to save and click on “save set”.

Create Re-Usable Button Styles in Photoshop

Creating More Versatile Button Stlyes

If you are going to be creating buttons that are not all the same color you can avoid using any specific colors in the layer styles, which will allow you to create buttons of various colors that still share the same styling. We’ll quickly demonstrate that here.

Set the foreground color to #9ad63e and draw a rounded rectangle.

Create Re-Usable Button Styles in Photoshop

Now, instead of using a gradient that uses two different shades of green we will be using a gradient of black and white with a blend mode of linear burn.

Create Re-Usable Button Styles in Photoshop

This will give us a button that looks like this.

Create Re-Usable Button Styles in Photoshop

We can then give it an inner shadow using white and change the opacity to alter how light the shadow is (with the blend mode set to “normal”.)

Create Re-Usable Button Styles in Photoshop

We can also give our button a drop shadow, and we’ll end up with something like this.

Create Re-Usable Button Styles in Photoshop

Now, if we save this style we can re-use it to create similar buttons of other colors. All we have to do is create the shape in any color and the open the layers palette and apply the style. Here are some examples which were created using the same style.

Create Re-Usable Button Styles in Photoshop

If you find yourself frequently creating buttons in Photoshop, try working with layer styles and I think you’ll find that it can be a big time saver.

We recently released a set of 92 button styles at Vandelay Premier if you want to save some time.

For more tutorials please see:

30 Mind Blowing Surrealism Art Illustrations

Surrealism has made its way to explore an artist’s deepest thoughts of imagination. Surrealistic art refers to a combination of an artist’s personal reflection, fantasy and imagery. This form of art usually are dream-like and can be interpreted through drawings and illustrations. It takes us to a different approach apart from reality through symbols and puzzles. What’s interesting about surreal art is its hidden messages and symbolic meaning that you need to decipher to be able to understand the intention of the artist.

So without further ado, here’s a collection of 30 fascinating surreal illustrations that will surely take your breath away. Dare to see the twisted world of surrealism as you look into these mind blowing concepts. Enjoy!

The Teapot

surrelist-art-illustrations-01

View Source

Metamorphosis

surrelist-art-illustrations-02

View Source

Surreal

surrelist-art-illustrations-03

View Source

We All Fall

surrelist-art-illustrations-04

View Source

Own World

surrelist-art-illustrations-05

View Source

Winter

surrelist-art-illustrations-06

View Source

Bijoux Extraordinaires

surrelist-art-illustrations-07

View Source

The Neverending Beat

surrelist-art-illustrations-08

View Source

The Lark at the Heaven’s Gate Sings

surrelist-art-illustrations-09

View Source

The Ultramundane Reality

surrelist-art-illustrations-10

View Source

Pandora’s Mask

surrelist-art-illustrations-11

View Source

Planet of Games

surrelist-art-illustrations-12

View Source

Secret Domain

surrelist-art-illustrations-13

View Source

Hugo Create

surrelist-art-illustrations-14

View Source

Monorogue

surrelist-art-illustrations-15

View Source

Twin Trees Market

surrelist-art-illustrations-16

View Source

The Travelling Mute Singers

surrelist-art-illustrations-17

View Source

Imaginarium

surrelist-art-illustrations-18

View Source

The Octopus World

surrelist-art-illustrations-19

View Source

The Observatory

surrelist-art-illustrations-20

View Source

Drug Free Zone

surrelist-art-illustrations-21

View Source

Skycities

surrelist-art-illustrations-22

View Source

Carnaval Fantasy

surrelist-art-illustrations-23

View Source

The World of Dreams

surrelist-art-illustrations-24

View Source

Dalination

surrelist-art-illustrations-25

View Source

The Subterrestrial Above

surrelist-art-illustrations-26

View Source

Arda

surrelist-art-illustrations-27

View Source

Pursuing The Colours

surrelist-art-illustrations-28

View Source

Zentaxia

surrelist-art-illustrations-29

View Source

Expidition

surrelist-art-illustrations-30

View Source

HDR Photography With Photoshop CS5

Advertise here

Most of you have probably seen HDR photography before – even if you didn’t realize it at the time. HDR stands for high dynamic range and is a technique used to combine photographs taken under various exposures to produce an effect that is often quite beautiful. In this tutorial we will demonstrate how to shoot and edit HDR photographs in Photoshop. We will discuss what bracketing means and how to shoot multiple exposures and then merge them together into one HDR image with the HDR Pro option in Photoshop CS5. We will also talk about the faux HDR effect called HDR toning for which you only need a single exposure but it still creates a very believable HDR effect. Let’s get started!


How Being a Coder Can Make You a Better Blogger

Advertise here with BSA


How Being a Coder Can Make You a Better Blogger

One of the neatest things I’ve had the pleasure of experiencing by combining my love for software development and professional blogging is to see how closely tied they are in art, form and function. The marriage couldn’t be more copasetic, and I’ve discovered that they complement each other and I can learn more about each respectively and dependently.

Taking it one step further, I’ve had the pleasure to be a part of a startup that leverages one of the top blogging platforms out there, WordPress, and I’ve spent ample time in the weeds developing both WordPress themes and plugins for the system.

Naturally, I’ve learned a lot and, just like how an auto mechanic knows a car better than the average driver, I’ve been blessed with an insider look into how the blogging system itself talks to the end-user.

Here’s what I’ve discovered: You can become a seriously better blogger if you code even a little bit. Below are a few ways development is similar to blogging.

An Affinity to Order

When you first start out, developing software is like swimming in a pool of ideas that somehow coalesce into something workable, pliable and functional.

As you mature, you find that you’re able to quickly increase your pace of development by systemizing your processes, taking advantage of existing structures, syntax, systems and frameworks to speed things up. That is, you produce order out of chaos.

The more order you bring to a system, the more manageable it will become.

As a blogger, your goal is create order in what you write so that your readers can reasonably understand what you’re saying. It harkens me back to my elementary school years where my teacher required me to create all those outlines before I actually started to write anything. You remember, don’t you?

Practically, this means that your blog posts need to be orderly, written in a pattern, rhythm and cadence that’s acceptable to the audience and the context you’re covering. The more you can lock into the acceptable pattern and order, the better and quicker your writing becomes.

Balance and Tension

Coding requires poise, nerves of steel, and a bit of luck to get it off the ground. Do it once and you’re hooked. It’s like a drug that satisfies but never completely satiates.

As you build more and more complexity into your system, the balance begins to wear and the tension begins to grow. Of course, all of this is to produce an excellent product that the end-user will enjoy, so you continue to muddle through the code to completion!

And like any good blogger, your content needs to strike the right balance and tension as it presents the information to the reader. Go out too light, and the reader finds it boring and not deep enough. They might even find you a tad bit boring as well.

Create too much irresolvable tension, and you won’t capture anyone long-term.

In literary terms, this is called the narrative, the overarching movement of the story, a beginning, middle, and end.

Code does that aplenty, and if you spent a little time walking through some code, then you’d come away with a fresh perspective that few bloggers have: an appreciation for the art and science of software narrative.

In time, this develops into even more mature thinking as you build out your blog posts. For example, you might even start thinking about blog series and putting more than one or two blog posts together. You might even string them out for over 50 posts at some point!

Just Ship It!

At the end of the day, the most important thing that any software developer needs to do is ship the darn thing. That is, they need to finalize the last semi-colon, make sure it works, and then give it to the public for use.

The never-ending battle within the soul of the developer is that he knows that his work is not completely finished nor is it absolutely the best thing since sliced bread — but they ship and launch anyways.

And bloggers can learn a thing or two here: I encounter tons of people that have the potential to become amazing bloggers if only they’d ship more. In other words, they need to let go of the fear of making a mistake and the pointless drive to perfection, and just simply publish their posts, even if they’re imperfect.

Many writers simply feel like they can’t publish anything that isn’t completely perfect. This is insanity in a box. A post will never be perfect.

On the other hand, a developer knows that the moment she ships it, she’s already fixing it.

You will become a better blogger if you learn to publish despite the voices in your head telling you that it’s not perfect, that it’s not quite there yet, and that it’s not your opus.

Then, you’ll find the next time to be easier, and then the next even easier, and heck, you might even wake up one day as a professional blogger.

Related Content

About the Author

John Saddington is a software developer at 8BIT and a professional blogger who loves sharing his blogging tips, tricks, tools, and practical teaching covering SEO, WordPress and making money through your blog. You can follow him on Twitter @TentBlogger.