• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 181
  • Last Modified:

how to do affect on www.hirequest.com

Can anyone tell me how to do the effect on the header image of this page www.hirequest.com?  I am referring to the blocky/digitized fade-away of the image of the man.
0
David Williamson
Asked:
David Williamson
  • 4
  • 3
  • 3
2 Solutions
 
j3oneCommented:
4 layers here.
1-> background blue
2-> head layer
3-> block layer
4-> hite layer

--> the block layer looks alot like one of the preset textures in photoshop. create a new layer, fill it with a color (lets say white) dubble-click on the layer in the layer pallet to bring up your effect options. go to texture, and select the checkered box texture (looks a little beveled) you may have to load it, but I doubt it. you can scale the texture with one of those sliders. once you got the right size your set. also you can mess with layer blending modes.

-> the rest of the work is done with a larg eraser brush with soft edges. Also, adjust the opacity of the layer. same thing with the whit layer, leave the opacity and erase.
0
 
j3oneCommented:
4->(w)ite layer...
0
 
David WilliamsonIT DirectorAuthor Commented:
When I double-click on the layer in the layer window, the only 'texture' is see is under 'bevel and emboss'; is this the one you're referring to?  Each of the broken up squares on that site seems to have a bit of a gradient fill in them..
0
Cloud Class® Course: Microsoft Azure 2017

Azure has a changed a lot since it was originally introduce by adding new services and features. Do you know everything you need to about Azure? This course will teach you about the Azure App Service, monitoring and application insights, DevOps, and Team Services.

 
weedCommented:
Actually, i think its more like a selection based on an alpha channel, then had the mosaic filter run on it. Very simple to do. Just make a selection with a fuzzy edge. You could even use feather to get a fuzzy selection, then run Mosaic on it.
0
 
weedCommented:
Oh, and it's all done with a single layer. Nothing fancy.
0
 
j3oneCommented:
Weed -> Simple...Well, ya... if you want to do it the easy way...


Try this: take a picture and put in a layer in photoshop. copy the layer and then work with the top one. select -> filter...pixelate...mosaic (ixel size to your taste)
-> now erase the parts you dont want pixelised.... looks nice and is quite simple.
0
 
weedCommented:
Problem with using the eraser tool is that you actually erase the sharp edges of the mosaic instead of having the mosaic color fade into the background. Subtle difference, but the image above wasn't done with an eraser.
0
 
David WilliamsonIT DirectorAuthor Commented:
I ended up creating my own checkerboard layer with each square filled with a diagonal gradient.  

http://65.160.28.213/checkerboard.jpg

I then put the checkerboard layer on top of the photo I was working with and changed the mode to Overlay, giving me the look I wanted.

http://65.160.28.213/midpoint.jpg

Erasing parts of the photo itself caused the gradual fade away I was looking for without having to touch the checkboard layer.

http://65.160.28.213/done.jpg

There you go, thanks for your help!
0
 
j3oneCommented:
nice work
0
 
David WilliamsonIT DirectorAuthor Commented:
Thanks!  Its always interesting to find that there are 50 ways to do everything, huh?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 4
  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now