In questo tutorial voglio mostrarvi alcune effetti particolari che si possono applicare ad un semplice oggetto rettangolare giocando con le ombre. Ovviamente non mi riferisco all’effetto shadow applicabile su un layer, ma a vere e proprie ombre realizzate manualmente. Prima di tutto disegniamo su un layer un rettangolo tipo questo:
Era da tempo che volevo rivedere l’impaginazione della Home Page di questo Blog, visti anche i numerosi articoli accumolati in questi anni. Inoltre volevo provare alcuni framework CSS (960, Blueprint) e così ho colto l’occasione per dare una bella ripulita al tema, rivedere il codice PHP e dare una “rinfrescata” grafica al tutto.
Forse non tutti conoscono le potenzialità della gestione del testo in Photoshop, in particolare la sua caratteristica di poter manipolare il testo in modi assai evoluti. Se volessimo ad esempio “piegare” un testo, saremmo tentati di utilizzare la funzione “crea testo alterato” 
, che apre una finestra con queste impostazioni:
Ecco un modo originale di proporre e presentare il proprio biglietto da vista sul Web! Il sorgente qui.
Quando mi è stato chiesto di disegnare ed ideare il logo per Saidmade, come spesso accade per le proprie creature, ero abbastanza agitato. Tuttavia non era possibile affidarsi all’inventiva di altri, bisognava esprimere ciò che stava per nascere in modo autonomo e personale. Alla fine sono molto soddisfatto del risultato finale. Il simbolo che ne è uscito è esattamente ciò che cercavamo!
Era da un po’ che non proponevo qualche logo restyling. Così questa volta me la sono “presa” con Ilaria Lab!
Una precisazione per coloro che l’hanno chiesto: questo è un logo, più precisamente uno studio di un logo, e non ha niente a che vedere con l’header di blog – o del blog in questione; giusto per completezza.
Gli sticker (o ribbon) sono quelle immagini che vengono posizionate in alto a destra, o in alto a sinistra, ed hanno comunemente una forma angolare a fascia. Ne esistono di vari tipi, dalle semplici immagini statiche ai più spettacolari filmati Flash. A volte sono costruiti in modo tale da rimanere nella loro posizione anche quando scorriamo il contenuto della finestra del browser.
Davide Vasta ha pensato che molti utenti cercano spesso argomenti molto specifici, e quindi un vero libro da leggere può essere troppo impegnativo. Da qui nasce l’idea di sviluppare una collana di libri estremamente compatti (da 10 a 40 pagine al massimo), che sono da subito disponibili, sia in cartaceo, sia in download (ad un prezzo estremamente contenuto).
Gli argomenti saranno sempre molto vari; i primi 5 Pillolibri sono dedicati ai seguenti argomenti:
I Pillolibri si caratterizzano per un linguaggio chiaro e diretto, e sono disponibili su Lulu, con stampa a colori anche all’interno: in questo modo gli screenshot, ma anche le foto e le illustrazioni a corredo del testo, risulteranno molto più accattivanti!
A causa dei diversi rendering tra i vari browser, che vedono sicuramente Microsoft Internet Explorer in testa, bisogna sempre ricorrere ad artifizi particolari per applicare effetti che, ormai, dovrebbero rappresentare uno standard. I pluri-discussi bordi arrotondati sono un classico esempio del “disastro” prodotto dalla completa incapacità di realizzare uno standard serio sul rendering delle pagine HTML/CSS. Esistono in rete numerosissime soluzioni che permettono di ottenere “effetti” (effetti che esonerano dall’HTML attuale come bordi arrotondati, effetti ombra, riflessioni, etc…) con patch sui fogli di stili, particolari trucchi con l’uso di div innestati, librerie Javascript, uso delle canvas, etc…
A titolo puramente didattico vorrei illustrare un’ulteriore tecnica (cross-browser) per applicare dei bordi arrotondati a delle immagini:
Questa è la prima release, la 0.8 (allineata con la versione online), di Skype Emotions Editor – Skypemote – in versione Adobe AIR. Per adesso le funzionalità sono le medisime della versione online, con il vantaggio di essere un’applicazione desktop, installabile quindi su Windows, Mac e Linux.
Prima dell’installazione ricordatevi di aggiornare e/o installare per la prima volta le runtime di Adobe AIR, se non l’avete già fatto in precedenza.
Ultimi Commenti
Marco: Ti ringrazio moltissimo, mi hai illuminato
ho risolto impostando [cc_objc] //OptionViewController.m -...
Giovambattista Fazioli: @Marco: Ti consiglio un approccio credo più corretto. Se hai eseguito il subclass del tab...
Marco: Scusa lo spam.. ho notato che c’è un errore.. ecco la correzione [cc_objc] /** PrimaClasse.h **/ #import...
Marco: dimenticato.. in [cci]OptionViewController[/cci ] il [cci]@syntetize[/cci] del delegato l’ho messo
luigi: molto chiaro e semplice devo ammettere che anche scrivendo da un pà difficilmente uso delegati creati da...