Lezioni di animazione flash per principianti. Imparare Macromedia Flash. Come creare un'animazione con una candela

Da più di sette anni lavoro da remoto con clienti stranieri provenienti da USA, Canada, Australia, Germania e altri paesi. Disegno risorse grafiche e animazioni per giochi Adobe Animate CC. In precedenza veniva chiamato l'editore Adobe Flash Professional CC.

Sul vecchio blog ho iniziato una serie di lezioni simili, ma invece di continuare lì, ho deciso di riscrivere tutto da capo per condividere nuove esperienze.

Perché abbiamo bisogno di un'altra serie di lezioni sul disegno in Adobe Flash? Lo faccio da molti anni e credo che la mia esperienza possa essere utile per i principianti. Soprattutto per chi non ha mai disegnato prima con una tavoletta grafica. Se sei bravo a disegnare su carta, ma non hai mai disegnato su un computer, allora ho sicuramente qualcosa da dirti.

E per chi non sa disegnare su carta, cercherò di spiegare come sviluppare questa abilità in generale, senza essere vincolati a un editor grafico: costruzione della prospettiva e della composizione, scelta dei colori, ombreggiature e altri argomenti.

Scegliere una tavoletta grafica

Non importa se sai disegnare, avrai bisogno di strumenti: dispositivi e programmi. Cominciamo con l'hardware. Hai già un computer, ma devi ancora collegargli una tavoletta grafica, che ci darà l'opportunità di disegnare su una tela virtuale che esiste in memoria ad accesso casuale. In altre parole, è un altro dispositivo di input di informazioni, come un mouse o una trackball. Ma il tablet ha dei vantaggi che ti permettono di disegnare come su carta. Questa è la sensibilità alla pressione e la forma a penna del dispositivo di puntamento.

Esistono molti produttori di tavolette grafiche: Wacom, Genius, Huion. Ho incontrato solo i primi due. In totale, quando ho iniziato ho già provato quattro tablet Wacom e uno Genius. Consiglio vivamente Wacom: lo è alta qualità per un prezzo ragionevole.

Se non hai i soldi, non comprare la Genius, prendi la piccola penna Wacom Bamboo usata più conveniente. Ho usato quasi lo stesso, la Wacom Bamboo Pen&Touch S CTH-460. Non si sono verificati problemi critici in sette anni di utilizzo, un buon dispositivo per cominciare. Se puoi risparmiare più soldi, scegli il modello più grande. Utilizzo Wacom Bamboo Fun Pen&Touch M CTH-670.

Cosa significano i numeri e le lettere nei nomi dei modelli Wacom?

Spiegherò cosa significano alcuni numeri e lettere nel nome per facilitarti la navigazione nel parco modelli dell'azienda.

Wacom Bamboo Fun Pen&Touch M CTH -6 70

• M— dimensione dell'area di lavoro. Ci sono S - Small (piccolo), M - Medium (medio), L - Large (grande);
• CTH- significa la formazione. Esistono CTL e CTH - modelli amatoriali livello base con pulsanti e touchpad opzionali, PTH - modelli professionali, DTH e DTK - modelli professionali con display integrato;
• 6 — dimensione dell'area di lavoro in pollici. Ce ne sono 4 - Small (piccolo), 6 - Medium (medio), 8 - Large (grande), oltre a 13 e altro, ma questo vale solo per i tablet con display integrato. A volte i negozi online e le pubblicità non indicano l'indice delle lettere, allora si può usare quello digitale per capire le dimensioni del dispositivo;
• 70 - generazione e modello. È importante capire che quanto maggiore è questo numero, tanto più dispositivo più recente. Per confronto, il mio vecchia tavoletta ha l'indice CTH-460, l'analogo moderno è CTH-490. Le generazioni differiscono di 10: 460, 470 e così via.

Dimensioni della tavoletta grafica

Quando disegni, l'area attiva dell'area di lavoro è molto piccola. In altre parole, lo stilo scorre costantemente all'interno del raggio di un piccolo cerchio. Questo cerchio potrebbe spostarsi leggermente. Con il tempo si forma una macchia visibile come un denso accumulo di micrograffi. Dimostra che praticamente non usi la periferia del dispositivo, tutto avviene al centro.

Si potrebbe supporre che non sia necessaria una tavoletta grafica di grandi dimensioni poiché non utilizzerai mai l'intera area di lavoro e lo spazio di attività avrà le stesse dimensioni di un modello più piccolo. Ma non è vero.

Quando lavori su un tablet, la sua area di lavoro viene proiettata su tutta la larghezza del monitor. Pertanto, quanto più grande è la tavoletta, tanto più precisa sarà la possibilità di applicare i tratti. E viceversa monitor più grande e più piccola è la tavoletta, più difficile e scomodo sarà per te disegnare. Per esperienza, posso dire che dopo essere passato dalla taglia S alla M quando lavoravo su un monitor ultra-wide da 29 pollici, il mio lavoro è diventato più comodo del 25-30%. Trovo che sia necessario meno sforzo per tracciare uno schema complesso e che l'esperienza complessiva risulti più fluida e piacevole.

Le tavolette grafiche più grandi dovrebbero fornire un ambiente di lavoro ancora più confortevole, ma non ho lavorato sui modelli L, quindi posso solo supporre.

Differenze tra tablet Wacom amatoriali e professionali

Acquistando un modello pro ottieni dispositivo wireless, realizzato in plastica di qualità superiore con 2048 livelli di sensibilità alla pressione contro 1024 dei modelli più economici, design accattivante, controlli aggiuntivi sotto forma di pulsanti e anello touch. Sono completamente soddisfatto dei modelli più giovani e obsoleti della serie Bamboo, che sono stati fuori produzione. La differenza di costo tra la versione amatoriale e quella professionale sarà più di due volte. La tabella metterà tutto in ordine:

Configurazione della penna Wacom Bamboo & Touch M CTH-670

Prima di collegare il dispositivo, scaricare i driver dal sito Web ufficiale Wacom.

Elenco dei modelli	Collegamento dell'autista
Intuos CTL-4100/6100/4100WL/6100WL Intuos Pro PTH-451/651/660/851/860 Un CTL-471/671/472/672 Intuos CTL-480/490/680/690 Intuos CTH-480/490/680/690 Intuos 5PTK-450/650 PTH-450/650/850 Intuos 4PTK-440/640/840/1240/540WL	finestre Mac OS
Penna e tocco in bambù CTH-460/470/471/660/661/670 Penna in bambù CTL-460/471	finestre Mac OS

Dopo aver collegato il tablet e installato i driver, avviare l'applicazione Preferenze Wacom, che può essere trovato tramite Ricerca di Windows(Win + S) o nel Pannello di controllo.

Le impostazioni di base dei tablet dell'azienda non differiscono, sia i modelli amatoriali che quelli professionali sono configurati in modo simile.

Sulla scheda TavolettaÈ possibile configurare il tablet per la mano destra e sinistra, nonché assegnare azioni ai tasti. Innanzitutto, installali Disabilitato, col tempo sarà possibile assegnare dei tasti di scelta rapida.

Nella scheda successiva Penna si trovano parametri importanti:

• Suggerimento Senti- sensibilità alla pressione. Lascialo al centro. Nel processo capirai che tipo di durezza ti piace e la adatterai ai tuoi gusti;
• Monitoraggio— modalità di tracciamento della posizione dello stilo. Installare Modalità penna— l'area di lavoro del tablet si estende fino a riempire l'intero schermo. Modalità Topo usato come sostituto di un mouse;
• Le restanti impostazioni non sono così importanti. Pulsanti della penna consente di assegnare un'azione ai pulsanti dello stilo. Sensazione di gomma- sensibilità dell'elastico con rovescio stilo. Non utilizzo questa funzione perché è più veloce per me passare utilizzando i tasti di scelta rapida.

Nella stessa scheda della sezione Monitoraggio premi il bottone Mappatura... per configurare la proiezione dell'area di lavoro del tablet sullo schermo del monitor. Si aprirà una finestra Dettagli sulla modalità penna.

Nel capitolo Area dello schermo scegliere Tenere sotto controllo, se disponi di più monitor e indica quello principale. Se è presente un solo monitor, lascialo Tutti gli schermi

.

Nel capitolo Ridimensionamento assicurati di selezionare la casella accanto ad essa Proporzioni di forza in modo che l'area di lavoro non si allunghi quando viene proiettata sullo schermo. In questo caso, parte dell'area di lavoro del tablet non verrà utilizzata, ma avremo le normali proporzioni di 1 a 1. E se disegni un cerchio, apparirà sullo schermo come un cerchio e non come un'ellisse allungata.

Assicurati di selezionare la casella accanto ad essa Utilizza Windows Ink affinché la sensibilità alla pressione funzioni.

Nella scheda successiva Toccare Opzioni deseleziona la casella a fianco Abilita input tocco per passare il tablet alla modalità normale.

Sui restanti tab ho tutto disabilitato, visto che non utilizzo né le gestualità della modalità Touch né il menù a tendina proprietario. Questo completa la configurazione della tavoletta grafica.

Animare CC o Flash Professional CC?

Adobe Animate CC è un rebranding di Adobe Flash Professional CC; al programma sono state aggiunte numerose innovazioni. Nonostante il vecchio nome, ha guadagnato un'enorme popolarità tra artisti, animatori e sviluppatori di giochi indipendenti. I principi di progettazione vettoriale ti consentono di creare sprite per qualsiasi risoluzione. Qualsiasi versione che puoi ottenere funzionerà per il disegno. Gli strumenti di disegno sono rimasti gli stessi per molti anni, con solo piccoli miglioramenti. Utilizzerò Adobe Animate CC, ma tutto ciò che è scritto sarà applicabile anche ai più vecchi Versioni dell'Adobe Flash professionale. A proposito, Adobe è recentemente passata a un modello di abbonamento mensile per avere accesso ai suoi prodotti invece delle costose licenze una tantum. Ora il prezzo è per utilizzandoAdobe Animate CC costa $ 20 al mese.

Primo lancio di Adobe Animate CC

Dopo il download, crea un nuovo file e seleziona il tipo Script d'azione 3.0. Nella stessa finestra è possibile specificare i parametri della scena:

• Larghezza E Altezza— larghezza e altezza della scena in pixel. Impostiamolo su 1920 x 1024, come la risoluzione di un moderno monitor o smartphone;
• Unità righello— unità di misura, pixel impostati;
• Frequenza dei fotogrammi— numero di fotogrammi al secondo, lasciare 24;
• Colore di sfondo— colore di sfondo, impostato su grigio.

