Cómo hacer un logotipo giratorio en Photoshop

Los logotipos animados, hechos con prudencia, atraen la atención de los visitantes de su sitio web y los incitan a ver el resto de la página. El panel Capas, la herramienta Transformación y el panel Línea de tiempo de Photoshop funcionan juntos para crear imágenes GIF animadas que puede agregar a cualquier página web. Puede hacer que su logotipo gire en sentido horario o antihorario.

Paso 1

Abra el archivo de imagen del logotipo. Utilice cualquier formato de archivo, pero si el archivo es un PSD de varias capas, combine las capas.

Paso 2

Cree un lienzo lo suficientemente grande como para contener completamente el logotipo que desea rotar. Por ejemplo, si su logotipo tiene 300 píxeles de ancho y 200 píxeles de alto, haga clic en "Archivo", "Nuevo" y luego haga que la altura y el ancho de la imagen superen los 300 píxeles. Seleccione un fondo sólido que funcione con su logotipo y sitio web. Por ejemplo, si el logotipo tiene un fondo blanco, elija "Blanco" para "Contenido de fondo".

Paso 3

Escriba un nombre para el nuevo archivo y haga clic en "Aceptar" para agregar un lienzo de imagen en blanco.

Paso 4

Haga clic en el menú "Ventana" y luego seleccione la ventana que contiene el logotipo.

Paso 5

Presiona "Ctrl-A" para seleccionar la imagen completa y luego "Ctrl-C" para copiarla en el portapapeles.

Paso 6

Haz clic en el menú "Ventana" y luego selecciona la ventana que contiene el lienzo en blanco que creaste para colocar el logotipo.

Paso 7

Presiona "Ctrl-V" para pegar el logo en el lienzo en blanco.

Paso 8

Presione "Ctrl-E" para fusionar la imagen pegada con la imagen de fondo dejando solo una capa en lugar de dos.

Paso 9

Crea tres duplicados de la capa actual. Haga clic en el menú "Capas", "Duplicar capa" y luego en "Aceptar" para crear cada nueva capa que contenga una copia de la imagen original fusionada. Photoshop nombra las capas por usted.

Paso 10

Seleccione la primera capa de la lista que comienza en la parte superior del panel Capas, haga clic en el menú "Editar", "Transformar" y luego "Girar 90º en el sentido de las agujas del reloj".

Paso 11

Seleccione la segunda capa en la lista, haga clic en el menú "Editar", "Transformar" y luego "Girar 180º".

Paso 12

Seleccione la tercera capa en la lista, haga clic en el menú "Editar", "Transformar" y luego "Girar 90º en sentido contrario a las agujas del reloj". Guarda tu trabajo.

Paso 13

Haga clic en el menú "Ventana", "Línea de tiempo" y luego en el botón "Crear línea de tiempo de video" para agregar el panel Línea de tiempo a su proyecto. El panel Línea de tiempo contiene las cuatro capas del logotipo. Si solo ve tres capas, desbloquee la capa original.

Paso 14

Reduzca el tiempo de visualización de cada capa estableciendo su duración en cinco fotogramas. Haz clic y mantén presionado el mouse en el borde derecho de cada capa en la línea de tiempo y arrastra el borde hacia la izquierda hasta que la configuración de "Duración" sea "00.05". Cuantos menos fotogramas, más rápido parece girar la animación.

Paso 15

Deje la capa inferior en la línea de tiempo donde está. Haga clic y mantenga presionado el mouse en el centro de la capa justo encima de la capa inferior en la línea de tiempo y arrastre toda la capa hacia la derecha hasta que su lado izquierdo se alinee con el borde derecho de la capa inferior. Si la capa cambia de tamaño en lugar de moverse, presione "Ctrl-Z" y vuelva a intentarlo.

Paso 16

Haga clic y mantenga presionado el mouse en la segunda capa sobre la capa inferior en la línea de tiempo y mueva la capa hacia la derecha hasta que el lado izquierdo de la capa se alinee con el borde derecho de la capa debajo de ella.

Paso 17

Haga clic y mantenga presionado el mouse en la capa superior en la línea de tiempo y arrastre la capa hacia la derecha hasta que el lado izquierdo de la capa se alinee con el borde derecho de la capa debajo de ella.

Paso 18

Presione el botón "Reproducir" para obtener una vista previa de la animación.

Paso 19

Haz clic en "Archivo" y luego en "Guardar para Web".

Paso 20

Haga clic en la lista desplegable etiquetada como "Opciones de bucle" y seleccione "Para siempre" para generar un logotipo animado que nunca deja de girar.

Paso 21

Haga clic en "Guardar" y luego en "Guardar" en el cuadro de diálogo "Guardar optimizado como". Para ver la animación, abra el archivo GIF que creó con su navegador web.

Consejo

Haga que el logotipo parezca girar suavemente agregando capas adicionales con cambios incrementales más pequeños entre las imágenes.

Advertencia

La información de este artículo se aplica a Photoshop CC 14.2.1. Puede variar ligera o significativamente con otras versiones de Photoshop.