• Home
  • SEO e Web Marketing
  • Webmaster e Developing
  • Design e Photoshop
  • Info
  • Blogroll
  • Parlano di noi su...
  • Scaricare Programmi

Lo sfondo del blog come quello di Barack Obama - Tutorial

Mettiamo da una parte le simpatie politiche. Il sito di Barack Obama è sicuramente il più bello graficamente e più innovativo tra tutti gli ex candidati alle primarie per le presidenziale americane del 2008, sia essi democratici che repubblicani. Lo sfondo del sito è in primis la cosa che colpisce di più, luminoso e vitale.

Vediamo come puoi realizzare qualcosa di simile: una base da cui partire per realizzare qualcosa di più personalizzato per il tuo Blog.
Per vedere un’esempio del prodotto finale che potrai ottenere seguendo il tutorial clicca qui.

Sul video potrai seguire passo passo le procedure, mentre per i dettagli tecnici consulta il post qua sotto.

Imposta le Guide
Immagina di avere una pagina con un classico layout da 900px, quindi imposta le dimensioni del foglio di lavoro a 1000px per un’altezza di almeno 800px. Imposta le guide verticali 0, 50 e 100px poi su 900, 950 e 1000px. Quelle orizzontali su 200px e 700px.

Illumina e Illumina!
Crea un nuovo livello, e disegnaci un ovale orizzontale e riempilo di bianco. Ora su opzione di fusione azzera l’opacità di riempimento e crea un bagliore esterno. Posizionalo in maniera orizzontale in modo tale che il suo punto più alto tocchi la linea orizzontale del foglio a 200px. Creane due copie e fai lo stesso verticalmente.

Crea un nuovo livelo, e seleziona un rettangolo partendo dalla guida orizzontale a 200px, per la verticale da 100 a 900px e riempilo di bianco. Questo sarà lo sfondo dei contenuti. Dagli un pò di ombra impostando la posizione a 90 gradi.

Crea ancora un nuovo livello, e disegnaci un cerchio, non per forza regolare. Coloralo di bianco, poi vai su opzioni di fusione e azzeragli l’opacità di riempimento e creali una sovrapossizione radiale. Guarda il video per capire meglio.

Duplica tante copie quanto basta, e per ognuna impostane un’opacità e dimensione diversa.

Ultimi ritocchi

Crea un nuovo livello, e riempilo di nero. Vai su Filtro > Rendering > Riflesso Lente, e applica l’effeto sopra il nuovo livello. Dopo di che vai su opzioni di  fusione ed imposta Schiarisci come Metodo fusione e diminuisci l’opacità quanto credi che basti.

Guarda il lavoro completato cliccando qui.
Per poi applicare lo sfondo sul tuo sito puoi seguire la fase finale descritta qui.

  • Share this on del.icio.us
  • Share this on Facebook
  • Tweet This!
  • Stumble upon something good? Share it on StumbleUpon
  • Share this on Technorati
  • Digg this!
  • Add this to Google Bookmarks
  • No Related Post

Aggiungi su OkNotizie

Ti è piaciuto questo Articolo? Iscriviti ai Feed, o segui il Blog via Email!

Email:
Postato su Photoshop, Tutorial, Web Design on 7 luglio, 2008

  • Isrciviti ai feed facebook profile technorati profile

WebMaster: non perderti questi Articoli!

  • Cosa fare subito dopo aver aperto un Blog
  • Tecniche per fare scambio link
  • Come realizzare una grafica per WordPress
  • Come inserire Lightbox in WordPress
    • Risorse Web (87)
      • Plugins (12)
      • Tutorial (7)
    • Senza categoria (4)
    • SEO (34)
      • Strumenti per WebMaster (6)
      • Web Marketing (5)
        • Social Network (5)
    • Web Design (60)
      • Css (22)
      • Photoshop (7)
      • Template (10)
    • Web Development (44)
      • Ajax (4)
      • Html (19)
      • Javascript (16)
      • Php (14)
    • Webmaster (90)
      • Browser (6)
      • Cms Alternativi (3)
      • Google (19)
      • Programmi per Web Designer (2)
      • Programmi per WebMaster (3)
      • WordPress (31)

    Tag Cloud

    aggiornamento pagerank Aggiungi nuovo tag aumentare i visitatori Browser Brush Chrome Experiments Cms Css feed Film Geek Flash Flat Nuke Font Frog Cms Google Google Chrome grafica Html Icone Internet Explorer 8 Javascript Javascript V8 msn experience New Cms Personalizzare Wordpress Photoshop Php plugin Programmi per Web Designer pulsanti web Risorse Web scambio link SEO social media strumenti per webmaster tema wordpress Template wallpaper web 2.0 Web Design Web Development web marketing Webmaster word WordPress

    Ultimi Commenti

    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    • Angelo su Buone Vacanze a tutti i lettori
    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    © NoizExperience Blog. Tutti i diritti riservati.
    Web Design