Mostrando entradas con la etiqueta Illustrator. Mostrar todas las entradas
Mostrando entradas con la etiqueta Illustrator. Mostrar todas las entradas

sábado, 16 de febrero de 2013

Convertir una foto en un dibujo




Hay muchas formas de vectorizar una imagen o convertir una foto en un dibujo, la forma más sencilla es utilizar Illustrator, lo que te permitirá ahorrar bastante tiempo. Hay muchos acabados y posibilidades, por lo que seguro que consigues cualquier efecto.

Hay que tener en cuenta que el resultado final depende de los colores y del tamaño de la imagen, por lo que si recortas una parte de la imagen varían los colores (esto se puede ver en el modo de color 6).
1er paso) Abre la imagen con Illustrator y crea una copia de la capa fondo. Al usar este método puedes crear ilustraciones que tengan zonas transparentes, por lo que interesa que la capa fondo esté visible.
2º paso) Selecciona la imagen usando la herramienta selección directa (A) y busca en el menú superior un botón que pone calco interactivo. Puedes pulsar este botón o en el desplegable de la derecha con las funciones por defecto de Illustrator.

3er paso) Illustrator creará patrones para crear el vector, este paso puede tardar, dependerá del tamaño de la imagen. Ahora te saldrá un dibujo que se puede editar si pulsas otra con la herramienta selección rápida y pulsas en el cuadro de diálogo que es un botón situado a la derecha del ajuste preestablecido.

Ahora puedes editar el efecto, cambiar los ajustes… en el siguiente cuadro de diálogo

4º paso) Aquí dejo un ejemplo de las opciones de las posibilidades que da esta herramienta:


sábado, 14 de abril de 2012

Texto de leche



1º paso) Abre Adobe Illustrator y ve a Ver> Mostrar cuadrícula (ctrl+*). A continuación, selecciona la herramienta Rectángulo (M) y crea de 2 cuadrados y 2 rectángulos, como en la imagen de abajo (no te olvides de rellenar los rectángulos y los cuadrado de negro).

2º paso) Para crear la M, seleccione la herramienta Pluma (P) y añade 2 puntos a 2 cuadrados del centro.

3º paso) Agrega 2 puntos más y muévelo a continuación 2 cuadrados hacia arriba de los anteriores.

4º paso) Ahora añade otro punto en el centro mismo de la línea y luego empujar a ese punto 1 cuadrado hacia abajo. Utiliza la imagen de abajo como referencia.

5º paso) Para finalizar la M, de nuevo con la herramienta Pluma (P), añade 3 nuevos puntos, como se muestra abajo.

6º paso) Para las otras letras que es casi lo mismo, utiliza la herramienta Pluma (P) y vuelve a utilizar la misma técnica que utilizamos para la M. Utiliza la imagen de abajo como referencia.


7º paso) Abre Photoshop y crear un nuevo documento, yo he utilizado uno de  1920x1200 píxeles de tamaño. A continuación, copie las letras de Illustrator y pégalas en Photoshop. Cada letra tiene que estar en una sola capa. El fondo tiene que ser negro, así que tienes que invertir el color del documento pulsando Ctrl+I; ahora tendrías que ver las letras en blanco y el fondo en negro.

8º paso) Para crear las salpicaduras de la leche, vamos a utilizar algunas fotos de salpicaduras de leche.
9º paso) Copia y pega la imagen en el documento. Ve a Edición> Transformar> Escala y cambia su tamaño para que se ajuste al ancho de la letra M. Después, con la herramienta Borrador (E) elimina algunas áreas en la parte inferior de las fotos y con la herramienta Tampón (S), pinta las partes de la imagen donde se puede ver el vaso, la idea es ocultar el cristal y dejar sólo las partes de la leche.

10º paso) Con la herramienta Borrador (E) borra la parte de la letra M que se ve en la esquina superior derecha, donde el efecto no se ve realmente bien con la salpicadura de leche.

11º paso) Para cada letra vas a utilizar una foto diferente, de esa manera el efecto será más convincente. Puedes utilizar una sola imagen y simplemente modificala con la herramienta de deformación. La foto que utilicé para la letra "I" es la imagen de abajo.

12º paso) Pega la imagen en el documento de Photoshop, con la Varita mágica (W), selecciona el área de color negro de la imagen y elimínalo. Ve a Edición> Transformar> Rotar y cambia su tamaño para que encaje con la anchura de la letra "I".

13º paso) Con la herramienta Marco Rectangular (M) elimina la parte inferior de la imagen donde se puede ver el vaso, a continuación, selecciona un área uniforme y ve a Edición> Transformar> Escala. Haz que el área mucho mayor, como la imagen de abajo y luego con la herramienta Borrador (E), utilizando un cepillo muy suave, elimina la parte inferior de las salpicaduras de leche hasta que haya una transición muy suave. Puedes mover hacia abajo la salpicadura un poco más como se muestra.

