Share
Tutti i siti della rete Tuts + sono costantemente alla ricerca di collaboratori di alta qualità. Se sei interessato a scrivere per noi, scrivici. Prima di lavorare su qualcosa, assicurati di leggere questa fantastica guida che ti guida attraverso l'intero processo di acquisizione e preparazione degli screenshot.
Gli screenshot sono probabilmente l'elemento più importante di un tutorial scritto. I nostri lettori li useranno come guida mentre seguono le tue istruzioni, quindi è importante che i tuoi screenshot descrivano accuratamente le azioni che vengono intraprese durante ogni passaggio. Ci sono molti modi per produrre schermate per un tutorial, ma in questo tutorial, veterano di Psdtuts +, Ed Lopez spiegherà il suo metodo per produrre screenshot descrittivi e di alta qualità utilizzando sia la registrazione dello schermo che il software di cattura dello schermo per registrare video e schermate per i suoi tutorial scritti. Iniziamo!
Questo metodo di catturare screenshot per un tutorial prevede l'uso di diverse applicazioni. Si prega di notare che questo metodo è stato fatto usando alcune applicazioni solo per Mac, ma è anche possibile adattare questo metodo per applicazioni compatibili con PC.
Si prega di dare un'occhiata a un esempio di uno dei tutorial di Ed qui.
Quando scrivo un tutorial, trovo che il pensiero di fermarsi a fare screenshot lungo il percorso sia molto distratto. Questo è il motivo per cui ho ideato un metodo per scattare screenshot che mi permetta di creare opere d'arte senza interferire con il processo creativo.
Il primo passo è aprire lo screenflow e iniziare una nuova registrazione. Ora crea il tuo disegno come faresti se lavorassi su un normale progetto. Screenflow registrerà tutte le tue azioni in background mentre lavori.
Gli autori di solito trascorrono molte ore su un progetto e spesso riescono a diffonderle per diversi giorni. Ciò significa che potresti occasionalmente fermarti, fare pause o lavorare su altri progetti. Quando fai una pausa, sentiti libero di interrompere la registrazione. Verrà visualizzato nella barra laterale sotto la scheda multimediale. Una volta che ogni segmento è stato registrato, trascinalo verso il basso nella timeline per la modifica.
Ora che hai finito di registrare l'intero progetto, ora puoi iniziare a prendere screenshot. Per fare ciò, apri LittleSnapper e crea una nuova Smart Collection.
Imposta una regola della data come mostrato di seguito. Ciò assicurerà che tutte le immagini create dopo questa data verranno inserite nella stessa raccolta.
Ora definire un tasto di scelta rapida per l'area di snap come mostrato di seguito. Sentiti libero di usare i tasti di scelta rapida che ti piacciono di più. Ho impostato il mio su Comando + Opzione / Alt + X.
Ora che LittleSnapper è pronto, apri Screenflow, carica la tua registrazione e premi Play. Uno degli aspetti positivi dell'utilizzo di Screenflow per acquisire l'intero processo è che ora puoi eseguire lo zoom avanti e indietro, quando necessario per assicurarti di ottenere lo screenshot esatto di cui hai bisogno.
Quando sei pronto per fare uno screenshot, assicurati di mettere in pausa la registrazione nel punto giusto. Quindi premi i tasti di scelta rapida della tastiera che hai definito in precedenza in questo tutorial per acquisire gli screenshot. Una volta che li colpisci, lo schermo diventa grigio e ti consente di trascinare rapidamente l'area dello schermo che desideri salvare. Prendi nota dell'indicatore di pixel in modo da non trascinare uno screenshot di larghezza superiore a 600 pixel.
A volte è necessario aggiungere annotazioni agli screenshot. Le notazioni possono aiutare il lettore a capire cosa stanno guardando. Ad esempio, se vuoi indirizzare l'attenzione dei tuoi lettori su una particolare parte dello schermo, puoi disegnare una freccia per indicarlo. Puoi anche (e dovresti) disegnare linee, forme e testo quando necessario per aiutare a spiegare il passo. L'aggiunta di testo allo screenshot può essere utile per inserire codici colore, ad esempio.
Dopo aver fatto clic sul pulsante di snap, sarai in grado di aggiungere qualsiasi notazione di cui hai bisogno per quel particolare tutorial.
Quando fai screenshot con LittleSnapper, le tue immagini saranno disposte in sequenza. Se vuoi rinominare un file, puoi farlo ora. Una volta che sei soddisfatto del modo in cui le tue immagini hanno un nome, puoi esportare come mostrato di seguito.
Le tue immagini verranno ora esportate nella cartella selezionata.
A questo punto, potresti voler rinominare i tuoi file. Bridge può farlo abbastanza velocemente. Apri il bridge, vai alla cartella, seleziona tutte le immagini in quella cartella, vai a Strumenti> Rinomina batch.
Mancia: Quando si nominano i file, ci sono alcune immagini che hanno bisogno di nomi speciali. L'immagine finale di 600 pixel dovrebbe essere nominata final.jpg, la versione grande dell'immagine finale dovrebbe essere nominata final_large.jpg, e l'immagine di anteprima 200x200 dovrebbe essere denominata preview.jpg. Potresti voler mettere da parte quelle immagini in modo che non interferiscano con il processo di ridenominazione dei batch.
Ora ottimizza le tue immagini per il Web e convertili in file JPG. Ti consigliamo di farlo utilizzando un'applicazione in grado di elaborare in batch. Adobe Bridge, Fireworks e Photoshop possono farlo tutti. Utilizzeremo Bridge nell'esempio seguente.
In questo passaggio facoltativo, puoi esportare il video che hai registrato e fornirlo con il resto dei tuoi file. Puoi farlo in molti modi. Puoi rimuovere l'audio e fornire il filmato in tempo reale o rimuovere l'audio, accelerare il filmato e registrare una nuova traccia che include la narrazione che spiega cosa stai facendo.
Mancia: Assicurati di rompere i file video in parti gestibili. Inoltre, assicurati che il filmato che fornisci sia ben curato e che l'audio che fornisci sia di alta qualità. Non includere musica con il filmato.
Ora puoi iniziare a scrivere il tuo testo e assemblare il tuo HTML. Usa questo modello per formattare il tuo file HTML. Assicurati di seguire le linee guida appropriate lungo la strada.
Questo è tutto ciò che c'è da fare! Se pensi di essere all'altezza della sfida di presentare qualcosa e di unirti al team di Mactuts +, fai clic sulla nostra nuova pagina autore per ulteriori informazioni su come iniziare. Assicurati anche di controllare i nostri altri siti per vedere se puoi essere collegato in qualsiasi altro posto.
Accentsconagua