Queste impostazioni possono essere modificate dopo la creazione del documento. Per fare ciò è necessario selezionare uno strumento Strumento di selezione (tasto di scelta rapida V), aprire la finestra Proprietà ed espandere la sezione Proprietà. Se non riesci a trovare questa finestra, utilizza il menu Finestra → Proprietà o la scorciatoia da tastiera Ctrl + F3.

Impostazione dei tasti di scelta rapida

Per aumentare l'efficienza del tuo lavoro, devi utilizzare i tasti di scelta rapida al massimo. Nelle fasi iniziali, ciò richiede l'abituarsi e la memorizzazione di nuove combinazioni di tasti, ma in futuro fornisce un notevole balzo in avanti in termini di efficienza. Ho ridefinito la maggior parte dei tasti di scelta rapida in modo che si trovino sul lato destro della tastiera. Perché a destra? Il fatto è che sono mancino e, di conseguenza, mi è più conveniente. Se sei destrorso, dovrai inventare il tuo schema. Inoltre, utilizzo Rapoo E9050 e Apple Wireless Keyboard, che sono realizzati con il fattore di forma delle tastiere dei laptop, quindi se ne usi una a grandezza naturale, lavora sodo e inventa il tuo schema: pagherà in un sacco di tempo risparmiato - e considera il mio schema, come esempio.

Prendi l'idea: raggruppa i comandi di base sul lato comodo della tastiera per fornirli accesso veloce senza cambiare costantemente la posizione della mano. La maggior parte delle volte dovrebbe trovarsi in un posto, solo le dita “camminano” in un piccolo raggio, premendo i pulsanti. Certo, ci saranno ancora squadre che chiederanno un cambio di posizione, ma sono una schiacciante minoranza. Ecco il mio diagramma:

Squadra	Descrizione	Vecchia combinazione	Nuova combinazione
Seleziona tutto	Scegli tutto	CTRL+A	Ctrl + A, O
Deselezionare tutto	Rimuovi la selezione	Ctrl+Maiusc+A	Ctrl + Maiusc + A, P
Disfare	Annulla l'azione	CTRL+Z	Ctrl + Z, [, Z
Rifare	Ripeti l'azione	CTRL+Y	Ctrl+Y,]
Ingrandisci	Ridimensionamento	Maiusc + Z, Z	Maiusc + Z, \
Ingrandire	Ingrandisci l'immagine	Ctrl + =, Ctrl + Num =	Ctrl + =, Ctrl + Num =, =
Rimpicciolisci	Rimpicciolisci	Ctrl + =, Ctrl + Num =	Ctrl + -, Ctrl + Numero -, -
Raddrizzare	Raddrizza le curve selezionate		9
Liscio	Curve selezionate uniformi		0
Capovolgi orizzontalmente	Capovolgi orizzontalmente		F
Capovolgi verticale	Capovolgi verticale		Maiusc+F
Taglio	Taglia negli appunti	CTRL+X	Ctrl + X, X
Simbolo duplicato...	Simbolo clone		CTRL+D
Scambia simbolo...	Cambia simbolo		CTRL+]

Nella maggior parte dei casi, le nuove combinazioni non sostituiscono quelle vecchie, ma le integrano; vengono introdotti numerosi nuovi comandi. È necessario configurarlo tramite il menu Modificare → Tasti rapidi.... Nel campo di ricerca, inserisci il nome della squadra, nella colonna Scorciatoia Fare clic sullo spazio vuoto di fronte al comando desiderato e premere la nuova combinazione di tasti.

Non cercare di comprendere i comandi riportati nella tabella, verranno tutti spiegati nelle lezioni successive. In futuro, quando inizierai a utilizzarli attivamente, molto probabilmente li ridefinirai più volte finché non troverai l'opzione più conveniente.

Impostazioni del pennello

Strumento Pennello(tasto di scelta rapida B): lo strumento pennello più utilizzato durante il disegno. Le impostazioni sono concentrate in due finestre:

Le impostazioni del pennello sono complete, dipingiamo qualcosa.

Disegnare con un pennello

Seleziona un colore adatto utilizzando la finestra Colore (Ctrl + Maiusc + F9), seleziona lo strumento Pennello (B) e inizia con un tratto lungo con un po' di forza per delineare la forma futura. Quindi traccia il contorno risultante per appianare tutte le irregolarità: il pennello è pronto.

Tieni presente che nell'esempio sopra sono stati utilizzati solo tre tratti. Dovresti mirare a fare tratti di media lunghezza in modo che la tua mano non si stacchi dalla tavoletta. Cercare di fare molti piccoli tratti è sbagliato, poiché il contorno risultante sarà irregolare e con un gran numero di punti extra.

Adobe Animate CC funziona secondo i principi dei vettori. Tutti gli oggetti sono descritti matematicamente e possono essere ridimensionati senza perdita di qualità, a differenza dell'approccio raster. Ciò ci consente di manipolare gli oggetti vettoriali in un modo che non potremmo mai fare così facilmente in un editor raster. Possiamo smussare e semplificare i contorni, raddrizzare le linee curve, modificare le proporzioni e deformare oggetti grafici senza perdita di qualità. Ogni tratto viene automaticamente convertito in curve matematiche che possiamo perfezionare e modificare.

Per verificare tutto quanto sopra, attivare lo strumento Strumento di sottoselezione(tasto di scelta rapida A) e seleziona il pennello che hai appena disegnato. Ora puoi vedere i punti del percorso vettoriale e persino modificarli.

Conclusione

Oggi abbiamo configurato Adobe Animate CC e siamo pronti per iniziare a disegnare. Fai un po' di pratica prima di continuare. Impara a disegnare forme geometriche semplici senza distorsioni, prova diversi colori e impostazioni del pennello (sperimenta con il parametro Smoothing).

Materiali simili

Creazione di animazioni– un processo interessante ed entusiasmante, soprattutto se chiaro ed efficace Lezioni. L'elenco delle istruzioni di oggi è esattamente questo.

Applicando nella pratica le conoscenze acquisite, seguendo passo dopo passo i consigli dell'autore, imparerai facilmente come creare oggetti di varia complessità in Adobe After Effects. Le lezioni sono più destinate agli utenti avanzati che hanno già alcune competenze nella creazione di animazioni e hanno familiarità con funzionalità e strumenti del programma. Naturalmente anche i principianti troveranno molte cose utili e insolite per se stessi e potranno imparare ancora di più sull'incredibile potenziale di Adobe After Effects!

Se stai cercando lezioni semplici e dirette, questa build fa per te. Comprende 33 lezioni, ognuna delle quali prevede la creazione di animazioni di varia complessità e tipologia. Creerai personaggi famosi, vari oggetti, utilizzando le funzionalità del programma e varie direzioni di progettazione. Dopo aver completato il corso, avrai un'ampia varietà di lavori da aggiungere al tuo portfolio, il che è particolarmente importante se desideri perseguire l'animazione commerciale come carriera.

Inoltre, sulla base delle conoscenze acquisite, potrai sviluppare ulteriormente le tue competenze, perché i corsi richiedono la familiarità con le nozioni di base Strumenti dell'Adobe After Effects, nonché consolidamento delle competenze acquisite. D'accordo, questa è un'eccellente "base" per scoprire i tuoi talenti e ulteriore sviluppo personale.

Quasi ogni lezione inizia con la descrizione dell'area di lavoro del programma e di come crearla correttamente nuovo progetto e configurarlo. L'autore parla in dettaglio delle sfumature di configurazione, strumenti, hack di vita: le informazioni saranno apprezzate sia dai principianti che dagli utenti più esperti.

Guarda anche:

• Come creare un'animazione di un cavaliere?
• Come creare un'animazione di un cane?
• Risolviamo i compiti.
• Come creare un'animazione di pesce?
• Come creare un'animazione di candele?
• Come animare un aereo?
• Come animare un'auto?
• Come creare un'animazione con un UFO?

Come creare un'animazione di Rick e Morty?

Adobe After Effects è un ottimo strumento per chi è interessato al movimento e all'animazione. Le sue possibilità sono infinite e ti aiutano a creare moltissime GIF creative di qualsiasi complessità. Iscrivendoti al corso imparerai a utilizzare Adobe After Effects CC 2017 fin dalla prima lezione.

Nella prima lezione, l'autore mostrerà e ti spiegherà come creare i personaggi animati Rick e Morty, basati su una semplice illustrazione presa da Internet. Puoi trovare lo stesso o disegnarne uno tuo. Dalla prima lezione imparerai anche come personalizzare l'area di lavoro per te, quali strumenti ti serviranno nella fase iniziale, come creare un nuovo progetto, aprire file, importarli da Photoshop e molto altro.

Come creare un'animazione con rotazione pseudo-3D?

La lezione presta molta attenzione alla fase preparatoria. L'autore ha creato una propria animazione con uno pseudoeffetto in base al riferimento, che poi scompone passo dopo passo nella lezione. Capirai perché è importante la fase preparatoria e come procede, come trasformare uno schizzo in un oggetto a tutti gli effetti e molto altro ancora.

Inoltre, nel processo utilizzerai nuovi strumenti: righelli, griglia proporzionale e lente d'ingrandimento. Con il loro aiuto imparerai a determinare il centro del foglio. L'autore parlerà anche di cos'è una fase di animazione, di come calcolare il numero di fotogrammi al secondo e di come visualizzare i parametri di un altro file nel programma.

Grazie alla lezione imparerai un nuovo approccio all'animazione e potrai realizzare gif originali, anche per progetti commerciali.

Creazione di un'animazione di un robot in bilico.

Un ottimo tutorial per principianti che sarà utile anche per gli utenti esperti. La particolarità delle istruzioni è quella di creare un'animazione completamente da zero, il che è particolarmente importante per le persone che vedono per la prima volta il programma Adobe After Effects, ma vogliono imparare l'animazione. Come nelle lezioni precedenti, lavoriamo in Adobe After Effects CC 2017, analizzando l'illustrazione in livelli, che poi animeremo.

Dalla lezione imparerai anche cosa sono le maschere, i contorni, come collegare gli oggetti, cos'è lo snapping, una linea temporale, come ingrandire una composizione. Allo stesso tempo, l'autore condivide vari trucchi per i professionisti, spiega i vantaggi dei tasti di scelta rapida e sviluppa la propria esperienza per ottimizzare il processo di creazione dell'animazione.

Come creare un'animazione di una bustina di tè?

Un'animazione interessante che può essere utilizzata in progetti commerciali, ad esempio per un video per una sala da tè o un bar. L'autore entrerà nei dettagli sulle aree di lavoro, ti dirà dove e quali strumenti si trovano, come appare la schermata di lavoro e come personalizzarla per te.

Si soffermerà in dettaglio sulla finestra "Progetto", come configurarla, cosa significa ogni elemento. Imparerai come creare un nuovo progetto da zero e configurarlo. Quali punti devono essere affrontati, quali impostazioni sono importanti.