14º paso) Trata de buscar imágenes diferentes para cada letra, para la L” he usado otra foto. A continuación, repite lo mismo que hicimos para las otras letras para que coincida con la imagen con el texto.

15º paso) Para la K” usé otra imagen. La primera cosa que hay que hacer es convertir la imagen a escala de grises, para ello, ve a Imagen> Ajustes> Desaturar.
Después de eso, ve a Imagen> Ajustes> Niveles y aumenta la entrada de Negro hasta que la imagen tenga casi un fondo negro, y después, con la herramienta Varita mágica (W) selecciona y elimina el fondo de la imagen la salpicadura.
Ve a Edición> Transformar> Escala y mueve y cambia de tamaño la imagen para que coincida con el ancho de la letra K”, y con la herramienta Borrador (E) elimina algunas áreas de la mancha como se muestra en la imagen.
Sugerencia: utiliza las teclas [y] para aumentar o reducir el tamaño de la goma de borrar, que es muy importante para eliminar las áreas adecuadas para que el efecto más realista. Trata de seguir el flujo de la leche.



16º paso) Seleccione la letra K” y con la herramienta Borrador (E) elimina la esquina superior derecha de la letra.

17º paso) Como hemos utilizado diferentes imágenes y algunas de ellas habían efectuado algunas variaciones de color, como las imágenes de la letra M” y L”. Así le darás un aspecto más uniforme. Ve a Capa> Nueva capa de ajuste> Mapa de degradado y selecciona la opción Invertir; esto será suficiente para que las salpicaduras se ven iguales.

18º paso) Para crear un efecto de profundidad, sólo tienes que copiar una parte de una de esas imágenes que tienen un buen número de gotas y pégalo en el documento, en mi caso he utilizado la esquina superior derecha de la imagen que se utilicé en el paso 15 (letra K). Copia y pega en el documento y otra vez, ve a Imagen> Ajustes> Desaturar, y a Imagen> Ajustes> Niveles y aumenta la entrada de Negro para que el fondo cambie al color negro. Después ve a Edición> Transformar> Escala y haz que la imagen sea mucho más grande y ve a Filtro> Desenfoque> Desenfoque gaussiano. Utiliza un radio de  15 px.
 

Conclusión

Haz clic en Control + Alt + Shift + E para crear una nueva capa con todas las capas fusionadas. A continuación, ve de nuevo a Filtro> Desenfoque> Desenfoque gaussiano y utiliza 10 píxeles de radio. Después, cambia el modo de fusión a Trama y baja la opacidad al 50%.
Puede agregar más salpicaduras o tratar de utilizar diferentes colores. La idea es básicamente para aprender a mezclar las salpicaduras de leche con el texto y hacer que parezca real.

sábado, 15 de octubre de 2011

crear iPod nano


1er paso) En primer lugar, crea un rectángulo con la herramienta Rectángulo (M) y pon estas medidas: 180px x 375px.
 
2º paso) Rellena la forma con un degradado lineal, por lo que con el panel de relleno degradado tienes que poner las medidas siguientes para obtener el degradado. Las medidas son las siguientes - 1, 2, 3… representa la posición del degradado y L es para la localización (en %) y RGB el color (1º rojo, 2º verde, 3º azul)
Sugiero ampliar el panel de degradado.
  • 1. RGB = 86, 5, 41 | L = 0
  • 2. RGB = 196,1,95 | L = 3
  • 3. RGB = 208,0,105 | L = 5
  • 4. RGB = 182,0,85 | L = 21
  • 5. RGB = 192,2,98 | L = 34
  • 6. RGB = 201,4,109 | L = 42
  • 7. RGB = 215,14,120 | L = 50
  • 8. RGB = 255, 81, 156 | L = 72
  • 9. RGB = 255, 83, 158 | L = 74
  • 10. RGB = 201, 4, 109 | L = 75
  • 11. RGB = 205, 4, 108 | L = 76
  • 12. RGB = 204, 3, 105 | L = 78
  • 13. RGB = 194, 4, 100 | L = 85
  • 14. RGB = 152, 1, 70 | L = 91
  • 15. RGB = 153, 19, 80 | L = 95
  • 16. RGB = 240, 147, 200 | L = 99 

3er paso) Haz la rueda de control, para ello lo primero que tienes que hacer es dibujar dos círculos con la herramienta Elipse (L) y poner las medidas. Cuando lo hayas hecho quieta el relleno y el contorno.

4º paso) Ahora, alinea el centro de los círculos y, con los dos seleccionados, vete a Ventana> Buscatrazos y luego haga clic en el botón "Menos frente". Ahora llena la forma recién hecha con 
blanco y otra vez asegúrate de que estén alineadas.

