bulldoggie studio's blog » designing

Captivating and Amazing Out of Bounds Photo Effects

classiclori — Thu, 16 Sep 2010 05:52:49 +0000

Out of Bounds (OOB) is an interesting photo effect where the object or scene in the image seems to jump right out of the photo or its borders. It is a photo manipulation technique to add an illusion of 3-dimsnsionality to a flat photo. Getting an interesting OOB effect depends largely on the photo angle and the overall execution of the concept. It is lots of fun to create an OOB effect. You can use any photo editing software such as Photoshop or Gimp. With some imagination, creativity and basic photo editing knowledge you can create an amazing OOB image that captivates the viewer’s attention. This article showcases 50 most spectacular examples of Out of Bounds photo effects. We have also featured some excellent tutorials if you are interested in learning how to create this effect in Photoshop. So lets venture into this mesmerizing world where you will find creatures, people, and vehicles jumping right out of the screen.

50 Captivating Out of Bounds Creations

The Train

Lizard Popping Out

Get Me Out

Get Me Out is an amazing surreal styled Out of Bounds effect. The old antique photo frame, the expression of the subject and the clever use of lighting and shadow gives the entire image an extra dimension and adds a surreal effect. You can easily create a photo effect like this with a great original image, some stock resources, if necessary and with the effective use of Photoshop . Some of the tutorials featured at the bottom of this article can also guide you to create a surreal Out of Bounds illustration.

Bridge

Napoleon

Wildlife Book

You would not want to read a wildlife book where animals come out of the book! The concept of creating an Out of Bounds effect with the book is brilliant. The idea is beautifully executed.

VROOOOOM!

You might have seen many Out of Bounds effects with a car jumping out of photo frame, but this one is fantastic. The dust, the tire tracks and the whole execution of the concept adds action and depth which makes the outcome realistic.

Dress Lady

Fish – Out of Bounds

Snake Book

Snake Book is another very unique and original idea where the subject, a snake in this case, is shown coming out of magazine’s page. It is amazing to see how 2 different images (a book and a snake image) are put together and how the whole composition is given an Out of Bounds effect.

Holding Hands

Holding Hands is a clever example of what you can do with Photoshop. The concept is brilliantly executed with five different images of hands pulled together to create a simple yet incredible piece.

Bridge To Somewhere

Hungry Snail

A cool Out of Bounds effect of a snail coming out of a photo for food. In this meticulously executed idea, four different source images are used and they work really great together.

Hang On

Taking Off

The Escape

The idea of television sinking in the sea and the cute joyous fishes jumping out of its screen makes The Escape a visually appealing piece of Out of Bounds photo effect.

Sports Gallery

Escape in Time

Cave Nymphs

Out of Boundry

Possible with Photoshop

Slides

Slides is an amazing and unique style of Out of Bounds effect with the creatures coming out of slides. The little details like water drops and dirt really add to the over all image and keeps the viewers attention.

Interactive

That is one smart monkey who can jump out of photograph for food, a very interactive piece indeed.

Waterfall

Humm, Pizza

It wouldn’t be wrong to say that Humm, pizza is a drooling and mouth watering Out of Bounds effect. If you ever wished you could eat your favorite food directly from an advertisement or photo, you can do that with Photoshop.

The Lady Loves Chocolates

And if you think pizza isn’t enough, here are some chocolates.

Zodiac

Honeymoon

Honeymoon is a cool romantic example of Out of Bounds effect. The expression on the face of subject, the way he is jumping out of frame, the colors of the image and the background scene makes it an awesome piece of work.

OOB Guy

Battle

Out of Bounds – OOB Art

Loves Me

Surfing

Pulling Crackers

In Pulling Crackers, subjects are coming out of hinged picture frame. The soft pastel colors of the images in frame and all the decoration around it makes it a beautiful piece.

Internet Kiss

Riding China Style

Living Art

The Easy Way

Photoshop Solutions

A creative way to solve water shortage problems.

Comming Out Clean

