Crea un libro 3D con extrusión y biselado en Ilustrador

En este tutorial, vamos a explicar cómo crear un libro abierto en su mayoría con 3D Extrusión de Adobe Illustrator y herramienta Bisel. Vamos a crear páginas abiertas con gráficos y añadimos un fondo ondulado.El libro se puede personalizar mediante la aplicación de sus propios gráficos para las páginas.

1. Crear la forma 3D Base

Paso 1

Vamos a empezar por la apertura de un nuevo documento. Dibuja un rectángulo con la herramienta Rectángulo (M) . Elegí el tamaño de 415 x 6pt y la llené con un bonito azul. Dibuje un círculo con laherramienta Elipse (L) , y que sea 27px de diámetro. Coloque el círculo en el centro del rectángulo.Ajuste el grosor de trazo de 6pt y elegir el mismo color azul. A continuación, vaya a Objeto> Trazado> Contornear trazado .

Paso 2

Necesitamos combinar ambos objetos. Podemos hacerlo seleccionando ambos y luego elegir Divide en elPathfinder panel. Eliminar todos los caminos innecesarios, a continuación, seleccione la forma final deseada, y elija el Unite a área de forma en el Pathfinder panel.

Paso 3

Seleccione la forma, y vaya a Efecto> Estilizar> Redondear vértices , a continuación, elija 4pt como un valor y haga clic en Aceptar . A continuación, vaya a Objeto> Distorsión de envolvente> Crear con deformación . Elija el primer arco opción, haga clic en Horizontal y establezca la curva a 1% . Luego, vaya a Objeto> Expandir . Ahora tenemos nuestro objeto de base para el libro.

Paso 4

Seleccione la forma y vaya a Efecto> 3D> Extrusión y biselado . Establezca los valores siguientes: -35 grados , 31 grados , 10 grados bajo cero . Además, ponga la perspectiva de 131 grados y la profundidad de extrusión en 400PT . Este ajuste se utilizará de nuevo y se aplica a otros objetos con el fin de construir nuestro libro.

2. Modificar la forma 3D

Paso 1

Haga una copia del libro de tapa dura y Expandir él ( Objeto> Expandir apariencia ). Seleccione la forma y elegir Unite a área de forma en el Pathfinder panel y luego lo rellenamos de negro.

Paso 2

Aplicar un desenfoque gaussiano a la forma negro. Elegir un radio de 33px . Ponga esto bajo la forma de tapa dura como una sombra. Ajuste la opacidad al 70% y compensar un poco.

3. Crear las páginas

Paso 1

Crear una línea que es 411pt largo y añadir un grosor de trazo de 1pt . Establecer la carrera a azul. Ir aObjeto> Distorsión de envolvente> Crear con deformación . Seleccione el Arco opción, establezca lacurva a 1% , y 45% para el Horizontal distorsión.

Mantener la forma seleccionada y aplicar los mismos valores de extrusión y biselado 3D como antes. Haga clic en el Más opciones de botón, a continuación, en el Surface sección agrega uno más destacado, y haga clic en Aceptar . Coloque la forma azul en la parte superior de la tapa dura.

Paso 2

Crear una línea de color gris claro con la herramienta Pluma (P) sobre 200pt largo y establecer 0.5ptpara el grosor de trazo . Duplicar esta línea de ocho veces con un espacio de aproximadamente 2pt o así, entonces Grupo juntos ( control + G ).

Paso 3

Seleccione las líneas y duplicar / reflejarlos. Escala / sesgar sólo en el lado derecho. Puede hacerlo seleccionando la herramienta Escala (S) , hacer clic en la esquina cuadro delimitador, a continuación, mantenga pulsada la tecla Comando y arrastre el ratón hacia abajo. Group de nuevo y seleccione laherramienta Deformar ( Mayús + R ). Aplicar el Warp herramienta para las líneas, como se muestra a continuación. ¿Quieres tener cuidado de no hacer mucho deformación, lo suficiente para que se parece a las páginas en la parte superior de uno al otro.

Paso 4

