La guía del principiante a adobe illustrator

¿Quieres empezar a aprender Adobe Illustrator, pero se siente abrumado? Echa un vistazo a “Introducción a Illustrator,” el primer manual de Illustrator MakeUseOf. Con fácil de seguir las instrucciones y un montón de imágenes comentadas, este manual hace que aprender Illustrator sencilla.

Adobe Illustrator es un programa de dibujo vectorial. A menudo se utiliza para crear logos, iconos, ilustraciones, gráficos, infografías, camisetas, tarjetas de visita, papelería, sobres, diseño de envases - lo que sea. Con todo, se utiliza sobre todo para crear gráficos de alta resolución, que luego se pueden imprimir también.

A diferencia de Photoshop, que almacena la información de la imagen en puntos, Illustrator utiliza ecuaciones matemáticas cuando se dibuja formas. Los dibujos vectoriales pueden ser escalados para adaptarse a rascacielos de tamaño imágenes de trama de las banderas no pueden. Debido a esto, Illustrator se utiliza para hacer dibujos que necesita escalar fácilmente - cosas como logotipos.

En este manual se explica Adobe Illustrator herramientas básicas necesarias para hacer un logotipo, así que verlo. Abrir Illustrator usted mismo y seguir a lo largo de conseguir realmente una idea de increíble programa de arte vectorial de Adobe.

Tabla de contenido

§1. Introducción

§ 2.-El espacio de trabajo Illustrator

§ 3.-Creación de un logotipo en Illustrator

§ 4.-Creación de un texto 3D en Illustrator

§ 5-Algunos consejos útiles

§6. Conclusión

1. Introducción

Si ha decidido aprender Illustrator, entonces usted necesita para empezar con lo básico. Es un programa muy potente, sino también un problema complejo. Una vez que se familiarice con la interfaz, herramientas básicas, paletas y espacio de trabajo, se ahorrará mucho tiempo y los nervios y el flujo de trabajo se vea tan uniforme y agradable.

Adobe Illustrator es un programa de dibujo vectorial. A menudo se utiliza para crear logos, iconos, ilustraciones, gráficos, infografías, camisetas, tarjetas de visita, papelería, sobres, diseño de envases - lo que sea. Con todo, se utiliza sobre todo para crear gráficos de alta resolución, que luego se pueden imprimir también.

A diferencia de Photoshop, que almacena la información de la imagen en puntos, Illustrator utiliza ecuaciones matemáticas cuando se dibuja formas. ¿Sobre qué trata?

Esto significa que los gráficos vectoriales (como un dibujo de Illustrator) se pueden ampliar o zoom a cualquier tamaño sin pérdida de calidad, mientras que las imágenes de mapa de bits (como una imagen editada en Photoshop) se pixelate a medida que escala:

Básicamente, dibujos vectoriales pueden ser escalados para adaptarse rascacielos de tamaño de las banderas de las imágenes de trama no se puede. Así que si usted va a utilizar su trabajo para diversos tamaños, utilizar un programa basado en vectores como ilustrador.

• Ventajas de los gráficos vectoriales:

• Alta resolución en cualquier tamaño-

• tamaño- archivo pequeño

• Imprimir- alta calidad

• No resolución de pérdida durante la edición.

desventajas:

• Es difícil de producir dibujos realistas (pero aún es posible).

Bueno, por lo que todavía están leyendo esta guía. Eso me dice que usted realmente desea conseguir más estrecha con Illustrator, así que estoy aquí para compartir mis conocimientos con usted. En esta guía, que le dará a conocer el espacio de trabajo, herramientas básicas, formas y vamos a crear nuestro primer logotipo utilizando este software impresionante.

Tenga en cuenta que estoy usando Illustrator CS5 en Windows, por lo que los usuarios de Mac tendrán que utilizar un poco diferentes combinaciones de teclas: Mando clave en lugar de Ctrl y Opción en lugar de alt.

2. El área de trabajo de Illustrator

Si está familiarizado con Photoshop, entonces el espacio de trabajo de Adobe Illustrator no le sorprendió mucho, ya que las principales partes de él son básicamente los mismos:

Que va a utilizar principalmente el panel de herramientas, ya que todas las herramientas que usted necesita están ahí. Para configurar una herramienta activa, que va a utilizar el panel de control, donde se guardan todas las opciones para la herramienta actual. Y, por supuesto, el área de acoplamiento - que mantiene dichas paletas importantes como muestras de color, capas, las opciones de trazo, la apariencia, la configuración de la pendiente, etc. (todas las paletas se pueden activar o desactivar en ventanas menú).

