Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 178
  • 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
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
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

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

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