Cos’è un “Preset” e quale dovrei scegliere? Esaminiamo anche i parametri di Durata e come calcolarli. Cosa sono 25 fotogrammi al secondo? Perché è importante e qual è il segreto per un'animazione fluida. Prendiamo come base i disegni da Internet.

Come creare un'animazione di un cavaliere?

La particolarità della lezione sta nel creare l'animazione completamente da zero. Consolidiamo le competenze e le conoscenze acquisite nelle lezioni precedenti e le miglioriamo anche. Le istruzioni sono perfette per gli utenti avanzati del programma, ma interesseranno anche i principianti che vogliono enfatizzare qualcosa per se stessi, espandere la base teorica e aprire più possibilità al programma.

L'autore rivela le caratteristiche del programma, aiuta a ottimizzare il processo utilizzando i tasti di scelta rapida e spiega anche in dettaglio perché dovresti utilizzare solo la versione inglese del programma e qual è la differenza rispetto a quella tradotta in russo. Dopo la lezione, avrai un'animazione di un cavaliere con le frecce, che potrai aggiungere al tuo portfolio.

Come creare un'animazione di un laptop in decollo?

Questa volta creeremo un'animazione insolita in uno stile originale. Come fonte, puoi utilizzare opere dal Web o creare i tuoi schizzi e disegnarli in Illustrator. Importa il file Illustrator nel programma per ulteriori lavori. Utilizzando il file sorgente come esempio, l'autore mostrerà come importare correttamente i file nel programma e quale opzione scegliere: metraggio o composizione.

Imparerai la differenza tra i due e perché dovresti scegliere l'opzione Composizione (i livelli devono essere separati per facilitare la modifica). L'autore svelerà anche altri trucchi e mostrerà come creare animazioni di oggetti “volanti”. Ottimo per un progetto commerciale o come progetto portfolio .

Come creare un'animazione con un coniglio su una nuvola?

Disegniamo un'animazione carina: un coniglio su una nuvola. Oltre al completo istruzioni passo passo Analizzando i parametri, le sfumature e le caratteristiche del programma, imparerai anche perché è meglio utilizzare la versione inglese del programma. Inoltre, l'oratore ti dirà quali sono le differenze tra la versione inglese e quella russa e perché i professionisti installano la prima opzione.

Imparerai anche a quali finestre prestare attenzione per prime, cos'è Project e a cosa serve. L'autore ti mostrerà e ti dirà cos'è un sottomenu e cosa include. Parliamo in dettaglio della composizione, della creazione di un nuovo progetto, dell'importazione di file e delle funzionalità del processo. Imparerai anche dove cercare i file aperti di recente. La lezione ti insegnerà come risparmiare tempo mentre lavori, ottimizzare il processo e altri trucchetti. Ne parlerà anche l'autore possibilità nascoste programmi.

Altri argomenti: l'importanza delle conoscenze di base, tasti di scelta rapida, codifica, gruppi di strumenti per la navigazione, movimento, creazione di oggetti o testi, ritocco. Creiamo attivamente vari oggetti geometrici e consolidiamo anche le competenze negli strumenti di navigazione (lente d'ingrandimento, mano, ecc.)

Come creare un'animazione di pinguini?

Prestiamo particolare attenzione al lavoro preparatorio, conosciamo la barra degli strumenti in modo ancora più dettagliato (come continuazione/aggiunta della lezione precedente). Disegniamo uno schizzo nel programma per l'animazione futura. Nel processo di apprendimento utilizziamo sia strumenti semplici che più complessi.

Consolidiamo le nostre capacità e costruiamo animazioni di base utilizzando forme geometriche semplici. Imparerai anche come disegnare, aggiungere dettagli e creare elementi animati utilizzando la timeline. Diamo uno sguardo più da vicino alla sequenza temporale: cos'è, come ingrandirla, configurarla, ecc. Discutiamo dei livelli, delle loro proprietà (puoi nascondere, lasciare, bloccare), rinominare un livello.

Imparerai anche come bloccare gli oggetti, che forma hanno gli oggetti e come cambiare i colori.

Come creare un'animazione di cambio meteo?

L'obiettivo principale della lezione è sulle funzionalità dei tasti di scelta rapida. Disegniamo forme ed elementi più complessi – poligonali – nel programma. Facciamo conoscenza con le tecniche correlate, utilizziamo lo strumento "Griglia" e familiarizziamo con le sue funzioni. L'autore ti mostrerà dove cercare questo strumento, lavora con il riempimento e crea elementi aggiuntivi che utilizzeremo nell'animazione.

Lavoriamo con lo sfondo e gli effetti. Di conseguenza, otterrai un'animazione abbastanza semplice ma efficace, costruita sulla base del movimento di molti elementi identici che dovrebbero apparire nell'inquadratura in modo fluido e simultaneo.

In base alle competenze acquisite, sarai in grado di creare animazioni ancora più complesse basate su tecniche simili, che amplieranno notevolmente le tue capacità.

Come creare animazioni con i personaggi di Gravity Falls?

Molto bella lezione, dedicato ai personaggi molto popolari del cartone animato Gravity Falls - Mabel e Dipper Pines. La particolarità della lezione è che dobbiamo animare solo singoli, piccoli elementi del disegno. Puoi utilizzare la tua immagine come base o selezionare una fonte da Internet.

Creiamo una pre-composizione. Usiamo i punti e li regoliamo per fissare alcuni elementi dell'immagine e quindi rendere immobile parte dell'immagine. Aggiunta di animazione alla timeline. Modificare le impostazioni per ottenere l'effetto di animazione desiderato.

Consideriamo concetti come energia e fluidità del movimento e impostiamo il frame rate corretto per rendere l'immagine fluida. L'autore ti spiegherà perché questo è importante e in quale frame rate è stato utilizzato giochi moderni, classici dell'animazione e dei film Disney.

Come creare animazioni spaziali in Adobe After Effects?

Il livello della lezione è un po' più complesso rispetto agli altri, e non per questo meno interessante! Questa volta devi lavorare non solo con l'animazione, ma imparare come animare l'iscrizione. In questo tutorial creerai un effetto animato come elemento lettering basato su uno sfondo dal web.

Puoi scegliere qualsiasi sfondo "cosmico" con le stelle, quindi creare un'iscrizione su di esso, che animiamo, e non è necessario mettere in movimento l'intera parola, ma solo alcune lettere. Di conseguenza, otterrai un lavoro insolito e molto creativo che può essere aggiunto al tuo portfolio.

Come creare un'animazione di un cane?

Trasformiamo l'immagine vettoriale di un cane, precedentemente trovata su Internet, in animazione. Per implementare la lezione, puoi utilizzare i tuoi disegni da. L'autore descrive nel dettaglio i principali strumenti e le aree di lavoro del programma, soffermandosi su ogni punto. Grazie a questo, imparerai le funzionalità del toolkit.

Inoltre, dalla lezione imparerai cos'è un Anchor Point o punto di ancoraggio (un punto del frame selezionato), a cosa serve e come funziona. Utilizzeremo la penna come strumento principale durante tutta la lezione per acquisire e consolidare una nuova, importante abilità.

Risolviamo i compiti.

La lezione sarà utile per coloro che vogliono valutare i compiti degli altri partecipanti al corso, imparare qualcosa di nuovo, imparare dagli errori e dagli esempi di lavoro. L'autore del corso analizza l'opera delle sezioni del corso, evidenziando imprecisioni, carenze ed errori.

Mentre guardi il video, sentirai molto consigli utili, caratteristiche di design, stili e impara anche a valutare il proprio lavoro in base alla qualità di esecuzione, creatività e da un punto di vista tecnico. Un'abilità eccellente per un ulteriore sviluppo, che ti sarà sicuramente utile in futuro, sulla strada per migliorare le tue capacità e acquisire nuove conoscenze.

Come creare un'animazione di un vaso di fiori per bambini?

Animiamo un'illustrazione carina e abbastanza semplice. Puoi pre-disegnare il disegno in Abode Illustrator o creare uno schizzo nella finestra di Adobe After Effects. Prendiamo come base qualsiasi disegno, il nostro o da Internet, selezionando una o più fonti.

Grazie alla lezione impareremo come animare non solo i singoli dettagli del disegno, ma anche elementi aggiuntivi, ad esempio raffiche di vento, che aggiungeranno inusualità e “freschezza” all'animazione. In futuro, tale funzionalità potrà essere utilizzata in un'ampia varietà di progetti.

Come creare un'animazione con il morphing?

Lo scopo della lezione è presentare agli studenti un effetto come il morphing, mostrare esempi e anche imparare come implementare un effetto simile nel lavoro. In breve, il morphing è una tecnologia nell'animazione o l'effetto visivo di trasformare un oggetto in un altro.

È necessario che l'oggetto si trasformi senza intoppi, non "danni" alla vista e abbia un aspetto elegante e interessante. Una funzione simile può essere successivamente utilizzata nei film televisivi o nei lungometraggi, nonché negli spot televisivi. Il morphing è spesso usato nei film di supereroi o nei film di fantascienza. L'autore mostrerà come creare tale visualizzazione basata su oggetti semplici.

Come creare un'animazione con un faro?

Lavoriamo con un disegno creato in Adobe After Effects. Prendiamo come base le nostre idee o riferimenti. Puoi anche disegnare un'immagine in Illustrator e poi importarla nel nostro programma. Creiamo un progetto con diversi elementi di animazione.

L'elemento principale è un faro che illumina la riva con una lampada che si muove in cerchio. Il secondo elemento dell'animazione sono le stelle scintillanti. L'autore ti spiegherà anche quali sono i tasti e come usarli durante la creazione di un'animazione per ottenere esattamente l'effetto di cui hai bisogno. Allo stesso tempo, dà vari consigli, parla della pratica e condivide i trucchi.

Come creare un'animazione di pesce?

La lezione è dedicata a due argomenti importanti: l'uso della penna e l'animazione di un oggetto come un pesce. L'oggetto non è stato scelto invano: i pesci si muovono agevolmente, muovendo con attenzione il corpo e le pinne. Questo è ciò che deve essere trasmesso nella lezione. La lezione ci permetterà inoltre di migliorare e consolidare l'abilità nell'uso della penna disegnando un oggetto direttamente nella finestra di Adobe After Effects.

Come creare un'animazione a tema rugby?

L'animazione originale con una prospettiva unica su un tema sportivo è un'ottima opzione per coloro che intendono progettare giochi o creare grafica per uso commerciale, specializzati in eventi sportivi. La lezione sarà apprezzata sia dai principianti che dagli utenti esperti che vogliono aggiungere “freschezza” al proprio lavoro o trovare un nuovo approccio.