Vamos a ver el Herramientas primer panel.

Panel 2.1 Herramientas

Hay muchas herramientas disponibles en la caja de herramientas, pero que no tienen que memorizar todo. Sólo unos pocos de ellos hará el trabajo.

Aquí hay una tabla de referencia (algunas herramientas, como Rectángulo, contener más herramientas en el interior, que se pueden seleccionar manteniendo pulsado el icono de la herramienta):

Siempre digo que la mejor forma de aprender es practicar. Por lo tanto, vamos a aprender las herramientas básicas utilizando de forma efectiva ellos.

3. Creación de un logotipo en Illustrator

Yo suelo utilizar Adobe Illustrator para crear logos para mis clientes. ¿Por qué no intentamos uno?

Vamos a llamar a nuestra empresa impresionante “LimeWorks”. Vamos a tener que crear una cal y poner el nombre debajo de ella. Me gusta esto:

Tenga en cuenta, sin embargo, de que vamos a crear un logotipo simple, sólo para que se familiarice con algunas herramientas y métodos. Vamos a empezar con el dibujo de los cuartos de lima.

3.1 Uso de la herramienta Pluma

Vamos a utilizar el Bolígrafo herramienta, que es una de las herramientas más utilizadas en Illustrator. Se utiliza para crear todo tipo de formas y objetos. Seleccionarlo haciendo clic en su icono de la caja de herramientas o use la tecla P.

Con la herramienta Pluma, crear su primer triángulo haciendo clic tres veces en las que desea los bordes a:

Nota: Como ves, yo uso cuadrícula (Ctrl +”) para ser más precisos.

Para cerrar el trazado, haga clic en el primer punto:

Ahora ya está listo para ser llenado con un color. Asegúrese de que se selecciona el triángulo (haga clic en él con herramienta Selección, V) Y elija un tono de color amarillo:

3.2 Realizar las esquinas redondas

Necesitamos esquinas redondas con el fin de hacer que nuestro segmento de cal (triángulo) se vea más suave. Vamos a utilizar el Esquinas redondas efecto:

En el Esquinas redondas cuadro de diálogo, poner algo como 4 mm (Utilizo milímetros como unidades) y haga clic en OK para aplicar los cambios:

Se ve bien. Ahora vamos a añadir un poco de textura, por lo que parece más realista.

3.3 Adición de efectos de Photoshop

En Adobe Illustrator, cuando vaya al menú Effects, se verá que hay efectos de Illustrator y Photoshop Efectos:

Usaremos Stained Glass (Efectos-gt; Textura-gt; vitral).

Pero antes de eso, necesitamos una copia de nuestro triángulo por encima de la capa original.

3.4 Copia de objetos

Te voy a mostrar algunos consejos prácticos sobre cómo copiar y pegar objetos fácilmente por encima de la capa actual y por debajo, mientras se mantiene la posición exacta.

Para pegar una copia de un objeto seleccionado por encima de la original en la posición exacta, copiar primero que (Ctrl + C) y luego pegarlo usando Ctrl + F (si utiliza Ctrl + V se pegará en el centro de la pantalla). Para pegarlo debajo de la utilización objeto original Ctrl + B:

OK, así que ya sabes los trucos de copiar / pegar.

Copiar y pegar nuestro triángulo justo en frente de sí mismo (Ctrl + F), y rellenar el objeto pegado con el color blanco:

Abre el Stained Glass cuadro de diálogo y establecer como mina (Tamaño de celda = 17- espesor Border = 2- intensidad de la luz = 0):

Vídeo: 01 Curso de Illustrator CC para principiantes: Menú Archivo y Movimientos Básicos

3.5 Expandir apariencia

expandir apariencia se encuentra en el Objeto menú y es una de las herramientas más importantes en Illustrator. Se puede requerir una guía separada para describir en detalle, pero hoy sólo están aprendiendo los conceptos básicos.

Vídeo: ADOBE ILLUSTRATOR desde Cero con Adán JP en DISEÑO/ADNDC

Por lo tanto, en términos simples, expandir apariencia se utiliza para dividir un objeto en caminos o imágenes separadas después de un efecto se aplica a ella. Bueno, eso suena un poco confuso. Vamos a usar y verlo en acción.

Asegúrese de que ha seleccionado el triángulo blanco con el Stained Glass efectuar en él e ir a Objeto-gt; Expandir apariencia. Ahora nuestro objetivo es una imagen:

3.6 Live Trace