5º paso) Ahora alinea los círculos como se muestra en la imagen siguiente.

6º paso) Ahora vas a crear el texto del menú de música, así que con herramientas como la herramienta estrella, la herramienta de texto y la herramienta Rectángulo crean estas formas y luego cancela el trazado y el rellénalo con # 616872.
Posteriormente alinea menú con los círculos y los rectángulos que forman el iPod.

7º paso) Ahora vas a crear la pantalla del iPod, con la herramienta Rectángulo (M) crea dos rectángulos con las medidas que se indican a continuación, da al rectángulo grande un efecto de esquinas redondeadas, de 10 px (Efecto> Estilizar> Redondear vértices) y luego relleno y el trazado de acuerdo con la imagen. 

8º paso) Ahora alinea en el centro los dos rectángulos en la parte superior como se muestra en la imagen siguiente. 

9º paso) Ahora vas a cambiar los colores del borde de la pantalla para que coincida con el reflejo, así que rellénalo con este degradado. Aquí están las medidas -
  • 1. RGB = 3, 1, 2 | L = 0
  • 2. RGB = 2, 6, 5 | L = 18
  • 3. RGB = 25, 25, 25 | L = 38
  • 4. RGB = 55, 55, 55 | L = 56
  • 5. RGB = 60, 58, 59 | L = 77
  • 6. RGB = 9, 9, 9 | L = 78
  • 7. RGB = 3, 0, 0 | L = 100
Una vez más la ampliación del panel del degradado facilitará el proceso.

10º paso) Ahora vamos a crear el botón en la parte superior para hacer un rectángulo redondeado aplastado y rellene el gradiente se muestran. (He acercado es por eso que se ve grande, pero el tamaño real es bastante pequeño)
Medidas -
  • 1. RGB = 83, 91, 94 | L = 0
  • 2. RGB = 254, 254, 254 | L = 25
  • 3. RGB = 74, 81, 84 | L = 50
  • 4. RGB = 146, 146, 146 | L = 54
  • 5. RGB = 99, 99, 99 | L = 61
  • 6. RGB = 253, 253, 253 | L = 75
  • 7. RGB = 83, 91, 94 | L = 100 

11º paso) Y luego alinee el botón como se muestra preferentemente en la parte superior. 

12º paso) Ahora añade un texto y tal vez añadir ningún logo para darle un toque personalizado, aquí he añadido el logo de la manzana junto con el texto "iPod" (tipo de letra utilizado Apple es Tahoma). 

13er paso) Ahora agregue una gota de sombra sutil va a Efecto> Estilizar> Sombra paralela y establecer los parámetros que usted prefiere.

14º paso) Ahora importa el diseño en Photoshop y juega con tono para obtener el color deseado.



viernes, 27 de mayo de 2011

Tabla aeropuerto


1er paso) Crea un documento de 700 por 220px. En primer lugar, activa la cuadrícula (Ver> Mostrar cuadrícula) y la opción Ajustar a la cuadrícula de la (Ver> Ajustar a la cuadrícula). Ahora, usted necesita una red cada 2px. Vaya a Edición> Preferencias> Guías y rejillas a continuación, escriba "2" en la "Cuadrícula cada:" y "1" en el cuadro de las "Subdivisiones". También debes abrir el panel de información de modo que puedas ver fácilmente los valores de anchura y la altura de cualquier forma.
Todas estas opciones aumentarán significativamente tu velocidad de trabajo. Selecciona la herramienta Rectángulo (M), crea una de 60 x 90px forma y añade un efecto de esquinas redondeadas con un valor de 5px (Efecto> Estilizar> esquinas redondeadas) y luego ir a Objeto> Expandir apariencia. Seleccione la forma que resulta y vaya a Objeto> Trazado> Desplazamiento. Introduzca un "-2px" en desplazamiento y haz clic en Aceptar. Ahora usted debería tener dos formas (como se muestra en la imagen # 2). Nombre de ellos "1" y "2". 


2º paso) Elige la herramienta Rectángulo (M) y crea un rectángulo como el gris se muestra en la imagen # 1. Seleccione que junto con "2" y haga clic en el botón Menos frontal del panel de Buscatrazos. Nombre de las formas resultantes "2" y "3".

3er paso) Ve a Edición> Preferencias> Guías y rejillas a continuación, escribe "1" en el recuadro "Línea de cuadrícula cada". Con la herramienta Rectángulo (M), crea una forma de 3 x 14px y añade un efecto de esquinas redondeadas 1px. Crea una segunda forma (una de 1px por 12px) y añade 0,5 px efecto redondeado las esquinas y colocarlo como en la imagen # 2. Duplicar estas dos formas. Ahora, vuelva a seleccionar estas cuatro formas y colocarlos como en la imagen final. Eche un vistazo más de cerca a la red para entender la posición exacta.