L'autore mostra come creare animazioni da zero e parla anche delle nozioni di base: gli strumenti. Per l'animazione utilizziamo un'illustrazione già pronta; puoi crearla da zero o trovare riferimenti su Internet e disegnarla in Illustrator. È inoltre necessario suddividere l'illustrazione in livelli in modo da poter lavorare con ciascuno di essi separatamente.

Come creare un'animazione di un gatto chef?

Simpatica animazione basata su un disegno. Puoi utilizzare la tua illustrazione o riferimenti da Internet. Puoi anche creare la base in o After Effects. La lezione è dedicata alla creazione passo passo dell'animazione di un gatto chef. L'autore analizza inoltre in dettaglio la timeline, spiegando ogni funzione e caratteristica. Ad esempio, imparerai come modificare la dimensione della linea, cos'è la trasparenza del livello e altri trucchi.

L'autore si concentrerà anche sulle nozioni di base, e quindi l'ascoltatore avrà l'opportunità di rinfrescare le proprie conoscenze e integrarle. Oltre alla teoria, consolidiamo nella pratica tutte le competenze acquisite. Dopo la lezione, avrai nel tuo portfolio un gatto animato, che sarà un personaggio ideale per un progetto commerciale (progettazione del sito web di un ristorante o della pubblicità di un bar).

Come creare un'animazione dal cartone animato “L'altro lato della siepe”?

Questa volta, la base per la nostra animazione saranno i personaggi della famosa serie animata "Dall'altro lato del recinto". Come base utilizziamo una GIF presa da Internet. La lezione è finalizzata al consolidamento delle competenze acquisite nelle lezioni precedenti, nonché all'acquisizione di nuove conoscenze teoriche. Particolare attenzione è posta alla sequenza temporale e all'uso delle chiavi. Inoltre, utilizziamo attivamente il concetto di velocità di movimento, lo adattiamo e lo modifichiamo secondo necessità.

Lavoreremo sull'animazione dello sfondo e sui parametri di posizione. L'autore ti dirà anche in cosa differisce un maestro esperto da un principiante e analizzerà in dettaglio l'animazione presa come base. Imparerai anche come completare gli elementi di una GIF, come convertirla in forme e contorni, cos'è una maschera, come disegnarla e perché è necessaria. Come correggere errori e carenze.

Come creare un'animazione con un hamburger e le bacchette giapponesi?

Diversifichiamo il nostro portfolio con lavori originali. Questa volta mettiamo in moto l'hamburger e le bacchette giapponesi. Creiamo immediatamente il disegno nella finestra del programma. È abbastanza semplice e quindi la preparazione non richiederà molto tempo. Successivamente, procediamo all'animazione. Creiamo un nuovo progetto e lo configuriamo tenendo conto delle caratteristiche delle opzioni. Cambia lo sfondo come desideri.

Utilizziamo attivamente i tasti di scelta rapida, regoliamo la posizione e possiamo modificare il frame rate. L'autore parla più dettagliatamente di un concetto come le forme. Cosa sono, come crearli e utilizzarli. Ripasso degli strumenti di selezione, delle chiavi, studio attento del movimento degli oggetti. Inoltre, imparerai perché è meglio utilizzare un programma in lingua inglese.

Come creare un'animazione di tiro spaventato?

Oggi creeremo un'animazione divertente con un tiro spaventato. Un lavoro insolito con un effetto wow che piacerà sia ai professionisti che ai principianti, soprattutto se stai lavorando su un portfolio e vuoi aggiungere qualcosa di molto originale. L'animazione si basa sul movimento ciclico, cioè sulla ripetizione di una serie di combinazioni di movimenti. Lavoriamo con disegni preparati in Abode Illustrator.

Puoi anche disegnare personaggi direttamente in After Effects. Importiamo il file, prestiamo attenzione alle impostazioni. Creiamo anche nuovo documento tenendo conto delle impostazioni. Utilizziamo attivamente la timeline e lavoriamo anche con i livelli, studiando i sottomenu e le opzioni dei livelli. Imparerai cosa sono i percorsi, i vertici, come lavorare con i riempimenti e molto altro.

Come creare un'animazione di candele?

Animazione dinamica e divertente di due candele, una delle quali è accesa e l'altra la sta spegnendo. La particolarità non sta solo nella dinamica, ma anche nel cambio di sfondo durante il movimento. L'autore inizia con i parametri di base e la finestra di lavoro del programma, quindi passa alla creazione dell'animazione.

Parla di preset, composizione e altre impostazioni di base. Da questa lezione ne imparerai molti Consiglio pratico e trucchetti per la vita e crea anche una GIF bella e luminosa per il tuo portfolio.

Come creare un'animazione da tastiera midi pseudo-3D in After Effects?

L'argomento della lezione era un'interessante tecnologia informatica chiamata pseudo-tridimensionalità. Lo pseudo 3D è una grafica che cerca di imitare uno spazio di gioco tridimensionale, ma non lo è. Un effetto simile viene spesso utilizzato nei giochi per computer. Un esempio di questo approccio è il famoso gioco Doom.

Questo è esattamente ciò che studieremo! L'autore racconterà e mostrerà come creare animazioni da tastiera utilizzando lo pseudo-3D. La lezione sarà particolarmente interessante per coloro che intendono collegare il proprio lavoro futuro con tecnologie di gioco o giochi per computer. In futuro, sarai in grado di creare animazioni più complesse utilizzando questa funzione.

Come creare un'animazione per un astronauta?

Creiamo una GIF con un astronauta in tuta spaziale che si muove nello spazio sullo sfondo del pianeta. Lavoriamo con lo sfondo e i piccoli dettagli, creando un'immagine fluida con diversi elementi in movimento. Continuiamo a lavorare rispettando la timeline, consolidando le nostre competenze.

Iniziamo anche a dare uno sguardo più da vicino ai livelli e alle impostazioni. L'autore mostra e racconta in dettaglio come lavorare con il programma, cosa è necessario fare per ottenere questo o quell'effetto. Inoltre risponde contemporaneamente alle domande dei partecipanti al webinar.

Come creare un'animazione di un sassofonista?

L'argomento della lezione è la creazione di animazioni in stile collage con suono. Per prima cosa dobbiamo preparare i materiali con cui creeremo un collage. Devi anche scegliere una foto come base per l'illustrazione. È inoltre necessario trovare un video dei sassofonisti che si esibiscono per ripetere i loro movimenti e rendere l'animazione più naturale.

Disegniamo in Abode After Effects, creando molti livelli. Questo ci renderà più semplice animare il collage. Puoi anche utilizzare file Photoshop. Tutto questo e molto altro è chiaramente dimostrato dall'autore del corso. Contemporaneamente risponde anche alle domande dei partecipanti al corso.

Come creare un'animazione con un mouse e un frigorifero?

“Come il topo si è impiccato nel frigorifero” – creiamo un'animazione complessa con un caratteristico topo penzolante e un frigorifero pop-up basato sulla grafica vettoriale. Lavoriamo con lo spazio, disegniamo elementi aggiuntivi (frigorifero, pavimento, pareti). Puoi aggiungere più dettagli o lasciarlo come nell'esempio.

Quindi scendiamo nei dettagli, ricordando allo stesso tempo i tasti di scelta rapida e gli strumenti di base. Imparerai anche come creare composizioni, personalizzarle, lavorare con il livello e le sue impostazioni. In termini di complessità, la lezione è più adatta agli utenti avanzati o a chi segue questo corso dalla prima lezione.

Come creare un'animazione con le meduse?

Come idea per una lezione, utilizziamo una gif, un'immagine di un film, in cui ci trasformiamo grafica vettoriale. L'elemento più difficile è la medusa; stiamo lavorando anche su altri elementi: parte della stanza e personaggi. Vengono brevemente trattate le principali funzioni, caratteristiche e strumenti del programma, come nelle lezioni precedenti. La particolarità della lezione è mostrare il movimento delle meduse lungo una certa traiettoria.

L'autore ti mostrerà e ti dirà come implementare questa idea in modo che i movimenti siano il più naturali e fluidi possibile. Vedrai anche esattamente quali tasti utilizza l'autore del webinar, rafforzando così le tue capacità di scelta rapida.

Come animare un aereo?

Iniziamo con una panoramica delle cose di base: lavoriamo attraverso gli strumenti di base, creando un nuovo progetto (nuovo documento), lavorando con le finestre. Disegniamo la base da zero nel programma. Puoi anche utilizzare Illustrator e quindi importarlo in After Effects. Impostiamo un nuovo documento e iniziamo a disegnare in modo da poter animare l'immagine.

Prestiamo particolare attenzione al movimento fluido della gif, regolando i parametri Velocità per ottenere l'effetto desiderato. Oggi lavoriamo con 14 fotogrammi al secondo, simili ai film. Osserviamo il risultato, correggiamo le carenze e apportiamo modifiche al progetto. Lavoriamo anche con la traiettoria del volo, con oggetti che vanno oltre il foglio. Usiamo una penna e altri strumenti.

Come animare un'auto?

Come base per l'animazione, scegliamo un elemento complesso: un'auto. Utilizziamo un'immagine tridimensionale con toni e mezzitoni, che poi metteremo in movimento. Il disegno può essere creato in Illustrator o direttamente nella finestra di After Effects. Prendiamo come base qualsiasi schizzo o fotografia da Internet. Avremo bisogno anche di diverse texture durante il processo, come vetro e motivi.

Formiamo un quadro generale. Mentre lavoriamo, “leghiamo” gli elementi tra loro, e lavoriamo anche con i punti di ancoraggio, impostandoli e controllandoli, regolando il numero di fotogrammi al secondo. Eseguiamo quasi tutti i comandi utilizzando i tasti di scelta rapida per ricordarli e accelerare il processo di lavoro.

Come creare un'animazione con isometrie?

L'isometria è una tecnica originale sulla base della quale è possibile creare non solo illustrazioni, ma anche animazioni. È quest'ultimo che farai, imparando a creare elementi del settore bancario (carte di plastica e monete) utilizzando questa tecnica.

Tale animazione può essere utilizzata in progetti commerciali, ad esempio per progettare il sito web di una banca o di qualsiasi organizzazione finanziaria. Allora perché non diversificare il tuo portafoglio con questo esempio! L'immagine in proiezione isometrica è un'ottima opzione per mostrare le tue abilità e lavorare sulle tue abilità.

Come creare un'animazione di un gatto spudorato?

Allo stesso tempo, l'autore risponde alle domande degli ascoltatori del webinar, ad esempio, sul perché la versione inglese del programma è necessaria per il lavoro e su quanto sia rilevante l'animazione stessa, anche come impiego professionale.

Come creare un'animazione con un UFO?