Seleccione el "objeto páginas" y aplican el mismo 3D Extrusión y biselado valores A anterior. Haga clic en el Más opciones de botón, a continuación, en el Highlight Sección, agregar dos más resalte y haga clic en Aceptar .

Paso 5

Haga un duplicado de las "páginas 3d" y Expandir apariencia . Elija Unite a área de forma en elPathfinder panel y lo rellenamos de negro. Aplicar un desenfoque gaussiano de 8px nuevo. Nosotros colocaremos esto como una pequeña sombra debajo de las "páginas 3d", justo por encima de las líneas azules que hemos creado. Establezca su modo de fusión a Color Dodge . Seleccione el objeto "página 3d" y hacer una copia del mismo en la parte superior de la misma, a continuación, establezca el modo de fusión de superposición .

Paso 6

Vamos a crear nuestros gráficos de páginas. Elegí imágenes de los tutoriales que he creado para Tuts +.Por supuesto, usted puede elegir lo que se mueve su corazón. Usted puede añadir el texto, imágenes, texturas gráficas, etc Lo único importante es crear un símbolo de ellos.

Paso 7

Vamos a crear las páginas en las que vamos a agregar el gráfico. Crear una línea con la herramienta Pluma (P) , como podéis ver en la imagen de abajo. Usted quiere asegurarse de que usted tiene sólo tres puntos del trazado por ahora. Dar el camino un movimiento blanco.

Aplique la Extrusión y biselado 3D con los mismos valores que hemos utilizado antes. Asegúrese de que esta vez que no añade ningún sombreado. Luego haga clic en las Opciones de mapa e ir a Surface Número 3 . No elija el gráfico que hemos creado antes como símbolo. Puede escalar, moverlo alrededor, y decidir dónde se ve el mejor.

Paso 8

Aplicar el mismo método para el otro lado de la página "3d" a través de la Herramienta de mapa 3Dopción. Por supuesto, debe haber creado una segunda gráfica y lo arrastró hacia el Símbolo panel.

Paso 9

Una vez que haya aplicado los gráficos deseados, seleccione el objeto y lo puso sobre las páginas de objetos 3D, a continuación, establezca el modo de fusión a Multiplicar . Si usted siente que necesita para ajustar las páginas, puede agregar fácilmente los puntos de ruta de acceso a la línea. También puede ajustar la trayectoria maneja con la herramienta de selección directa (A) . Ya que no ampliamos la apariencia, los valores en 3D se ajustarán también.

Paso 10

Cree otra ruta páginas con la herramienta Pluma (P) . Aplicar los mismos valores en 3D y ampliar la apariencia. Seleccione la forma y elegir Unite en el Pathfinder panel.

Paso 11

Dibujar una línea en el centro del objeto. Que el camino se extiende fuera del borde, a continuación, seleccione los dos, y elija Dividir en el Pathfinder panel. Esto nos dará una forma de dos páginas.

Paso 12

Seleccione cada página con la herramienta de selección directa (A) y aplicar un color gris claro a blanco gradiente lineal. Repetir esto con la otra forma mediante la aplicación de la misma pendiente. Es posible que tenga que experimentar un poco para aplicar un buen gradiente buscando.

Paso 13

Coloque la forma gradiente de página sobre el resto de las páginas con los gráficos, a continuación, establezca el modo de fusión de superposición . Vaya a Efecto> Estilizar> Sombra paralela y aplicar la configuración que ve en la imagen de abajo.

4. Crear el Fondo

Paso 1

Vamos a crear un fondo para el libro. Crear un cuadrado con la herramienta Rectángulo (M) , luego llenarlo con un bonito azul radial blanco degradado. Coloque el punto culminante de degradado en la esquina superior izquierda.

Paso 2

Crear una forma alargada triangular, llenarlo con la misma pendiente, y ponerlo a lineal .

Paso 3

Seleccione las formas triangulares y crear dos duplicados mediante la rotación de uno junto al otro. Una forma fácil es seleccionar primero la forma, a continuación, elija la herramienta Rotar (O) . Haga clic en la esquina superior, mantenga pulsada la tecla Shift + Alt mantenga pulsada la tecla del ratón y arrastre hacia la izquierda. A continuación, pulse Comando + D una vez.

