Facebook Twitter RSS Reset

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Ps│Hacé un gif de bienvenidos para tus posts bien fácil
Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Hola amigos bienvenidos a mi nuevo tutorial, en esta ocasión les enseñaré a hacer un gif banner de bienvenidos con photoshop. Quizá haya mejores formas de hacerlo pero es la única que sé por el momento.

Paso 1: Abren un nuevo documento de 650 x 150 píxeles de color blanco y 72 de resolución.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil



Paso 2:
Van a la herramienta texto y escriben la palabra “BIENVENIDOS” con la fuente Coolvetica. Luego de escribirla la validan y la estiran de arriba a abajo ( “Ctrl + t” para poder hacer eso).

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Paso 3: Luego de estirarlo lo centran. Para eso van a la herramienta de mover, presionan “Ctrl + a” para seleccionar todo el lienzo y luego van a unos botones que están arriba para centrar (ver imagen). Cuando terminan de centrarlo presionan “ctrl + d” para deseleccionar.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil



Paso 4:
Ahora para hacer la línea que subraya el texto vamos a la herramienta línea (valga la redundancia) y le aplicamos un relleno con el código #cccccc, sin trazo y tamaño de 0,20 pt. Manteniendo shift para que salga bien recto trazan la línea. Luego rasterizan la capa de la forma.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

¿Se ve el gif?

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

¿Se ve el gif?





Paso 5:
Procederemos a colocar la primer imagen, van a “Archivo” -> “Colocar” y buscan la primera de las cinco imágenes. La acomodan y le cambian el tamaño a su gusto.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Paso 6: Sin irse de la capa de la imagen que colocaron, van a la capa del texto y dan “Ctrl + click” sobre el ícono “T”, de esa forma se selecciona todo el texto. Luego le crean una máscara como muestra la imagen.


Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Ps│Hacé un gif de bienvenidos para tus posts bien fácil



Otra forma de hacerlo es ubicar la capa de la foto por debajo de la capa de la línea y por encima de la capa de texto (osea entre las dos capas), y hacer click derecho (en la capa de la foto) “crear máscara de recorte” (yo lo hago así).

Ps│Hacé un gif de bienvenidos para tus posts bien fácil



Paso 7:
Guardan el trabajo en forma .jpg y vuelven a hacer el paso 6 cuatro veces más, borrando la capa de la foto anterior y colocando una nueva.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Ps│Hacé un gif de bienvenidos para tus posts bien fácil



Paso 8:
Una vez terminado vamos a comenzar con el gif. Para evitar líos abrimos un nuevo documento con las mismas medidas con las que estuvimos trabajando. Luego van a “Ventana” -> “Línea de tiempo” y depués elegimos “crear animación de fotogramas”.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Paso 9: Colocamos uno por uno las 5 imágenes que editamos, para eso vamos a “Archivo” -> “Colocar” y buscamos la imagen, tiene que coincidir con el tamaño del fondo, igual se ajusta solo.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil



Paso 10:
Cuando terminamos de colocar las 5 imágenes debemos configurar algunas cosas para que el gif quede correctamente. Por ejemplo en donde dice “Una vez”, que significa las veces que se reproducirá la animación, elegiremos “infinito”.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Luego, hacemos click derecho sobre el primer y único cuadro y elegimos “No eliminar”.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Por último, donde dice “0 seg” elegimos “0,2”.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Paso 11: Terminada la configuración empezaremos a crear los 5 cuadros necesarios para la animación. Para eso hacemos visible sólo la primer capa (no importa la capa “Fondo” ), ojo, aparte de hacerla visible tiene que estar seleccionada. Luego hacemos click en “Duplicar cuadro seleccionado”.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil



Luego seleccionan la segunda capa y la hacen visible y dan de nuevo a “duplicar cuadro seleccionado”, así sucesivamente hasta llegar a la quinta capa.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Cuando termines de hacer los 5 cuadros vas a ver que te sobra uno, lo único que tenés que hacer es eliminarlo, arrastrando el cuadro hacia el tacho de basura.

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Paso 12: ¡Bien! terminaste el gif, para guardarlo tenés que ir a “Archivo” -> “Guardar para Web…” y luego Guardar. Un buen sitio para alojar imágenes es imgur.

Así quedaría:

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Con los mismos pasos podés hacer un gif con la palabra “FIN” o “FIN DEL POST”

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Espero que les haya gustado y servido, si desean puntuar y compartir se los agradeceré. También podés pasarte por otro de mis posts.

Hacé un efecto arquitectónico simple y fácil.(click en la imagen)


Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Creá tu propio fondo de pantalla de colores. (click en la imagen)


Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Hacé tu propia bandera de tela en photoshop en 6 simples pasos. (click en la imagen)


Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Llevate unos gifs de “BIENVENIDOS” para decorar tus posts. (click en el gif)



Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Hacé un texto origami simple y fácil (click en la imagen)


Ps│Hacé un gif de bienvenidos para tus posts bien fácil


Hacé un efecto de texto en un vidrio empañado bien fácil y rápido (click en la imagen)


Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Hacé un efecto de luces Bokeh (click en la imagen)


Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Efecto lluvia paso a paso (click en la imagen)



Ps│Hacé un gif de bienvenidos para tus posts bien fácil
Creá una gota de agua (click en la imagen)
Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

Ps│Hacé un gif de bienvenidos para tus posts bien fácil

No comments yet.

Leave a Comment