Spiderman

Reaching Out of Bounds

Catch of the Day

Bubbles

Sticking Out

Snail

Beer

Hold Yourself Together

This actually is not an out and out photo manipulation but a drawing done with a graphite pencil from a reference. The style of this portrait is really very creative, all the pieces of polaroids with the hands holding them makes the concept an interesting Out of Bounds artwork.

Little Artist

Bridge

It is impossible to not get inspired and fascinated. Well, I also created one Out of Bounds effect.

Tutorials on Out of Bounds Effect

Create an Out of Bounds Fantasy Illustration

This fantastic tutorial from Psdtuts+ shows you how to create an Out of Bounds fantasy illustration where you create a painting on a wall which is a real world. It guides you through the process of creating a fantasy scene, making water pour out of a painting. You can create this surreal illustration with the use of absorption effect, colors and a variety of stock resources. You can also watch a video tutorial complimenting this text and image tutorial. If you have never experimented with surreal concepts in your artworks and want to incorporate it, we have an excellent Creative Sessions’ article, Incorporating Surrealism Concepts into Your Digital Artwork to guide you.

Out-of-Bounds

A simple and easy tutorial that can get you started with Out of Bounds photo effects. This tutorial shows you how after carefully analyzing the image you should decide where the best perspective is for the frame (the part that will set it out of bounds), how to hide the part of image with Layer Mask and how to add the shadows to add the extra dimension to the image.

Create an Out of Bound Photo in Photoshop

This easy to follow tutorial shows you how to create Out of Bounds photo effects in Photoshop using the Polygon Lasso Tool, Warp Effect and how you can tweak the colors using color saturation levels.

3D Border Breakout

A detailed step-by-step tutorial on how to create an Out of Bounds effect. This tutorial also shows you how to give the illusion that the subjects are jumping out of the picture by adding depth through perspective, shadows and some imagination.

Photos Out of Bounds

Here is a fun Photoshop tutorial that shows you how to make a picture jump out of the frame into another photo. You’ll use two images for this tutorial, Pen Tool to extract the part of image, Transform Tool to set up perspective and Layer Styles for more effects.

Using Photoshop To Make an Image Jump Out of Frame

The following tutorial teaches you how to create an Out of Bounds photo using basic Photoshop skills to isolate the target, giving it a realistic look with proper perspective and other effects. It highlights the importance of choosing the right photo to get a true 3D effect.

Create an Out of Bounds Surreal Photo Manipulation in Photoshop

This tutorial is a detailed walkthrough of an artwork, which shows you how to create a surreal out of bounds effect in Photoshop. The tutorial uses variety of stock images and highlights the advantages of adjustment layers and how important they are to create a intense photo manipulation. In this detailed step by step walk through it is interesting to see how the subject, a shark in this case is shown coming out of antique photo frame and how the photo manipulation is given a realistic look using various Photoshop tools and effects.

Midnight Magic Scene Creation in Photoshop

This again is a very interesting tutorial if you want to show a subject coming in or going out of TV screen and a big photo frame. This tutorial demonstrates how you can give a dramatic effect to the scene by using Blending Modes, Layer Styles and Photoshop Filters.

Photo Cutout

This tutorial demonstrates a very simple technique where the subject is extracted from the image using Extract tool and a clever use of Layer Mask to hide the part of image to create a effect that makes the subject look like it’s coming in or out of a photo. In this tutorial you will learn how to use Photoshop’s Extract tool, Layer Masks and Layer Styles to create a cutout from a photo.

Out of Bounds Photoshop Action

And finally, a bonus! This actually is not a tutorial but a Photoshop Action which simplifies the steps needed to create the impressive Out of Bounds photo effect. The Action allows you to define the border size, the perspective of the image, the out-of-bounds areas and you can also add the shadow effects. The action is very flexible and makes use of layer masks, which allows you to fine tune the effect at a later stage. There is also a video that guides you through the process of using this Photoshop Action to create an amazing OOB photo effect. At Panosfx you will also find some more great Photoshop Actions.

