Tweet
Hola, este tutorial es copy and paste, pero con exelentes resultados. Antes de empezar vean que tienen en sus ps el ImageReady, si no lo tienen no podran hacerlo 
Asi queda:
Antes de empesar vamos a crear un motivo el cual utilizaremos casi al final de el tutorial.
Deben crear un nuevo archivo de 3x3 pixeles trasparente luego lo agrandan hasta que les quede asi.
Luego con la herramientas lápiz dibujan esta figura (siempre apretando la tecla mayúscula para que les salga derecho)
una vez hecho van a edición-definir motivo y le ponen el nombre que les plazca. y cierran el archivo
bueno ahora si comenzamos con el avatar.
abrimos un nuevo archivo de 150x150 y lo pintamos de negro con la herramienta "bote de pintura"
nos queda así
Luego abriremos nuestra imagen yo utilizare esta
Y acomodemos la imagen dentro de nuestro nuevo archivo pintado de negro (consejo siempre trata de ocupar la mayor parte del espacio con la imagen ya que el avatar con una imagen muy pequeña se ve mal o prácticamente la imagen no se ve
Bueno nos tendría que quedar algo así
Luego de esto si les queda algo de espacio le pueden poner algún efecto, ami por ejemplo que quedo un espacio arriba asi le agregue un destello de 105 mm.
(filtro-interpretar-destello)
me quedo así
Luego les agregue unos efectos. y me quedo así.
(filtro-distorsionar rizo(a su gusto)
Luego le vamos a dar color no vamos a (imagen-ajustes-tono y saturacion) y comienzan a buscar el color que mas le acomode y combine con su imagen. ami me quedo así.
Ya ahora vamos a por el marco creamos una nueva capa y esta tiene que estar arriba que las demás en el menú de capas. asi como sale en la imagen.
Y con la herramienta marco rectangular seleccionan como sale en la imagen (dejando un cierto margen)
Luego presionan en la herramienta barita mágica y sobre la imagen presionan el botón derecho y ponen invertir selección y pintan con un a su elección. y dejan la capa en modo luz suave se tendría que ver así.
Luego van a (capa - estilo de capa - trazo) y ponen las opciones que mas les acomode yo lo ise asi.
Bueno ahora viene la parte en donde utilizaremos el motivo que creamos al comienzo creamos una nueva capa y le aplicamos imagen
(capa - nueva - capa/imagen - aplicar imagen)
y luego (capa - estilo de capas - superposición de motivo) y cargan el motivo que antes crearon.
Les quedara algo asi
Y luego le agregan su nick
Ya ahora la parte de la animación.
Ya crean 2 nuevas capas (capa - capa - nueva). con la herramienta marco rectangular realizan un rectángulo que abarque el largo del avatar y lo pintan del color que gusten se vera así.
Hacen lo mismo con la otra capa pero esta vez que abarque el alto del avatar.asi
Ya ahora nos vamos al adobe ImageReady presionando la tecla que esta al final de la barra de herramientas (importante todos las capas deben estar con los ojo)
Ya una ves en ImageReady debemos realizar una copia a nuestro primer cuadro asi.
Luego nos posicionamos en el cuadro recién creado y movemos los rectángulos al sitios contrarios del cuadro uno. asi
Luego presionas el botón de animación (esta al lado del botón para copiar los cuadros) y seleccionan la cantidad de frames yo elegí 7.
Yasí aparecerán varias capas mas ve a la ultima capa sacale una copia y mueve los rectángulos y déjalos como estaban antes y luego vuelve a presionar el botón de animación así ya tendrás el proceso completo presiona play veras el resultado
Si para tu gusto va muy rapido el efecto solo debes agregarle tiempo a capa (debajo de cada capa esta el cronometro)
Les recomiendo usarlo en 0,1 segundos.
Bueno ya esta listo ahora solo queda guardarlo (archivo - guardar optimizado como).
Es un lindo tutorial.
Fuente: crear avatar con movimiento
saludos! espero que les sirva a la seccion diseño
Asi queda:
Antes de empesar vamos a crear un motivo el cual utilizaremos casi al final de el tutorial.
Deben crear un nuevo archivo de 3x3 pixeles trasparente luego lo agrandan hasta que les quede asi.
Luego con la herramientas lápiz dibujan esta figura (siempre apretando la tecla mayúscula para que les salga derecho)
una vez hecho van a edición-definir motivo y le ponen el nombre que les plazca. y cierran el archivo
bueno ahora si comenzamos con el avatar.
abrimos un nuevo archivo de 150x150 y lo pintamos de negro con la herramienta "bote de pintura"
nos queda así
Luego abriremos nuestra imagen yo utilizare esta
Y acomodemos la imagen dentro de nuestro nuevo archivo pintado de negro (consejo siempre trata de ocupar la mayor parte del espacio con la imagen ya que el avatar con una imagen muy pequeña se ve mal o prácticamente la imagen no se ve
Bueno nos tendría que quedar algo así
Luego de esto si les queda algo de espacio le pueden poner algún efecto, ami por ejemplo que quedo un espacio arriba asi le agregue un destello de 105 mm.
(filtro-interpretar-destello)
me quedo así
Luego les agregue unos efectos. y me quedo así.
(filtro-distorsionar rizo(a su gusto)
Luego le vamos a dar color no vamos a (imagen-ajustes-tono y saturacion) y comienzan a buscar el color que mas le acomode y combine con su imagen. ami me quedo así.
Ya ahora vamos a por el marco creamos una nueva capa y esta tiene que estar arriba que las demás en el menú de capas. asi como sale en la imagen.
Y con la herramienta marco rectangular seleccionan como sale en la imagen (dejando un cierto margen)
Luego presionan en la herramienta barita mágica y sobre la imagen presionan el botón derecho y ponen invertir selección y pintan con un a su elección. y dejan la capa en modo luz suave se tendría que ver así.
Luego van a (capa - estilo de capa - trazo) y ponen las opciones que mas les acomode yo lo ise asi.
Bueno ahora viene la parte en donde utilizaremos el motivo que creamos al comienzo creamos una nueva capa y le aplicamos imagen
(capa - nueva - capa/imagen - aplicar imagen)
y luego (capa - estilo de capas - superposición de motivo) y cargan el motivo que antes crearon.
Les quedara algo asi
Y luego le agregan su nick
Ya ahora la parte de la animación.
Ya crean 2 nuevas capas (capa - capa - nueva). con la herramienta marco rectangular realizan un rectángulo que abarque el largo del avatar y lo pintan del color que gusten se vera así.
Hacen lo mismo con la otra capa pero esta vez que abarque el alto del avatar.asi
Ya ahora nos vamos al adobe ImageReady presionando la tecla que esta al final de la barra de herramientas (importante todos las capas deben estar con los ojo)
Ya una ves en ImageReady debemos realizar una copia a nuestro primer cuadro asi.
Luego nos posicionamos en el cuadro recién creado y movemos los rectángulos al sitios contrarios del cuadro uno. asi
Luego presionas el botón de animación (esta al lado del botón para copiar los cuadros) y seleccionan la cantidad de frames yo elegí 7.
Yasí aparecerán varias capas mas ve a la ultima capa sacale una copia y mueve los rectángulos y déjalos como estaban antes y luego vuelve a presionar el botón de animación así ya tendrás el proceso completo presiona play veras el resultado
Si para tu gusto va muy rapido el efecto solo debes agregarle tiempo a capa (debajo de cada capa esta el cronometro)
Les recomiendo usarlo en 0,1 segundos.
Bueno ya esta listo ahora solo queda guardarlo (archivo - guardar optimizado como).
Es un lindo tutorial.
Fuente: crear avatar con movimiento
saludos! espero que les sirva a la seccion diseño
nice tuto
Comentario