Showing 3 Result(s)

Cómo hacer vectores de vidrio

Acá dejo otra manera de hacer botones tipo vidrio. Este tutorial te ayudará a hacer tu propio botón de vidrio, barras y quien sabe que más. El mismo explica cómo crear una base de vectores de vidrio.

Selecciona la Rounded Rectangle Tool / Herramienta Rectángulo Redondeado.

Hace clic sobre la mesa de trabajo, sin arrastrar, para que aparezca la ventana de diálogo de la herramienta rectángulo redondeado. Desde aquí se puede establecer el ancho, alto y el radio exacto de tu botón.

Haz clic en Ok / Aceptar o pulsa enter.

A continuación, aplicarle una sombra, ir al menú Effect -> Stylize -> Drop Shadow / Efecto -> Estilizar -> Sombra Paralela.

Elije tus ajustes de sombra. Nota: Hace clic en Preview / Vista Previa para ver los ajustes.

Ya esta lista la base del botón con la sombra paralela incluida. Ahora selecciona la Gradient Color Pallete / Paleta Colores Degradados, selecciona y aplica el relleno degradado por defecto negro a blanco. Hace clic en el cuadro blanco de la izquierda. Ahora en la Color Pallete / Paleta de Colores, utiliza los deslizadores para cambiar el color blanco a gris, o introducí los valores en los campos de texto , pero todos tienen que tener el mismo valor R= 210, G= 210, B= 210 o R= 190, G= 190, B= 190. Asimismo en la paleta gradiente, cambia el ángulo a 90º.

A continuación, ir al menú Edición -> Preferencias -> Generales o bien puedes hacer Ctrl + K y asegurate que tu teclado este configurado como muestra la imagen.

«Lo que verificamos aca, es que cuando movemos nodos con las teclas cursores (flechas arriba, abajo, derecha e izquierda) lo hacemos de a 1 pixel a la vez.»

Ahora, utilizando la Select Tool / Herramienta de Selección «puntero negro», selecciona el botón, Copy y Paste In Front / Copiar y Pegar en Frente o bien Ctrl + C y Ctrl + F. Bloquea el botón que quedó por de debajo, volve a seleccionar el que pagaste arriba y abre la Appearance Pallete / Paleta Apariencia selecciona el icono del efecto y hace clic en la papelera. Asi eliminas el efecto de la sombra.

Ahora, cambiamos a la Direct Select Tool / Herramienta de Selección Directa «puntero blanco» y selecciona los 4 nodos de la izquierda y muévelos 2 pixels hacia la derecha, repetir el mismo paso con los nodos de la derecha y muévelos hacia la izquierda también 2 pixels. Luego selecciona los 4 nodos de arriba y muévelos 3 pixels hacia abajo.

Con la Delete Point Tool / Herramienta de Eliminar Punto, elimina los 2 nodos inferiores de los extremos.

Utiliza la Convert Anchor Point Tool / Herramienta Convertir Punto de Anclaje para deshacerte de las curvas en los 2 nodos inferiores. A continuación , selecciona los mismos nodos movelos 4 pixels hacia arriba.

Tu nuevo botón debería tener este aspecto.

Selecciona ambas formas y alinearlas entre si horizontal y verticalmente. Previo chequea que la Align Pallete / Paleta Alinear no este configurada para alinear con la mesa de trabajo.

Ambas formas deben ser coherentes, como muestra la imagen.

Utiliza la Rectangle Tool / Herramienta Rectángulo para hacer un rectángulo que cubra la segunda forma.

Selecciona el rectángulo superior aplicarle color degrade de blanco a negro e invertir su ángulo a -90º. Luego selecciona las 2 formas ir a la Transparency Pallete / Paleta Transparencia hace clic en la flechita superior derecha para desplegar más opciones y hacer clic en Make Opacity Mask / Crear Máscara de Opacidad. Esto crea una mascara en la parte superior. Juega con los valores de color hasta encontrar el de tu agrado. Funciona como una especie de máscara de recorte, pero tienes que aplicarla a través de la paleta transparencia.

  • Final

Botón brillante

Probablemente ya has visto este tutorial en algún lugar, como hacer botones brillantes con Adobe Photoshop. Hoy te voy a mostrar cómo se hace con Adobe Illustrator en 3 simples pasos.

  • Crear el cí­rculo

Primero crea un circulo y rellenalo de color naranja. A continuación copiar Ctrl + C y pegar en frente Ctrl + F. Reducir un 40% aproximadamente y arrastralo ligeramente por debajo del centro del círculo naranja.

  • Herramienta fusión

