Come creare un indicatore di avanzamento animato con Photoshop CS3

June 3

Come creare un indicatore di avanzamento animato con Photoshop CS3


Adobe Photoshop è una suite di software di editing delle immagini potente che può essere utilizzato per ritoccare le immagini, creare opere d'arte e di design animazioni. immagini Animazione in Photoshop CS3 è facilitato da una barra degli strumenti di animazione integrata che semplifica il processo. Creazione di una barra di avanzamento animata in Photoshop è un ottimo modo per imparare a utilizzare strumenti di animazione di Photoshop.

istruzione

1 Creare un nuovo documento di Photoshop. Impostare il colore di sfondo bianco.

2 Utilizzare lo strumento Rettangolo arrotondato per disegnare un rettangolo sulla tela. Questo rettangolo è il contorno della barra di progresso. Fai clic destro sul layer e selezionare "Rasterizza livello." Il vostro rettangolo arrotondato scomparirà.

3 Fai clic destro sul nuovo livello "Forma 1" nella palette "Livelli" e selezionare "Opzioni di fusione" dal menu contestuale. Selezionare l'opzione "Stroke" e impostare il "Formato" per 1 pixel. Selezionare l'opzione "Ombra interna", e impostare le "modalità di miscelatura" a "Multiply" e "l'angolo" a 90 gradi. Fai clic su "OK" per applicare le modifiche.

4 Fai clic destro sul layer "Shape 1" e selezionare "Unisci giù." Salvare il lavoro, quindi fare clic sul pulsante "Nuovo livello" nella palette Livelli e richiamare il livello "Progress strato di unità."

5 Selezionare lo strumento "Rettangolo Marquee" e disegnare una piccola scatola all'interno del contorno della barra di progresso. Questo rettangolo sarà una "unità di progresso" e verrà duplicato in ciascuno dei fotogrammi di animazione per riempire la barra di avanzamento.

6 Riempire il rettangolo con il "gradiente" o lo strumento di "riempimento". Deselezionare la casella "Propagare fotogramma 1" nella palette "Livelli".

7 Duplicate il livello "Progress Unit". Copiare l'unità di avanzamento e incollare una copia del gruppo di avanzamento successivo al primo. Duplicate questo secondo livello per creare un livello con tre unità. Ripetere questa operazione prima di aver riempito la barra di avanzamento con le unità di progresso. Salvare il lavoro.

8 Aprire la palette "Animazione" selezionando "Animazione" dal menu "Window". Selezionare la cornice e fare clic sul pulsante "Duplica fotogrammi selezionati". Duplicate il telaio fino a quando si dispone di un numero di fotogrammi pari al numero di unità di avanzamento nella barra di avanzamento.

9 Selezionare il primo fotogramma e fare tutti i livelli - tranne lo "sfondo" e strati "unità Progress" - invisibili. Selezionare il secondo telaio e rendere tutti i livelli invisibili ad eccezione del "fondo", "Progress Unit" e "unità di avanzamento della copia 1" strati. Ripetere questo passaggio per ogni fotogramma in modo che il primo frame è dotato di un'unità progressi visibili, la seconda struttura ha due, la terza ha tre e l'ultimo fotogramma ha tutte le unità visibili progressi.

10 Selezionare il primo fotogramma nella finestra "Animazione", quindi tenere premuto "Shift" e fare clic sull'ultimo fotogramma per selezionare tutti i fotogrammi dell'animazione. Fai clic sul menu a discesa "Delay" sotto una delle cornici e selezionare la quantità di tempo che si desidera ogni fotogramma da visualizzare per.

11 Fai clic su "Play" per visualizzare l'animazione, e salvare il lavoro.

Consigli e avvertenze

  • Se non si deselezionare la casella "Propaga fotogramma 1", i livelli non saranno duplicati correttamente quando si creano i fotogrammi di animazione.