Tabla de contenido

Lista de iconos ................................................................................................................................................................................. 3

Whats In The Package ..................................................................................................................................................................... 6
New Updates - Multiple Versions Conflict ............................................................................................................................................ 6
AE Basics ......................................................................................................................................................................................... 7
Finding Your Icons ............................................................................................................................................................................ 8
Global Color Change ......................................................................................................................................................................... 9
Local Color Change .......................................................................................................................................................................... 10
Changing The Shadow ..................................................................................................................................................................... 11
Sound Effects .................................................................................................................................................................................. 12
Importing The Icons Into Your Project .............................................................................................................................................. 13
Scaling ........................................................................................................................................................................................... 13
Looping .......................................................................................................................................................................................... 13
Rendering ....................................................................................................................................................................................... 14
Exporting to GIF .............................................................................................................................................................................. 16
Need Specific Icons? ........................................................................................................................................................................ 17
Do You Have Any Questions?............................................................................................................................................................ 17

2
Lista de
iconos
4
5
Qu hay en el paquete
Carpeta de audio (con los efectos de sonido)
Archivo AE (CS5, CS6 y CS5.5 versiones)
Tutorial en PDF (parece que ya han encontrado :)

Asegrese de que guarda la carpeta Audio y el AnimatedIcons-versionX.aep, en el mismo lugar, relacionados entre s, de modo
que After Effects pueda ver los archivos de audio.

Nuevas actualizaciones - varias versiones del conflicto

Ya has importado una versin anterior en su proyecto antes de esta actualizacin? A continuacin, lea esta seccin!

Si importa varias versiones de los iconos animados pack puede experimentar un conflicto: previamente establecido temporalmente los
iconos de "perder" a sus colores personalizados y algunos iconos no sern cambiados a todos debido a conflictos de nombres.

Por favor tenga en cuenta que ninguno de los ajustes se perdern, slo sobrescrita por la tarde versin importada. Para ignorar el
problema, asegrese de que los ajustes del efecto de control de color y composiciones coincidan entre s en todas las versiones.

Si utiliza iconos con colores locales y pierden sus propiedades despus de importar la nueva versin, la mejor solucin para resolver el
problema es eliminar los iconos con el mismo nombre de la(s) otra versin (en el proyecto slo!). Por ejemplo, si utiliz "Rocket" versionX
con colores locales activos y desea conservar estos valores, simplemente elimine la "Rocket" de composicin versionX+1 (de nuevo, no
en la versin original de AnimatedIcons.aep, pero slo en su proyecto). (Slo tienes que eliminar el mayor jerrquicamente comp (con el
prefijo),
i.e. "I" cohete)

6
Conceptos bsicos de AE
Abra el AnimatedIcons-versionX.aep archivo con After Effects (AE). Esta es la pantalla que le da la bienvenida. Recuerde los nombres
enumerados aqu como me referir a ellas en el tutorial.

Herramienta
de seleccin Controles de efectos

Panel Proyecto

Panel Lnea de tiempo

7
Buscar los iconos
Hay un montn de iconos incluidos en este proyecto, estn ordenados en orden alfabtico en 5 carpetas (en general, la salud, la
tecnologa, Corporativo, Social), bajo la carpeta de iconos. Puede localizarlos en sus carpetas abiertas (iconos / General, por ejemplo), o
bien puede utilizar la barra de bsqueda para encontrar los iconos por sus nombres (quizs un poco ms rpido si usted sabe lo que
est buscando). Por favor, utilice el icono lista al comienzo de este documento como referencia.

Asegrese de que siempre elige los iconos de la carpeta de iconos. Por ejemplo, si busca "estrategia", obtendrs varios resultados
(vase el ejemplo siguiente), pero slo uno de ellos con un prefijo "i " es lo que buscas (jerrquicamente del ms alto nivel).

8
GLOBAL COLOR CAMBIAR
Abra el efecto Control de color y composicin en la carpeta con el mismo nombre. Este es
el "panel de control", donde puedes configurar tus colores globales y ajustar la sombra
para todos los iconos.

Cambiar los colores

1. Con la herramienta de seleccin (V) Prensa haga clic en uno de los tres hexgonos.
2. Abra el panel Controles de efectos. (Si no est visible junto al panel Proyecto, vaya a
En el men de la parte superior de la ventana y haga clic en Controles de efectos).
3. Seleccione su color con cualquiera haciendo clic sobre el rectngulo o con la herramienta Cuentagotas
Junto a ella.
4. Siga este procedimiento con los otros dos hexgonos.

El 3er color es el color de fondo. Aunque los iconos se procesar con transparencia, puede establecer el color de fondo aqu para
simular el entorno situndolos en.

