Hola chicos, intenté hacer un tutorial del logo de cctw
es el primero que hago asi que veamos que sale
:arrow: Primero necesitamos la imagen, yo busque una y me encontré esta
[contenido no disponible]
de hecho ya es un gif, pero la modificaré un poco
la cara la pueden bajar de aqui
http://perso.gratisweb.com/reparacion_de_rines/tuto/cara.psd
para abrir, la imagen la selecciono con el boton derecho
y selecciono abrir-con: image-ready (este programa viene junto al photoshop)
[contenido no disponible]
teniendola con image-ready, veo que tiene muchos fotogramas, pero no los necesito todos, ya que una de las reglas del concurso era que pesara muy poco
[contenido no disponible]
ahora copiare los fotogramas en un documento nuevo,
los seleccionamos primero en la ventana de abajo (animacion, luego con la herramienta que está arriba (al lado der rectangulo) la arrastro hasta el nuevo documento que he llamado fotogramas
[contenido no disponible]
aqui vemos ya todos los fotogramas en un documento nuevo
[contenido no disponible]
guardo este documento Archivo-Guardar como: fotogramas.psd
[contenido no disponible]
Ahora abro ese archivo con el photoshop
[contenido no disponible]
Solo utilizaré 3 fotogramas 2,3,5 abro un nuevo documento de 100x100pixeles, selecciono el fotograma 2, y lo arrastro hacia el nuevo documento
[contenido no disponible]
selecciono el fotograma 3 y lo arrastro, poniendolo encima del 2 que ya tenia, hago lo mismo con el fotograma 5, dando doble clik le puedo cambiar el nombre, y los he llamado 1,2,3 respectivamente
[contenido no disponible]
abro la ventana de animacion Ventana-animacion, y le agrego fotogramas nuevos (a la ventana de animacion, la que está abajo, para agregarle dumentos seleccionamos el dibujito que parece una hoja, con que tengamos 4 fotogramas abajo serán suficientes
ahora oculto, todas las imagenes, presionando sobre el ojo de la ventana de capas, lo hacemos con todas, primero selecciono el numero 1 de la ventana de animacion, y le quito todos los ojos de la ventana de capas,
selecciono la 2 de animación y quito todos los ojos
asi no miraremos nada en la ventana de animacion, ahora, volvemos a la ventana 1 de animacion, y abrimos el ojo de la capa 1 de la ventana de capas :?
[contenido no disponible]
seleccionamos el fotograma 2 de la ventana de animacion y abro el ojo de la capa 2 de la ventana de capas
[contenido no disponible]
selecciono el fotograma 3 de la ventana de animacion y ahora le abrire el ojo a la capa 1 de la ventana de capas
[contenido no disponible]
selecciono el fotograma 4 de la ventana de animacion y le abro el ojo de la capa 3 de la ventana de capas
hasta ahora ya debemos tenerlas acomadadas en orden si damos clic en reproducir de la venta de animacion veremos el movimiento, si hay alguna que no está bien acomodada solo la seleccionamos y la movemos, para que todas queden en el mismo lugar, y no se vean brincos en la animacion.
:arrow: ahora les borraré la cara a los 3 fotogramas que tenemos pueden usar la herramienta que deseen yo prefiero el borrador en forma de cuadro,
[contenido no disponible]
deben tener cuidado en borrar lo mismo de todos los fotogramas
[contenido no disponible]
para facilitar la tarea hago un zoom presionando ctrl-+ las veces que sea necesario
y nos quedará asi:
[contenido no disponible]
ahora abro la imagen que ya tengo lista de la cara
[contenido no disponible]
la selecciono y la arrastro hasta el documento en el que estamos trabajando
[contenido no disponible]
Ahora debe estar encima de todas las demas, nosotros la necesitamos abajo, asi que seleccionamos la capa cara, y la arrastramos para que quede debajo de la capa 1 (estamos en la ventana de capas)
y la movemos para que quede en su lugar
[contenido no disponible]
ahora tenemos que pintar las manos del mono, para que sean amarillas tambien, para eso seleccionamos el gotero, y lo ponemos sobre un area de la cara, necesitamos dos tonos uno claro y uno obscuro para darle la sombra a las manos
[contenido no disponible]
para facilitar esta tarea yo uso el rectangulo, selecciono areas pequeñas para pintar, teniendo cuidado, en pintar de claro y obscuro respectivamente, pintaremos las manos de los 3 fotogramas
[contenido no disponible]
Listo ya tenemos el gif, modificado, ahora lo guardaremos
Archivo-Guardar como: listo.psd
Y lo abriremos con el image-ready
ya aqui no moveremos nada, porque ya quedo listo con el photoshop, solo lo guardaremos con extencion .gif Archivo-Guardar optimizado como:
[contenido no disponible]
y le he pusto listo.gif
[contenido no disponible]
me sale la siguiente ventana
me dice algo como que si quiero que se repita todo el tiempo o solo una vez, como ya esta seleccionado todo el tiempo solo le doy aceptar
[contenido no disponible]
y listo ya tenemos nuestro gif
si queremos agregarle texto, o algo mas lo hacemos en photoshop, podemos hacer mas grande el lienzo,
en Imagen-tamaño de lienzo,
asi nos quedó
[contenido no disponible]
Solo he mostrado la forma en que modifique el mono del logo,
espero haberme explicado bien
cualquier cosa aqui mismo responderé
saludos
yaneth
[contenido no disponible]
es el primero que hago asi que veamos que sale
:arrow: Primero necesitamos la imagen, yo busque una y me encontré esta
[contenido no disponible]
de hecho ya es un gif, pero la modificaré un poco
la cara la pueden bajar de aqui
http://perso.gratisweb.com/reparacion_de_rines/tuto/cara.psd
para abrir, la imagen la selecciono con el boton derecho
y selecciono abrir-con: image-ready (este programa viene junto al photoshop)
[contenido no disponible]
teniendola con image-ready, veo que tiene muchos fotogramas, pero no los necesito todos, ya que una de las reglas del concurso era que pesara muy poco
[contenido no disponible]
ahora copiare los fotogramas en un documento nuevo,
los seleccionamos primero en la ventana de abajo (animacion, luego con la herramienta que está arriba (al lado der rectangulo) la arrastro hasta el nuevo documento que he llamado fotogramas
[contenido no disponible]
aqui vemos ya todos los fotogramas en un documento nuevo
[contenido no disponible]
guardo este documento Archivo-Guardar como: fotogramas.psd
[contenido no disponible]
Ahora abro ese archivo con el photoshop
[contenido no disponible]
Solo utilizaré 3 fotogramas 2,3,5 abro un nuevo documento de 100x100pixeles, selecciono el fotograma 2, y lo arrastro hacia el nuevo documento
[contenido no disponible]
selecciono el fotograma 3 y lo arrastro, poniendolo encima del 2 que ya tenia, hago lo mismo con el fotograma 5, dando doble clik le puedo cambiar el nombre, y los he llamado 1,2,3 respectivamente
[contenido no disponible]
abro la ventana de animacion Ventana-animacion, y le agrego fotogramas nuevos (a la ventana de animacion, la que está abajo, para agregarle dumentos seleccionamos el dibujito que parece una hoja, con que tengamos 4 fotogramas abajo serán suficientes
ahora oculto, todas las imagenes, presionando sobre el ojo de la ventana de capas, lo hacemos con todas, primero selecciono el numero 1 de la ventana de animacion, y le quito todos los ojos de la ventana de capas,
selecciono la 2 de animación y quito todos los ojos
asi no miraremos nada en la ventana de animacion, ahora, volvemos a la ventana 1 de animacion, y abrimos el ojo de la capa 1 de la ventana de capas :?
[contenido no disponible]
seleccionamos el fotograma 2 de la ventana de animacion y abro el ojo de la capa 2 de la ventana de capas
[contenido no disponible]
selecciono el fotograma 3 de la ventana de animacion y ahora le abrire el ojo a la capa 1 de la ventana de capas
[contenido no disponible]
selecciono el fotograma 4 de la ventana de animacion y le abro el ojo de la capa 3 de la ventana de capas
hasta ahora ya debemos tenerlas acomadadas en orden si damos clic en reproducir de la venta de animacion veremos el movimiento, si hay alguna que no está bien acomodada solo la seleccionamos y la movemos, para que todas queden en el mismo lugar, y no se vean brincos en la animacion.
:arrow: ahora les borraré la cara a los 3 fotogramas que tenemos pueden usar la herramienta que deseen yo prefiero el borrador en forma de cuadro,
[contenido no disponible]
deben tener cuidado en borrar lo mismo de todos los fotogramas
[contenido no disponible]
para facilitar la tarea hago un zoom presionando ctrl-+ las veces que sea necesario
y nos quedará asi:
[contenido no disponible]
ahora abro la imagen que ya tengo lista de la cara
[contenido no disponible]
la selecciono y la arrastro hasta el documento en el que estamos trabajando
[contenido no disponible]
Ahora debe estar encima de todas las demas, nosotros la necesitamos abajo, asi que seleccionamos la capa cara, y la arrastramos para que quede debajo de la capa 1 (estamos en la ventana de capas)
y la movemos para que quede en su lugar
[contenido no disponible]
ahora tenemos que pintar las manos del mono, para que sean amarillas tambien, para eso seleccionamos el gotero, y lo ponemos sobre un area de la cara, necesitamos dos tonos uno claro y uno obscuro para darle la sombra a las manos
[contenido no disponible]
para facilitar esta tarea yo uso el rectangulo, selecciono areas pequeñas para pintar, teniendo cuidado, en pintar de claro y obscuro respectivamente, pintaremos las manos de los 3 fotogramas
[contenido no disponible]
Listo ya tenemos el gif, modificado, ahora lo guardaremos
Archivo-Guardar como: listo.psd
Y lo abriremos con el image-ready
ya aqui no moveremos nada, porque ya quedo listo con el photoshop, solo lo guardaremos con extencion .gif Archivo-Guardar optimizado como:
[contenido no disponible]
y le he pusto listo.gif
[contenido no disponible]
me sale la siguiente ventana
me dice algo como que si quiero que se repita todo el tiempo o solo una vez, como ya esta seleccionado todo el tiempo solo le doy aceptar
[contenido no disponible]
y listo ya tenemos nuestro gif
si queremos agregarle texto, o algo mas lo hacemos en photoshop, podemos hacer mas grande el lienzo,
en Imagen-tamaño de lienzo,
asi nos quedó
[contenido no disponible]
Solo he mostrado la forma en que modifique el mono del logo,
espero haberme explicado bien
cualquier cosa aqui mismo responderé
saludos
yaneth
[contenido no disponible]