martes, 16 de agosto de 2016

Tutorial Photoshop: Bigotes de gatito en tus fotos (GIF)

Hola-Hola! (nwn)/

Como están?o:  Espero bien ^^


Bueno esta es una entrada que tenia pendiente desde hace bastante tiempo, es un tutorial super sencillo de como aagregar bigotes con movimiento en tus fotos.


Esta personita tan adorable es Borarmon, les dejo un link a su canal de youtube:


Y su Instagram que es:
@Borarmon


Espero que no le moleste que haya tomado dos de sus fotos (si le molesta voy a tener que rehacer el tutorial T.T) y vamos a empezar:
Para el tutorial, lo que vas a necesitar es Photoshop CS5 Extended, o versiones posteriores, la foto en la que vas a agregar el efecto y esta imagen de bigotitos: 


Solo dale click derecho y guardala.
Comencemos:
Primero vas a abrir el programa Photoshop y se verà mas o menos asi, si ya lo tenias instalado y lo usas con frecuencia se te hará mas fácil el uso de las herramientas.

Ahora vas a ir a el botón que dice Ventana y vas a seleccionar Animacion





Te aparecerà este cuadro de abajo:



Ahora vas a seleccionar la imagen de los bigotitos y a arrastrarla hacia el programa, fíjate que te aparezcan 3 capas y en la barra de abajo, 3 cuadros, cada cuadro esta relacionado a una única capa visible



Vas a seleccionar la herramienta Borrador Magico de l a barra de herramientas de la izquierda y vas a hacer click sobre el fondo blanco en la imagen de los bigotes. Antes de esto asegúrate de dejar seleccionada la capa 1 y el cuadro 1 (solo con un click)



El fondo se verà de la siguiente manera:



Ahora vas a repetir el mismo proceso seleccionando la capa 2 junto con el cuadro 2 y la capa 3 con el cuadro 3




Ahora vas a seleccionar tu foto y a arrastrarla hasta encima de los bigotes, sueltas el click y te aparecerà barras laterales, usando el cursor y los puntos de los lados y arriba, vas a acomodar tu foto, no te fijes en donde están los bigotes, esos los vamos a acomodar después, solo acomoda tu foto en el recuadro



En el caso de que tu foto sea algo grande, en la barra de herramientas de la izquierda hay una herramienta que puedes utilizar para agrandar la imagen, o lo que se llama “el lienzo”


Una vez que hayas ubicado tu foto se verà mas o menos asI


Ahora vas a seleccionar la capa en la que esta tu foto, que lo mas probable es que sea la ultima, pero en el caso de que haya quedado en otra parte, no hay problema, la idea es seleccionarla y moverla hasta abajo, que sea la primera capa y que las capas con los bigotes queden todas por encima de tu foto


 

Ahora vas a seleccionar el cuadro nº 1 (los que están en la parte de abajo) y mientras mantienes presionada la tecla Ctrl (Control) vas a seleccionar los otros 2 cuadros y las tres capas que tienen los bigotes, NO SELECCIONES  LA CAPA CON TU FOTO, esa debe quedar sola, solo los 3 cuadros y las 3 capas que teníamos al principio


 

Ahora vas a seleccionar la herramienta para mover, que esta en la barra de herramientas de la izquiera, en la esquina superior derecha. Cuando selecciones esa herramienta sobre los bigotes van a aparecer unas barras de guía, líneas alrededor, un recuadro, coloca tu puntero, cursor, o flechita del mouse sobre alguna de las líneas hasta que el cursor tenga forma de dos flechas, una arriba y otra abajo, cuando el cursor tome esa forma, haces click y ya podras comenzar a mover (con doble click sobre los bigotes y arrastrando) y achicar o agrandar la imagen de los bigotes, también a girarla hasta ubicarlos en donde quieras


en este caso tuve que voltear la imagen de los bigotes porque la linda personita de la foto esta de lado, lo que se llama en dibujo y en fotografía, tres cuartos (3/4) no esa de frente ni completamente de perfil, asi que acomode los bigotes para que la parte mas corta quedara del lado del rostro que casi no se ve


 

Cuando ubiques  tus bigotes a donde quieras solo preciona Enter y listo



Ahora vas a seleccionar el cuadro 1 y fíjate que estén visibles la capa de tu foto y la capa 1, que estèn visibles significa que tengan un icono con un ojo en un cuadro que va antes del nombre de la capa, selecciona el cuadro 1 y fíjate que SOLO la capa de tu foto y la capa 1 tengan ese ojito, las otras NO


 