Selecciona Blend Tool / Herramienta Fusión  hace clic en el borde superior del círculo amarillo y a continuación, hace clic nuevamente en el borde superior del círculo naranja. O podes fusionar por tanto la selección de los cí­rculos, haciendo Object -> Blend -> Make / Objeto ->Fusión -> Crear o Ctrl + Alt + B.

  • Añadir brillo

Ahora hace un óvalo y rellenalo con un degrade de blanco a negro y colocalo en la parte superior de los círculos. Nota: si tu espacio de color es CMYK, asegurate de que el negro para el gradiente es negro pleno o puro (C= 100, M= 100, Y= 100, K= 100). Con el óvalo seleccionado, ve a la Transparency Pallete / Paleta Transparencia, selecciona Screen Blend Mode / Modo de Mezcla Trama. Si tu paleta transparencia no se muestra, ir a Windows -> Transparency / Ventana Transparencia o pulsa Ctrl + Shift + F10.

  • Ventajas

Existen varias ventajas para crear este botón brillante con Illustrator que con Photoshop.

  1. Es vector. Lo que significa que es escalable.
  2. Es más fácil y rápido para hacer esto con Illustrator (menos pasos).
  3. Más fácil de cambiar el color, solo hay que rellenarlos cí­rculos con diferentes colores.

Jarrón en 3D

Si bien en entregas anteriores, Gráficos 3D – Primera y Segunda parte y Logo en 3D, has aprendido a dominar esta herramienta, hoy con este tutorial aprenderás como crear un bonito jarrón en 3D en solo 5 minutos con la herramienta de 3D Girar de Adobe Illustrator CS 2. Es fácil y divertido!

  • Crear trazado

En primer lugar con la Herramienta Pen / Pluma crea un trazado como muestra la imagen, luego vas al menú Effect -> 3D -> Revolve / Efecto -> 3D -> Girar.

  • Opciones de 3D girar

Una vez abierta la ventana 3D Revolve Options / Opciones 3D Girar, hace clic en More options / Mas opciones si la parte de inferior de la ventana esta oculta. Podemos dejar la mayor parte de la configuración por defecto, añadiremos un spot de luz adicional haciendo clic en el í­cono de New Ligth / Nueva Luz y arrastrarlo a la esquina inferior izquierda, como se muestra. Introducir 35 para los Blend Steps / Pasos de fusión, el valor máximo que podemos introducir aquí es de 256, mientras más valor de Blend Steps / Pasos de fusión asignemos mejor será el resultado. Pero aumentará el peso del archivo y la memoria.

  • Crear sí­mbolo

Crea un objeto cualquiera una flor, una fruta, o si tienes alguna ilustración sencilla podes usarla. Tengo un ejemplo muy simple de fruta, pero puedes crear lo que más te guste. Para crear un nuevo sí­mbolo arrastra tu objeto a la Symbols Library Pallete / Paleta Biblioteca de Sí­mbolos. Si la paleta sí­mbolos está oculta podes llamarla con Ctrl + Shift + F11 o bien ir al menú Windows -> Symbols / Ventana -> Sí­mbolos para mostrar los sí­mbolos.

  • Crear mapa de arte

Con el objeto florero seleccionado, en la paleta Appearance/ Apariencia hace doble clic en í­cono de efecto 3D Girar:  para cambiar las 3D Revolve Options / Opciones de 3D.

Cuando se abra la ventana 3D Revolve Options / Opciones de 3D Girar, hace clic en el botón Map Art / Arte de Mapa.

  • Opciones de arte de mapa

Comprobá en la opción de vista previa para que puedas ver el resultado de antemano. En la parte superior, donde dice Surface / Superficie utiliza el desplegable para localizar la superficie que deseas mapear. Aviso hay una malla roja en el objeto que muestra la superficie que has seleccionado. En este caso, es 4 de 5. Desde el menú desplegable sí­mbolos, selecciona el sí­mbolo que has creado en el paso anterior. Puedes cambiar el tamaño, la posición del sí­mbolo como vos quieras. También puedes crear múltiples superficies del mapa de arte por la selección de la superficie del sí­mbolo. Hace clic en Ok / Aceptar cuando estés satisfecho con el resultado.

  • Final

Eso es todo! con solo 3 sencillos pasos, acabas de crear un bonito diseño de jarrón 3D.

  • Tips

También puede serte útil para crear otros objetos como ser botellas, tarros, etc.