Share
Le attività ripetitive possono diventare rapidamente noiose. Come designer, probabilmente ti ritrovi spesso a progettare gli stessi elementi più e più volte da zero. STOP!
Perdere tempo è così vecchio stile. Significa anche che stai sprecando denaro! Quindi, esaminiamo alcuni modi per automatizzare e sistematizzare il flusso di lavoro di Photoshop. E assicurati di scaricare la base del progetto per tutti i tuoi nuovi progetti!
Il primo passo per sistematizzare il tuo flusso di lavoro è organizzare i tuoi file. Identifica tutti gli elementi comuni che usi nei tuoi progetti.
Potresti venire ad una lista come la seguente:
Considerare come vengono utilizzati i risultati finali. Se vengono spediti a un'azienda di codifica, sii il più organizzato e completo possibile, includendo note e caratteri, ove applicabile.
Puoi assicurarti di avere temi perfettamente organizzati creando un pacchetto che ti permetta di "riempire gli spazi vuoti", per così dire. Copia semplicemente questa cartella, assegnala al progetto rinominandola nel progetto e mettiti al lavoro. Questo è un modo molto semplice ed efficiente per lavorare, e significa che i siti Web che hai creato quattro anni fa possono essere facilmente modificati, perché tutto è impacchettato nel suo posto.
Scarica la Base del progetto
Nel file zip, troverai un semplice punto di partenza del modello riutilizzabile. Questo file contiene elementi come divisori, pulsanti e un modello pre-grigliato per accelerare il flusso di lavoro di progettazione.
Guarda come è semplice iniziare un nuovo progetto adesso? Potrebbero essere necessari un paio di minuti per la configurazione, ma il tempo risparmiato in seguito è più tempo per te per fare ciò che ami di più: progettare!
Ora che abbiamo una solida base su cui basarci, possiamo iniziare a riempire il nostro "plater-boiler" con file e concetti specifici.
Il modello di esempio ti consentirà di creare una pagina degli elementi più utilizzati, pronta per l'inclusione rapida nel tuo ultimo progetto.
Se sei un web designer in particolare, scoprirai che molti dei tuoi progetti, anche quelli diversi in ogni modo possibile, usano e riutilizzano elementi comuni.
Inizia creando alcuni modelli riutilizzabili. Non preoccuparti degli elementi che desideri includere ancora, perché puoi sempre tornare indietro e guardare i tuoi progetti precedenti e analizzare le funzionalità più popolari, quindi ricrearli qui.
Personalmente, io uso solo un modello. Ho una home page (contiene elementi come notiziari, stili di post sul blog, menu, loghi e call to actions). Posso modificare questo modello per adattarlo alle pagine del blog, comprarlo ora moduli e altro ancora.
La pagina ha anche un 960.gs pre-applicato. Questo è stato incluso per il download alla fine dell'articolo, nel template boilerplate.
Una volta impostato questo concetto, puoi creare progetti molto rapidamente. Tuttavia, dovresti sicuramente considerare di sviluppare il tuo e personalizzarlo per i tuoi clienti e il tuo team. Potresti andare oltre aggiungendo icone, elementi di ricerca e articoli correlati ai negozi online: qualsiasi cosa per soddisfare la tua clientela.
L'immagine sopra mostra la differenza tangibile tra una tavolozza di livelli organizzata e una tavolozza disordinata!
Quando sei in un vero flusso creativo, può essere difficile fermarsi e iniziare a nominare e raggruppare i livelli. Photoshop in realtà non aiuta in quest'area di default!
Quindi, prenditi il tempo mentre vai a nominare e raggruppare i livelli. Questo ti aiuterà in un secondo momento durante la codifica del progetto, o se spedirai se sei offline per la codifica.
Assegna un nome a ciascun livello e prova a utilizzare una parola descrittiva e breve, ad esempio "menu" per la navigazione. Raggruppa aree specifiche, come l'intestazione o un modulo di contatto.
Questo ha un doppio vantaggio.
Quindi, prenditi il tempo di fermarti ogni cinque minuti circa, e nomina e raggruppa ciascun elemento. Sarai contento di averlo fatto!
Fai buon uso dello strumento di selezione! È possibile alternare la modalità di selezione tra livelli e gruppi. Ciò facilita l'aggiornamento di massa e il riallineamento dei progetti, quindi non dimenticarlo!
Se non si utilizzano le azioni nel flusso di lavoro, è necessario iniziare a utilizzarle immediatamente.
Le azioni di Photoshop sono elenchi di azioni interamente configurabili che Photoshop deve eseguire automaticamente. Puoi crearne uno tuo o scegliere tra i bounty disponibili online. Se lavori su Fotografie per esempio e hai 400 foto da modificare e ridimensionare, ciò richiederebbe molto tempo. Invece, puoi creare un'azione che regola il contrasto, modifica le dimensioni e salva il file in formato .jpg, facendo esplodere 400 file in pochi secondi! Devi usare le azioni!
Se non hai la conoscenza o esperienza per creare le tue azioni, GraphicRiver ha una vasta gamma di azioni disponibili per l'acquisto da $ 1!
Le azioni in vendita vanno da semplici effetti fotografici a questa azione che possono aggiungere varie sezioni di testo preformattate come dettagli di contatto o post del blog in pochi secondi.
Inizia a utilizzare le azioni e noterai un aumento significativo della tua produttività e riduci la quantità di volte che devi ripetere ripetutamente attività monotone.
Fare la tua azione è facile. Ad esempio, creeremo una semplice azione per ridimensionare più immagini contemporaneamente, quindi salvarle.
Per prima cosa, devi premere il nuovo pulsante di azione, nella tavolozza delle azioni.
Non è necessario modificare le impostazioni come standard, cambiando il nome per un'organizzazione migliore. Photoshop registra ora le tue azioni. Quindi, tutto ciò che devi fare è ridimensionare l'immagine. Vai alle dimensioni dell'immagine e modifica le dimensioni. L'azione cambierà qualsiasi immagine in queste dimensioni. Quindi premi Salva.
Infine, premi stop sulla tavolozza delle azioni.
Ora, quando premi play sull'azione che hai creato, Photoshop seguirà l'elenco delle azioni definite sull'immagine. Anche se molto semplice, un'azione come questa potrebbe farti risparmiare ore di ridimensionamento monotono di foto e immagini. Questo è solo un aspetto molto semplice delle azioni. Possono fare molto di più, quindi prenditi il tuo tempo per conoscerli e davvero usarli. La bellezza di questi è il modo in cui è possibile registrare praticamente qualsiasi azione in Photoshop: selezionare, cambiare stili, trasformare, ridimensionare e salvare.
Lavori con le interfacce utente? In tal caso, è davvero necessario scaricare un pacchetto di elementi della GUI per Photoshop.
Ce ne sono molti disponibili per i sistemi operativi e le piattaforme mobili più popolari.
Ad esempio, se lavori con l'iPhone, puoi scaricare il pacchetto della GUI di iPhone che contiene tutti gli elementi disponibili nella libreria dell'interfaccia iPhone e quindi iniziare semplicemente a progettare la tua app. Semplice, veloce e molto più semplice del tentativo di crearli da zero.
http://www.smashingmagazine.com/2009/08/18/android-gui-psd-vector-kit/
Kit Teehan Lax
L'agenzia, Teehan Lax ha diversi kit di interfaccia utente di alta qualità e realistici. Questi sono grandi per la creazione di un sito di vendita di app per iPhone o per la progettazione dell'interfaccia utente effettiva di un'app. I kit sono disponibili per iPhone, Palm Pre e Browser.
http://www.teehanlax.com/blog/2009/07/08/palm-pre-gui-psd/
http://www.teehanlax.com/blog/2008/11/06/iphone-gui-psd-update-13/
http://www.teehanlax.com/blog/2008/12/16/browser-form-elements-psd/
Spero di avervi dato alcuni consigli che è possibile utilizzare per migliorare la produttività e l'efficienza. Photoshop è uno strumento meraviglioso, ma, se non stiamo attenti, possiamo ritrovarci a ripetere le attività di sanny più e più volte. Quindi assicurati di implementare i suggerimenti sopra riportati e inizia a risparmiare tempo, denaro e la tua sanità mentale!
Hai qualche consiglio per risparmiare tempo con Photoshop? Hai qualche idea su altri compiti che potrebbero essere automatizzati per risparmiare tempo e ripetizioni? Sentiti libero di condividerli con la community tramite i commenti.
Accentsconagua