Otra característica interesante de Adobe Illustrator, Rastro vivo se utiliza para convertir las imágenes de mapa de bits en objetos de rastreo. Hay algunos ajustes preestablecidos por defecto de trazado ya, pero vamos a Usar una configuración personalizada.

Ir Objeto-gt; Calco -gt; opciones de rastreo y valores de ajuste como a continuación:

3.7 Ampliar

Expandir se utiliza para convertir objetos de rastreo en rutas editables (vector). Después de trazar una imagen de trama, se debe utilizar Expandir.

Como nuestro objeto texturizada se trazó ahora y listo para ser devuelto a caminos, utilizaremos Expandir:

Como se ve, nuestra textura es ahora un conjunto de caminos, pero necesitamos cambiar su color de negro a blanco. Esta vez vamos a utilizar Carrera (Ya que la textura es un conjunto de trazos):

DE ACUERDO. Pero ahora es un poco demasiado agudo. Vamos a desenfoque un poco.

3.8 efecto de desenfoque

Ir Efectos-gt; Blur-gt; desenfoque gaussiano, establecer un radio de 2,8 píxeles y usted debe tener presente:

En este punto, hemos terminado con nuestro rodaja de limón. El resto es más fácil.

3.9 Agrupación de objetos

En este punto nuestra cuña de la cal está listo, y tenemos que duplicarlo. Pero se compone de varias capas (objetos), de modo de facilitar las cosas, mientras que la duplicación, vamos Grupo ellos.

Para agrupar un conjunto de objetos, seleccione todas las arrastrando el puntero del ratón alrededor de ellos y haciendo clic Ctrl + G. Otra forma conveniente de seleccionar varios objetos está sosteniendo Cambio y haciendo clic en los objetos.

Pero ya que no tenemos otros objetos en nuestra mesa de trabajo en su lugar puede seleccionar todos los objetos (Ctrl + A) Y el grupo ellos (Ctrl + G):

3.10 Uso de la herramienta Rotar

Girar herramienta (R) se utiliza para adivinar qué ...? Sí, para girar objetos o formas.

Seleccione la herramienta Rotar y Alt + clic en la parte superior del triángulo para establecer nuestro centro de rotación. En el cuadro emergente establecido de la siguiente manera y haga clic Dupdo:

Usted debe tener esto ahora:

3.11 Un pequeño truco

Hay un pequeño truco (una de muchas) que harán de su experiencia más fácil Adobe Illustrator en proyectos futuros. El truco es sólo un atajo de teclado (Ctrl + D). Se repite o se aplica la última transformación al objeto seleccionado.

Es muy útil para nuestra práctica también. Seleccione el nuevo segmento y utilizar Ctrl + D 6 veces:

Voila! Tenemos un sabroso limón. Ahora, para algunos detalles.

En primer lugar, el grupo de todas las rebanadas juntos para mantener las cosas en orden. A continuación, asegúrese de que no hay nada seleccionado haciendo clic en otra parte de la mesa de trabajo.

3,12 Dibujando un círculo

Seleccionar un color verde claro para Llenar y ninguno de Carrera:

Selecciona el Elipse herramienta (un sub-herramienta bajo Rectángulo o golpear L):

Sostener Shift + Alt, apunte el puntero del ratón al centro de la cal y arrastrar el ratón hasta obtener un círculo que cubre toda la cal:

Nota: usted no tiene que encontrar el centro exacto para empezar - vamos a alinear los objetos más tarde.

Vídeo: Learn Adobe Illustrator | 19 episode course

3.13 Disposición de objetos

Como se puede ver ahora, el círculo verde es en frente de o encima nuestra cal. Para enviarlo espalda o abajo, seleccionarlo y pulsa Ctrl + [(Ctrl +] para ponerla encima de la capa actual):

Bueno. Seleccione el círculo y duplicar por debajo de sí mismo (como lo hicimos en 3.4.) Con Ctrl + C y entonces Ctrl + B:

Cambiar su color de relleno a un verde más oscuro y que sea un poco más grande que el primer círculo manteniendo Shift + Alt y arrastre uno de los puntos de referencia:

Eso se ve muy bien. Aún mejor: hemos terminado con la parte difícil.

3.14 Adición de texto

Vamos a añadir el nombre de nuestra empresa por debajo de la cal. Seleccionar Tipo herramienta (T), Haga clic bajo la cal y el tipo “LimeWorks”:

Ahora vamos a alinear todo para el centro.

3.15 Alineación de objetos