Further Resources

As you work through above tutorials to create an OOB effect (or any photo manipulation) it is essential to know some of the basic Photoshop techniques like working with Layers, Layer Masks, Selection and Transform techniques. Below we have listed the links to some of those tutorials.

30+ Business Card Designs that Will Inspire You

classiclori — Mon, 26 Jul 2010 08:02:58 +0000

With the various uses that a business card offers, it is also necessary that the card should be presentable in terms of its physical design and style… As a follow-up to our post on business card designs, today we bring you a new compilation that will surely add to your list of favorites.

This list of 30+ Business Card Designs is another collection of the newest and coolest business card circulated in the web today. Check out these items and be inspired to start a new set of business card design!!!

40个超棒的摄影师作品集网站设计欣赏

classiclori — Tue, 29 Jun 2010 07:56:49 +0000

这是一个关于极好的作品集网站设计收集。国内外有很多很有才的摄影师，而有些摄影师的作品集网站也同样很棒。本文列出40个设计非常棒的摄影师的作品集网站设计，以供大家参考。

同时我们不难发现，这些相册网站，绝大部分使用暗色调，比如黑色或深灰色，用很大的醒目的位置显示漂亮的图片以吸引读者的眼球。

Jeremy Cowart

Koen Demuynck

Mitchell Kanashkevich

Joon Brandt

Frederik Clement

Brent Stirton

Les Forrester

Alberto Ovied

Ashley Lebedev

Jill Greenberg

Paolo Boccardi

Eric Ryan Anderson

Lara Jade

Corey Arnold

Andrew Gransden

David Hill

Gavin Gough

Your Beautiful Photography

Dimitris Theocharis

Robert Dann

Chase Jarvis

Jonathan Glynn Smith

Jan Sochor

Lisa Bettany

Dennis Reggie

Christian Oth

Levon Biss

Little Hellos

Mark Velasquez

Daniel Kennedy Photography

Mark Velasquez

Rinze Van Brug

Emmanuel Rouzic

Raven Photography

Carlos Alonso Bodas

Kenn Reay

Jason Bell

James Day Photography

Evaan Kheraj

David Vasiljevic

No related posts.

40多个很有创意的单页网站设计

classiclori — Tue, 29 Jun 2010 07:50:50 +0000

看看一个设计师在一个单独的页面中能做些什么是件很有趣的事情。有的时候，单页网站可以传达比多页网站更多的信息。单页网站设计适用于没有太多内容的情况。有的设计师使用页签 (tabs)、折叠(accordion)效果来在一个页面中展现更多的信息。作品集网站常常是单页网站的一个完美例子，它可以让访问者很容易的看到内容。非作品集网站根据需求也将很有意义。

貌似单页网站可以让设计师自由的创作比传统的多页网站更独特的东东。或许是因为你只需要让它们在一个页面上实现就行了……

现在让前端观察带你欣赏一下这40个很有创意的单页网站设计吧：

1) Alessandro Cavakllo

2) Gotta Get To FOWA

3) Yura Sklyar

4) Basil Galoo

5) Fabiano Meneghetti

6) Ayush Sara

7) Deaxon

Alexandru Cohaniuc

9) Edit Studios

10) James Lai Creative

11) Red+White Sale

12) Tomas Pojeta

13) New Media Production

14) Brian Murchison

15) Stanislav Krofta

16) Tvrdek

17) Feelwire

18) luke stevens

19) Cpeople

20) Pikaboo

21) Rzmota

22) tomatic

23) Giat Creative

24) Marius Roosendaal

25) SOFA Designs

26) Daniel Stenberg

27) Chris Spooner

28) Tyler Finck

29) We Bleed Design

30) Delegu Studios

31) Designed by Dave

32) Portfolio de Guillaume Pacheco

33) Color Pixel

34) Jason Reed Web Design

35) Lonely Tweet

36) Maurivan Luiz

37) Just Dot

