How a Simple Layout Can Be Mixed 'n' Matched with Patterns, Photos and Backgro... - The Diigo Meta page

• 08 Sep 09
  

  Keith Demele

  SU web development web-design Tags

• 11 Feb 09
  

  Maxime Maxime

  photoshop tutorial

• 25 Jan 09
  

  Tony Han
  • spacing
  • spacing
  • 25 more annotations...
  • • just rough guides and I actually just work by eye until things look right
    • Rockwell
    • earthy tones colour palette
    • warm,
    • arrow cut out of the side menu
    • dot theme.
    • can't do layer blending modes
    • merge the layers for our big panel shape into one
    • copy that into a new Photoshop document, then switch off the background laye
    • possible to place a transparent PNG on top of a transparent PNG on top of a background.
    • new layer and draw in a gradient fading from the colour to transparent.
    • Picking a darker colour from the sea
    • overlay the photo with a gradient of colours matched off the image
    • using the purples and oranges of the original image
    • gradient layer to Overlay and 70% really brightens up the sunset a
    • have the photo blend off on the sides
    • blend off into the dark colours
    • grab a 1px vertical selection
    • CTRL-T to transform it across
    • new layer and draw in a giant ellipse in the background,
    • CTRL-SHIFT-I to invert the selection and fill it with the same dark colour we used earlie
    • f 80px.
    • third time with a radius of 160px
    • duplicate this layer and blur it again using a radius of 120px
    • Gaussian Blur
• 20 Jan 09
  

  summersby j

  Fleshing it out = １に肉付けする

  • Fleshing it out
• 15 Jan 09
  

  Jerome Degl'innocenti

  photoshop tutorials css

• 24 Dec 08
  

  Chris Meng

  webdesign psdtuts photoshop tutorials css layout

• 

  Randall Haney

  webdesign psdtuts tutorials

• 17 Dec 08
  

  Thomas Buscher

  Photoshop

• 15 Dec 08
  

  Jitendra Vyas

  web-design

• 13 Dec 08
  

  sonia arroyo

  design insp delicious

• 10 Dec 08
  

  Zach Harkey

  inspiration webdesign tutorials

• 07 Dec 08
  

  Sameera Perera

  photoshop webdesign psdtuts tutorials

• 04 Dec 08
  

  soviel

  css photoshop webdesign tutorial laout

• 

  Colleen Williams

  1blogging design layout

• 03 Dec 08
  

  Lite

  webdesign tutorial

• 

  Marcin Makowski

  webdesign tutorials

• 

  vanheerdena

  Design Web Development

• 

  loud pop

• 02 Dec 08
  

  Amy Cullen

  psdtuts webdesign photoshop tutorials

• 

  Martin Müller

  photoshop webdesign tutorials css

• 

  Jon Aston

  design howto webdesign inspiration webdev tutorials illustrator layout

• 

  graphicdesign webdesign backgrounds tutorials

• 

  Matt Vance
• 

  Roar Skullestad

  webdesign tutorial css templates

• 

  Mark Blair

  It's pretty amazing how much colour and background can change the look and feel of a website. In this tutorial we're going to put together a quick, simple but effective layout and then create variations using backgrounds, photos and patterns. We'll also look at how to make seamless tiled backgrounds out of a photo, methods for ending a single photo and simple ways to create pixel patterns. In short it's a jam packed tutorial!

  webdesign tutorial

• 

  isaac Mao

  Design

  • 
• 

  Chris Long

  psdtuts tutorials photoshop webdesign layout

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.