Illustrated designs

Creative Arts Studio Web Site Layout

Creative Arts Studio Web Site Layout - part 1
Create modern web layout for a creative arts studio.

Begin by creating a new file (File>New) that would have 766x750 px and 72 dpi.

Create Creative Arts Studio Web Site Layout in Photoshop CS3

Using the Rectangle Tool (U) we’ll represent the background, reserved for the site’s page.

Create Creative Arts Studio Web Site Layout in Photoshop CS3

The layer’s parameters are these ones: Blending Options>Gradient Overlay

Create Creative Arts Studio Web Site Layout in Photoshop CS3

Gradient’s parameters:

Create Creative Arts Studio Web Site Layout in Photoshop CS3 

Create Creative Arts Studio Web Site Layout in Photoshop CS3


Next we’ll select the Custom Shape Tool (U) to represent a circle, colored with #3B6289

Create Creative Arts Studio Web Site Layout in Photoshop CS3 

Create Creative Arts Studio Web Site Layout in Photoshop CS3

Now we have to make copies of this layer as many as we need, changing the color and the Fill parameter if necessary. And then we’ll apply the usual Free Transform application to change the copies’ sizes:

Create Creative Arts Studio Web Site Layout in Photoshop CS3

Next select the Ellipse Tool (U) and try to represent a circle colored with #006C9D that will be situated inside the last upper right circle:

Create Creative Arts Studio Web Site Layout in Photoshop CS3



Popular Tutorials

Create Photographer Page Layout in Photoshop CS3Create Professional Design Studio Web Template in Photoshop CSCreate Sound System Studio Web Layout in Photoshop CS3Create Design Studio Website in Photoshop CS3Create Professional Modern Web Layout in Photoshop CSCreate Modern Web Layout in Photoshop CSCreate Portfolio Web Layout in Photoshop CSCreate Creative Studio Web Page in Photoshop CS3Create Web layout for Night Club web site in Photoshop CSCreate Professional Design Studio Web Layout in Photoshop CS

Latest Tutorials

Design grunge wordpress theme in Adobe Photoshop CS4Create contemporary web layout for your design studio in Adobe Photoshop CS4Create a trendy portfolio layout in Adobe Photoshop CS4Create a clean Freelancer portfolio layout in Adobe Photoshop CS3Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Subscribe via RSS



No popular authors found.
No popular articles found.