38) NerdoPlex

39) Sroown

40) Stage 5 Studio

41) Veeboo Labs

42) Zach Klein

Logo Design Process and Walkthrough for Vivid Ways

40 Beautiful Examples of Minimal Design for Inspiration

classiclori — Wed, 19 May 2010 03:45:42 +0000

By Daniel Pintilie on May 18, 2010

Simply I liked! Why? Because it’s simple…this is the idea of minimalism design. This concept of creating a web page tends to emphasize the idea that “less is sometimes more”. Nowadays all the websites are using big headers, enormous footers all full of colors and amazing pictures; much more an important page should have at least a Flash application.
It is a good point; the color is a key factor in marketing so it is easy to understand the role of it. In my opinion this kind of design shadows the written content. After all we are searching for some information which in most cases is written (pictures, layout, colors are for attracting people, not to give you good pieces of information). As a reaction to this richness of colors and pictures, minimalism design offers a radical solution: a great and impressive background, a simple or almost nonexistent menu, one or two pictures and a nice content. A few years ago I thought about these websites that they are for dummies and are created by lazy designers. But it is not true! To create such a webpage one needs a lot of experience, many days (why not nights) of work and a very good sense of proportion.

Between a beginner and a professional web designer these qualities are the big difference. Less or more white space can be the difference between a masterpiece and a bad student work. The next 40 webpages are a declaration of love for minimalism design:

1.Jan Reichle

Simple but effective! It has an interesting background with a lot of white and an impressive multicolored shape to avoid flatness. The menu is simple, everything seems to be natural and calm.

2.Chama Inc

Mostly black and white, no stressed sentences, no highlighted paragraphs (except company name, email and twitter address).

3.Finch

This is a little more complicated than the previous one…it has a menu and a picture! I like their motto “My logo is bigger than yours!”

4.elCandor

Nice idea! They put a white and impersonal background to highlight the previous works that are full of color.

5.Kyle Standing

The header is almost impressive (I am subjective so you can have a totally different opinion). The black topside rectangle gives me the felling that some of the content is higher, which is not true. I consider it a hidden sense of humor.

6.Postmachina

Not only white is suitable for a minimalism design. Postmachina created a nice layout based on black. You should also remark that the color of the font is gray.

7.Jason Santa Maria

Red and white; enough to realise that the author is a pro. I really like the design of this site.

8.Jamie Gregory

A very big title and the envelope confer this website an official attitude (but these are not the only elements which contribute to this look). I like it because of the colors, these are used where and how they should be.

9.CRW

A nuance of gray is the background so it seems to be impersonal. To avoid this potential lack of personality the designer writes the content with a very big font. The final result: a very balanced design that looks pretty.

10.Wilson Miner

A seldom used color for backgrounds but that doesn’t mean the design looks amateurish. I like it and the creator has a good mark at originality.

11.Substraction

Everything is black and white. The key of the design is the small “X” near dog. I think that without it the entire page looks somehow unbalanced. What is your opinion?

12.Tudinh

I will surely hire this freelancer should I need his services. It is a very good idea to emphasize what you have done and let the design of the site look natural and impersonal.

13.Sebastian Erdbories

And if Tudinh, the owner of the previous website is busy the next one that I will hire is Sebastian. I thought that I would never say that: but a negative point for this webpage could be that it’s too minimalistic. If you do not have credit on Skype how can I hire him?

14.V Lourenco

Once again, as a personal opinion is this not too minimalistic? The black background looks mysterious so it is more attractive than the previous.

15.Jeff Doe Design

White background with some nice color combinations, so it is what I like the most. Good job!

16.Mattia Viviani

Mattiaviviani presents the situation in a non-commercial format; everything is clear and no hidden message. The blue is a very good choice.

17.Mike Ambs

Yes, I like your webpage! A picture, some links and let the white play its role!

18.Sofa

A solution to avoid too much white space is to use big pictures, footer or header. They chose a big picture of a sofa, inspired by the name of the company.