Paso 4

Seleccione las tres formas y grupo entonces. Luego vaya a Objeto> Envelop Distorsionar> Crear con deformación . Seleccione las espirales opciones y comprobar Horizontal . Seleccione 50% para lacurva y el 10% de la distorsión vertical . Ahora ponga el fondo en forma de gradiente y el remolino detrás del libro.

Gran Obra, ahora eres Hecho!

Voila! Nuestra 3D Open Book es completa. Puse un cuadrado de esquinas redondeadas en la parte superior de todas las capas, la coloqué bien para enmarcar el libro y el fondo, y luego apliqué un camino de recortes. Puede, por los colores del cambio de curso, agregar diferentes gráficos para las páginas, e incluso añadir páginas a la misma. Espero que hayan disfrutado este tutorial.

Fuente:enlace

Línea de tiempo con Flash

La Línea de Tiempo representa una forma de ver los fotogramas de modo simplificado. Consta de 2 partes.

1) Los Fotogramas (frames) que vienen delimitados por líneas verticales (formando rectángulos)

2) Los Números de Fotograma que permiten saber qué número tiene asignado cada fotograma, cuánto dura o cuándo aparecerá en la película.

Además, en la parte inferior hay herramientas para trabajar con Papel cebolla e información sobre el Número de Fotograma actual (1 en la imagen), la Velocidad de los Fotogramas (24.0 en la imagen) y el Tiempo de película transcurrido (0.0s en la imagen).

A nivel conceptual, la Línea de Tiempo representa la sucesión de Fotogramas en el tiempo. Es decir, la película Flash no será nada más que los fotogramas que aparecen en la Línea de tiempo uno detrás de otro, en el orden que establece la misma Línea de tiempo.

Para saber más acerca de la Línea de Tiempo y de los distintos tipos de fotogramas que existen visita nuestra Página Avanzada .

2.4. Las capas El concepto de Capa es fundamental para manejar Flash de forma eficiente. Dada la importancia de estas, se le dedicará un tema completo. Aún así, veamos a grandes rasgos qué son las capas.

Una Capa se puede definir como una película independiente de un único nivel. Es decir, una capa contiene su propia Línea de Tiempo (con infinitos fotogramas).

Los objetos que estén en una determinada capa comparten fotograma y por tanto, pueden "mezclarse" entre sí. Esto es interesante a menudo, pero otras veces es conveniente separar los objetos de modo que no interfieran entre sí. Para ello, crearemos tantas capas como sea necesario. El uso de múltiples capas además, da lugar a películas bien ordenadas y de fácil manejo (es conveniente colocar los el código ActionScript en una capa independiente llamada "acciones", por ejemplo). Las ventajas y desventajas de usar capas se verá en la unidad referente a Capas.

2.5. El Escenario

A continuación veremos las diferentes partes que conforman el Área de trabajo empezaremos con la más importante: el Escenario.

Sobre el escenario dibujaremos y colocaremos los diferentes elementos de la película que estemos realizando. El escenario tiene unas propiedades muy importantes, ya que coinciden con lasPropiedades del documento. Para acceder a ellas, hagamos clic con el botón derecho sobre cualquier parte del escenario en la que no haya ningún objeto y después sobre Propiedades del documento:

Añade metadatos a tus archivos para una mejor inclusión de estos en los motores de busqueda rellenando los campos de Título y Descripción.

Dimensiones: Determinan el tamaño de la película. El tamaño mínimo es de 1 x 1 px (píxeles) y el máximo de 2880 x 2880 px.

Unidades de Regla: Unidad que se empleará para medir las cantidades.

Coincidir: Provocan que el tamaño de la película coincida con el botón seleccionado (tamaño por defecto de la Impresora, Contenidos existentes o los elegidos como Predeterminados)

Color de Fondo: El color aquí seleccionado será el color de fondo de toda la película.

Veloc. Fotogramas: O número de fotogramas por segundo que aparecerán en la película. Para cambiar este número, arrastra con el cursor hacia la derecha o izquierda.

