If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Oct 2009
    Stevens Point, WI
    Member #
    I really like the look of this particular school's website and I've been asked to essenstially copy the look and feel of the banner. Any ideas as to what filters were applied in photoshop or a link to some tutorials that would help me create that sleek blending look in photoshop with the action photos.
    Here's the site:


  3. #2
    Junior Member
    Join Date
    Oct 2009
    Member #
    He'll have removed the saturation in using the 'Hue/Saturation' facility. Then to make it blue, he'll have gone into the quickmask drawn a gradient, switched out of quickmask, and then again using the 'Hue/Saturation' facility but selecting the colorize option.

    That is one way to do it anyway, there are quite a few different ways. If you use the adjustment layers and layer masks to do the above you can easily go back and edit the settings, colours etc.

  4. #3
    Junior Member
    Join Date
    Oct 2009
    Member #
    The gradient mask is definitely the best way to achieve that effect. My suggestion is to copy the original layer, hide it, and start applying different masks and adjusting hue and sats. You can always go back to the original.

  5. #4
    Junior Member Chris_G's Avatar
    Join Date
    Oct 2009
    New York City
    Member #
    2 times
    There are two gradients and one photo. Take about 12 seconds.

    Open your photo.

    Duplicate layer (good habit not to touch the original).

    If the photo is originally in color, you want to desaturate the layer:
    [command] + [shift] + "U"

    Now this layer is greyscale.

    Add a new layer:
    [command] + [shift] + "N"

    Select gradient tool:

    Set foreground color to: black
    Set gradient to: foreground to transparent
    (should be the second gradient in the default set after foreground to background)

    From the bottom up to about halfway, apply gradient solid black up to transparent.
    Hold down the shift key to constrain the gradient to 90
    Leave layer applied as "normal."

    Change the foreground color to the shade of blue (or whatever color you wish).

    Add another new layer.

    Keep the gradient tool set to: foreground to transparent

    From the top down to about halfway, apply your colored gradient down to transparent.
    Hold down the shift key to constrain the gradient to 90
    Change this layer's applied state to "screen."

    My name is Chris Grayson. You can visit my website at: Art Director Or read my blog at: GigantiCo
    As an Art Director and Website Designer, I use many online portfolio communities, including:
    Chris Grayson at Coroflot Chris Grayson at Krop Chris Grayson at Behance
    I also invite you to follow me on Twitter

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 09:00 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: