Sponsor

Tutti gli articoli con tag tutorial

Sorapot: la teiera trasparente di Joey Roth

pubblicato da intweetion in: Accessori Designer Complementi d'arredo Video

Sorapot-Joey Roth

Una teiera (anche se non si direbbe affatto) minimale e semplicissima. Acciaio silicone e vetro silicato (l’immancabile Pyrex). Linee curve e, soprattutto, il contenitore trasparente che permette di vedere la fase di infusione del tè o della tisana.

“Sorapot” è l’ennesima, elegante idea di Joey Roth, designer di San Francisco (classe 1984) che realizza prodotti con il dichiarato scopo di esaltare la bellezza dei rituali quotidiani e le esperienze più effimere, valorizzando entrambi con funzionalità e materiali che si adattano all’utilizzo.

Delle due caratteristiche principali che fanno di “Sorapot” un oggetto ulteriormente desiderabile, la prima è legata proprio all’uso, visto che con il tempo, la superficie non smaltata, assume una colorazione diversa secondo la frequenza con cui viene sfruttata la teiera e le tipologie di infusi preparati. L’altra caratteristica è il posizionamento delle istruzioni. All’interno della scatola di cartone del packaging infatti, c’è il solo prodotto con un rotolo illustrato per spiegare esattamente il funzionamento della “Sorapot”. Nel caso voleste capirlo già da ora, trovate il video tutorial dopo il salto.

Continua a leggere: Sorapot: la teiera trasparente di Joey Roth

....
condividi 1 Commenti

Rethink Scholarship

pubblicato da intweetion in: Designer Concorsi Comunicazione Motion graphics Video Professione Illustrazione Graphic Design

Una borsa di studio di 18,000$ valevole per due anni, al fine di accedere al programma di Communication and Ideation Design del Langara College di Vancouver. Rethink Scholarship è un progetto della Rethink Communications, agenzia (anche se loro preferiscono definirsi ) canadese che ha deciso di promuovere in modo molto particolare questo concorso.

Il video che vi proponiamo contiene una serie di consigli, ‘annotati’ sul più classico degli sketchbook neri. Consigli semplici e importanti, linee guida per gestire nel modo migliore la propria creatività. Prima ancora di dettare leggi sul tipo di lavoro, quelli di Rethink vi suggeriscono un modo di procedere, la giusta attitudine per approcciare anche la proposta che andrete a consegnare.

Se poi il ‘tutorial‘ è di per sé un ottimo compendio di creatività e idee, che saltano fuori dalle pagine nella migliore tradizione dei pop-up, allora l’attenzione è definitivamente catturata. Un punto di vista divertente e originale. Da vedere assolutamente.

Continua a leggere: Rethink Scholarship

....
condividi 0 Commenti
PUBBLICITÀ
PUBBLICITÀ

Il Philco PC di Dave Schultze

pubblicato da intweetion in: Designer Interaction design Video

David Schultze nasce come architetto, poi passato al design industriale con la scoperta delle potenzialità offerte dalle nuove tecnologie. Ha creato il suo SchultzeWORKS nel 1997 e gestisce Professor3D: un sito in cui appassionati e i professionisti nel campo della grafica e della modellazione si scambiano suggerimenti e postano tutorial.

Da sempre interessato alle strategie per fondere innovazione tecnologica e elementi di design più tradizionali, Schultze progetta principalmente apparecchiature elettroniche di largo consumo, elettrodomestici, mobili e supporti per l’illuminazione. Da questa sua grande capacità di adattare esigenze funzionali attuali a un gusto retro, nasce il prototipo del “Philco PC”.

Ispirato al Philco Predicta, un televisore in vendita nel 1954- al minimalismo e allo steampunk, il risultato -spiega proprio David Schultze- è un’estetica nel design che unisce molti elementi familiari con uno stile più nuovo e i moderni PC su cui viene installato Windows 7.

Continua a leggere: Il Philco PC di Dave Schultze

....
condividi 0 Commenti

Il design del proprio profilo Twitter: lo sfondo

pubblicato da Parasite in: Web design Css

twitter background sfondo grafica

Twitter è la piattaforma di microblogging più usata al mondo al punto tale da essere una sorta di status symbol per i “creativi” in generale. Non è personalizzabile come un installazione di Wordpress ma permette di modificare lo sfondo caricandone uno a piacimento.

Chris Spooner di Spoon Graphics ha voluto analizzare le pratiche di personalizzazione di Twitter: è possibile adottare uno sfondo ripetuto che fa molto Web 1.0 ma permette di “vivere felici” su tutte le risoluzioni del monitor oppure uno fisso, di grandezza megalitica di sicuro impatto visivo ma non privo di difetti.

Segue il background che sfuma in un colore unico, soluzione apprezzabile e che non crea “danni” ad alte risoluzioni e infine si può aggiungere una o più sidebar (in grafica) per arricchire di informazioni il proprio microblog. Una serie di esempi da non perdere, così come il tutorial finale.

Continua a leggere: Il design del proprio profilo Twitter: lo sfondo

....
condividi 0 Commenti

Background "larghi" spiegati da Web Designer Wall

pubblicato da Parasite in: Web design Css

web designer wall large backround

La larga diffusione di monitor con risoluzioni alte, spesso widescreen, permette al web designer di sbizzarrirsi “in orizzontale”. Qualche post fa segnalavo alcuni esempi di background larghi, per capire come realizzarli ci viene incontro un semplicissimo howto di Web Designer Wall.

Il seguitissimo blog prende il proprio layout come esempio mostrandoci come qualche riga di CSS e un’illustrazione fatta come si deve riescono a “riempire” il monitor del visitatore in modo adeguato… anche se questi si ostina a navigare con il browser a tutto schermo sul 30”. Seguono altri esempi pratici da non perdere per sperimentare questa tecnica, sempre più praticata dai web designer.

Continua a leggere: Background "larghi" spiegati da Web Designer Wall

....
condividi 0 Commenti
PUBBLICITÀ
PUBBLICITÀ

Una dashboard in stile Mac OS X nel proprio sito web

pubblicato da Parasite in: Web design Css

mac os x dashboard jquery web design

Chi lavora nel web design ha sicuramente avuto “incontri ravvicinati” con javascript da quando (fortunatamente) si è capito che i siti in Flash hanno svantaggi sotto numerosi punti di vista. Su Nettuts c’è un interessante tutorial che ci permette di avere una dashboard in stile Mac OSX Leopard animata con jquery, famosa libreria javascript.

Sorvolando sul lato strettamente legato alla programmazione, questa soluzione permette non solo di avere un menu dock in basso per la navigazione del sito con varie sezioni attivabili tramite i pulsanti/applicazioni ma anche di poter offrire vari strumenti (come ad esempio la ricerca) che si vanno a sovrapporre al desktop.

Una scelta stilistica interessante, da vedere applicata a un sito web vero e proprio. Tanto per cambiare, Apple è fonte d’ispirazione con le sue interfacce grafiche.

Continua a leggere: Una dashboard in stile Mac OS X nel proprio sito web

....
condividi 7 Commenti

Photoshop: effetto Cloverfield

pubblicato da Marco Sgrunt Mattioli in: Curiosità Video

La febbre da Cloverfield ha contagiato anche me, e attendo con impazienza la data di uscita in Italia di questo filmone horror-castrofista che sta riscuotendo grande successo planetario. Questa passione deve aver contagiato anche Cheb, che ha rilasciato il suo video tutorial su come realizzare con Photoshop l’effetto di testo presente sulle locandine di Cloverfield.

Niente di stratosferisco, gli utenti più smaliziati non troveranno qui acrobazie tecniche mirabolanti, ma i fan del film forse troveranno una distrazione in attesa delle prime proiezioni!

Continua a leggere: Photoshop: effetto Cloverfield

....
condividi 6 Commenti

Tutorial: unire il bitmap al vettoriale

pubblicato da Marco Sgrunt Mattioli in: Siti Utili Illustrazione

pixel

Combinare illustrazione bitmap e vettoriale può essere un’arma vincente per realizzare lavori di grande impatto visivo. In questo bel tutorial di Spoongraphics (il link è alla prima delle due lezioni) si insegna a mixare le due tecniche partendo da forme vettoriali di base per arricchirle man mano switchando da Illustrator a Photoshop con disinvoltura.

Non è un procedimento semplicissimo, e richiede il suo tempo, ma garantisce ottimi risultati e soprattutto fornisce ispirazione per lavori futuri, che tenendo a mente queste basi tecniche sappiano poi svilupparsi a seconda della vostra creatività e dei gusti personali.

Nell’immagine qui sopra vedete il risultato finale del tutorial.

Via SpoonGraphics

Continua a leggere: Tutorial: unire il bitmap al vettoriale

....
condividi 1 Commenti

PixelGroovy: un mondo di tutorials

pubblicato da Marco Sgrunt Mattioli in: Web design Siti Utili

pixelgroovy

Sarebbe grama la vita senza tutorials, ma Pixel Groovy ce la rende allegra! Una directory zeppa di guide utilissime controllate dagli utenti, nel senso che oltre a proporle, la community stessa decide quali vale la pena pubblicare e quali no. Volete aiuto per modellare una Moschea in 3d Studio Max, creare effetti di testo 2.0 con Photoshop, o creare una mappa interattiva in Flash? Qui trovate quello che cercate. Ovviamente ho messo l’ accento sul lato del design, ma non mancano risorse per programmatori.

Via Vandelay

Continua a leggere: PixelGroovy: un mondo di tutorials

....
condividi 0 Commenti

Tutorial: disegna una coffee cup

pubblicato da Marco Sgrunt Mattioli in: Curiosità Siti Utili

coffee cup tutorial

Una tazzulell’ e ccafè chiedeva Pino Daniele un tempo, e ora possiamo servirgliela con poco sforzo grazie al bel tutorial di Psdtuts.com. Come avrete capito, questa piccola guida insegna a ricreare in Photoshop una tazzina con piattino, piena di caffè bollente e fumante attraverso cerchi e gradienti.

(Via CssElite)

Continua a leggere: Tutorial: disegna una coffee cup

....
condividi 0 Commenti
Network Blogo