Microsite Layout Step by Step

Header
Windows > Info (F8)
Use Marquee tool to view
"Contact" should be 20 pixels away from guide line
w = 20

Editing Logo
Layer > Layer Style > Bevel & Emboss

Bevel & Emboss Setting

Outer Glow setting

Gradient box (Sliders)
Guide lines
120px, 600px, 1080px vertical.
View > New Guide

Creating spotlights
Create new layer
Use Marquee Circle tool
Fill with white colour
Deselect layer then go to Filter > blur > Gaussian blur > 50
Set layer as Overlay

Creating Arrow
New Document 100px x 100px
Select Custom Shape Tool
Right click on document space. Click settings > Arrows
Edit shape of arrow using direct selection tool.
Apply Effects. Gradient Overlay & Drop Shadow.



Create 2 boxes for slider view.
One white. The other behind is the boarder of the white.

Add arrows

Main
Insert Mascot with a message
After that have a small black underline.
Then insert the contents of the website.

Footer

Finish
1 by 4 layout