Para alinear objetos perfectamente, utilizar las herramientas de alineación. Estas herramientas se encuentran en el panel de control, cuando la herramienta de selección está activo. Véase más abajo para comprender diversas alineaciones:

Tenga en cuenta que estos ejemplos son verdaderas para Alinear a la mesa de trabajo:

Si tu eliges Alinear a la Selección, a continuación, los objetos estarán alineados con respecto a los límites exteriores de la selección.

DE ACUERDO. Seleccionar todos los objetos (Ctrl + A) y desde el panel de control, haga clic en Horizontal Alinear al centro (número 2):

Eso es. Ahora se puede jugar con los tamaños y colores, si quieres.

Si se hace el más pequeño de cal y cambiar los colores de texto que se verá mucho mejor:

Muy bien, felicitaciones con su primer logo!

Vamos a llegar a Guardar y exportar.

3.16 Guardar y exportar

Para guardar los archivos de Illustrator, simplemente pulse Ctrl + S (Como siempre) y se guarda en .ai formato.

Si desea guardar su logotipo en.png, entonces usted puede hacer uso de una de dos maneras: Archivo-gt; Exportar o Archivo-gt; Guardar para Web y dispositivos.

Mientras que la segunda forma exporta toda la mesa de trabajo, la primera forma permite exportar sólo a su objeto (s).

He aquí un ejemplo:

Nota: Siempre se puede cambiar el tamaño de su ARTBoard (Archivo-gt; Configuración del documento y haga clic en Editar mesas de trabajo). Después de eso, cuando se utiliza Guardar para Web y dispositivos se verá que el tamaño de la imagen es el nuevo tamaño de su mesa de trabajo.

También tenga en cuenta: se puede comprobar Transparencia al guardar para web y usted tendrá su logotipo con un fondo transparente.

Vamos a pasar por otro tutorial para aprender otras herramientas básicas. Vamos a crear un texto en 3D con un fondo sucio.

4. Creación de un texto en 3D en Adobe Illustrator

Mientras que los gráficos vectoriales son típicamente dos dimensiones se pueden crear objetos en 3D de aspecto agradable también. En este tutorial vamos a crear un texto simple 3D con un fondo sucio, como a continuación:

Como ya he dicho, ahora estamos aprendiendo los conceptos básicos, para que se familiarice con la interfaz y algunas herramientas útiles. Una vez que se encuentre, se verá que no hay límites a lo que puede hacer con Illustrator.

4.1 Adición de un fondo sucio

Vamos a empezar con un fondo fresco.

Ir a su sitio web favorito para texturas y fondos libres y encontrar un buen fondo sucio. Tomé uno de Stock Image:

Copiar y pegar en su documento de Adobe Illustrator. Lo más probable es que será demasiado grande, por lo que tendrá que reduce la escala. Utilizar transformar Panel para controlar el tamaño de la imagen:

Nota: puede utilizar sus propios valores, sólo asegúrese de que se ajuste al documento.

Ahora tenemos nuestra imagen de fondo listo, pero vamos a añadir algunos más efectos a la misma. En primer lugar, vamos a crear un rectángulo y luego añadiremos efecto de resplandor interior y utilizar el panel Transparencia para cambiar la mezcla entre la imagen y el rectángulo.

4.2 Creación de un rectángulo

Seleccione Rectángulo de Herramientas (M), dibujar un rectángulo, del mismo tamaño que su imagen de fondo (es posible que desee utilizar el Transformar panel para configurar los valores exactos) y establecer el Llenar color a marrón claro y sin trazo:

4.3 Adición de Resplandor interior Efecto

Ir Efecto-gt; Stylize-gt; Resplandor interior y valores de ajuste como se muestra:

Esto es lo que usted debe tener:

4.4 Uso del panel Transparencia