4º paso) Selecciona la forma "1" y rellenalo con el degradado lineal. Añade un nuevo relleno (desde el menú emergente del panel Apariencia) y el uso del color se muestra a continuación (R = 77 G = 77 B = 77). Seleccione este relleno segundos (desde el panel de Apariencia), se mueven por debajo de la original de relleno y luego ir a Efecto> Distorsionar y Transformar> Transformar. Vaya a la sección Mover, escriba "-0,75" en la caja vertical a continuación, haga clic en Aceptar.

5º paso) Selecciona la forma "2" y rellénalo con el degradado lineal (de R=51 G=51 B=51 a R= 26 G=26 B=26). Añade un nuevo relleno (desde el menú emergente del panel Apariencia), usa este color (R = 128 G = 128 B = 128) y muévelo por debajo de la capa original de relleno; posteriormente ve a Efecto> Distorsionar y Transformar> Transformar. Ve a Mover, y escribe "0,5" en la caja vertical a continuación, haga clic en Aceptar.
Añade un otro relleno (desde el panel de Apariencia) y tráela al frente (ponla encima de los demás). Rellénalo de negro, y baja la opacidad al 7% y cambia el modo de fusión (del degradado) a Multiplicar; a continuación, agrega el efecto de película granulada (efecto artístico> Película Granulada).
 
6º paso) Selecciona la forma "3" y rellénalo con el degradado lineal (de R=26 G=26 B=26 a R=51 G=51 B=51). Añade un nuevo relleno (desde el menú emergente del panel Apariencia), usa este color (R = 128 G = 128 B = 128) y muévelo por debajo de la capa original de relleno; posteriormente ve a Efecto> Distorsionar y Transformar> Transformar. Ve a Mover, y escribe "0,5" en la caja vertical a continuación, haga clic en Aceptar.
Añade un otro relleno (desde el panel de Apariencia) y tráela al frente (ponla encima de los demás). Rellénalo de negro, y baja la opacidad al 7% y cambia el modo de fusión (del negro) a Multiplicar; a continuación, agrega el efecto de película granulada (efecto artístico> Película Granulada).

7º paso) Seleccione las formas que hay en el tercer paso. Rellena los grandes con el negro y los pequeños con el degradado lineal.

8º paso) Selecciona todas las formas creadas hasta el momento y crea un grupo con ellas. El nombre de este grupo será "01". Ve a Edición> Preferencias> Guías y rejillas y escribe "10" en la recuadro "Cuadrícula cada". Ahora, crea algunas copias del grupo "01" y colócalos como en la imagen siguiente. El unirse a la grilla facilitará su trabajo.
(Puedes duplicarlo usando Ctrl+Alt y arrastras la selección)

9º paso) Selecciona la herramienta Rectángulo (M) y crea la forma en la parte de atrás de la fila de abajo (imagen 1). Llénalo con el degradado lineal entonces duplicado. Seleccione la copia y hacer de negro. Bajo su opacidad al 5%, cambiar el modo de fusión a Multiplicar a continuación, agregar el efecto de película granulada (efecto artístico> Película Granulada). Duplicar los dos rectángulos y mover las copias arriba, detrás de la fila superior.

10º paso) Selecciona la herramienta Pluma (P) y dibuja un trazado horizontal como se muestra en la imagen # 1. Llénalo con ninguno y añadir contorno de 2pt. Ve a Objeto> Expandir apariencia, llena la forma resultante con el degradado lineal.

11º paso) Ahora, pon el texto. En primer lugar, desactiva la opción Ajustar a la cuadrícula y activa guías inteligentes. Selecciona la herramienta Texto (T) y añade el texto. Expande el texto a continuación, coloca cada carácter en mitad de un grupo. Las guías de alineación deberían facilitar su trabajo. Selecciona la letra de las formas de la fila superior y el grupo de ellos. Haz lo mismo con la carta de formas a partir de la fila inferior.

12º paso) Desactiva las guías inteligentes y activa la opción Ajustar a la cuadrícula. Ve a Edición> Preferencias> Guías y rejillas a continuación, escribe "2" en el recuadro "Cuadrícula cada". Selecciona la herramienta Rectángulo y crea un rectángulo delgado (2px altura) a lo largo del centro de la fila superior. Llena esta forma con el negro. Seleccione este rectángulo junto con el primer grupo de letras. Abra el menú emergente del panel Transparencia, haga clic en la opción Crear máscara de opacidad a continuación, desactive la casilla de clip. Vuelva a seleccionar la herramienta Rectángulo (M) y crear otra forma delgada, color negro. Esta vez, a lo largo del centro de la fila inferior. Seleccione con el grupo a lo largo de la parte inferior de las letras a continuación, haga clic en la opción Crear máscara de opacidad y desactive la casilla de clip.