La lezione finale del corso, in cui creerai un disco volante con una trave. Iniziamo con una panoramica della schermata di lavoro e delle principali funzioni del programma, per poi passare alla realizzazione di una GIF. Consolidiamo tutte le competenze e le conoscenze acquisite nelle lezioni precedenti, ovvero lavoriamo con i livelli e le loro capacità, modifichiamo lo sfondo, impostiamo l'animazione e regoliamo la velocità di movimento utilizzando la timeline.

Impostiamo anche la composizione, disegniamo nel programma utilizzando una penna e altri strumenti e installiamo vari effetti nell'animazione. Dopo l'intero corso su Abode After Effects, il tuo portfolio conterrà oltre 30 esempi di lavoro completi, l'animazione con un UFO è uno di questi.

Recentemente, sul sito sono arrivate sempre più spesso lettere con domande su dove iniziare ad apprendere Flash. Ne pubblicherò alcuni, penso che sarà interessante per molti principianti. Le risposte sono esclusivamente la mia visione e la mia esperienza, il che non significa affatto che se lo fai diversamente, niente funzionerà. Per chi fosse interessato, leggi sotto (l'ortografia e la grammatica dei messaggi sono state preservate). E se non sei un principiante, sarai sicuramente annoiato e noioso leggerlo :)

“ciao)) mi chiamo Nico, vengo dal Tagikistan e ho una gran voglia di diventare un animatore flash, ma non so proprio da dove cominciare, ho trovato nel vostro sito ci sono un sacco di cose utili, ma per me, principiante, sono ancora difficili. per favore consigliami da dove iniziare a imparare l'animazione flash)) Ti sarò molto grato . e scrivi come disegni, dovrei comprare una penna di bambù Vakom e imparare a disegnarci sopra"

Niko, tu hai la cosa principale: il desiderio. Se non evapora in un paio di settimane o mesi, il risultato sarà. Da dove cominciare: dall'hardware.

1. Acquista/scarica un tutorial flash da Internet. Prendi una delle ultime versioni (Flash Cs4-Cs 6), dimentica i libri di testo su Macromedia, FlashMX, questo è già il secolo scorso in senso letterale. Anche se da allora non è cambiato molto in flash.

Se hai intenzione di studiare Sceneggiatura dell'azione(e affinché un lampeggiatore conosca almeno le basi di as, penso che sia semplicemente necessario) - fermati a c As3. Poiché2 sta lentamente diventando una cosa del passato, staremo al passo con i tempi.

Dato che ho studiato Flash per molto tempo, non posso consigliare alcuna pubblicazione specifica perché non le conosco.

Probabilmente rimarrai molto sorpreso, ma tutti i libri sull'apprendimento flash contengono le stesse informazioni :) Ciò è particolarmente vero per i libri per principianti.

Mi sono piaciuti molto i libri How to Cheat in Adobe Flash in inglese dell'animatore flash Chris Georgenes (scrive lezioni sull'animazione flash per Adobe).

Questa è una serie di libri, vengono ripubblicati ogni nuova versione sciacquone. Se conosci l'inglese Language è un libro eccellente, gradevole alla vista con una grafica meravigliosa.

Scaricamento Come imbrogliare in Adobe Flash in CS5 insieme al disco puoi.

Il mio studio su Flash è iniziato con il tutorial. Ciò che personalmente mi ha aiutato nell'apprendimento di Flash non è stato il libro di testo in sé, ma il videocorso fornito con il libro di testo. Passiamo quindi al punto n.2.

2. Videolezioni.

Penso che le lezioni video siano le più efficaci, dato che io stesso ho studiato Flash utilizzando un corso video.

3. Un altro aspetto importante dell'apprendimento dell'animazione flash è che non puoi farlo senza un programma come Swf Decompiller. Questo è un distruttore di file SVF, ovvero animazioni già pronte. E' di questo che stiamo parlando. Ti consente di visualizzare (non rubare:) il lavoro dei professionisti ed è molto utile per imparare a utilizzare Flash. Prendi un lavoro completato e lo guardi sulla sequenza temporale per vedere come è stato fatto e provi a ripeterlo. L'animazione non viene sempre visualizzata correttamente: maschere, gemelli, ma il principio può essere compreso e preso in considerazione.

4. È molto efficace imparare il flash utilizzando esempi specifici. Stabilisci l'obiettivo di realizzare un'animazione secondo uno scenario immaginario, ad esempio l'animazione di un'auto in movimento lungo una determinata traiettoria. Quando c’è un obiettivo finale, è più facile insegnare.

5. Se durante lo studio sorgono domande, puoi lasciarle qui o nella comunità argomento. O su qualsiasi altro forum in cui vivono i lampeggiatori.

Il più grande forum flash che io conosca è flasher.ru. Quindi, cari principianti, godetevi i vantaggi di Internet e di questa risorsa in particolare :)

6. E ancora una cosa punto importante. Per realizzare una buona animazione, sarebbe una buona idea fare riferimento ai libri di testo sull'animazione classica (soprattutto se vuoi imparare come animare i personaggi e non solo i blocchi di testo per i banner).

Avendo padroneggiato il flash come strumento, diventerai non esattamente un animatore, ma piuttosto un "mover" che sa come spostare gli oggetti.

Ci sono moltissimi libri sull'animazione classica: fermati prima a "Tempismo nell'animazione", Puoi prenderlo.

Per quanto riguarda dove trovare Adobe Flash. Se vuoi trovare o prendere qualcosa, allora meglio di Google non c'è nulla. Lui sa tutto :)

È possibile imparare a lavorare in Flash da soli? Questo è del tutto possibile, quasi tutti i bravi animatori flash che conosco hanno imparato da soli a usare il flash, senza corsi o esami. Pazienza, duro lavoro e tutto è nelle tue mani. Lo dirò anche: non conosco i flasher che hanno frequentato i corsi, hanno insegnato tutto da soli.

“Grazie per il blog, ho trovato molte cose utili per me.

Sono un designer vettoriale puro e non è stato difficile per me disegnare in Flash. Il problema è iniziato quando si è trattato di animazione.

Potresti fare una lezione per i noob più storti e senza cervello)) In modo che anche io capisca))"

( Tara )

È prevista una lezione di animazione per principianti. Non riesco a immaginare come inserire tutto in una lezione, penso che sarà una serie di lezioni. Ero sicuro che Internet fosse pieno di lezioni per principianti, ma per qualche motivo vengono spesso richieste. Quindi rimanete sintonizzati per gli aggiornamenti sul sito web e

Adobe Flash Professional è un programma ampio e multifunzionale difficile da apprendere e utilizzare.

Adobe, come è sua abitudine, non si preoccupa molto di semplificare i suoi programmi. Se altri programmatori, per semplicità, scartano tutte le opzioni intermedie, in Adobe non si spreca nulla. Tutte le opzioni intermedie per lavorare sul programma saranno incluse nella versione finale sotto forma di una sorta di pulsante, pannello o riga nel menu. Di conseguenza, il peso dei programmi (in MB) aumenta e il programma diventa eccessivamente complicato. Inoltre, molti strumenti si duplicano completamente o parzialmente a vicenda.

Adobe Flash Professional non ha fatto eccezione a questa regola. Il programma ha tre diverse modalità di disegno, tre diverse modalità di creazione di animazioni e molte altre funzionalità confuse che possono spaventare i potenziali utenti e allontanarli dal programma.

Nota: gli autori di Adobe Flash Professional hanno in qualche modo semplificato le ultime versioni del programma - funzioni come creando animazioni in movimento classiche , nessun Motion Editor, viene utilizzato solo un linguaggio di programmazione: ActionScript 3.0, ecc.

Impostazioni del programma

Adobe Flash Professional è configurato per impostazione predefinita, ma puoi modificare queste impostazioni se necessario.

Dal menu Modifica, scegli Preferenze (Windows) o Flash > Preferenze (Mac OS).
Tra le tante impostazioni puoi disabilitare la schermata di benvenuto - Nessun documento.
IN ultime versioni programma, è possibile selezionare il colore della finestra del programma (Scheda "Generale" - Interfaccia utente - Scuro, Chiaro).
È possibile modificare il numero di possibili annullamenti delle operazioni (“Annulla”): il valore predefinito è 100.
Flash supporta fino a 9999 annullamenti, ma non è necessario selezionare il massimo perché... questo rallenterà il programma.

Evidenzia colori: puoi modificare i colori predefiniti utilizzati per i riquadri di delimitazione visualizzati attorno a un disegno di oggetti, gruppi o simboli.

E altro.

Creazione di un nuovo documento

È possibile creare e aprire documenti utilizzando la schermata di benvenuto o il menu File.
La schermata "Benvenuti" è un trampolino di lancio per la creazione e l'apertura di file, inclusi modelli di animazione Flash standard integrati, banner, animazioni per cellulari.

Nella colonna Crea nuovo della finestra di benvenuto, seleziona ActionScript 3.0.

Oppure: dal menu File, selezionare Nuovo.
Si apre la finestra Nuovo documento.

Nella scheda Generale, seleziona il tipo di creato File Flash(ActionScript 2.0 o 3.0).
La lingua predefinita è ActionScript 2.0, ma è possibile selezionare ActionScript 3.0. L'utilizzo di ActionScript 3.0 consente di utilizzare tutte le funzioni delle ultime versioni del programma (CS5 e CS6). Ad esempio, se desideri applicare la rotazione 3D agli oggetti durante la creazione di un'animazione, devi selezionare ActionScript 3.0 (ActionScript 2.0 non supporta questa funzione).
ActionScript 3.0 richiede inoltre che i visitatori dispongano della versione più recente di Flash Player.

Appunti:
Nelle ultime versioni del programma
1. ActionScript 2.0 non è supportato.
2. È possibile creare animazioni in formato HTML5.

Sulla scheda Crea da modelloÈ possibile selezionare un modello per aprirlo per la modifica.

Puoi sempre modificare le proprietà del tuo progetto: dal menu Modifica, seleziona Documento o utilizza la scorciatoia da tastiera Ctrl+J (Windows) o Comando+J (Mac OS).

Nella sezione Dimensioni, imposta la larghezza e l'altezza del tuo filmato in pixel.
Nella sezione Unità righello vengono impostate le unità di misura del righello: centimetri. mm, pixel, ecc. In genere, l'unità di misura per i righelli è il pixel.
Nella sezione Colore di sfondo, seleziona il colore di sfondo dell'animazione.
Nella sezione Frame rate, viene impostata la velocità: fotogrammi al secondo. Di solito la velocità predefinita è 24 fotogrammi al secondo.
Opzione di salvataggio automatico: imposta la frequenza di salvataggio automatico del tuo lavoro.
L'opzione Stampante impone al nuovo documento di corrispondere al formato carta della stampante.