Puede encontrar 6 esquemas de colores predefinidos en el efecto de color y la composicin de control debajo de los hexgonos. Si te gusta alguno de
ellos, utilice el
Herramienta Cuentagotas para seleccionar sus colores.

9
LOCAL COLOR CAMBIAR
A partir de la versin 3 no es una caracterstica adicional (opcional) - usted tiene la posibilidad de personalizar muy fcilmente los colores de cada
icono
Independientemente. Esto significa que usted puede hacer excepciones a la regla del color global y aplicar colores personalizados para cualquiera de
los iconos.

Aplicacin de color personalizado a un icono especfico

1. Abrir un icono de composicin (por ejemplo, iconos / General / Mapa Pin ).

2. Ver 2 capas: xyz contenido y Color Local Control.
Haga clic en el control Color Local .
3. En el panel Controles de efectos, desactive la casilla de verificacin Colores globales
4. Establezca sus dos nuevos colores.

Sugerencia: Para invertir el icono colores muy rpido, basta con cambiar el orden de los efectos nuevo Color 1 y Color 2.

10
Cambiar la sombra
1. Abra el efecto Control de color y la composicin.
2. Con la herramienta de seleccin (pulse V) haga clic en la hexagonal en la parte inferior.
3. Abra el panel Controles de efectos. (Si no est visible, adems del panel Proyecto, vaya a la ventana en el men superior y
haga clic en Controles de efectos).
4. Puede personalizar la direccin, opacidad y tamao (distancia) de la sombra. Tambin puede aplicar sombra suave (suavidad).

Comprobacin de los colores + sombra sobre todos los iconos

Si abre el principal - Color y sombra composicin de prueba, puede ver cmo todos los iconos mira con tus nuevos colores y sombras.
Los iconos se agrupan en varias composiciones, basta con activar la transparencia del grupo que le gustara ver (y apague los dems).

11
Efectos de sonido
Todos los efectos de sonido son de dominio pblico y, por lo tanto, son totalmente libres para ser utilizados tanto para fines comerciales o cualquier.

Por defecto, todos los efectos de sonido estn encendidos. Puede silenciar uno por uno a medida que arrastra en su proyecto
simplemente haciendo clic en su icono de altavoz.

Si desea deshacerse de todos ellos, la mejor solucin es eliminar la carpeta Audio (en After Effects!), esta accin eliminar todos los
efectos de sonido del proyecto.

Girar el volumen abajo

Seleccione un icono en el panel Lnea de tiempo y pulse L en el teclado. Si se establece un valor negativo el volumen ser ms silenciosa
(-48 dB silenciar el icono). Puede aplicar este mtodo a varias iconos como bien.

Hay unos iconos que tienen un efecto de sonido en bucle despus de la fase de compilacin. Si desea conservar los efectos de audio
para la fase de construccin, pero omite el bucle suena ms tarde, puede fotograma clave (los niveles de audio de 0dB -> - 48 dB).

12
Importar los iconos en tu proyecto
Importar como un nico archivo de proyecto de After Effects:

1. En su propio proyecto de AE, seleccione Archivo > Importar desde el men superior.
2. Encontrar el AnimatedIcons-versionX.aep en tu disco duro y abrirlo.
3. Ahora puede ver el AnimatedIcons-versionX.aep carpeta aparezca en el panel Proyecto.
4. Abrirlo y encontrar los iconos subcarpeta, basta con arrastrar y soltar los iconos escogidos en su lnea de

tiempo. Si desea importar archivos de vdeo, en primer lugar, representar los iconos (captulo siguiente) e

importarlos por separado.

Escalado
Los iconos son bastante grandes, estn dentro de un cuadrado de 888 x 888px. Si le gustara usar pequeas / grandes iconos, les
recomiendo a escala en su propio archivo de proyecto.

Si usted planea ampliar su escala, recuerde activar la opcin Rasterizar continuamente, de esta manera los iconos mantendr sus
propiedades vectoriales y sern ntidas incluso cuando se amplan a cualquier grado.

Bucles.
Todos los iconos tienen una duracin de 35 segundos. Si desea utilizar un bucle largo periodo, tendr que abrir el icono
composiciones y lenghten todas las capas y, a continuacin, hacer lo mismo con todos los comps jerrquicamente superior.

13
RENDERING
Lo recomiendo altamente para importar los iconos en su proyecto como un nico archivo de proyecto de After Effects. Sin embargo, si
desea tener los iconos como archivos de vdeo independiente, este captulo le ayudar a hacerlo.

