Tutorial de Creación de Avatares Parte l
¡Hola y bienvenidos a mi primer tutorial!
En este tutorial aprenderemos la
manera básica de cómo crear nuestro propio Avatar. Quiero decir que hay muchas maneras distintas para que realicemos nuestro Avatar, así como también diferentes estilos y formas, pero me centraré en la forma básica. Recuerda que si quieres aprender las otras no dudes en preguntarme a mí o a cualquier otro tutor. Comencemos!
Paso 1: Abrimos nuestro editor de imágenes, en este caso todos los tutores recomendamos el Photoshop, pero si puedes realizar las mismas acciones en otro editor de imagen adelante.
Paso 2: Nos dirigimos a la parte superior izquierda y presionamos donde dice Archivo/Nuevo. Se nos desplegará una ventana como la siguiente:
La medida por lo general de los avatares es 150 x 150, sin embargo podemos agrandarla 100 pixeles más y nos quedaría de 250 x 250, así que siéntanse libres de escoger entre cualquiera de esos dos tamaños. Los parámetros que aparecen en ese cuadro son como deben tenerlos (claro a excepción del tamaño que ustedes escojan)
El resultado sería este :
Paso 3: El siguiente paso es ir nuevamente a Archivo pero ahora nos iremos a donde dice Abrir, y procederemos a elegir a nuestra mona china o imagen que vayan a usar. Ya que la hayan encontrado dan doble click o donde dice abrir.
Se les abrirá un pequeño mensaje, sólo denle donde dice ok.
Paso 4:Se les abrirá su imagen. OJO: Verán que en donde están las capas habrá una llamada fondo, si esta imagen viene con un icono de candado al lado de su nombre, quítenselo…Para hacerlo sólo den doble click sobre el candado, les abrirá un mensaje así que sólo le darán donde dice click y listo desaparecerá el candado.
Paso 5: Nuevamente nos posicionaremos en nuestra área de trabajo la que contiene el cuadrado que nos salió al principio.
Verán que cada área de trabajo contiene su nombre, así que ahora lo siguiente es arrastrar la que lleva el nombre de nuestra imagen a la que dice “sin título”. Para hacerlo dan click sin soltar en la que tiene el nombre de la imagen, y la arrastran.
Se abrirá la imagen en una nueva ventana, así que de igual manera dando click sin soltar la arrastran al cuadrado y verán como automáticamente aparecerá allí. Pueden proceder a cerrar la venta que contiene la imagen que ustedes usaron, les aparecerá un mensaje sobre guardar los cambios así que ahora denle click donde dice no y desaparecerá esa ventana.
Paso 6: Lo siguiente es ajustar el tamaño y la posición. Inicialmente pueden mover la imagen a su gusto teniendo activa esta herramienta.
Su nombre es Herramienta Mover y se encuentra junto a las demás por default situadas al lado izquierdo.
Esa herramienta nos permitirá mover y posicionar nuestra imagen a nuestro gusto, sin embargo por sí sola no nos permite ajustar el tamaño o la orientación, para ellos debemos presionar la combinación de teclas “CTRL + T”.
A nuestra imagen le aparecerá eso, lo cual nos permitirá agrandarla o hacerla más chica dependiendo de nuestro gusto. Como recomendación les recomiendo que a la hora de que arreglen su tamaño, mantengan presionada la tecla “Shift”, ya que mantendrá la imagen proporcional y evitará que esta se vea aplastada o deforme.
Mientras aún estén activas las esquinas y lados de nuestra imagen, si damos click derecho dentro de esa área, nos aparecerá ese panel, el cual permitirá rotar la imagen entre otras opciones. Recomiendo experimentar con las mismas, quizás llegues a un resultado genial o de tu gusto.
Recuerda que aún puedes mover la imagen a la posición que más te guste, haciendo click sin soltar con el mouse o bien con las teclas de arriba/abajo/izquierda/derecha. Ya para finalizar, y que tengas el resultado deseado, presiona la tecla “Enter” te aparecerá un mensaje, allí darás click donde dice aplicar y listo. PD: Si quieres deshacer los cambios, presiona “CTRL + Z”.
Paso 7: Este paso es meramente estético u opcional. Si quieres editar o cambiar el brillo de tu imagen dirígete a la Imagen/Ajustes/Brillo y contrastes. Se te abrirá un pequeño recuadro con dos barras, las cuales puedes subir o bajar, dependiendo si quieres más o menos brillo. También nos presenta una opción que dice “Automático”, dicha opción hará los cambios como su nombre lo dice, a algo que la maquina crea adecuado. Para salvar los cambios damos click en ok.
Paso 8: También este paso es opcional. Puedes agregar un borde a tu imagen, para ello nos dirigimos a la barra de herramientas y bajamos hasta la herramienta rectángulo, damos click y nos aparecerá esto:
Vemos como la forma del puntero pasará a ser una cruz, y en la parte superior se nos abrirán estas opciones, en las cuales puedes cambiar el color del borde, si este tiene relleno o no (esa opción por lo regular siempre se marca que no) así como su estilo entre otras cosas.
Para realizar el trazado nos posicionamos en una esquina de la imagen, y dando click sin soltar arrastramos y vemos como se empezará a formar el borde, pero no nos saldrá exacto así que al igual como si se tratase de una imagen presionamos “CTRL + T” y nuevamente podemos ajustar el tamaño hasta que quede exacto, presionan "Enter" y listo. PD: Recuerda que en la barra superior puedes editar el borde o trazo, también recuerda elegir un color que se ajuste a la imagen.
Antes de continuar, estos pasos también son opcionales, hasta que yo diga que alguno no lo sea. También debes estar al pendiente de el orden de tus capas, ya que de eso dependerá que tu imagen salga bien o cuente con los efectos y demás cosas necesarias.Paso 9:Este también es opcional. Si quieres agregar tu nombre a tu avatar primero debes estar posicionado en la capa que tiene tu imagen, después debes dirigirte a la herramienta texto,
una vez hecho eso nos dirigimos a nuestra imagen, y damos click…Nos aparecerá el efecto como si empezáramos a escribir…Así que pon tu nombre, apodo o lo que gustes.
Al igual que cuando hicimos el borde, en la parte superior se nos abrirá un recuadro de opciones, en él podremos elegir la fuente que nos guste, cambiar el tamaño de las letras, su color, etc. PD: Si no les da el cambio, sombreen el texto, ya saben como si fueran a copiar y pegar, ahora si realicen los cambios.
Nuevamente, para dar tamaño y orientación se dirigen a la Herramienta movimiento, allí mueven el texto hacía dónde ustedes gusten y presionan “CTRL + T” para lo del tamaño y eso. Dan “Enter” y si les aparece el recuadro, ya saben qué hacer.
Paso 10 y último opcional: Este paso es para darle un borde a nuestra imagen. Para hacerlo nos dirigimos a esta parte:
Damos click en donde aparece la mano de la imagen anterior y veremos cómo se forma un ligero borde de color negro y como a nuestra capa de texto le aparecen unas opciones más que dicen “Efectos y Trazo”. PD: Recuerden que deben estar posicionados sobre la capa de texto para realizar estos cambios.
Damos doble click a la capa que contiene nuestro texto y se nos abrirá el siguiente recuadro, se dirigen hacia las opciones que yo les indique:
Una vez allí y posicionados donde dice trazo, podremos editar el tamaño de nuestro borde, así como su color. Finalmente para guardar esos cambios damos en Ok.
Paso 11: Bien, este es el último paso. Una vez que ya tengamos nuestro avatar creado vienen las opciones de guardado, en este caso te diré de las dos más importantes. Para guardar nuestro avatar, nos dirigimos a Archivo/Guardar, esa forma nos guardará nuestro ava en formato .psd, el cuál es un archivo de Photoshop con el cual podremos editar nuestra imagen a futuro, por si es que queremos hacerle algunos cambios a futuro.
Recomiendo usar esta opción constantemente que estén trabajando, pues a veces a algunos el Photoshop les puede llegar a fallar.Finalmente está la opción de “Guardar para Web”, la cuál es la que nos permitirá guardar nuestro avatar finalizado y establecer su formato de salida, para posteriormente ponerlo como avatar en OSU! o cualquier otra página. Sólo dan click allí y se les abrirá un recuadro, en el cual podrán elegir el formato de salida y posteriormente la ruta donde quedará guardado.
Espero este tutorial les funcione. Posteriormente haré uno sobre cómo aplicar filtros y estilos a nuestro ava, así como algunos efectos más…Claro, si es que no se me adelanta otro tutor y lo hace voluntariamente…Cualquier duda que tengan no duden en preguntarme o al resto…Esto ha sido todo de mi parte. Saludos!
PD: Estaré agregando algunos materiales y secciones más al post original, estén al pendiente.