Salvataggio di un documento

Il tuo nuovo documento deve essere salvato prima di iniziare qualsiasi lavoro o aggiungere qualsiasi contenuto.

Per impostazione predefinita, i documenti vengono salvati nel formato Flash CS6 - .fla
1 Dal menu File, selezionare Salva.
2 Selezionare una cartella in cui salvare il progetto. Dai al progetto il tuo nome.
Includi sempre l'estensione .fla alla fine del nome del progetto.

Nota: puoi salvare il progetto in formato Flash CS5 (questa funzionalità non è disponibile nelle ultime versioni del programma).
I documenti creati in Flash CS6 non si apriranno in Flash CS5 o versioni precedenti.
I documenti creati in Flash CS5 e versioni precedenti verranno aperti in Flash CS6.

Apertura di un documento

Selezionare il menu File > Apri
Comando File > Apri recenti: per aprire gli ultimi 10 file.
È inoltre possibile utilizzare la schermata di benvenuto per aprire i documenti.

Una volta installato sul tuo computer Adobe Flash Professional verrà installato e gestore di file Adobe Bridge, che può essere utilizzato quando si lavora con i file.
Dal menu File, seleziona Visualizza in Bridge o Vai al programma Bridge (Sfoglia in Bridge).
Seleziona il formato file .fla in Adobe Bridge. Quando fai doppio clic su un file, questo si apre in Adobe Flash.

Configurazione dell'interfaccia
Se necessario, configurare l'area di lavoro -

Creazione di animazioni

Modelli
Adobe Flash include molti modelli standard.
I modelli sono preimpostati con dimensioni e versione ActionScript.
Seleziona File > Nuovo e fai clic sulla scheda Modelli.
Esamina i modelli Flash inclusi.

Disegno
Adobe Flash Professional dispone di un editor grafico integrato per le immagini vettoriali utilizzate per creare animazioni.

Esistono diverse modalità di disegno in Adobe Flash, il cui lavoro presenta le sue differenze: vedere Modalità di disegno

Scopri la gamma di strumenti di disegno disponibili in Adobe Flash - vedi Barra degli strumenti .
Non è difficile creare oggetti semplici come un rettangolo (quadrato), un'ellisse (cerchio) o una linea.
Per creare oggetti più complessi, dovrai familiarizzare con tutte le funzionalità del programma nell'area di disegno - vedi Disegno.

Per creare un'animazione disegnata a mano fotogramma per fotogramma, dovrai utilizzare una tavoletta grafica per disegnare, perché... Senza questo, è estremamente difficile creare animazioni di alta qualità.
Informazioni sulle tavolette grafiche

Creare una semplice animazione

Esistono due modi principali per creare animazioni in Adobe Flash: animazione fotogramma per fotogramma e animazione interpolata. A sua volta, l'animazione delle interpolazioni ha diverse varietà -.

Con qualsiasi metodo di creazione di animazioni, devi studiare il lavoro
Cronologia (grafica del tempo). Se capisci come funziona la Timeline, considera che metà del lavoro di studio del programma è già stato fatto.
Particolare attenzione dovrebbe essere prestata lavorare con i livelli e così via lavorare con il personale .

Avendo padroneggiato tutto quanto sopra, sarai in grado di creare elementi Flash (ad esempio banner, slide, ecc.) da inserire nelle tue pagine HTML.

Puoi creare tutti gli elementi per la tua animazione in Adobe Flash Professional. Oppure puoi importare elementi creati in Adobe Illustrator, Adobe Photoshop, Adobe After Effects, ecc. programmi.

L'altra metà del successo nella padronanza di Adobe Flash Professional sta nell'apprendimento del linguaggio ActionScript 3.0. In questo caso potrai utilizzare tutte le funzionalità del programma, inclusa la creazione di siti Flash interattivi.
Un'alternativa inferiore è utilizzare i frammenti di codice forniti con il programma (menu Finestra - Frammenti di codice).

Questa panoramica non contiene esercitazioni su ActionScript, ma tali materiali sono disponibili online.


Gestione delle animazioni Flash

Se vuoi creare qualcosa di più complesso di semplici banner o slide animati, avrai bisogno di:
UN. Impara a creare pulsanti
B. Impara a utilizzare il codice ActionScript.

I pulsanti (grafici o di testo) sono necessari affinché un visitatore del tuo sito possa controllare l'animazione - vedi Pulsanti.

L'animazione in Adobe Flash viene creata utilizzando il codice ActionScript. Di più prime versioni I programmi utilizzavano la versione ActionScript 2.0, le versioni più recenti utilizzano ActionScript 3.0. Queste versioni presentano gravi differenze e sono parzialmente compatibili.

Quando crei un'animazione Flash, non devi scrivere manualmente il codice, perché... In Adobe Flash, la maggior parte del lavoro viene eseguita in modalità visiva. Tuttavia, in alcuni casi potrebbe essere necessario inserire il codice ActionScript. Puoi utilizzare i frammenti di codice forniti con il programma o scrivere tu stesso il codice.

Il codice ActionScript viene utilizzato per fornire ai pulsanti di navigazione le azioni corrette, ad esempio per passare a un fotogramma di animazione specifico o a pagina specifica site, per la gestione e la sincronizzazione di suoni e immagini e molto altro ancora.

Per una rapida introduzione ad ActionScript, vedere ActionScript.

Creazione flash- sito web

Anteprima

Vista locale

Puoi visualizzare rapidamente l'anteprima dell'animazione spostando la testina rossa avanti e indietro sulla timeline dei fotogrammi (vedi sotto). Sequenza temporale).

Per vedere come apparirà l'animazione online (ovvero con tutte le animazioni nidificate), scegli Controllo > Prova il video(Filmato di prova) > in Flash Professional (in Flash Professional).
In questo caso, l'animazione creata viene visualizzata nel Flash Player integrato.

Per testare Flash per telefoni cellulari, utilizzare il menu Controllo > Prova il video(Filmato di prova) > in Device Central.

Pubblicazione

Durante la pubblicazione, l'editor crea file HTML, File SWF e altri file necessari per operazione normale Veloce.
Per le impostazioni di pubblicazione, dal menu File, seleziona Opzioni di pubblicazione(Impostazioni di pubblicazione).
Per pubblicare, seleziona Pubblica dal menu File.

Vedi ulteriori dettagli.

Scopo e struttura Programmi Flash

Recentemente, Flash è diventato di moda. Molte persone credono che Flash sia un nuovo prodotto, ma non è così. Nel 1995 apparve un piccolo programma chiamato Future Splash Animator per l'animazione vettoriale della grafica Web e due anni dopo, nel 1997, Macromedia lo acquisì e iniziò a sviluppare il prodotto con il nuovo nome Flash.

Oggi Flash è un'applicazione universale e integrata che combina un editor di grafica e suono, uno strumento di animazione e consente di creare prodotti multimediali interattivi unici. Utilizzando Flash è possibile creare animazioni vivaci ed economiche per il Web, moduli interattivi, giochi, presentazioni interattive e molto altro ancora. La conoscenza di Flash è utile non solo per i web designer, ma anche per insegnanti, artisti e molti altri che desiderano esprimere le proprie idee nel linguaggio dell'animazione. Oggi non serve uno studio speciale per questo, basta personal computer, Programmi Flash e un po' di pazienza.

Elementi di base di Flash Workbench

Prima di iniziare a descrivere gli strumenti di disegno, dobbiamo parlare degli elementi dell'interfaccia. Facciamo una prenotazione per non bombardare il lettore con tutte le informazioni sull'interfaccia in una volta e costringerlo a ricordare tutti i dettagli. Forniremo informazioni sufficienti sull'interfaccia del programma per completare la lezione corrente. In ogni lezione esamineremo nuovi elementi dell'interfaccia, spiegandone lo scopo attraverso esempi specifici.

Quando avvii il programma per la prima volta, vedrai qualcosa di simile a quello mostrato in Fig. 1.

Riso. 1. Elementi base dell'interfaccia del programma Flash 5.0

Di nuovo a tutti apri il file corrisponde al tuo desktop. Sul desktop è presente una cornice, o Stage, un'area rettangolare dello schermo in cui viene riprodotto un filmato Flash.

Gli strumenti di disegno sono forniti per disegnare sul desktop (vedere la barra degli strumenti in Fig. 1). Questi sono quelli di cui parleremo prima di tutto.

La creazione di qualsiasi animazione inizia con il disegno di immagini statiche. Il rapido passaggio da un'immagine all'altra, a seguito del quale viene creata l'impressione di movimento dell'immagine, è l'animazione. Per controllare la durata della visualizzazione delle immagini (controllo dell'animazione), utilizzare la timeline o Timeline.

Nella fig. 1 presenta anche pannelli mobili (pannelli mobili, agganciabili) pannelli progettati per configurare l'ambiente di lavoro Flash. Quindi, diamo un'occhiata agli strumenti di disegno di base in Flash.

Disegno

Contorno, tratto, riempimento

Prima di iniziare a lavorare con gli strumenti di disegno, dovresti introdurre i concetti di contorno, tratto e riempimento. Vediamoli utilizzando un semplice esempio.

Seleziona lo strumento di modifica Ovale dalla barra degli strumenti (Fig. 2) e disegna un ovale. La forma verrà automaticamente riempita di colore. (Se tieni premuto il tasto Maiusc mentre disegni un ovale, la forma che disegnerai avrà la forma di un cerchio.)

Riso. 2. Il disegno è costituito da un contorno, un tratto e un riempimento.

Il disegno è costituito da un contorno, un tratto del contorno e un riempimento (Fig. 2). Per selezionare il contorno di una figura, fare clic sul pulsante mostrato in Fig. 3 frecce rosse. Di conseguenza, la linea del tratto e il riempimento scompariranno, rimarrà solo il contorno (Fig. 4).

Riso. 3. Rimuovere il pulsante di riempimento e traccia

Riso. 4. Rimuovendo il riempimento e il tratto, otteniamo una linea di contorno

linea di servizio (non visualizzata durante la stampa). Premendo il pulsante mostrato in Fig. 3, restituisce gli elementi cancellati. È facile cambiare il tratto e il colore di riempimento. Il colore di riempimento può essere modificato utilizzando il pulsante Colore riempimento (Fig. 5). Dopo aver selezionato un nuovo colore nella tavolozza (Fig. 5), la figura disegnata non cambierà, ma quando si disegna una nuova ellisse, il contorno verrà riempito con il colore appena selezionato.

Riso. 5. Strumenti colore riempimento e traccia

Per modificare il colore di riempimento nella forma corrente, è necessario selezionare un nuovo colore e utilizzare lo strumento Secchiello - è evidenziato in Fig. 6.

