Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I'm trying to get an image to look similar to this photo:

Image from Zendesk.com

I'd guess they took a picture of the monitor with a regular camera. But I'm more interested to know what effects / filters they used to get the blur and texture. Any suggestions would be appreciated

share|improve this question

8 Answers 8

up vote 7 down vote accepted

This looks like they applied the tilt shift effect to a photo of a monitor (or maybe they skewed a screenshot)

share|improve this answer
2  
Given the realistic hue shift and the way that the blur radius increases from the focus point (most noticeable along the top edge of the menu strip), I think they probably just took an actual closeup photo of a monitor. AFAIK, Photoshop is still incapable of dynamic blur radii like that. That's a nice tutorial for reproducing a close approximation though. –  Lèse majesté Dec 21 '11 at 8:29
2  
That is incorrect. Photoshop's lens blur can take an alpha channel as 'depth map', thereby modulating the blur radius across the image. See one of the many tilt-shift tutorials, such as this one: tuaw.com/2008/10/07/… –  Kris Van Bael Dec 21 '11 at 17:07
1  
@Kris Van Bael: Ah, I had no idea it could do that. Thanks for enlightening me. =] –  Lèse majesté Dec 22 '11 at 3:00

it is greate information for blur effect. I have a link in which you can see guidance of blur effect http://www.tutorialz360.com/how-to-make-blur-effect-in-photoshop-or-make-blurry-pictures-photoshop

share|improve this answer
3  
Please expand upon this answer. Answers should be more than a simple link and should be posted here in case the link goes down at some point int he futre. –  Scott May 12 '13 at 19:22

Another way to solve this problem, and if you have Photoshop CS 6 Extended is to use the 3D features. I've provided ways to do this in the following a discussions:

Single layer with perspective and camera blur: Perspective manipulation

Multiple layers with stacking depth, perspective and camera blur: "Fake" 3d effect in Photoshop/Illustrator with raster images

This process is non-destructive and you will retain all of the resolution of the original image(s). However, it's harder to adjust the camera's Depth of Field falloff points in 3D than it is to use the Blur Gallery > Tilt Shift filter.

Cheers and good luck!

share|improve this answer

enter image description here

  1. I used vanishing point to get the angle.
  2. Copied the layer.
  3. Applied lens blur to match the blur part to the most blurry part in your image.
  4. Applied mask, and oval gradient at right to mask blur, and also applied tilted reflected gradient.
  5. Then, applied black gradient left to right and somewhat titled and set mode to Desaturate lowered opacity.
  6. Then, copied the layer and set the mode to multiply and adjusted the opacity of it as well. Crop out the empty parts.
share|improve this answer
  1. take a screenshot of your screen
  2. convert layer to smart object
  3. use transform to mimic perspective
  4. duplicate smart object
  5. apply gaussian blur to top object
  6. apply a layer mast to the top object
  7. Select the gradient tool with a radial gradient using foreground to transparent with black as your foreground color and you're all set.
share|improve this answer

1) Transform your image by changing the perspective of it to something you see fit.
2) Rotate it until it appears you are looking at it from the top
3) Make a new layer
4) On this layer either a) create a white to transparent reflecting gradient, or b) create angled white to transparent linear gradients on both the left and right sides of the image.
5) Ctrl-click the layer to select the gradient
6) Hide gradient layer
7) Select layer with picture on it
8) Apply a Gaussian blur filter as you see fit (2, 3, etc)
9) Voila

Here's an example, can't post a picture, new user

share|improve this answer

Photoshop CAN do a blur with a variable radius. This feature is available in the Lens Blur filter.

You first create an alpha channel with a gradient, describing across your image how unsharp you want it to be. (This is referred to as the depth map). Then you blur the RGB layer, using the lens blur filter, selecting the alpha channel as depth map.

For the example above, you'll be needing a reflected linear gradient as depth map.

See also this tutorial: http://www.tuaw.com/2008/10/07/how-to-use-photoshops-lens-blur-tool-for-tilt-shift-fakery-par/

share|improve this answer

Easiest way to blur stuff in photoshop is Blur Tool (R)

Just take Blur Tool and select Soft Round Brush (The brush that is round and has 0 hardness) Then use various size(s), ones that are fitting to the area(s) that you want to blur of course. enter image description here

Then blur away. (You might want to make a copy of the image layer (Ctrl+J) before blurring. )

Original image (I used Perspective tool in it Top menu: Edit > Transform > Pespective )

Blurred image. Blurred image.

share|improve this answer
    
Thanks this was also helpful –  Anagio Dec 21 '11 at 7:57

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.