10º ANIVERSARIO | TALLER EDICIÓN|

Hola, hemos agregado unas cuantas aclaraciones en el primer comentario.
:)

Hola de nuevo usuarios de Own, y de nuevo feliz décimo aniversario de nuestro querido foro. Hoy por fin empezamos con este pequeño taller que os hemos preparado desde el equipo de diseño, y empezamos con algo muy especial.

¿Por que qué es lo que nos caracteriza además de nuestro nombre de usuario? ¿Algo que es visible, con lo que a veces nos pueden identificar y que los más coquetos combinamos con nuestra firma?
El avatar.

Así que el día de hoy aprenderemos a hacer nuestros propios avatares para poder personalizar nuestros perfiles y divertirnos haciéndolo, ya veréis como es muy fácil.

Para empezar os enseñaré a realizar un avatar sencillo con photoshop:

*Pueden ver el proceso en tamaño completo AQUÍ.*

• AVATAR SENCILLO EN PS.
Empezaremos por abrir el programa, una vez abierto tendremos nuestra página en blanco. Nos iremos a Archivo y seleccionaremos la pestaña de Nuevo. Al haber realizado este paso nos saldrá una nueva pestaña donde deberemos colocar nuestro tamaño (recordad que en páginas web se suele utilizar el tamaño especificado en píxeles, por lo que tendréis que tener seleccionado esa opción y no cm o pulgadas) en este caso al ser un avatar el tamaño clave será de 200 de Ancho x 300 de Alto, al ser para internet con 72 de resolución es suficiente. Una vez tenemos esto le damos a Crear, y nos abrirá una pestaña con nuestro lienzo.