Riso. 6. Il colore di riempimento di una forma disegnata può essere modificato utilizzando lo strumento Secchiello

È anche possibile modificare il colore del tratto. Per fare ciò, seleziona lo strumento Colore tratto (Cambia colore tratto) - in Fig. 7 la freccia rossa lo indica. Successivamente, si aprirà una tavolozza in cui è possibile selezionare il colore desiderato, quindi è necessario selezionare lo strumento Bottiglia di inchiostro (è evidenziato in Fig. 7) e fare clic sulla linea del tratto. Di conseguenza, verrà riempito con il colore selezionato.

Riso. 7. Cambia il colore della linea del tratto

Nella fig. 6 l'ovale che abbiamo disegnato è mostrato in scala più grande. Cambiare la scala, tra l'altro, viene impostato come in Photoshop, utilizzando la combinazione di tasti Ctrl e “+” o Ctrl e “-”.

È inoltre possibile modificare lo spessore e lo stile delle linee del tratto. Per fare questo devi comandare Finestra > Pannelli > Traccia richiama il pannello Traccia. In esso puoi personalizzare lo stile della linea del tratto, il suo spessore e il colore (Fig. 8).

Riso. 8. Dal menu del pannello Traccia è possibile modificare i parametri della linea del tratto

Se selezioni lo stile di linea Linea dura (Fig. 8) e applichi lo strumento Bottiglia di inchiostro, otterrai una linea di un pixel. La linea Hardline non ha spessore, quindi nella casella dello spessore della linea non viene visualizzato alcun valore. Lo spessore delle altre linee, come la linea tratteggiata, può essere modificato (Fig. 9).

Riso. 9. Esempio di modifica del tipo e dello spessore della linea del tratto

Una regolazione più precisa dei parametri della linea viene eseguita nel pannello Stile linea. Puoi richiamarlo cliccando sul pulsante indicato dalla freccia rossa in Fig. 10. Nel pannello Stile linea puoi, ad esempio, modificare la lunghezza del tratto e la distanza tra i tratti della linea tratteggiata. Se nella Fig. 8, sono stati accettati i valori predefiniti - 6 punti per il tratto e la distanza tra i tratti, quindi selezionando rispettivamente i valori 10 e 12 punti e utilizzando nuovamente lo strumento Bottiglia di inchiostro, è possibile ottenere un tratto, come in Fig. . 10.

Riso. 10. Ritocchi parametri di linea

Quindi, abbiamo esaminato i concetti di base - contorno, riempimento e linea del tratto - usando l'esempio del disegno di un ovale. Ora parliamo direttamente degli strumenti di disegno.

Strumento rettangolo

Lo strumento Rettangolo si trova accanto allo strumento Ovale (Fig. 11).

Oltre al rettangolo tradizionale, puoi disegnare rettangoli con bordi arrotondati. Per impostare questa modalità selezionare l'icona mostrata in Fig. 11 è indicato dalla freccia rossa. Di conseguenza, verrà visualizzato il pannello Impostazioni rettangolo, in cui si definisce il raggio del raccordo, dopodiché quando si disegna un rettangolo, gli angoli verranno arrotondati. La modifica del riempimento e del contorno del contorno del rettangolo viene eseguita allo stesso modo del caso di un ovale.

Riso. 11. Lavorare con lo strumento Rettangolo

Strumento Linea

Lo strumento Linea consente di disegnare linee rette (Fig. 12). Tenendo premuto il tasto Maiusc è possibile disegnare linee verticali, orizzontali o a 45°.

Riso. 12. Lavorare con lo strumento Linea

In alcuni casi, se ad esempio dovete disegnare un triangolo isoscele, è utile utilizzare una griglia. È possibile rendere visibili le linee della griglia utilizzando il comando Visualizza > Griglia > Mostra griglia(Fig. 13).

Riso. 13. Quando disegni forme geometriche regolari, puoi utilizzare una griglia

Strumento matita

Riso. 14. Il risultato dell'utilizzo dello strumento Matita con impostazioni diverse (la riga superiore di triangoli è la modalità Raddrizza, la riga inferiore è Inchiostro)

Lo strumento Matita si trova sotto lo strumento Ovale. Nella fig. La Figura 14 mostra il risultato del lavoro con una matita con diverse opzioni per configurarla, di cui tre in totale. Con l'impostazione Raddrizza, lo strumento trasforma le linee traballanti di un contorno disegnato a mano in linee rette; con l'impostazione Leviga, leviga le linee e nella modalità Inchiostro praticamente non modifica il contorno originale.

Strumenti di modifica della linea, freccia e sottoselezione

Per spiegare come funziona lo strumento Freccia, dobbiamo dare uno sguardo più da vicino alla struttura di una linea di contorno.

Disegniamo una linea utilizzando lo strumento Matita, come mostrato in Fig. 15. Consiste in un contorno e un tratto di linea.

Riso. 15. Utilizzando lo strumento Sottoseleziona, è possibile selezionare punti di ancoraggio e segmenti di linee di contorno

Riso. 16. Esempio di spostamento di un punto d'angolo

Riso. 17. Esempio di modifica della curvatura di un contorno

Riso. 18. La linea del tratto segue la linea del contorno

Finora, parlando del circuito, non abbiamo accennato alla sua struttura. Per spiegare la struttura della linea di contorno, utilizzeremo lo strumento Sottoselezione, attivato in Fig. 15, e cliccarlo lungo il contorno della linea. Di conseguenza, vedremo che la linea di contorno è costituita da segmenti e punti di riferimento (Fig. 15). Quando utilizzi lo strumento Matita, i segmenti e i punti di ancoraggio vengono creati automaticamente. Quando modifichiamo la linea del contorno, la linea del tratto cambia automaticamente. Mostriamo come modificare una linea di contorno utilizzando lo strumento Freccia: è evidenziato in Fig. 16.

I punti di ancoraggio possono essere angolari o lisci. Quando avviciniamo lo strumento Freccia ad una linea, il suo aspetto cambia. Quando si avvicina a un punto d'angolo, apparirà un angolo accanto all'immagine della freccia - in questa modalità puoi spostare i punti d'angolo (Fig. 16), e quando ti avvicini a un segmento o a un punto morbido, apparirà un'immagine ad arco - in questo modalità è possibile modificare la curvatura del contorno (Fig. 17 ). Quando si modifica la linea di contorno, la linea del tratto segue la linea di contorno (Fig. 18).

Disegna un'ellisse e utilizza lo strumento Freccia per selezionarne il riempimento con un clic (il colore del riempimento selezionato verrà schiarito con punti bianchi) e spostalo utilizzando la modalità trascina e rilascia, come mostrato in Fig. 19. Se si fa doppio clic, verrà selezionata anche la linea del tratto adiacente al riempimento. Facendo doppio clic è inoltre possibile selezionare le linee che si intersecano.

Riso. 19. Un esempio di spostamento di un oggetto selezionato con lo strumento Freccia

Riso. 20. Immagine originale

Consideriamo altri tipi di modifica dell'immagine selezionata. Utilizzando lo strumento Matita, disegna un determinato contorno, ad esempio una foglia (Fig. 20). Seleziona lo strumento Freccia e seleziona la foglia disegnata in una cornice rettangolare. Ora puoi elaborare l'oggetto selezionato con i modificatori disponibili.

Nel pannello Opzioni, seleziona il pulsante Leviga e fai clic più volte: il contorno della foglia acquisirà un contorno più morbido (Fig. 21a).

Riso. 21. Utilizzando i modificatori dal pannello Opzioni: a) Leviga consente di smussare i contorni dell'immagine; b) Raddrizza consente di raddrizzare i contorni dell'immagine

Il contorno cambia dopo diversi clic sul pulsante Raddrizza come mostrato in Fig. 21b.

Utilizzando lo strumento Lazo, puoi selezionare un'area di qualsiasi forma (Fig. 22).

Riso. 22. Esempio di selezione utilizzando lo strumento Lazo

Strumento Pennello

Riso. 23. Esempio di lavoro con lo strumento Pennello

Lo strumento Pennello crea un percorso vettoriale e lo riempie con il colore selezionato, ma, a differenza degli strumenti discussi in precedenza, non forma una linea di tratto (Fig. 23). Per capire che tipo di tracciato crea lo strumento Pennello, guardate la Fig. 24, dove viene utilizzato lo strumento Sottoseleziona.

Riso. 24. Esempio di linea di contorno creata con lo strumento Pennello

Riso. 25. Opzioni di personalizzazione dello strumento Pennello

Il pannello Opzioni fornisce tre opzioni per personalizzare lo strumento Pennello: modalità (pulsante in alto), dimensioni del pennello (pulsante centrale) e forma del pennello (pulsante in basso) (Fig. 25).

Le modalità determinano la natura dell'interazione della linea tracciata con l'oggetto già disegnato (Fig. 26). Come si può vedere dalla figura, quando si disegna lo stesso tipo di linee orizzontali in modalità diverse, la pittura avviene in modi diversi:

Dipingi Normale lo spazio della cornice viene dipinto, la linea del tratto e il riempimento dell'oggetto vengono dipinti;

Dipingi Riempie lo spazio della cornice su cui viene dipinto e l'oggetto da dipingere viene riempito. La linea del tratto non viene dipinta;

Dipingi Dietro viene dipinto solo lo spazio libero della cornice;

Paint Selection viene dipinta solo l'area selezionata;

Dipingi All'interno viene dipinto solo il riempimento che ha iniziato a dipingere.

Riso. 26. Diverse modalità di interazione dei tratti di pennello con un oggetto precedentemente disegnato

È necessario spiegare l'effetto del parametro Lock Fill: il pulsante corrispondente a questo comando con l'icona di un lucchetto viene mostrato premuto in Fig. 27.

Riso. 27. Esempio del parametro Lock Fill

Quando il parametro Blocca riempimento è attivato (si preme il pulsante), il gradiente si applica all'intero campo di lavoro (Fig. 27), mentre quando non è attivato, la transizione da un colore all'altro viene effettuata in base a un tratto di pennello (Fig. 28).

Riso. 28. L'opzione Blocca riempimento non è attivata

Gomma per cancellare

La gomma consente di cancellare linee e riempire e dispone di numerose impostazioni diverse. Nel pannello Opzioni, puoi configurare le dimensioni e la forma della gomma e anche selezionare la modalità di cancellazione (Fig. 29):

Cancella normale cancella la linea del tratto e il riempimento dell'oggetto;

Cancella Riempimenti viene cancellato il riempimento dell'oggetto (la linea del tratto non viene cancellata);

Cancella linee vengono cancellate solo le linee;

Cancella riempimenti selezionati Viene cancellata solo l'area selezionata.