Asegrese de que su versin de Quicktime est actualizada. Actualizarlo, si no lo es, no ser necesario para el procesamiento.

Abra la ventana de la cola de procesamiento ( /) Cola de procesamiento que es bsicamente el grupo en After Effects para crear tus vdeos finales.

Todos los iconos tienen una duracin de 35 segundos. En la mayora de los casos, calculo una versin de 10 segundos ser
suficiente as que la WorkArea (el intervalo de tiempo que har) a 10 segundos en todas las composiciones de icono.

Cambiar la duracin

Si desea mayor duracin tendr que cambiar los ajustes de procesamiento antes de la representacin.

1. En el men superior, seleccione Editar ajustes de procesamiento / templates /

2. Configurar la pelcula al icono predeterminado - Longitud total

De esta manera todos los iconos sern los bucles durante 35 segundos. Por supuesto, es posible hacer un bucle infinito en el otro
archivo de proyecto que se incrusta en los iconos.

14
Rendering

En el panel Proyecto abrir la subcarpeta iconos y seleccione los iconos que desea procesar. Utilice ctrl (comando) y Maysculas + botn
izquierdo del ratn para acelerar el proceso de seleccin. Arrastrar y soltar (o presionar CTRL/Comando + M) los iconos seleccionados
en la cola de procesamiento. He dejado dos iconos en la cola de procesamiento para After Effects para recordar mi configuracin de
procesamiento, puede eliminarlos.

Cuando haya terminado con la seleccin de los iconos, pulse el botn Procesar a la derecha. Espere.. Si
activar el bloqueo de maysculas, la representacin ser ms rpido.

Si lo hicieran, pero por alguna razn le gustara hacerlas nuevamente (por ejemplo en colores diferentes) se
encuentran todos los archivos procesados en la cola de procesamiento en un estado "inactivo". Esto significa que
nada suceder cuando pulse el botn Procesar. Tienes que "activar" nuevamente. Seleccione todas ellas (Ctrl o
Comando + A) y duplicarlas (Ctrl o Comando + D). Ahora ests listo para hacerlas de nuevo.

15
Exportar a GIF
Hay un montn de vdeos tutoriales sobre este tema, aqu est mi versin. Adems de AE, Photoshop tambin ser necesaria aqu.
Basado en esto voy a dividir mi explicacin en dos partes. Por favor tenga en cuenta que el tamao de cada archivo .gif final podra
ser de unos pocos cientos de kilobytes.

1 parte (After Effects)

http://risto.dataglobe.eu/videohive/animated-icons/gif-part1.mp4

1. Despus de ajustar los colores, elija un icono y arrastrarlo a la cola de procesamiento.

2. Establezca su mdulo de salida para Quicktime y las opciones de formato PNG. (Actualizar su versin de Quicktime (!) Si usted no puede ver
aqu PNG).
3. Desactiva la salida de audio.
(Tambin puede redimensionar aqu, asegrese de que la opcin "Bloquear relacin de aspecto").
4. Antes del procesamiento, salvemos este mdulo de salida (Crear plantilla), de modo que pueda
utilizarla de nuevo ms tarde. (Si selecciona varios iconos simplemente puede aplicar la plantilla
que haya creado previamente).
5. Hit de renderizado (soy slo un icono de representacin aqu).

2 parte (Photoshop)

http://risto.dataglobe.eu/videohive/animated-icons/gif-part2.mp4

6. Abrir Photoshop.
7. Archivo / Importar / fotogramas de vdeo a capas (lo siento que no puede ser visto).
(Ver un rectngulo blanco / negro aqu desde la animacin no ha empezado todava).
8. Deje todas las opciones sin modificar.
(Tambin puede establecer un intervalo preferido aqu, como seleccionar la fase de ciclado, evitando de esta manera la acumulacin parcial).
9. Archivo / guardar para web - seleccione gif, establezca las opciones de repeticin "para
siempre" y desmarque la casilla transparencia. Pulsa en Guardar.

16
Iconos especficos que necesita?
Necesitas un icono que no est incluido en este paquete? Ponerse en contacto conmigo a travs del formulario en mi pgina de perfil
VideoHive y comparta sus ideas conmigo. Si son suficientemente generales existe una gran posibilidad de que voy a agregarlas al
proyecto a travs de una actualizacin.

Tienes alguna duda?

Tiene preguntas despus de leer el tutorial? He trabajado muy duro para hacer que todo el mundo contento, sin embargo si usted est
insatisfecho por cualquier razn, ha encontrado un error, o lo que sea, por favor pngase en contacto conmigo y me dicen acerca de l.
Har todo lo posible para ayudarle.

http://videohive.net/user/risto#contact

17
18