Una vez tenemos nuestro lienzo preparado iremos a Archivo y seleccionaremos la pestaña de Abrir donde nos iremos a la carpeta que deseemos y seleccionaremos una imagen, en mi caso he escogido esta imagen de Daisy. Una vez seleccionamos nuestra imagen la abrimos, y veremos como se nos abre otra pestaña con nuestra imagen. Lo que haremos ahora será desencajar esa pestaña para ponerla sobre el lienzo, una vez lo tenemos así traspasaremos arrastrando la capa de fondo del lienzo de la imagen de Daisy hasta nuestro lienzo en blanco. Entonces tendremos en nuestro lienzo en blanco (normalmente denominado como sin titulo en la parte superior de la pestaña de este), una capa en blanco que se denomine fondo y otra sobre este denominada capa 1 (que será la de nuestra imagen. Ahora pasaremos a transformar nuestra imagen.

opción 2 para pasar la imagen:

Ahora pasaremos a la transformación, para ello nos iremos al apartado de Edición y pasaremos el cursor por la herramienta de transformar y luego pasaremos a Escala la cual seleccionaremos para que sea nuestra herramienta de transformación. Muy importante, cuando estemos transformando una imagen tenemos que tener apretada la tecla shift en todo momento. Cuando nos aparezca un marco de tranformación en nuestra imagen apretamos shift y vamos empequeñeciendo de la punta del lienzo (mientras al mismo tiempo tenemos apretado la tecla shift). Una vez tengamos un tamaño adecuado para el lienzo le damos a la tecla Enter y nuestro tamaño de imagen se habrá redimensionado y acoplado al del nuevo lienzo.

Una vez tenemos este paso seleccionamos la herramienta de Mover y adecuamos la imagen al lienzo. Una vez tenemos nuestra imagen lista vamos a guardarla. Para ello nos iremos a Archivo y seleccionaremos la pestaña de Guardar Como, nos aparecerá una nueva pestaña donde seleccionaremos donde guardar el archivo, luego en el apartado del formato recomiendo que utilicen jpg (si la imagen no tiene un fondo transparente) ya que así cuando guardamos nos sale una pre-visualización de tamaño donde al seleccionar la calidad veremos que tamaño de archivo se nos va a crear (ya que recuerdo que el foro no admite un avatar superior a 64k). Y ya tendríamos nuestro avatar personalizado.

Os dejo este enlace con el paso a paso en imagen fija para que puedan verlo mejor: https://imgur.com/a/2lq5MA0

•AVATAR CON IMAGEN DESDE INTERNET + EDICIÓN FILTRO SNAPCHAT

Pueden ver el proceso en tamaño completo AQUÍ.

Empezaremos como el ejercicio anterior, os recordaré la memoria:
Archivo ➜ Nuevo ➜
El tamaño del lienzo será de 200 de Ancho x 300 de Alto + 72 de resolución ➜ Crear
Y tendremos nuestro lienzo.

Una vez tengamos nuestro lienzo nos vamos al buscador de internet y buscamos una imagen que nos guste, yo he seleccionado esta de Zendaya de la editorial que protagonizó en la revista Wonderland. Una vez tengo la imagen hacemos click con el botón derecho de nuestro ratón/portátil y nos saldrá un menú de opciones, seleccionamos la que nos dice Copiar Imagen. Una vez realizamos esto nos vamos corriendo a nuestro lienzo en photoshop, seguidamente accedemos al panel de opciones de arriba del programa y nos vamos a Edición y seleccionamos Pegar, entonces la imagen nos aparecerá por "arte de magia" en una nueva capa de nuestro lienzo en blanco.

Ahora pasaremos a redimensionar la imagen, voy a utilizar un método mencionado anteriormente pero de otra manera que tal vez sea también más sencilla. Realizaremos el siguiente paso:
Edición ➜ Transformar ➜ Escala.
Una vez tengamos esto como veréis en la parte superior aparecen una serie de números, después de la sucesión de números de la X y la Y hay una sección que nos indica la anchura (AN) y el alto (AL) de la imagen. Normalmente aparecería un numero que sería 100 a cada lado. Muy bien pues digamos que estas son las dimensiones, si poco a poco las vamos a cambiando de 80x80 a 50x50, el tamaño va cambiando y podemos adaptarlo a nuestro lienzo (a mi se me quedó a alrededor de 26x26, pero dependerá del tamaño de la imagen así que hay que ir probando). Algo muy importante, aun que cambien el tamaño de la dimensión no le den click al ENTER hasta que no tengan el tamaño de imagen deseado, nunca conviene dimensionar más de una vez una imagen ya que puede dañar la calidad de esta. Una vez tenemos el tamaño que mejor se acople le daremos click a la tecla Enter. Y tendremos la imagen a nuestro tamaño deseado, ahora si ven que no está centrada o algo con la herramienta de mover pueden adaptarlo. Bueno ya hemos acabado esta primera parte.

Para la creación de ese efecto filtro por nuestra propia mano ampliaremos un poco la imagen con la herramienta de lupa. Una vez nos hemos acercado iremos al apartado de las capas y daremos click en el símbolo para crear una nueva capa. Una vez nos ha aparecido una nueva capa transparente sobre la imagen podemos trabajar. Nos iremos al pequeño panel de herramientas y seleccionaremos el pincel. Cogeremos un color a nuestro a grado, en mi caso he escogido este rojo tan intenso para crear este efecto kawai de una Zendaya sonrojada. Seleccionaremos un tamaño de pincel pequeño, no más grande que la mejilla del sujeto y utilizaremos un 0% de dureza en el pincel (esto hará que el trazo sea suave). Ahora colocaremos dos puntitos en cada lado, como podéis ver no me importa que la parte izquierda no esté justo en su mejilla ya que a mi parecer se asemeja así más a un flitro. Luego seleccionaré un tamaño de pincel todavía más pequeño, y bajaré un poco la opacidad de este y crearé dos lineas sobre las partes rojas para que sea más cómico/animado. ¡Y ya lo tenemos!

Bueno aquí os dejo como antes el enlace al proceso: https://imgur.com/a/USDlNBX

Y aquí tenemos el resultado final:

Aquí os dejo otros ejemplos de otros posibles resultados (los cuales son libres de utilizar si quieren), estos sin embargo han sido creados con renders de flitros de snapchats que han sido colocados sobre la imágen.

ejemplos:

Os dejo aquí el enlace a un par que he recopilado:https://imgur.com/a/UTNUalb

Y aquí un enlace para descargar un pack que he encontrado en dA: here.

Espero que se lo hayan pasado bien y hayan aprendido, un saludo! ^^

Hola, hemos abierto oficialmente el tema de las tareas. Ya son libres de participar, recuerden que para cualquier duda pueden enviarnos un mp a @Kida o @Spellman.

Os dejamos aquí el enlace directo:
https://onlywn.activoforo.com/t94059-tareas-de-los-participantes-taller-edicion-x-aniversario#5386435