Cancella all'interno viene cancellato solo il riempimento e quando si traccia una linea con una gomma, la cancellazione viene eseguita solo all'interno del contorno in cui è iniziata la linea.

Il modificatore Faucet ti consente di rimuovere completamente un riempimento o una linea.

Riso. 29. Diverse modalità di gomma

Strumento Penna

Finora abbiamo esaminato gli strumenti che creano automaticamente i contorni. Lo strumento Penna ti consente di lavorare direttamente con i tracciati. Con esso puoi creare segmenti dritti e curvi, regolare la lunghezza delle linee rette e l'inclinazione dei segmenti curvi.

Punto di riferimento lineare

Seleziona lo strumento Penna, fai clic (hai posizionato il primo punto di ancoraggio), sposta il cursore, fai clic (questo è il secondo punto di ancoraggio). Il risultato sarà una linea spezzata, come in Fig. 30. I punti di riferimento mostrati in Fig. 30 sono detti lineari, poiché i segmenti in essi convergenti sono lineari. Un punto lineare non ha guide.

Riso. 30. Un esempio di costruzione di una polilinea utilizzando lo strumento Penna

Punto di ancoraggio liscio

Riso. 31. Un esempio di creazione di una curva morbida utilizzando lo strumento Penna

Per creare un punto di ancoraggio uniforme, seleziona lo strumento Penna, fai clic pulsante di sinistra mouse e, senza rilasciarlo, muovere leggermente il mouse, apparirà così un punto di riferimento omogeneo e una linea guida che emerge da esso (Fig. 31). Ruotando e allungando la linea guida è possibile modificare la curvatura del segmento successivo.

Per creare un contorno aperto, fare doppio clic sull'ultimo punto. Rilascia il pulsante del mouse, sposta il cursore e posiziona il successivo punto di ancoraggio; Ripetendo questa procedura è possibile ottenere una linea morbida, come in Fig. 31.

Per chiudere un percorso, spostare il cursore più vicino al punto di ancoraggio iniziale o alla linea del percorso. Dopo che il cursore si è trasformato in una penna con un cerchio, fare clic con il mouse e il contorno si chiuderà.

Se due segmenti indipendenti si connettono in un punto, allora si tratta di un punto d'angolo. Ad esempio, se colleghi segmenti diritti e curvi, alla loro intersezione apparirà un punto d'angolo (Fig. 32).

Riso. 32. All'intersezione di segmenti diritti e curvi, si forma un punto d'angolo

I punti di ancoraggio possono essere trasformati, spostati ed eliminati.

Per convertire un punto d'angolo in uno morbido, selezionare lo strumento Sottoselezione. Fare clic sul punto d'angolo e, tenendo premuto il tasto Alt, trascinare il punto: diventerà liscio e apparirà una linea guida che consentirà di modificare la curvatura dei segmenti che si collegano a questo punto morbido (Fig. 33).

Riso. 33. Un esempio di conversione di un punto d'angolo in uno liscio

Per impostazione predefinita, i punti della curva morbida selezionati vengono visualizzati come punti vuoti, mentre i punti d'angolo selezionati vengono visualizzati come quadrati vuoti.

Utilizzo della penna e degli strumenti di sottoselezione per manipolare i punti di ancoraggio

Allo stesso modo, puoi creare punti su linee disegnate da altri strumenti di disegno Flash: Matita, Pennello, Linea, Ovale, Rettangolo e regolare queste linee.

In particolare, nella Fig. La Figura 34 mostra un percorso realizzato utilizzando lo strumento Ovale trasformando un punto morbido in un punto d'angolo (utilizzando lo strumento Penna) e trascinando il punto d'angolo utilizzando lo strumento Sottoselezione.

Riso. 34. Un percorso creato con lo strumento Ovale trasformando un punto morbido in un punto d'angolo e trascinandolo

Strumento contagocce

Lo strumento Contagocce viene utilizzato per copiare il colore e lo stile delle linee della matita, della modalità pennello e dei riempimenti. Quando si sposta la pipetta sulla linea, il cursore cambia: sotto la pipetta appare una mini icona a forma di matita. Quando si fa clic con il contagocce su una linea, tutti i parametri della linea (colore, spessore, stile) vengono copiati e il contagocce viene sostituito con lo strumento Bottiglia di inchiostro, che consente di applicare tutte queste impostazioni a un'altra linea.

Allo stesso modo, quando il cursore si trova su un riempimento, viene visualizzata un'immagine di raccolta sotto il contagocce e quando il cursore si trova su un tratto di pennello, viene visualizzata un'immagine di pennello sotto il contagocce. Queste icone indicano quali attributi stai copiando con lo strumento Dropper.

Strumento di riempimento

Abbiamo già menzionato Strumento di pittura Secchio - è evidenziato in Fig. 35, esaminiamo ora le sue capacità in modo più dettagliato. Questo strumento viene utilizzato per riempire aree chiuse (e parzialmente chiuse) con riempimenti di colore, gradienti e raster.

Se hai lavorato con il riempimento di immagini raster in Photoshop, probabilmente hai familiarità con la situazione in cui il riempimento "si riversa" oltre il bordo di contorni non molto ben disegnati in quei punti dove ci sono "buchi". In Flash sono possibili diverse modalità di impostazione dello strumento di riempimento, che consentono di evitare il difetto sopra descritto.

Sono disponibili quattro opzioni per configurare questo strumento:

Non colmare gli spazi vuoti: non colmare gli spazi vuoti;

Chiudi piccoli spazi vuoti chiudi piccoli spazi vuoti;

Chiudi gli spazi medi chiudi gli spazi medi;

Chiudere grandi spazi vuoti chiudere grandi spazi vuoti.

Seleziona lo strumento Matita e disegna un tracciato aperto (Fig. 35). Seleziona la modalità Chiudi spazi grandi e riempi il contorno. Come si può vedere dalla figura. 35, il riempimento rimane all'interno del contorno, anche se il contorno originale era aperto.

Riso. 35. Esempio di chiusura di un contorno nella modalità Chiudi grandi spazi

Ora diamo un'occhiata al riempimento sfumato e alle operazioni con esso. Nel pannello Riempimento, seleziona l'opzione di riempimento nella scheda Riempimento - Gradiente lineare. Quindi disegna un rettangolo, riempilo con un riempimento lineare con un gradiente lineare e all'interno del rettangolo grande disegna un rettangolo più piccolo (Fig. 36). Come puoi vedere in questa figura, in un piccolo rettangolo la transizione dal bianco al blu viene realizzata con un gradiente più piccolo. Se usi la funzione Blocca riempimento e riempi entrambi i rettangoli, otterrai un'immagine come in Fig. 37. Cioè, il gradiente nel rettangolo interno ed esterno sarà lo stesso.

Riso. 36. Modalità di riempimento gradiente quando il parametro Blocca riempimento non è attivato

Riso. 37. Riempimento gradiente nella modalità quando il parametro Blocca riempimento è attivato

Per modificare la direzione del gradiente di riempimento, è necessario fare clic sul pulsante Trasforma riempimento nel pannello Opzioni (è cliccato in Fig. 38), quindi fare clic sul riempimento, di conseguenza appariranno dei marcatori (Fig. 38).

Riso. 38. Esempio di modifica di un riempimento sfumato

Il marcatore rotondo superiore viene utilizzato per ruotare il riempimento sfumato, quello rettangolare viene utilizzato per aumentare (diminuire) il gradiente della transizione da un colore all'altro e quello rotondo centrale viene utilizzato per spostare il centro del riempimento sfumato.

Lo strumento Secchio di vernice consente inoltre di riempire un tracciato chiuso con un'immagine raster. Dimostriamo come è fatto questa procedura utilizzando un semplice esempio. Utilizzando lo strumento Rettangolo, disegna un'immagine del monitor nello schermo di cui verrà inserita l'immagine raster (Fig. 39).

Riso. 39. Immagine vettoriale del monitor in cui verrà posizionata l'immagine raster della foto

Quindi importa un'immagine bitmap che riempirà lo schermo. È possibile importare una bitmap eseguendo il comando File > Importa e selezionando il file richiesto. Successivamente, vai al pannello Riempimento e modifica il metodo di riempimento in raster - Bitmap (Fig. 40).

Riso. 40. Pannello Riempimento, scheda Riempimento

Pertanto, se riempi un contorno chiuso all'interno del disegnato schermo, verrà quindi eseguito il riempimento raster, come mostrato in Fig. 41.

Riso. 41. Esempio di riempimento raster

Per modificare un riempimento raster, è necessario fare clic sul pulsante Trasforma riempimento nel pannello Opzioni (si fa clic in Fig. 42), quindi fare clic sul riempimento raster; di conseguenza, verrà visualizzata una cornice con indicatori ( Figura 42).

Utilizzando il marcatore centrale, è possibile trascinare l'immagine raster in modo che la parte desiderata della foto venga visualizzata sul monitor disegnato (Fig. 43).

Riso. 42. Riquadro di modifica del riempimento raster

Riso. 43. Spostando l'indicatore del centro è possibile ritagliare la bitmap

Altri marcatori consentono di ridimensionare l'immagine raster, ruotarla e deformarla (Fig. 44).

Riso. 44. Esempio di deformazione del riempimento raster

Dopo aver importato diverse foto, è possibile impostare una tavolozza dalla quale selezionare il raster da riempire (Fig. 45), proprio come una tavolozza di colori.

Riso. 45. Esempio di tavolozza con più bitmap

Aggiunta e sottrazione di forme

Quando due forme si sovrappongono, Flash le unisce o le segmenta. Disegna due forme dello stesso colore: un cerchio e un rettangolo (Fig. 46), seleziona il rettangolo (facendo clic su di esso con lo strumento Freccia), quindi sovrapponi il rettangolo al cerchio e rimuovi la selezione da esso (facendo clic su di nuovo con lo strumento Freccia).

Riso. 46. ​​​​Cifre iniziali

Di conseguenza, le due figure si fonderanno in una sola. Facendo clic sul contorno della forma risultante con lo strumento Sottoseleziona, puoi assicurarti che il contorno interno sia scomparso (Fig. 47).

Riso. 47. Un esempio di combinazione di due forme dello stesso colore

Ora esegui la stessa procedura con forme di colori diversi. In questo caso il confine interno non scomparirà (Fig. 48).

Riso. 48. Quando si sovrappongono forme di colori diversi, il contorno interno non scompare

Ora se selezioni un rettangolo e lo sposti utilizzando lo strumento Freccia, una parte verrà ritagliata dal cerchio, come mostrato in Fig. 49.

Riso. 49. Parte del cerchio è ritagliata in un rettangolo

A volte è utile combinare e sottrarre i contorni delle forme per ottenere un contorno complesso.