Home-theater-designers
¿Quieres empezar a aprender? Ilustrador Adobe , pero te sientes abrumado? Consulte 'Introducción a Illustrator', el primer manual de Illustrator de MakeUseOf. Con instrucciones fáciles de seguir y muchas capturas de pantalla anotadas, este manual simplifica el aprendizaje de Illustrator.
Adobe Illustrator es un programa de dibujo vectorial. A menudo se utiliza para crear logotipos, iconos, ilustraciones, gráficos, infografías, camisetas, tarjetas de visita, papelería, sobres, diseño de envases, lo que sea. Con todo, se utiliza principalmente para crear gráficos de alta resolución, que luego también se pueden imprimir.
A diferencia de Photoshop, que almacena la información de la imagen en puntos, Illustrator utiliza ecuaciones matemáticas cuando dibuja formas. Los dibujos vectoriales se pueden escalar para que se ajusten a las pancartas del tamaño de un rascacielos; las imágenes de trama no pueden. Debido a esto, Illustrator se usa para hacer dibujos que deben escalar fácilmente, como logotipos.
Este manual de Adobe Illustrator explica las herramientas básicas necesarias para crear un logotipo, así que échale un vistazo. Abra Illustrator usted mismo y sígalo para familiarizarse realmente con el increíble programa de arte vectorial de Adobe.
Tabla de contenido
§2 – El espacio de trabajo de Illustrator
§3 – Creación de un logotipo en Illustrator
§4 – Creación de un texto 3D en Illustrator
1. Introducción
Si ha decidido aprender Illustrator, debe comenzar con lo básico. Es un programa realmente poderoso, pero también complejo. Una vez que se familiarice con la interfaz, las herramientas básicas, las paletas y el espacio de trabajo, ahorrará mucho tiempo y nervios y su flujo de trabajo parecerá fluido y agradable.
Ilustrador Adobe es un programa de dibujo vectorial. A menudo se usa para crear logotipos, íconos, ilustraciones, gráficos, infografías, camisetas, tarjetas de presentación, papelería, sobres, diseño de empaques, lo que sea. Con todo, se utiliza principalmente para crear gráficos de alta resolución, que luego también se pueden imprimir.
A diferencia de Photoshop, que almacena la información de la imagen en puntos, Illustrator utiliza ecuaciones matemáticas cuando dibuja formas. ¿Sobre qué trata?
Significa que los gráficos vectoriales (como un dibujo de Illustrator) se pueden escalar o ampliar a cualquier tamaño sin perder calidad, mientras que las imágenes rasterizadas (como una imagen editada en Photoshop) se pixelarán a medida que escala:
Básicamente, los dibujos vectoriales se pueden escalar para que se ajusten a las pancartas del tamaño de un rascacielos; las imágenes de trama no pueden. Entonces, si planea usar su trabajo para varios tamaños, use un programa basado en vectores como Illustrator.
• Ventajas de los gráficos vectoriales:
• Alta resolución en cualquier tamaño;
• Tamaño de archivo pequeño;
• Impresión de alta calidad;
• Sin pérdida de resolución durante la edición.
Desventajas:
• Es difícil producir dibujos realistas (pero aún es posible).
De acuerdo, todavía estás leyendo esta guía. Eso me dice que realmente quieres acercarte más a Illustrator, así que estoy aquí para compartir mis conocimientos contigo. En esta guía, te presentaré el espacio de trabajo, las herramientas básicas, las formas y crearemos nuestro primer logotipo con este increíble software.
Tenga en cuenta que estoy usando Illustrator CS5 en Windows, por lo que los usuarios de Mac tendrán que usar combinaciones de teclas ligeramente diferentes: Mando clave en lugar de control y Opción en lugar de Todo .
2. El espacio de trabajo de Illustrator
Si está familiarizado con Photoshop, el espacio de trabajo de Adobe Illustrator no le sorprenderá mucho, ya que las partes principales son básicamente las mismas:
Utilizará principalmente el panel Herramientas, ya que todas las herramientas que necesita están allí. Para configurar una herramienta activa, utilizará el Panel de control, donde se guardan todas las opciones de la herramienta actual. Y, por supuesto, el área de acoplamiento del panel: mantiene paletas tan importantes como Muestras de color, Capas, Opciones de trazo, Apariencia, Configuración de degradado, etc. (todas las paletas se pueden activar o desactivar en Ventanas menú).
Echemos un vistazo a Instrumentos panel primero.
2.1 Panel de herramientas
Hay muchas herramientas disponibles en la caja de herramientas, pero no es necesario que memorice todo. Solo algunos de ellos harán el trabajo.
Aquí hay una tabla de referencia (algunas herramientas, como Rectángulo , contiene más herramientas en su interior, que se pueden seleccionar manteniendo presionado el icono de herramienta):
Siempre digo que la mejor forma de aprender es practicando. Entonces, aprendamos las herramientas básicas usándolas realmente.
3. Creación de un logotipo en Illustrator
Normalmente uso Adobe Illustrator para crear logotipos para mis clientes. ¿Por qué no probamos uno?
Llamemos a nuestra increíble empresa LimeWorks . Tendremos que crear una lima y poner el nombre debajo de ella. Como esto:
Sin embargo, tenga en cuenta que crearemos un logotipo simple, solo para que se familiarice con algunas herramientas y métodos. Comencemos dibujando segmentos de lima.
3.1 Uso de la herramienta Pluma
Usaremos el Lápiz , que es una de las herramientas más utilizadas en Illustrator. Se utiliza para crear todo tipo de formas y objetos. Selecciónelo haciendo clic en su icono de la caja de herramientas o use la tecla P.
cómo ver ppp de la imagen
Con la herramienta Pluma, cree su primer triángulo haciendo clic tres veces donde desea que estén los bordes:
Nota: como puede ver, utilizo Grid (Ctrl +) para ser más preciso.
Para cerrar la ruta, haga clic en el primer punto:
Ahora está listo para ser llenado con un color. Asegúrese de que el triángulo esté seleccionado (haga clic en él con Herramienta de selección, V ) y elija un tono amarillo:
3.2 Hacer esquinas redondas
Necesitamos esquinas redondeadas para que nuestro segmento de lima (triángulo) se vea más suave. Usaremos el Esquinas redondas efecto:
En el Esquinas redondas cuadro de diálogo, ponga algo como 4 mm (Yo uso milímetros como unidades) y hago clic en Aceptar para aplicar los cambios:
Se ve bien. Ahora agreguemos algo de textura, para que se vea más realista.
3.3 Agregar efectos de Photoshop
En Adobe Illustrator, cuando vaya al menú Efectos, verá que hay Efectos de Illustrator y Efectos de Photoshop:
Usaremos Vidriera (Efectos-> Textura-> Vidriera) .
Pero antes de eso, necesitamos una copia de nuestro triángulo sobre la capa original.
3.4 Copiar objetos
Le mostraré algunos consejos rápidos sobre cómo copiar y pegar fácilmente objetos por encima y por debajo de la capa actual, manteniendo la posición exacta.
Para pegar una copia de un objeto seleccionado encima del original en la posición exacta, primero cópielo ( Ctrl + C) y luego pégalo usando Ctrl + F (si utiliza Ctrl + V lo pegará en el medio de la pantalla). Para pegarlo debajo del objeto original, use Ctrl + B :
Bien, ahora ya conoces los trucos de copiar / pegar.
Copie y pegue nuestro triángulo justo en frente de sí mismo (Ctrl + F), y llene el objeto pegado con color blanco:
Abre el Vitral cuadro de diálogo y establecer como mío ( Tamaño de celda = 17; Grosor del borde = 2; Intensidad de luz = 0 ):
3.5 Expandir apariencia
expandir apariencia se encuentra en el Objeto menú y es una de las herramientas más importantes de Illustrator. Puede requerir una guía separada para describir en detalle, pero hoy solo estamos aprendiendo lo básico.
Entonces, en términos simples, expandir apariencia se utiliza para dividir un objeto en rutas o imágenes independientes después de aplicarle un efecto. Bueno, eso suena un poco confuso. Usémoslo y veámoslo en acción.
Asegúrese de haber seleccionado su triángulo blanco con el Vitral efecto sobre él y vaya a Objeto-> Expandir apariencia . Ahora nuestro objeto es una imagen:
3.6 Seguimiento en vivo
Otra característica interesante de Adobe Illustrator, Rastro vivo se utiliza para convertir imágenes rasterizadas en objetos de rastreo. Ya existen algunos ajustes preestablecidos de seguimiento predeterminados, pero usaremos configuraciones personalizadas.
Ir a Objeto-> Seguimiento en vivo -> Opciones de seguimiento y establezca los valores como se muestra a continuación:
3.7 Expandir
Expandir se utiliza para convertir objetos de rastreo en trazados editables (vector). Después de trazar una imagen rasterizada, debe usar Expandir .
Como nuestro objeto texturizado ahora está rastreado y listo para ser devuelto a las rutas, usaremos Expandir :
Como ves, nuestra textura ahora es un conjunto de caminos , pero necesitamos cambiar su color de negro a blanco. Esta vez usaremos Carrera (ya que la textura es un conjunto de trazos):
está bien. Pero ahora es un poco demasiado afilado. Vamos a difuminarlo un poco.
3.8 Efecto de desenfoque
Ir a Efectos-> Desenfoque-> Desenfoque gaussiano , establezca el radio en 2,8 píxeles y debería tener esto:
En este punto, hemos terminado con nuestra rodaja de limón. El resto es más fácil.
3.9 Agrupar objetos
En este punto, nuestra rodaja de limón está lista y necesitamos duplicarla. Pero está compuesto por varias capas (objetos), por lo que para facilitar las cosas durante la duplicación, veamos Grupo ellos.
Para agrupar un conjunto de objetos, selecciónelos todos arrastrando el mouse alrededor de ellos y haciendo clic Ctrl + G . Otra forma conveniente de seleccionar varios objetos es sosteniendo Cambio y haciendo clic en los objetos.
Pero como no tenemos ningún otro objeto en nuestra mesa de trabajo, puede seleccionar todos los objetos ( Ctrl + A ) y agruparlos ( Ctrl + G ):
3.10 Uso de la herramienta Rotar
Girar la herramienta (R) se usa para ... ¿adivina qué? Sí, para rotar 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, establezca lo siguiente y haga clic en Dupdo :
Deberías tener esto ahora:
3.11 Un pequeño truco
Hay un pequeño truco (uno de muchos) que facilitará la experiencia de Adobe Illustrator en proyectos futuros. El truco es solo un atajo de teclado ( Ctrl + D ). Repite o aplica la última transformación al objeto seleccionado.
También es útil para nuestra práctica. Seleccione la nueva rebanada y use Ctrl + D 6 veces:
¡Voila! Tenemos un limón sabroso. Ahora para algunos detalles.
En primer lugar, agrupe todas las porciones para mantener las cosas en orden. Luego, asegúrese de que no haya nada seleccionado haciendo clic en otro lugar de la mesa de trabajo.
3.12 Dibujar un círculo
Seleccione un color verde claro para Llenar y ninguno para Carrera :
Selecciona el Elipse herramienta (una subherramienta debajo Rectángulo o golpear LOS ):
Sostener Mayús + Alt , apunte el mouse al centro de la lima y arrastre el mouse hasta obtener un círculo que cubra toda la lima:
Nota: no es necesario que busque el centro exacto para empezar; alinearemos los objetos más adelante.
3.13 Organizar objetos
Como ve ahora, el círculo verde es en frente de o encima nuestra lima. Para enviarlo espalda o debajo , selecciónelo y presione Ctrl + [(Ctrl +] para traerlo encima de la capa actual):
Bueno. Seleccione ese círculo y duplíquelo debajo de sí mismo (como hicimos en 3.4.) Con Ctrl + C y luego Ctrl + B :
Cambie su color de relleno a un verde más oscuro y hágalo un poco más grande que el primer círculo presionando Shift + Alt y arrastrando uno de sus puntos de referencia:
Eso luce bastante bien. Aún mejor: hemos terminado con la parte difícil.
3.14 Agregar texto
Agreguemos el nombre de nuestra empresa debajo de la lima. Seleccione Escribe herramienta ( T ), haga clic debajo de la cal y escriba LimeWorks :
Ahora alineemos todo en el centro.
3.15 Alinear objetos
Para alinear objetos perfectamente, use las herramientas de Alineación. Esas herramientas se encuentran en el Panel de control, cuando la herramienta de selección está activa. Consulte a continuación para comprender varias alineaciones:
Tenga en cuenta que estos ejemplos son válidos para Alinear a la mesa de trabajo :
Si usted elige Alinear a la selección , los objetos se alinearán con respecto a los límites exteriores de la selección.
está bien. Seleccione todos los objetos (Ctrl + A) y desde el panel de control, haga clic en Centro de alineación horizontal (número 2):
Eso es todo. Ahora puedes jugar con tamaños y colores si quieres.
Si reduce el tamaño de la lima y cambia los colores del texto, se verá mucho mejor:
Muy bien, ¡enhorabuena con su primer logo!
Vayamos a Ahorrar y exportar.
3.16 Guardar y exportar
Para guardar sus archivos de Illustrator, simplemente presione Ctrl + S (como siempre) y lo guardará en .al formato.
Si desea guardar su logotipo en formato. png , puede utilizar una de estas dos formas: Archivo-> Exportar o Archivo-> Guardar para Web y dispositivos .
Mientras que la segunda forma exporta toda la mesa de trabajo, la primera le permite exportar solo sus objetos.
Aquí tienes un ejemplo:
Nota : siempre puedes cambiar el tamaño de tu Artb oard (Archivo-> Configuración de documento y haga clic en Editar mesas de trabajo ). Después de eso, cuando uses Guardar para web y dispositivos verá que el tamaño de la imagen es el nuevo tamaño de su mesa de trabajo.
También tenga en cuenta: puede comprobar Transparencia al guardar para web y tendrás tu logo con un fondo transparente.
Repasemos otro tutorial para aprender otras herramientas básicas. Crearemos un texto en 3D con un fondo sucio.
4. Creación de un texto 3D en Adobe Illustrator
Si bien los gráficos vectoriales suelen ser de dos dimensiones, también puede crear objetos 3D atractivos. En este tutorial crearemos un texto 3D simple con un fondo sucio como el siguiente:
Como dije, ahora estamos aprendiendo los conceptos básicos, para que se familiarice con la interfaz y algunas herramientas útiles. Una vez que lo esté, verá que no hay límites para lo que puede hacer con Illustrator.
4.1 Agregar un fondo sucio
Empecemos con un trasfondo interesante.
Vaya a su sitio web favorito para obtener texturas y fondos gratuitos y encuentre un bonito fondo sucio. Tomé uno de Imagen de archivo :
Cópielo y péguelo en su documento de Adobe Illustrator. Lo más probable es que sea demasiado grande, por lo que deberá reducirlo. Usar Transformar panel para controlar el tamaño de su imagen:
Nota: puede usar sus propios valores, solo asegúrese de que se ajusten al documento.
Ahora tenemos nuestra imagen de fondo lista, pero agreguemos algunos efectos más. Primero, crearemos un rectángulo y luego agregaremos el efecto Resplandor interior y usaremos el panel Transparencia para cambiar la fusión entre la imagen y el rectángulo.
4.2 Crear un rectángulo
Seleccione Rectángulo de Herramientas (M), dibuje un rectángulo, del mismo tamaño que su imagen de fondo (es posible que desee utilizar el Transformar panel para establecer valores exactos) y establecer el Llenar color a marrón claro y sin trazo:
4.3 Adición de efecto de resplandor interior
Ir a Efecto-> Estilizar-> Resplandor interior y establezca los valores como se muestra:
Esto es lo que debe tener:
4.4 Uso del panel de transparencia
Siempre puedes usar Panel de transparencia para cambiar la forma en que un objeto o una capa se fusionan con las capas siguientes. En primer lugar, enviemos nuestro rectángulo detrás de la imagen. Seleccione el rectángulo haciendo clic en él y use Ctrl + [ .
Ahora seleccione la capa de la imagen haciendo clic en la imagen y abra Panel de transparencia (Ventana-> Transparencia) y elige Multiplicar como el modo de fusión:
Bonito. Hemos terminado con el fondo. Vayamos al texto 3D en sí.
4.5 Trabajar con la herramienta Texto
Utilizando el Tipo de herramienta (T) escribir MakeUseOf con una bonita fuente (elegí Diavlo Negrita , que se puede descargar en exljbris Font Foundry ). Hazlo lo suficientemente grande como 65 puntos , establezca el seguimiento en -20 y elige el blanco color:
4.6 Crear contornos
Usar Crear contornos - haga clic derecho en el texto y elija Crear contornos , para convertir texto en rutas vectoriales:
4.7 Agregar efectos 3D
Los efectos 3D se pueden aplicar a cualquier objeto, así como al texto. Seleccione el texto, vaya a Efecto-> 3D-> Extrusión y bisel y aplicar de la siguiente manera:
Esto es lo que debería tener hasta ahora:
Ahora necesitamos separar las caras del texto y nuestro efecto 3D entre sí. Usar expandir apariencia Para hacer eso ( Objeto-> Expandir apariencia ).
Con Herramienta de selección directa (A) , seleccione solo las caras del texto (mantenga presionado Cambio para seleccionar varios objetos):
Propina : mientras selecciona, asegúrese de que los anclajes estén azul y ninguno de ellos blanco. Para hacer eso, amplíe un poco y haga clic en algún lugar en el medio de los objetos (aquí, caras de texto).
4.8 Uso de Unite desde el panel Buscatrazos
Ahora copie y pegue su selección y use Unido de Pionero panel para unir todas las caras seleccionadas en una ruta agrupada:
Coloque la nueva capa encima de la anterior y establezca su Color del trazo a blanco y Peso de la carrera a 1 punto:
Casi estámos allí.
4.9 Agregar estilo de degradado
Agregar el degradado es bastante fácil: solo seleccione el objeto, haga clic en el Degradado panel de la derecha y configure sus colores. Además, siempre puede hacer uso de Bibliotecas de Ventana-> Bibliotecas de muestras-> Degradados . Pero esta vez, configurémoslo manualmente.
En el Degradado panel, conjunto Escribe para Lineal , establezca el primer color al 0% en rojo oscuro, el segundo color al 80% en naranja y el color final al 100% en rojo brillante, Ángulo de -90 °:
Propina : use el control deslizante superior para controlar la gama de colores del degradado.
4.10 Agregar sombra
Para darle algo de profundidad a nuestro texto, agreguemos algo de sombra. Usaremos el Desenfoque gaussiano efecto.
Primero, copie ( Ctrl + C ) nuestra nueva capa y pégala al frente ( Ctrl + F ). Luego, cambie su color a negro y establezca el trazo en ninguno, envíelo detrás de la capa de efecto 3D con Ctrl + [ (asegúrese de que esté por encima de las capas de fondo):
Muévalo hacia abajo usando las teclas de flecha (también puede cambiar las coordenadas Y desde el panel Transformar para ser más precisos):
4.11 Aplicar desenfoque gaussiano
Nuestra sombra no parece realista ahora; necesitamos difuminarlo un poco. Ir a Efecto-> Desenfocar-> Desenfoque gaussiano y establezca Radio en 9 píxeles:
¡Hemos terminado!
5. Algunos consejos útiles
Los consejos y trucos son infinitos, pero te mostraré algunos de ellos:
• Bloquear capas: cuando desee seleccionar algunos objetos pequeños que están frente a otros objetos (como un fondo), en lugar de Mayús + hacer clic en cada uno, simplemente puede bloquear el fondo con Ctrl + 2, o poner un signo de bloqueo el panel Capas.
• Siempre revise la paleta Capas - cuando trabaje con muchos objetos y capas, es realmente útil nombrar sus capas y verificar cómo están alineadas sus capas (si una capa está arriba o debajo de la otra, está bloqueada, etc.);
• Vuelva a editar los estilos de capa en cualquier momento que lo necesite; sí, siempre puede cambiar la configuración de estilo o efecto que ya haya aplicado a un objeto o una capa antes a través del panel Apariencia (Ventana-> Apariencia);
• Use Bibliotecas: hay algunas Bibliotecas predefinidas agradables para usar en sus trabajos. Vaya a Ventana-> Bibliotecas y seleccione entre Bibliotecas de pinceles, Bibliotecas de muestras, Bibliotecas de estilos gráficos o Bibliotecas de símbolos. Hay muchos de ellos.
6. Conclusión
Espero que todo haya sido lo suficientemente claro para que empieces a amar Adobe Illustrator. Lo que he cubierto en esta guía es solo lo básico. La próxima vez mostraré usos más complejos de otras herramientas y trucos increíbles. Hasta entonces - práctica .
Publicación de la guía: agosto de 2012
Cuota Cuota Pío Correo electrónico Cómo acceder al nivel de burbuja integrado de Google en AndroidSi alguna vez ha necesitado asegurarse de que algo esté nivelado en un apuro, ahora puede obtener un nivel de burbuja en su teléfono en segundos.
Leer siguiente Temas relacionados- Creativo
- Diseño asistido por ordenador
- Forma larga
- Guía de formato largo
Suscríbete a nuestro boletín
¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!
Haga clic aquí para suscribirse