Transformar en predeterminado: Este botón permite almacenar las propiedades del documento actual y aplicarlas a todos los documentos nuevos que se creen desde ese instante en adelante. Estas propiedades por supuesto podrán ser alteradas desde este panel cuando se desee.

 Para practicar estas operaciones te aconsejamos realizar el ejercicio paso a paso Cambiar las dimensiones de la película

Fuente:enlace

Emplea transparencias en tus diseños con Illustrator

Acerca de las transparencias

Las transparencias constituyen una parte integral de Illustrator, hasta el punto de que es posible añadir transparencias a una ilustración sin darse cuenta. Puede añadir transparencia a la ilustración mediante uno de los procedimientos siguientes:

• Utilizar máscaras de opacidad que creen variaciones de transparencias.

• Utilizar un modo de fusión para cambiar el modo en que los objetos interactúan con los objetos superpuestos.

• Aplicar degradados y mallas que contengan transparencias.

• Aplicar efectos o estilos gráficos que contengan transparencias, por ejemplo, sombras paralelas.

• Importar archivos de Adobe Photoshop que contengan transparencias.

Panel Transparencia

El panel Transparencia (Ventana > Transparencia) se utiliza para especificar la opacidad y el modo de fusión de los objetos, para crear máscaras de opacidad o para cubrir una parte de un objeto con la parte superpuesta de un objeto transparente.

• Visualización de todas las opciones en el panel Transparencia

  Seleccione Mostrar opciones en el menú del panel.

• Visualización en miniatura del objeto seleccionado en el panel Transparencia

 Seleccione Mostrar miniaturas en el menú del panel. O bien, haga clic en el triángulo doble que se encuentra en la ficha del panel para pasar de un tamaño de visualización a otro.

Cambio de la opacidad de una ilustración

Puede cambiar la opacidad de un único objeto, de todos los objetos de un grupo o capa, o la opacidad del relleno o el trazo de un objeto.

1. Seleccione un objeto o grupo (o identifique como destino una capa en el panel Capas).

Si desea cambiar la opacidad de un relleno o trazo, seleccione el objeto y, a continuación, seleccione el relleno o el trazo en el panel Apariencia.

    2.  Defina la opción Opacidad en el panel Transparencia o en el panel de control.

Para seleccionar todos los objetos que utilizan una opacidad concreta, elija un objeto que tenga dicha opacidad, o deseleccione todos los objetos e introduzca el valor de opacidad en el panel Transparencia.

 A continuación, elija Seleccionar > Mismo > Opacidad.

Si selecciona varios objetos en una capa y cambia el valor de opacidad, la transparencia de las áreas superpuestas del objeto seleccionado cambiará respecto a los demás objetos y se verá una opacidad acumulada. Por el contrario, si identifica como destino una capa o un objeto y luego cambia la opacidad, los objetos de la capa o el grupo se consideran un solo objeto. Solo los objetos que están fuera y debajo de la capa o el grupo se verán a través de los objetos transparentes. Si un objeto se traslada a la capa o el grupo, adopta la opacidad de la capa o el grupo, 

mientras que si se saca, no conservará la opacidad.

Creación de un grupo de cobertura de transparencia

En un grupo de cobertura de transparencia, los elementos de un grupo no se muestran unos a través de otros.

Comparación de un grupo con la opción Grupo de cobertura desactivada (izquierda) y activada (derecha)

1. En el panel Capas, identifique como destino el grupo o capa que desea transformar en grupo de cobertura.
2. En el panel Transparencia, seleccione Grupo de cobertura. Si la opción no está visible, seleccione Mostrar opciones en el menú del panel.

Al seleccionar la opción Grupo de cobertura se pasa por tres estados distintos: Activado (marca), Desactivado (sin marca) y Neutral (cuadrado). Utilice la opción Neutral para agrupar ilustraciones sin interferir en el comportamiento de la cobertura, determinado por la capa o el grupo en el que se encuentra. Utilice la opción Desactivado para garantizar que una capa o 

un grupo de objetos transparentes no se cubran nunca.

Fuente:enlace