Como hacer iconos animados
Mar. 25th, 2007 09:40 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
anasyxComo dice el título voy a intentar hacer un tutorial de como hacer iconos animados. Lamentablemente mi Photoshop está en inglés y algunas cosas no se como se traducirán en español, así que por si acaso la traducción no está bien las he puesto entre interrogaciones ¿? Sorry si alguien lo tiene en español ^^U
Pero como para hacer ese icono me hice un lio para combinar esas dos escenas, diré solo los pasos básicos para hacer minipeliculas en los iconos.
1. Lo primero es tener las capturas. Yo las hago con el PowerDVD, pero creo que con el Movie Maker también se pueden hacer frame to frame. Normalmente lo que hago es hacer una captura de cada frame y luego si el icono es muy grande voy borrando en el proceso, pero si la escena que quereis poner es larga hacerla de cada tres o o cuatro frames. Y si es muy lenta cada seis frames. Porque todas sabeis lo que es un frame, verdad?
2.Ya habeis hecho las capturas y las teneis en vuestra carpeta. Si os pasa como a mi las tendreis que reconvertir archivos jpg porque mi photoshop nos los acepta y no se porqué. Bueno, las abrís en vuestro photoshop. Ah! Espero que las hayais numerado o algo así para que sepais cual va primero y cual después. Yo con el PowerDVD no tengo problemas ya que me las numera el mismo desde el primer momento. Según mi carpeta ya tento 3000 y algo capturas ^^ Pues buscar la primera captura y pinchar con el botón derecho del ratón en ella. En el cuadro de dialogo que os saldrá elegir Seleccionar todo. Pulsais control + c, es decir la opción copiar.
3. Abrís un nuevo documento y pegais la captura en él. Con control + v es lo mejor. Vais a la siguiente captura y haceis lo mismo. Así con todas las capturas que habeis hecho. Seguramente en la ventana de las ¿capas? os saldrán todas las capturas que pongais como capa 1, capa 2, capa 3... Es muy IMPORTANTE que las pongais todas en orden. Aunque bueno, eso se puede arreglar siempre, pero así os ahorrais trabajo.
4. Si quereis que vuestra animación sea cuadrada (como la habeis elegido) o simplemente quereis recortar algo que no os gusta os vais a la barra de herramientas que os sale al lado, esa alargada vertical que tiene el logo del photoshop y elegís el cuadrado que hay en primer lugar. He visto que se puede elegir con apretar la tecla M pero con esto de tener distintos idiomas no me fiaría, así que pinchais en ese botón. Cuando vais a la imagen el ratón se tiene que convertir en una especie de cruz. Ahí podeis elegir dos cosas (bueno tres, pero yo nunca he utilizado la tercera) o en forma de rectangulo (hacerlo en modo normal) o hacerlo en forma de cuadrado (estilo ¿estilo fijo ratio?) Ojo tanto si seleccionais en un estilo como el otro tener en cuenta de que esto es para borrar lo que está fuera de lo que habeis elegido, así que mirar también en las otras capturas por si acaso borrais algo interesante. ¿como mirar en las otras capturas? Pues os vais a la ventana que pone Capas, Canales y algo más y veis que todas las capas tienen unos ojos en el lado izquierdo? Pues eso es para volver invisible las capas. Basicamente eso es lo indispensable para hacer iconos animados. Bueno, pues empezando por la capa que teneis arriba vais a hacer que desparezcan los ojos pinchando sobre ellos. Si veis que nada interesante se sale de lo que habeis seleccionado, genial. Si lo hace pues teneis que hacer la selección más grande. Pinchar sobre la imagen, desaparecerá la selección y podeis crear otra.
5. Ahora teneis que borrar lo opuesto a lo que habeis seleccionado. Os vais a Selección en la barra esa en la que siempre pone Archivo, Edición y a la que desde ahora llamaré barra de opciónes aunque tal vez no se llame así pero es que nunca me acuerdo de como se llama ;) Ahí os vais a ¿Inverso? y os saldrá seleccionado lo inverso a lo que estaba. Pues ir a la ventana de capa y si algunas capas no son visibles volverlas visibles pinchando en el recuadro vacio donde antes estaba el ojo, el ojo aparecerá. Os vais a la primera capa desde arriba y le dais a la tecla suprimir. Se borrará todo lo seleccionado. En la misma ventada seleccionar la capa de debajo y le dais otra vez a suprimir. Hacer lo mismo con las otras pero primero teneis que tener seleccionada la capa correcta que si no no se borrará.
6. Veis que hay un pequeño recuadro al lado del ojo y que en la capa seleccionada hay un pincel? Pues pinchar ahí en todos las capas, vereis una especie de ¿clip? ahí. Veis algo parecido a un circulo y un triangulo arriba de esa ventana? Arriba, al lado derecho de donde pone Capas, Canales... Pues pinchar ahí y os saldrá un cuadro de dialogo. Pinchar la opción Nuevo set de ¿enlace?, bueno, la opción que está debajo de Nuevo set de capas Os saldrá una ventana, le decís que Sí. Eso condensa a las capas en una nueva carpeta y os ahorrará mucho trabajo.
7. Espero que no hayais deseleccionado las capas porque si no os toca hacerlo otra vez. Tiene que ser justamente por el borde de vuestra imagen. Luego la copiais.
8. Abrís un nuevo documento, pero no pegueis nada. Vais al documento anterior y en la ventana de Capas supongo que la carpeta estará seleccionada, si no es así la seleccionais. Luego arrastrais esa carpeta al documento nuevo que habeis creado, pero a la ventana donde salen las imagenes ¿sabeis cual os digo, no? Arrastrar y soltar ahí, a los pocos segundos (o al segundo si teneis un ordenador rápido) os saldrá la misma imagen que tenía el otro documento. La centrais para que no haya ningúna parte en blanco y que los bordes estén pegados y todo eso porque se supone que tendrá la misma medida que la imagen, que para eso la hemos copiado en el otro documento.
Estos cuatro últimos pasos no son necesarios si os gustan las capturas tal y como están.
9. Llegó el momento de hacer pequeñas las capturas. No se como estará en español pero yo le doy a alt + I + I y me sale el cuadro de Tamaño de Imagen. Si no, vais a la barra de opciones, buscais Imagen y luego os vais a ¿Tamaño de Imagen? Ahí poneis los pixeles que quereis que tenga vuesta animación. Yo normalmente pongo de 75 a 80, pero a veces me toca volver aquí y redimensionar otra vez porque el icono pesa mucho para el LJ. Siempre tiene que estar seleccionado Proporciones constantes en esa ventana. A mi me tarda bastantes segundos en que lo haga.
10. Se ve un poco borroso, verdad? Pues eso tiene fácil arreglo. Barra de opciones > Filtro > ¿Nitidez? > ¿Nitidez? A que ya se ve bastante mejor? Pues hacer lo mismo con las otras capas. Seleccionar la de abajo y para que os sea más fácil apretais control + F. Si quereis poder hacer invisible la capa de arriba para ver como es el efecto en todas las capas, pero yo creo que no hace falta.
11. Normalmente las capturas se ven un poco oscuras después de haberlas empequeñecidos. Para eso yo os recomiendo que utiliceis la opción curvas. Barra de opciones > Capas > Nuevo layer de ajuste > Curvas, ahí podeis jugar, pero yo no os recomiendo que lo hagais muy claro porque cuanto más claro, más pesa una imagen y menos capturas podreis poner en el icono. Podeis hacer más ajustes yendo al mismo lugar pero en vez de elegir, Curvas, podeis elegir brillo y contraste, Hue/Saturación. Aunque os digo lo mismo, si veis que no necesita muchos cambios dejarlo tal y como está.
12. Abrir otro documento, pero este las dimensiones serán de 100X100, esa va a ser nuestra base. Elegir un color para el fondo. Normalmente es alguno que le vaya al icono o si no, el blanco siempre es genial para todos los iconos.
13. Vais a donde habeis dejado las capturas en pequeño y como he explicado en en el paso 8 arrastrais la carpeta a la última imagen, la que está el fondo que habeis creado. Ahí la centrais o ponerla donde vosotras querais. Yo adorno los iconos siempre y hago un borde para delimitar la imagen. Antes lo hacía con un pincel en una nueva capa (Barra de opciones > Capa > Nueva capa) pero ahora he aprendido a crear el borde en la imagen. Abrís la carpeta (si no la habeis abierto ya para curiosear, que eso siempre está muy bien, porque si no eres curiosa no aprendes ^^) y os tienen que salir todas las capas. Selecciona una y pincha con el botón derecho del ratón. Selecciona ¿opciones de mezcla?, no se, lo que está debajo de opciones de capa, os tiene que salir una ventana bastante grande. Ahí os vais a la última opción de la columna vertical que está a la izquierda, en mi caso pone Stroke y he buscado en el diccionario y pone Trazos, así que si veis alguna opción que diga Trazos seleccionarla a ver que pasa. También teneis que pinchar sobre ella, en el centro os tiene que salir una cosa que ponga Tamaño, posición.... He estado mirando y no hay ninguna más que la primera opción sea Tamaño así que no os podeis confundir. Pero por si acaso tener vuestra imagen a la vista por si acaso le pasa algo raro. En Tamaño yo le pongo 1pxl pero eso es a vuestro gusto. Normalmente el color por defecto es el rojo así que pinchar en el rectangulo rojo para cambiar de color. Le dais a Aceptar (o a Sí porque a mi me sale siempre Ok). Haceis lo mismo con todas vuestras capturas de la carpeta.
14. También podeis crear una última capa de color para que vuestra animación no sea continua. Ya sabeis a lo que me refiero, a veces marea que una animación se repita una y otra vez sin ningún parón. O ese fondo donde aparece el texto que queremos poner. Pues para ser más precisos al seleccionar le dais al zoom y seleccionais (otra vez) la captura. Barra de opciones > Capa > ¿Nueva capa de relleno? > Color Solido, ahí elegis un color, lo más normal es que sea o del mismo color que el fondo.
15. Para poner texto pues ya sabeis, herramienta de texto y a escribir. Si quereis que en la animación se vea en tandas (unos antes y otros después) hacerlo en distintas capas según quereis que se vea.
16. Si no lo habeis hecho antes y quereis adornar el icono con algo esta es vuestra última oportunidad. Os lo advierto otra vez, muchos adornos hacen que el icono pese más.
17. Vamos ¡por fin! a Image Ready. En la barra de herramientas (la vertical) buscar el último botón, o apretar control + mayúsculas + m
18. Ahí hay una ventana nueva, la ventana de animación. Con que tengais abierta esa y la de las capas os sobra. Bueno y también la de la imagen, por supuesto.
19. Os había dicho que el cuadradito con el ojo era importante para hacer iconos animados, no? Pues ahora veremos porqué. Hacer invisibles todas las capturas excepto la primera de abajo, esa va a ser la del comienzo de la animación. O sea pinchar sobre el ojo y hacer que desaparezca. IR es muy puñetero y a veces hace desaparecer/aparecer ojos por que sí, así que estar seguros que no hay ningún otro visible. Bueno, me refiero a los de la carpeta, los de la base y los adornos que le habeis hecho al icono deben estar siempre.
20. En la ventana de animación veis que hay otra flecha (circulo y un triangulo) al lado derecho? Pues pinchar sobre ella y elegir Nuevo frame En la ventana vereis que hay dos imagenes (frames) iguales, no? Pues ahora en la ventana de capas hacer visible la segunda capa de las capturas e invisible la primera. Hacer tantos frames como sea necesario pero poniendo haciendo visible la captura que coresponda.
21. Si habeis elegido poner letras a la animación, quereis que se lean y no que se vayan en seguida, verdad? Entonces teneis que elegir un tiempo mayor que 0 segunos, que es el tiempo por defecto que ponen. En ese frame pinchais sobre el 0 seg y elegis el tiempo que quereis. Lo normal es 1 segundo.
22. Ahora viene lo peor. En la ventana del documento hay varias pestañas y en una pone optimizado (o algo así) pues pinchais ahí y os saldrá el tamaño del icono en buena calidad. Seguramente si habeis puesto muchos frames os saldrá más de 40kb y si es para el LJ sabeis que no podeis poner un icono mayor que ese tamaño. Si es para un foro pues no son tan restrictivos y dejan más tamaño.
23. Aunque yo para que el trabajo no sirva para nada, lo guardo, al menos de recuerdo :P Barra de opciones > Archivo > Guardar optimizado
24. Si lo quereis para el LJ y pesa más de 40kb hay dos modos para conseguir el peso ideal. El primero es quitar frames. Ir borrando de tal forma que no haya grandes saltos en la animación. Si eso no te sirve porque todavía es grande la otra opción es ir otra vez al photoshop y reducir el tamaño de la animación.
25. En el documento del icono seleccionais solo la animación y copiais. Luego creais un nuevo documento. Arrastrais la carpeta con las capturas de la animación ahí. Barra de opciones > Imagen > Tamaño de imagen. Reducir el tamaño de la animación. Eso no es una ciencia exacta. Si el icono pesaba quitando frames 60kb lo tendreis que reducir al menos 10pxls, si pesa menos pues lo reducireis menos.
26. Vais al documento del icono y borrais la carpeta. Luego arrastrais la carpeta del nuevo documento, la que habeis hecho más pequeña. Arreglar si teneis que arreglar algo porque queda mal al haber empequeñecido la animacion. Volver a Image Ready.
27. Como ya estarán los frames (o si no lo están ya sabeis como crearoas) solo teneis que hacer visibles/invisibles las capturas como ya sabeis
28. Si todavía quitando frames no pesa menos de 40kb repetir los pasos anteriores.
29. Pero si quereis que vuestos iconos no se vean con calidad optima y pesa unos 43kb y no sabeis como reducirlo hay un truco. En la ventana del documento, al lado de la pestaña de optimizar hay dos más. Pinchar en la que pone 4-up (alguna que salga un 4) y ahí podeis elegir entre distintos pesos, pero aviso que cuanto menos peso, menos calidad del icono
30. Cuando ¡por fin! esteis satisfechas con vuestro icono, ya sabeis lo que teneis que hacer. Barra de opciones > Archivo > Guardar optimizado
Ya me mostrareis vuestras creaciones iconiles ;)
Si teneis alguna pregunta, duda y eso no dudeis en hacerla, que para eso estoy ;)
Ah! *señalo mi icono* Este es el resultado del tutorial, que lo he estado haciendo mientras escribía.
Pero como para hacer ese icono me hice un lio para combinar esas dos escenas, diré solo los pasos básicos para hacer minipeliculas en los iconos.
1. Lo primero es tener las capturas. Yo las hago con el PowerDVD, pero creo que con el Movie Maker también se pueden hacer frame to frame. Normalmente lo que hago es hacer una captura de cada frame y luego si el icono es muy grande voy borrando en el proceso, pero si la escena que quereis poner es larga hacerla de cada tres o o cuatro frames. Y si es muy lenta cada seis frames. Porque todas sabeis lo que es un frame, verdad?
2.Ya habeis hecho las capturas y las teneis en vuestra carpeta. Si os pasa como a mi las tendreis que reconvertir archivos jpg porque mi photoshop nos los acepta y no se porqué. Bueno, las abrís en vuestro photoshop. Ah! Espero que las hayais numerado o algo así para que sepais cual va primero y cual después. Yo con el PowerDVD no tengo problemas ya que me las numera el mismo desde el primer momento. Según mi carpeta ya tento 3000 y algo capturas ^^ Pues buscar la primera captura y pinchar con el botón derecho del ratón en ella. En el cuadro de dialogo que os saldrá elegir Seleccionar todo. Pulsais control + c, es decir la opción copiar.
3. Abrís un nuevo documento y pegais la captura en él. Con control + v es lo mejor. Vais a la siguiente captura y haceis lo mismo. Así con todas las capturas que habeis hecho. Seguramente en la ventana de las ¿capas? os saldrán todas las capturas que pongais como capa 1, capa 2, capa 3... Es muy IMPORTANTE que las pongais todas en orden. Aunque bueno, eso se puede arreglar siempre, pero así os ahorrais trabajo.
4. Si quereis que vuestra animación sea cuadrada (como la habeis elegido) o simplemente quereis recortar algo que no os gusta os vais a la barra de herramientas que os sale al lado, esa alargada vertical que tiene el logo del photoshop y elegís el cuadrado que hay en primer lugar. He visto que se puede elegir con apretar la tecla M pero con esto de tener distintos idiomas no me fiaría, así que pinchais en ese botón. Cuando vais a la imagen el ratón se tiene que convertir en una especie de cruz. Ahí podeis elegir dos cosas (bueno tres, pero yo nunca he utilizado la tercera) o en forma de rectangulo (hacerlo en modo normal) o hacerlo en forma de cuadrado (estilo ¿estilo fijo ratio?) Ojo tanto si seleccionais en un estilo como el otro tener en cuenta de que esto es para borrar lo que está fuera de lo que habeis elegido, así que mirar también en las otras capturas por si acaso borrais algo interesante. ¿como mirar en las otras capturas? Pues os vais a la ventana que pone Capas, Canales y algo más y veis que todas las capas tienen unos ojos en el lado izquierdo? Pues eso es para volver invisible las capas. Basicamente eso es lo indispensable para hacer iconos animados. Bueno, pues empezando por la capa que teneis arriba vais a hacer que desparezcan los ojos pinchando sobre ellos. Si veis que nada interesante se sale de lo que habeis seleccionado, genial. Si lo hace pues teneis que hacer la selección más grande. Pinchar sobre la imagen, desaparecerá la selección y podeis crear otra.
5. Ahora teneis que borrar lo opuesto a lo que habeis seleccionado. Os vais a Selección en la barra esa en la que siempre pone Archivo, Edición y a la que desde ahora llamaré barra de opciónes aunque tal vez no se llame así pero es que nunca me acuerdo de como se llama ;) Ahí os vais a ¿Inverso? y os saldrá seleccionado lo inverso a lo que estaba. Pues ir a la ventana de capa y si algunas capas no son visibles volverlas visibles pinchando en el recuadro vacio donde antes estaba el ojo, el ojo aparecerá. Os vais a la primera capa desde arriba y le dais a la tecla suprimir. Se borrará todo lo seleccionado. En la misma ventada seleccionar la capa de debajo y le dais otra vez a suprimir. Hacer lo mismo con las otras pero primero teneis que tener seleccionada la capa correcta que si no no se borrará.
6. Veis que hay un pequeño recuadro al lado del ojo y que en la capa seleccionada hay un pincel? Pues pinchar ahí en todos las capas, vereis una especie de ¿clip? ahí. Veis algo parecido a un circulo y un triangulo arriba de esa ventana? Arriba, al lado derecho de donde pone Capas, Canales... Pues pinchar ahí y os saldrá un cuadro de dialogo. Pinchar la opción Nuevo set de ¿enlace?, bueno, la opción que está debajo de Nuevo set de capas Os saldrá una ventana, le decís que Sí. Eso condensa a las capas en una nueva carpeta y os ahorrará mucho trabajo.
7. Espero que no hayais deseleccionado las capas porque si no os toca hacerlo otra vez. Tiene que ser justamente por el borde de vuestra imagen. Luego la copiais.
8. Abrís un nuevo documento, pero no pegueis nada. Vais al documento anterior y en la ventana de Capas supongo que la carpeta estará seleccionada, si no es así la seleccionais. Luego arrastrais esa carpeta al documento nuevo que habeis creado, pero a la ventana donde salen las imagenes ¿sabeis cual os digo, no? Arrastrar y soltar ahí, a los pocos segundos (o al segundo si teneis un ordenador rápido) os saldrá la misma imagen que tenía el otro documento. La centrais para que no haya ningúna parte en blanco y que los bordes estén pegados y todo eso porque se supone que tendrá la misma medida que la imagen, que para eso la hemos copiado en el otro documento.
Estos cuatro últimos pasos no son necesarios si os gustan las capturas tal y como están.
9. Llegó el momento de hacer pequeñas las capturas. No se como estará en español pero yo le doy a alt + I + I y me sale el cuadro de Tamaño de Imagen. Si no, vais a la barra de opciones, buscais Imagen y luego os vais a ¿Tamaño de Imagen? Ahí poneis los pixeles que quereis que tenga vuesta animación. Yo normalmente pongo de 75 a 80, pero a veces me toca volver aquí y redimensionar otra vez porque el icono pesa mucho para el LJ. Siempre tiene que estar seleccionado Proporciones constantes en esa ventana. A mi me tarda bastantes segundos en que lo haga.
10. Se ve un poco borroso, verdad? Pues eso tiene fácil arreglo. Barra de opciones > Filtro > ¿Nitidez? > ¿Nitidez? A que ya se ve bastante mejor? Pues hacer lo mismo con las otras capas. Seleccionar la de abajo y para que os sea más fácil apretais control + F. Si quereis poder hacer invisible la capa de arriba para ver como es el efecto en todas las capas, pero yo creo que no hace falta.
11. Normalmente las capturas se ven un poco oscuras después de haberlas empequeñecidos. Para eso yo os recomiendo que utiliceis la opción curvas. Barra de opciones > Capas > Nuevo layer de ajuste > Curvas, ahí podeis jugar, pero yo no os recomiendo que lo hagais muy claro porque cuanto más claro, más pesa una imagen y menos capturas podreis poner en el icono. Podeis hacer más ajustes yendo al mismo lugar pero en vez de elegir, Curvas, podeis elegir brillo y contraste, Hue/Saturación. Aunque os digo lo mismo, si veis que no necesita muchos cambios dejarlo tal y como está.
12. Abrir otro documento, pero este las dimensiones serán de 100X100, esa va a ser nuestra base. Elegir un color para el fondo. Normalmente es alguno que le vaya al icono o si no, el blanco siempre es genial para todos los iconos.
13. Vais a donde habeis dejado las capturas en pequeño y como he explicado en en el paso 8 arrastrais la carpeta a la última imagen, la que está el fondo que habeis creado. Ahí la centrais o ponerla donde vosotras querais. Yo adorno los iconos siempre y hago un borde para delimitar la imagen. Antes lo hacía con un pincel en una nueva capa (Barra de opciones > Capa > Nueva capa) pero ahora he aprendido a crear el borde en la imagen. Abrís la carpeta (si no la habeis abierto ya para curiosear, que eso siempre está muy bien, porque si no eres curiosa no aprendes ^^) y os tienen que salir todas las capas. Selecciona una y pincha con el botón derecho del ratón. Selecciona ¿opciones de mezcla?, no se, lo que está debajo de opciones de capa, os tiene que salir una ventana bastante grande. Ahí os vais a la última opción de la columna vertical que está a la izquierda, en mi caso pone Stroke y he buscado en el diccionario y pone Trazos, así que si veis alguna opción que diga Trazos seleccionarla a ver que pasa. También teneis que pinchar sobre ella, en el centro os tiene que salir una cosa que ponga Tamaño, posición.... He estado mirando y no hay ninguna más que la primera opción sea Tamaño así que no os podeis confundir. Pero por si acaso tener vuestra imagen a la vista por si acaso le pasa algo raro. En Tamaño yo le pongo 1pxl pero eso es a vuestro gusto. Normalmente el color por defecto es el rojo así que pinchar en el rectangulo rojo para cambiar de color. Le dais a Aceptar (o a Sí porque a mi me sale siempre Ok). Haceis lo mismo con todas vuestras capturas de la carpeta.
14. También podeis crear una última capa de color para que vuestra animación no sea continua. Ya sabeis a lo que me refiero, a veces marea que una animación se repita una y otra vez sin ningún parón. O ese fondo donde aparece el texto que queremos poner. Pues para ser más precisos al seleccionar le dais al zoom y seleccionais (otra vez) la captura. Barra de opciones > Capa > ¿Nueva capa de relleno? > Color Solido, ahí elegis un color, lo más normal es que sea o del mismo color que el fondo.
15. Para poner texto pues ya sabeis, herramienta de texto y a escribir. Si quereis que en la animación se vea en tandas (unos antes y otros después) hacerlo en distintas capas según quereis que se vea.
16. Si no lo habeis hecho antes y quereis adornar el icono con algo esta es vuestra última oportunidad. Os lo advierto otra vez, muchos adornos hacen que el icono pese más.
17. Vamos ¡por fin! a Image Ready. En la barra de herramientas (la vertical) buscar el último botón, o apretar control + mayúsculas + m
18. Ahí hay una ventana nueva, la ventana de animación. Con que tengais abierta esa y la de las capas os sobra. Bueno y también la de la imagen, por supuesto.
19. Os había dicho que el cuadradito con el ojo era importante para hacer iconos animados, no? Pues ahora veremos porqué. Hacer invisibles todas las capturas excepto la primera de abajo, esa va a ser la del comienzo de la animación. O sea pinchar sobre el ojo y hacer que desaparezca. IR es muy puñetero y a veces hace desaparecer/aparecer ojos por que sí, así que estar seguros que no hay ningún otro visible. Bueno, me refiero a los de la carpeta, los de la base y los adornos que le habeis hecho al icono deben estar siempre.
20. En la ventana de animación veis que hay otra flecha (circulo y un triangulo) al lado derecho? Pues pinchar sobre ella y elegir Nuevo frame En la ventana vereis que hay dos imagenes (frames) iguales, no? Pues ahora en la ventana de capas hacer visible la segunda capa de las capturas e invisible la primera. Hacer tantos frames como sea necesario pero poniendo haciendo visible la captura que coresponda.
21. Si habeis elegido poner letras a la animación, quereis que se lean y no que se vayan en seguida, verdad? Entonces teneis que elegir un tiempo mayor que 0 segunos, que es el tiempo por defecto que ponen. En ese frame pinchais sobre el 0 seg y elegis el tiempo que quereis. Lo normal es 1 segundo.
22. Ahora viene lo peor. En la ventana del documento hay varias pestañas y en una pone optimizado (o algo así) pues pinchais ahí y os saldrá el tamaño del icono en buena calidad. Seguramente si habeis puesto muchos frames os saldrá más de 40kb y si es para el LJ sabeis que no podeis poner un icono mayor que ese tamaño. Si es para un foro pues no son tan restrictivos y dejan más tamaño.
23. Aunque yo para que el trabajo no sirva para nada, lo guardo, al menos de recuerdo :P Barra de opciones > Archivo > Guardar optimizado
24. Si lo quereis para el LJ y pesa más de 40kb hay dos modos para conseguir el peso ideal. El primero es quitar frames. Ir borrando de tal forma que no haya grandes saltos en la animación. Si eso no te sirve porque todavía es grande la otra opción es ir otra vez al photoshop y reducir el tamaño de la animación.
25. En el documento del icono seleccionais solo la animación y copiais. Luego creais un nuevo documento. Arrastrais la carpeta con las capturas de la animación ahí. Barra de opciones > Imagen > Tamaño de imagen. Reducir el tamaño de la animación. Eso no es una ciencia exacta. Si el icono pesaba quitando frames 60kb lo tendreis que reducir al menos 10pxls, si pesa menos pues lo reducireis menos.
26. Vais al documento del icono y borrais la carpeta. Luego arrastrais la carpeta del nuevo documento, la que habeis hecho más pequeña. Arreglar si teneis que arreglar algo porque queda mal al haber empequeñecido la animacion. Volver a Image Ready.
27. Como ya estarán los frames (o si no lo están ya sabeis como crearoas) solo teneis que hacer visibles/invisibles las capturas como ya sabeis
28. Si todavía quitando frames no pesa menos de 40kb repetir los pasos anteriores.
29. Pero si quereis que vuestos iconos no se vean con calidad optima y pesa unos 43kb y no sabeis como reducirlo hay un truco. En la ventana del documento, al lado de la pestaña de optimizar hay dos más. Pinchar en la que pone 4-up (alguna que salga un 4) y ahí podeis elegir entre distintos pesos, pero aviso que cuanto menos peso, menos calidad del icono
30. Cuando ¡por fin! esteis satisfechas con vuestro icono, ya sabeis lo que teneis que hacer. Barra de opciones > Archivo > Guardar optimizado
Ya me mostrareis vuestras creaciones iconiles ;)
Si teneis alguna pregunta, duda y eso no dudeis en hacerla, que para eso estoy ;)
Ah! *señalo mi icono* Este es el resultado del tutorial, que lo he estado haciendo mientras escribía.
![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png){kind=small}
(no subject)
Date: 2009-05-26 11:36 pm (UTC)(no subject)
Date: 2009-05-26 11:36 pm (UTC)(no subject)
Date: 2009-05-26 11:36 pm (UTC)(no subject)
Date: 2009-05-26 11:36 pm (UTC)(no subject)
Date: 2009-05-26 11:36 pm (UTC)(no subject)
Date: 2009-05-26 11:36 pm (UTC)(no subject)
Date: 2009-05-26 11:36 pm (UTC)(no subject)
Date: 2009-05-26 11:36 pm (UTC)(no subject)
Date: 2008-04-15 08:17 pm (UTC)Pero eso si, añado el tut a mis memorias y cuando haga el icono (con las capturas de PD o CALIF, que sirvan de algo!) te dare todo el credito a TOI!!
saludos
Mlo
el anicon!
Date: 2008-04-16 12:53 am (UTC)xoxo!!
mlo