Skip to main content

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

psdtuts.com/...atterns-photos-and-backgrounds - Cached

Share This

Bookmarking History
Comments (0)

This link has been bookmarked by 170 people . It was first bookmarked on 01 Dec 2008, by someone privately.

14 Jul 11

neachtan
0. WEB DESIGN CSS
01 Nov 09

Kirk Frankfurth
29 Oct 09

Bruce Anthony
18 Oct 09

Ahmed TAOUTI
Tuts
08 Sep 09

Keith Demele
SU web development web-design Tags
14 Feb 09

E Young
design
13 Feb 09

ElFede
Excelente tutorial para hacer plantillas en PSD y reusarlas

webdesign tutorial template
nadege charles
webdesign webdev tutorial photoshop
12 Feb 09

Edgar Muñoz
webdesign web inspiration tutorials tutorial layout design photoshop
11 Feb 09

Maxecom02 _
photoshop tutorial
Aidan Smyth
webdesign tutorial css photoshop tips psdtuts layout backgrounds
09 Feb 09

Nice Thai
webdesign tutorials Delicious
Michael Nitschke
web inspiration design webdesign tutorial layout photoshop tutorials
Daniel Wittberger
webdesign webdevelopment tutorial inspiration photoshop layout
06 Feb 09

brent birch
tutorial
02 Feb 09

Rick Callahan
webdesign
30 Jan 09

asenciosc
webdesign layout inspiration
25 Jan 09

Tony Han
- spacing
- spacing
- 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.
- Picking a darker colour from the sea
- new layer and draw in a gradient fading from the colour to transparent.
- 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.
- duplicate this layer and blur it again using a radius of 120px
- third time with a radius of 160px
- Gaussian Blur
25 more annotations...
21 Jan 09

amit_e
web layout pattern
19 Jan 09

mich montaño
tutorials web website tips templates
16 Jan 09

Salva Piñol
css
15 Jan 09

Jerome Degl'innocenti
photoshop tutorials css
13 Jan 09

Adam Haas
photoshop tutorial
javier-iturra
tutorial webdesign template
09 Jan 09

sharifudinrizal
design webdesign graphicdesign photoshop graphics template inspiration psdtuts illustrator tutorials articles website web-design templates gramocore
08 Jan 09

Daniele Tricoli
tutorials webdev webdesign design web
07 Jan 09

Marta Vilaseca
webdesign layouts tips howto tutorials
05 Jan 09

Jenn de la Fuente
webdesign photoshop tutorial
02 Jan 09

vogello
website webdev webdesign web tips tutorial templates web-design
31 Dec 08

Darrell Payne
tutorials tutorial photoshop webdesign web_design
27 Dec 08

design webdesign inspiration layout tutorial
24 Dec 08

Chris Meng
webdesign psdtuts photoshop tutorials css layout
Randall Haney
webdesign psdtuts tutorials
23 Dec 08

Fran Moreno
diseño
17 Dec 08

asd asdasd
webmaster design photoshop template layout psd
Fernando Martinez
tutorial tips howto webdesign webdev layout photoshop cool website background
Thomas Buscher
Photoshop
Bekir Arslan
webdesign tutorial photoshop tutorials design layout web
16 Dec 08

Travis Laborde
photoshop
Lori Lum
design
15 Dec 08

Jitendra Vyas
web-design
14 Dec 08

guillehorno
webdev web webdesign tutorials website web-design
13 Dec 08

sonia arroyo
design insp delicious
11 Dec 08

samuel frémondière
templates photoshop css tutorial xhtml
10 Dec 08

Xavier Hernández
design html
Zach Harkey
inspiration webdesign tutorials
queli Coto
photoshop tuturial layout hacer noth
07 Dec 08

Sameera Perera
photoshop psdtuts tutorials web-design
05 Dec 08

Chris McCluskey
design photoshop layout tutorials
Tomasz Zawistowski
css tutorials
04 Dec 08

Andreas Stegmann
tutorial design photoshop pattern css
Tobias Gelston
webdesign css templates
Steven Waller
business inspiration
K H
tutorials webdesign
soviel
css photoshop webdesign tutorial laout
Colleen Williams
1blogging design layout
Xavier Wing Hing
web-design tips tricks inspiration backgrounds
03 Dec 08

J N
imported toshiba 2009 Bookmarks_Menu webdesign tutorial photoshop design layout web
Sarah Lewis
A great demonstration of how a basic layout can be tweaked into something amazing. Lots of inspiration here.

inspiration twitter_designenabler design layout tutorials
Andrzej Pe
polski tutorials praca Firefox & Mozilla Information Quick Searches rss MONITORY artysty [Nazwa folderu] Folder zakładek osobistych
Caro
webdesign tutorials tips photoshop layout backgrounds
Lite
webdesign tutorial
Marcin Makowski
webdesign tutorials
vanheerdena
Design Web Development
Zheng Y
Edver Estabillo
layout design howto tutorials tips tricks
loud pop
Emerson Taymor
webdesign design tutorial Inspiration graphics photoshop templates background grid patterns
Thiago Targino
photoshop background css criacao inspiracao foto dicas
02 Dec 08

Tranmeyer Quan
backgrounds photos
Maria Cals
Design delicious
jcassain
css webdesign layout tutorial
David Koepke
website webdesign web-design tutorials tutorial tips for:elmboogie
Chris Stormer
website webdev webdesign web tutorials tutorial tips templates Delicious
Aaron Holz
design webdesign tutorials
Jarrod Trainque
website webdev webdesign web tutorials tutorial tips templates
Rui Costa
webdev webdesign web tutorials tutorial tips templates template BKP Delicious
shulchi
Len Hardy
design photoshop layout web
Johannes Kuhs
css photoshop webdesign
photoshop webdesign tutorials css
duplessissr
webdesign
annie one
photoshop webdesign tutorial inspiration
Gustavo Boasso
css
Jon Aston
design howto webdesign inspiration webdev tutorials illustrator layout
Rafa Núñez-Lagos
Fácil y útil

tutorial psdtuts layouts webdesign
David Sky
layout
Nunya Biz
website
taha owies
Martin S.
design
Colin Brosnan
Design Layout inspiration css webdesign graphics photoshop graphicdesign illustrator background backgrounds templates layouts grid
Phil Nichols
howto layout webdesign
graphicdesign webdesign backgrounds tutorials
Zair Abbas
Hrvoje Blažeković
design howto tutorial inspiration tips
Maga Fa
website webdev web tutorials tutorial tips templates photoshop
Matt Vance
David Dugay
webdesign layout tempalte
Mathieu Bergeron
webdesign tutorials illustrator
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

< Previous 1 2 Next >

Would you like to comment?

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

Top Tags

webdesign
tutorials
photoshop

Other bookmarks from the site psdtuts.com »

Check out another URL