Vas a hacer lo mismo con el cuadro 2 y la capa 2, selecciona el cuadro 2 y fíjate que solo estén visibles la capa que tiene tu foto y la capa 2. Para poner y sacar ese ojito solo das click en el cuadrito al lado del nombre de la capa, con un click aparece y sile das click de nuevo desaparece, asi ve viendo que te quede como en la imagen


 

Ahora vas a hecer lo mismo con el cuadro 3 y la capa 3, fíjate que estén visibles (que tengan el ojito) solo la capa que tiene tu foto y la capa 3





Ahora ve a la pestaña Archivo y selecciona, del menú que se va a desplazar, la opción: “Guardar para Web y dispositivos móviles”


Te aparecerà el siguiente cuadro (que en mi caso se ve asi porque tuve que tomar 2 capturas de pantalla y unirlas porque el cuadro no e veía completo en mi pantalla). Alli no es necesario que toques ni cambies nada, solo fíjate que abajo en donde dice “opciones de repetición”, estè seleccionado Infinito, esto es muy importante porque  si no cuando abras la gif pasaràn las 3 capas y se detendrà, y no se crearà el efecto que queremos


 

Dale Enter y te aparecerà la ventana que todos conocemos para guardar, fíjate en donde quieres gurdarla y ponle el nombre que quieras, fíjate que la extensión del archivo sea GIF (al final de donde escribas el nombre del archivo debe decir: .gif)


Y listo, asi es como queda:



Ahora, en el caso de que los bigotes no coincidan con tu foto, vamos a hacer lo siguiente
Cuando hubiques tus bogotitos, si te fijas, no coinciden muy bien con la foto, asi que lo que vas a hacer es hacer conicidir, es decir, hubicar en donde quieras, los bogotes de un lado, en este caso hubiquè los del lado izquierdon en donde van y los otros no quedaron muy bien (los de la derecha)








Ahora vas a seleccionar el cuadro 1 y la capa 1 y con la herramienda seleccionar, que es un cuadro (en la imagen de arriba aparece como un circulo porque hay varias formas dentro de esta herramienta). Con el recuadro vas a seleccionar los bigotes que quedaron mal hubicados (los 3 de la derecha)


Una vez seleccionados los bigotes, vas a tomar la herramienta mover y cuando la selecciones te aparecerán las líneas guía alrededor de los bigotes para moverlos, agrandarlo, achicarlos, girarlos, etc. Siempre fíjate que mientaras hagas esto estén seleccionados SOLO el cuadro 1 y la capa 1 (seleccionados quiere decir que se vean azul)






Una vez que los hayas ubicado donde deben ir, presiona enter y se verà asi


Ahora vas a seleccionar la capa 2 (no te muevas del cuadro 1, ese tiene que seguir seleccionado), lo que va a pasar es que sa van a ver los bigotes que acabas de acomodar y los de la segunda capa que todavía están mal ubicados (si estos no se ven es porque la capa 2 no esta visible, dale click a recuadro para uqe te aparesca el ojito), el procedimiento es el mismo que antes, selecciona los bigotes


Una vez seleccionados, con la herramienta mover, al igual que hicimos con la capa 1 y el cuadro 1, vas a ubicar los bigotes en donde deben ir



Algo muy importante al hubicarlos sobre los que ubicamos antes, los de la capa 1, es hacer coincidir las puntas desde conde empiezan, asi el movimiento es normal y no se cambian de lugar



Presiona enter y listo, ahora seguimos ocn lo mismo, selecciona la capa 3, y deja seleccionado el cuadro 1, selecciona los bigotes y con la herramienta mover, ubicalos en donde deben ir haciendo coincidir las puntas desde donde comienzan con los dos que hubicamos anteriormente





Le das enter cuando ya estén ubicados y ya, ahora lo ultimo es acomodar bien las capas con los cuadros para que la GIF funcione bien
Selecciona el cuadro 1 y la capa 1 y ve que solo estén visibles la capa que tiene tu foto y la capa 1



Ahora selecciona el cuadro 2 y la capa 2, y ve que solo estén visibles la capa que tiene tu foto y la capa 2, si hay otras visibles has click sobre los ojitos para quitarles la visibilidad



Y por ultimo controla el ultimo cuadro, selecciona el cuadro 3 y la capa 3, solo deben estar visibles la capa que tiene tu foto y la capa 3




Eso es todo por la entrada de hoy, espero que les sirva y que se animen a intentarlo, si no entendieron algún paso pueden dejarme dudas en los comentarios.

Espero que les haya gustado y nos leemos en la próxima entrada

Bye Bye n.n


Sparkly Santa Hat Ice Cream