Se puede utilizar siempre panel transparencia para cambiar la forma de un objeto o una capa de mezclas con capas inferiores. En primer lugar, vamos a enviar nuestro rectángulo detrás de la imagen. Seleccione el rectángulo haciendo clic sobre ella y el uso Ctrl + [.

Ahora selecciona la capa de la imagen haciendo clic en la imagen y abierto Panel Transparencia (Ventana-gt; Transparencia) y elige Multiplicar como el modo de fusión:

Bonito. Hemos terminado con el fondo. Vamos a llegar al propio texto en 3D.

4.5 Trabajo con la herramienta Tipo

Utilizando el herramienta de texto (T) escribir “MakeUseOf” con alguna fuente agradable (Elegí diavlo Negrita, que se puede descargar en exljbris Font Foundry). Que sea lo suficientemente grande como 65pt, ajustar el seguimiento en -20 y elegir el Blanco color:

4.6 Creación de contornos

Utilizar crear contornos - haga clic derecho en el texto y seleccione crear contornos, para convertir texto en trazados vectoriales:

4.7 Adición de efectos 3D

efectos 3D se pueden aplicar a cualquier objeto, así como texto. Seleccione el texto, vaya a Efecto-gt; 3D-gt; Extrusión & Bisel y aplicar la siguiente manera:

Esto es lo que debe tener este momento:

Ahora tenemos que separar las caras del texto y nuestro efecto 3D de la otra. Utilizar expandir apariencia Para hacer eso (Objeto-gt; Expandir apariencia).

Con Herramienta de selección directa (A), seleccionar sólo las caras de texto (mantener Cambio para seleccionar varios objetos):

Propina: Mientras que la selección, asegúrese de que los anclajes son azul y ninguno de ellos blancos. Para hacer eso, acercar un poco y haga clic en algún lugar en medio de los objetos (aquí - texto se enfrenta).

4.8 Uso de Unite desde el panel de Pathfinder

Ahora copia y pega la selección y el uso Unir de Pionero panel para unirse a todas las caras seleccionadas en un camino agrupados:

Coloque la nueva capa en la parte superior de la antigua y establecer su Color del trazo a blanco y grosor de contorno a 1 pt:

Casi estámos allí.

4.9 Adición de Gradiente Estilo

La adición de la pendiente es bastante fácil - sólo tiene que seleccionar el objeto, haga clic en el Gradiente el panel de la derecha y configurar sus colores. Por otra parte, siempre se puede hacer uso de pre-definido bibliotecas de Ventana-gt; Bibliotecas de muestras-gt; Gradientes. Pero esta vez, vamos a configurarlo manualmente.

En el Gradiente el panel, establecer Tipo a Lineal, establecer primer color en el 0% ubicación a segundos de color rojo oscuro, a 80% de ubicación a naranja y el color final en 100% a rojo brillante, de ángulo a -90 °:

Propina: Utilizar el control deslizante superior para controlar la gama de colores del gradiente.

4,10 Adición de Shadow

Para dar nuestro texto cierta profundidad, vamos a añadir un poco de sombra a la misma. Vamos a utilizar el Desenfoque gaussiano efecto.

En primer lugar, la copia (Ctrl + C) Nuestra nueva capa y pegarlo en frente (Ctrl + F). A continuación, cambiar su color de trazo negro y se puso a ninguno, enviarlo detrás de la capa de efecto 3D con Ctrl + [ (Asegúrese de que está por encima de las capas de fondo):

Moverlo hacia abajo utilizando las teclas de flecha (también puede cambiar las coordenadas Y del panel Transformar para ser más precisos):

4.11 La aplicación de desenfoque gaussiano

Nuestra sombra no parece realista ahora- que necesitamos para difuminar un poco. Ir Efecto-gt; Blur-gt; desenfoque gaussiano y establecer Radius a 9 píxeles:

¡Hemos terminado!

5. Algunos consejos útiles

Consejos y trucos son infinitas, pero voy a mostrar algunas de ellas:

• capas de bloqueo - cuando se desea seleccionar algunos pequeños objetos que están delante de otros objetos (como un fondo), en vez de Shift + clic en cada uno simplemente puede bloquear el fondo con Ctrl + 2, o poner una señal de bloqueo en el panel Capas.

• Compruebe siempre la paleta Capas - cuando se trabaja con muchos objetos y capas, es muy útil para asignar nombres a las capas y comprobar cómo se alinean las capas (ya sea una capa está por encima o por debajo de la otra, es bloqueado, etc.) -

• Re-editar estilos de capa cada vez que necesite - Sí, siempre se puede cambiar la configuración de estilo o efecto que ya se ha aplicado a un objeto o una capa antes a través del panel Apariencia (Window- gt; Apariencia) -

• Use Bibliotecas - hay Bibliotecas predefinidas agradables para hacer uso de sus obras en. Ir a la ventana-gt; Bibliotecas y seleccione de Bibliotecas de pinceles, Bibliotecas de muestras de estilo gráfico, bibliotecas o biblioteca de símbolos. Hay muchos de ellos.

6. Conclusión

Espero que todo era lo suficientemente claro para que pueda empezar amante de Adobe Illustrator. Lo que he cubierto en esta guía es sólo lo básico. La próxima vez que mostrará los usos más complejos de otras herramientas y trucos asombrosos. Hasta entonces - práctica.

Guía Publicado: August 2012