Tutorial illustrator

download Tutorial illustrator

If you can't read please download the document

Transcript of Tutorial illustrator

  • 1. TUTORIAL 1 Con el presente tip lo que vamos a hacer es que nuestro texto tenga de relleno una imagen usando Illustrator CS3, de una manera rpida y sencilla muy diferente a la mencionada en un tip anterior pero para CS5. Los pasos a realizar son los siguientes: 1. Creamos un nuevo documento en Illustrator, en mi caso lo hice de 800x600px. 2. Ahora vamos a pegar la imagen que va a quedar de fondo, y encima de ella colocamos el texto, quedando de la siguiente manera:

2. 3. Luego vamos a seleccionar tanto la imagen como el texto y nos vamos al men Objeto -> Mscara de Recorte ->Crear , y nos quedar algo como esto: 4. Y para finalizar vamos a colocarle un borde negro para dar ms realce al texto, para ello vamos a la ventana de Color (F6) y escogemos el color negro, en donde nos quedar algo como: Y listo eso es todo podemos hacer lo mismo con diversas imgenes y textos. Otros ejemplos seran: 3. TUTORIAL 2 En el presente tutorial vamos a crear unas cintas usando Adobe Illustrator de una manera sencilla y practica. Inicialmente creamos un nuevo documento especificando el tamao del rea de trabajo. En este tip el tamao de dicha rea ser de 400 x 300 px. Ahora seguimos los siguientes pasos: 1. Creamos un circulo de tamao considerable en el rea de trabajo, quedando de la siguiente manera: 2. Ahora lo que debemos hacer es al circulo que acabamos de crear aplicarle el efecto deExtrusin y Biselado (Men Efecto -> 3D -> Extrusin y Biselado) y hacemos los siguientes ajustes (los que aparecen en crculos rojos) y damos clic en OK: 4. 3. Ahora vamos a crear tres rectngulos verticales similares, pero con colores de relleno diferentes y sin color de borde, quedando de la siguiente manera: 4. Ahora seleccionamos las tres barras que creamos, y las arrastramos hacia el bloque de la parte derecha que se llama Simbolos: NOTA: En caso de no tener esa ventana de smbolos, para mostrarla debemos ir al men Ventana y escogemos donde dice: Smbolos. 5. 5. Al momento de soltar las barras, se nos abre un pequeo cuadro de dilogo, el cual vamos a dejar como aparece a continuacin. 6. Ahora procedemos a borrar las barras que tenemos en el rea de trabajo y seleccionamos el circulo que tenemos creado. En el lado derecho de la pantalla buscamos la pestaa que se llama Apariencia y damos doble clic donde dice: Extrusin y Biselado 3D. NOTA: En caso de no tener esa pestaa de Apariencia, para mostrarla debemos ir al men Ventana y escogemos donde dice: Apariencia. 6. 7. Al momento de dar doble clic se nos abrir la ventana de propiedades del efecto Extrusin y Biselado 3D, en la cual hacemos clic en el botn Mapear Ilustracin y en la ventana que se nos abre la dejamos de la siguiente manera: Fjense que el smbolo que escogemos es el que creamos en los pasos anteriores, la superficie que debemos tomar es la ltima que nos muestre, y una vez est el smbolo lo giramos para que quede en la posicin que est en la figura, y damos clic en OK en ambas ventanas. 7. Y listo, nuestra cinta est terminada y nos qued de la siguiente manera: Solo basta que ustedes hagan pruebas con otras opciones a ver cmo les quedan y espero les haya servido este pequeo tip. 8. TUTORIAL 3 Para empezar necesitamos la mitad de una circunferencia. La podemos hacer usando la herramienta pluma, o con ms exactitud, de la siguiente forma: Seleccionamos la herramienta crculo, y creamos un crculo de regular tamao. Encima del crculo dibujamos un rectngulo de forma vertical y lo situamos en el centro. En la versin CS4, cuando un objeto est cerca de otro nos lo seala por medio de mensajes de color verde. Nos quedara as: Cabe mencionar que ningunos de los objetos debe tener color de fondo, solo debe tener color de borde ya que si utilizamos un color, no nos saldr ningn efecto Luego seleccionamos nuestros 2 objetos y vamos al men Window>Pathfinder y utilizamos el segundo icono de la primera fila, esto lo utilizamos para que nuestros objetos se fusionen pero dejando la parte que no esta en interseccin, en este caso, la otra parte de nuestro circulo. 9. Cuadricula de colores Ahora, necesitamos una cuadricula que envuelva nuestro circulo y lo haremos con cuadrados, hacemos una fila de cuadrados y lo duplicamos tantas veces sea posible, la idea es que tome una forma rectangular, en este caso mi cuadricula es de colores y haciendo lo mencionado quedara as. Ahora lo siguiente sera convertir a smbolo nuestra cuadricula de colores. Tenemos 2 opciones: lo arrastramos a nuestra biblioteca de smbolos o seleccionamos nuestra cuadricula y le damos click a icono nuevo Simbolo como se muestra en la imagen: 10. Nos saldr una ventana para poner el nombre de nuestro smbolo y los 2 tipos de smbolo que hay Graphic o Movie Clip, dejamos seleccionado el de Movie Clip y ponemos de nombre "cuadricula colores". Si tienes varios elementos y a ese grupo lo conviertes en smbolo, automticamente los objetos que se usaron se agrupan y se convierten en un solo objeto. Si quieres que vuelva a hacer el objeto como al principio tan solo le haces click derecho y eliges la opcin Break link to Symbol y nuevamente le haces click derecho y eliges Ungroup. Creando la esfera en 3D Lo siguiente a hacer sera que nuestra smbolo llamado cuadricula de colores cubra completamente nuestra esfera, y seleccionamos nuestro medio circulo y nos vamos a Effect> 3D >Revolve y nos saldr una ventana ya conocida y vista anteriormente. Esta vez usaremos una opcin llamada Map Art pero antes de hacer eso, dos recomendaciones: La primera es en la opcin de Surface, seleccionar No Shadding ya que no sera necesario usarlo. Tambin no habilitar el check de Preview ya que Illustrator consume muchos recursos para renderizar nuestro objeto en 3D, ahora si tu maquina posee 2gb de RAM, no habr problemas, pero en este caso lo debilitaremos. 11. Luego de darle click en Map Art no saldr otra ventana tambin con varias cosas que se podrian utilizar, pero en este tip solo veremos 2 cosas. Para empezar en nuestro combo de Symbol, buscamos el smbolo que creamos hace un momento, si, nuestra Cuadricula colores una vez seleccionado aparece automticamente al centro de una malla con una forma, bueno esa malla es nuestro circulo pero en plano, luego de eso hacemos click en Scaletofit para que ocupe todo y este en todo el circulo tal y como se ve en la imagen. 12. Ahora, luego de hacer los pasos anteriores y dar ok, antes de darle el ultimo ok, necesitamos hacer un previo de nuestra esfera, ya que algunos tendrn curiosidad de saber como queda o como les gustara que quede, ahora si hagan click en el check de previo. Ahora en la parte superior de nuestra ventana tenemos un combo con las diferentes vistas de nuestra esfera y tambin pueden hacer girar su cubo para buscar la mejor vista, haciendo recordar que al momento de hacer previos puede que tu maquina sea un poco lenta o en el peor de los casos tepida mas memoria RAM. 13. Usar smbolos con imgenes Mientras realizaba este tip me dio la curiosidad de ver si con imgenes que nosotros tenemos o las que bajamos por la web podemos hacer lo mismo que con los objetos que creamos en Illustrator y s, es posible, pero no de forma directa, necesitamos hacer algo antes y es que a la imagen tenemos que Rasterizarlo, para ver eso, seleccionamos nuestra imagen y nos vamos aObject>Rasterize y luego los arrastramos hacia nuestra biblioteca de smbolos y continuamos haciendo los otros pasos ya mencionados anteriormente. Y nos quedara as. 14. Ms ejemplos Luego me puse a jugar con las diferentes formas y colores y se los muestro para que se animen y empiecen a crear 15. Paso 1 Creamos un circulo con la herramienta EllipseTool sin linea de contorno y le aplicamos el relleno degradado en la ventana Swatches. Paso 2 Cambiamos los colores de el relleno degradado arrastrando los colores blanco y negro desde la ventana Swatches hacia la ventana Gradient, sto lo hacemos para que el color negro quede en el centro y el blanco en la orilla. (tomar en cuenta siempre tener seleccionado el objeto a modificar y que los colores sean blanco C=0 M=0 Y=0 K=0, y negro C=0 M=0 Y=0 K=100) 16. Paso 3 Modificamos la posicin de el degradado para tener un espacio negro mas amplio en el centro 17. Paso 4 Le aplicamos el efecto Color Halftone, el cual se abre en la ventana Effect>Pixelate>Color Halftone y dependiendo que tan grandes queramos nuestros puntos modificamos los valores de el campo Max. Radius. sto nos dar un resultado parecido a ste: 18. Paso 5 Vamos a la ventana Object, y le damos ExpandAppearance, lo que lo convertir en una imagen, y luego lo convertiremos en path aplicando el Live Trace en la barra superior. 19. No debemos olvidar darle Expand, para que genere los paths. Paso 6 Ahora desagrupamos todo, para poder eliminar los paths color blanco, para poder hacerlo de una forma mas sencilla, utilizamos la herramienta MagicWandTool de la barra de herramientas, con la cual seleccionaremos cualquier rea donde se encuentre un path color blanco, y automticamente seleccionar todos los paths color blanco, luego los eliminamos presionando la tecla Supr o Delete. 20. Y listo!! Ahora tenemos un diseo punteado en path, al cual podemos ampliar, cambiar de color, o incluso utilizarlo como mscara en algn diseo. 21. El efecto Color Halftone tambin se puede aplicar a imgenes en escala de grises para lograr algo parecido a esto: Ya es cuestin de cada quien y como utilice su creatividad para hacer diseos no solo muy buenos, sino que estn de forma vectorial.