Photoshop για Web: Εντυπωσιακό Layout για Δικτυακό Τόπο

Τι χρειαζόμαστε:

• Adobe Photoshop
• Adobe Dreamwaver ή και ένα απλό επεξεργαστή κειμένου (π.χ. notepad)
• Έναν φυλλομετρητή ιστοσελίδων (π.χ. Internet Explorer, Mozilla, Opera, Chrome)

Τι θα μάθουμε:

• Πώς να κατασκευάσετε ένα εντυπωσιακό layout για  έναν δικτυακό τόπο
• Πώς θα "κόψετε" το σχέδιο του photoshop για το δικτυακό τόπο και πως θα το σώσετε ως web αρχείο
• Πώς θα τροποποιήσετε τα αρχεία για τον δικτυακό τόπο που σώσατε ως html αρχεία.

1. Δημιουργία φακέλου  για την αποθήκευση των αρχείων:
   Επιφάνεια Εργασίας->Δεξί κλικ->New Folder με όνομα WebSite
2. Άνοιγμα του photoshop
   File-->New-->Name:NewSite, width:950, Height:150, Contents: Transparent

3. Paint Bucket Tool (G) κουβάς Μπλε χρώμα για BackGround
   
4. Εργαλείο Text-->Γράφω NewWebSite με χρώμα Λευκό και μέγεθος 72 και τις λέξεις
   Αρχική, Φώτο, Video, Επικοινωνία, Περί
   
   
5. Δημιουργήστε ένα νέο Επίπεδο Layer και δώστε το όνομα My_layout με opacity στο 50%. 
6. Επιλέξτε το εργαλείο Brush  μια που να αφήνει ίχνη νιφάδας και χρωματίστε με αυτήν το Layer My_layout.