-
Cómo crear un indicador de progreso animado con Photoshop CS3
-
Adobe Photoshop es un potente paquete de software de edición de imágenes que se puede utilizar para retocar imágenes, animaciones crear obras de arte y diseño. Animación de imágenes en Photoshop CS3 es facilitado por una barra de herramientas de animación integrado que simplifica el proceso. Creación de una barra de progreso de animación en Photoshop es una excelente manera de aprender a utilizar las herramientas de animación de Photoshop.Instrucciones
1 Crear un nuevo documento de Photoshop. Ajuste el color de fondo a blanco.
2 Utilice la herramienta rectángulo redondeado para dibujar un rectángulo en el lienzo. Este rectángulo es el contorno barra de progreso. Haga clic derecho sobre la capa y seleccione "Rasterizar Capa." Su rectángulo redondeado desaparecerá.
3 Haga clic en la nueva capa "Forma 1" en la paleta de "Capas" y seleccione "Opciones de fusión" en el menú contextual. Seleccionar la opción "Stroke" y establecer el "tamaño" de 1 píxel. Seleccionar la opción "Sombra interior", y establecer el "modo de fusión" a "Multiplicar" y el "ángulo" a 90 grados. Haga clic en "Aceptar" para aplicar los cambios.
4 Haga clic en la capa "Forma 1" y seleccione "Combinar hacia abajo." Guarde su trabajo, a continuación, haga clic en el botón "Nueva capa" en la paleta de capas y llamar a la capa "capa de unidad de Progreso".
5 Seleccione la herramienta "Marco rectangular" y dibujar una pequeña caja dentro de su esquema barra de progreso. Este rectángulo será una "unidad de progreso" y será duplicado en cada uno de los cuadros de animación para llenar la barra de progreso.
6 Rellene el rectángulo con el "degradado" o la función "relleno". Desactive la casilla "Propagar el fotograma 1" en la paleta de "Capas".
7 Duplicar la capa "Unidad Progreso". Copiar la unidad de progreso y pegar una copia de la unidad de avance al lado de la primera. Duplicar esta segunda capa para crear una capa con tres unidades. Repita este paso hasta que haya llenado la barra de progreso con las unidades de avance. Guarda tu trabajo.
8 Abrir la paleta de "Animación" seleccionando la opción "Animación" en el menú "Ventana". Seleccione el marco y haga clic en el botón "Duplicar cuadros seleccionados". Duplicar la trama hasta que tenga un número de fotogramas igual al número de unidades de progreso en la barra de progreso.
9 Seleccione el primer fotograma y hacer todas las capas - con excepción de los "fondo" y "capas" de la unidad de Progreso - invisibles. Seleccione el segundo cuadro y hacer que todas las capas invisibles, excepto el "fondo", "" y "unidad de Progreso Unidad de progreso de la copia 1" capas. Repita este paso para cada fotograma de manera que el primer fotograma tiene una unidad progreso visible, el segundo cuadro tiene dos, el tercero tiene tres y el último cuadro tiene todas las unidades de progreso visible.
10 Seleccione el primer fotograma en la ventana de "Animación", a continuación, mantenga presionada la tecla "Shift" y haga clic en el último cuadro para seleccionar todos los fotogramas de la animación. Haga clic en el menú desplegable "Delay" en uno de los marcos y seleccione la cantidad de tiempo que desea cada cuadro que se mostrará para.
11 Haga clic en "Play" para ver su animación, y guardar su trabajo.
Consejos y advertencias
- Si no selecciona la casilla "Propagar el fotograma 1", las capas no duplicar correctamente al crear los cuadros de animación.