Tutorial: Cristal roto

En este tutorial vamos a prender a como usar las herramientas más comunes de ilustrator y veremos algunas funciones del menú transformar. Y recuerden que si les llegase a dificultar un paso pueden descargar el archivo de adobe ilustrator con la composición ya realizada o pueden escribir un comentario con sus dudas.

Programa a usar: Adobe Ilustrator
tiempo estimado: 25 minutos

Resultado final de la imagen

Descargar archivo de Ilustrator con la composición ya terminada

https://mega.co.nz/#!3U8FHCTZ!fexGKlwdifLrBiQsvBHvoW8FfQZ-Dsu6mfnn1MO_s_g

Paso 1

Comenzaremos creando un nuevo documento de Ilustrator, con las medida de 1000px * 1000px y en modo de color RGB.

Ahora vamos a ubicar el centro de la imagen para ello iremos a menú Ver>Reglas>Mostrar reglas (Ctrl+R). A continuación haga click sostenido en las reglas y araste para crear una nueva guía, crearemos una vertical y otra horizontal.Ya creadas las guías las alinearemos al centro para ello abriremos el panel Alinear (Shift+F7) y lo utilizaremos para poner las guías al centro. Bloquearemos la capa en la cual creamos las reglas y trabajaremos en otra.

Paso 2

Crearemos una nueva capa y la llamaremos "obra de arte". Nos aseguraremos que las guías inteligentes estén activas (Ctrl+U). Usaremos la Herramienta Elipse (L),  daremos Alt + click en la intersección de las guías  y le pondremos las medidas de 700px * 700 px y pondremos el circulo de un color rojo.

paso 3

Copie el circulo (Ctrl+C) y péguelo en frente (Ctrl+F) y reduzca su escala a 85%, para reducir la escala use la herramienta Escala (S) y de doble click sobre la herramienta. Seleccione los dos círculos y vaya a menú Objeto>Trazado Compuesto>Crear o simplemente presione Ctrl+8. Usted deberá tener un resultado como se muestra en la imagen.

Paso 4

El anillo esta listo ahora vamos a partirlo. Seleccionaremos la herramienta de cuadricula rectangular, se encuentra escondida en la sección de la herramienta Segmento de Linea.

Presione Alt+Click en el centro de las guías inteligentes y dele las configuraciones como se presentan en la imagen. Seleccione la malla resultante y cambiarle de color de trazo para que sea visible.

Paso 5

Seleccione la red y vaya al menú objeto>trazado de puntos>Añadir Anclaje. Repita el mismo proceso dos veces más. Asegúrese que la red siga seleccionada y vaya a menú Efecto> Distorsionar y Transformar>Zig Zag. Inserte los valores que se presentan en la imagen.

Ahora vamos al menú Efecto>distorsionar y Transformar>Emborronar. Aplique los valores como se presenta en la imagen.

Asegúrese que su red esta seleccionada y valla a menú Objeto>Expandir apariencia.

Paso 6

Seleccione el aro y vaya al menú Objeto>Trazado>Añadir putos de ancla. Repita el mismo paso dos veces más. 

Ahora vamos al menú Objeto>Trazado>Simplificar. Y dele los valores siguientes.

Paso 7

Seleccione la red y usaremos la Herramienta de rotación (R). Utiliza la Herramienta para girar la red, no importa el angulo en que lo deje. Seleccione la red y el aro con la herramienta de selección (V). Abra el panel Buscatrazos y seleccione la opción Dividir.

Paso 8

El siguiente paso es eliminar los pedazos de red que no utilizamos, para ello usaremos la Herramienta Selección  Directa (A). Haga Alt+click fuera de la aro y vaya al menú Seleccionar>Mismo>aparience. eso seleccionara lo que no es necesario, ahora oprima suprimir. Tendra que quedarse con el anillo roto en pedazos por la Red.

Paso 9

Ahora vamos a desagrupar los pedazos del aro. Iremos al menú Objeto> Desagrupar (Shift+Ctrl+G). Seleccione todos los pedazos resultantes y vaya al menú Objeto> Transformar>Transformar Individualmente. Seleccione los valores que se presentan en la imagen.

Si el resultado no le parece satisfactorio puede desactive la casilla al azar y vuelva a seleccionarla, debido a que cada vez que hace eso toma diferentes parámetros de medición. 

Paso 10

Ahora proseguiremos haciendo el cristal. Cree una nueva capa con el nombre de cristal y cree un cristal celeste con la herramienta Pluma (P).

Paso 11

Tomaremos la herramienta cuadricula rectángulo y dele Alt+Click en el centro de las guías. Introduzca los valores que se presentan en la imagen. Dele un color a la malla.

Seleccione la red y vaya a menú Objeto>Trazado de puntos> Añadir Anclaje. Seleccione la Herramienta Selecciona Directa (A), seleccione los puntos de arriba de la malla, como se presenta en la imagen.

Seleccione la herramienta Escala (S), dele doble click sobre la herramienta y seleccione las opciones de la imagen. Le tendrá que haber quedad como la imagen siguiente.

Vuelva a ser lo mismo pero esta vez en la parte de abajo de la malla.

Utilice la herramienta de selección directa (A) para darle a la malla la forma del cristal, solo mueva la parte central.

Paso 12

Ahora vamos a romper el cristal de la misma forma en que hemos roto el aro.  Seleccione el cristal y la malla,  utilice el comando Dividir en el panel Busca trazos. Luego seleccione la  herramienta de selección directa (A) y Alt + clic en una de las piezas de rejilla. Seleccione todas las piezas innecesarias, vaya a el menú Seleccionar >Mismo> Apariencia,  y suprimir. Usted debe obtener un cristal muy bien cortado.

Asegúrese de que el cristal esté seleccionada y pulse Mayúsculas + Control + G para desagrupar. Vaya a menú Objeto>Transformar>Transformar Libremente, y seleccione las mismas opciones de la imagen. Seleccione dos veces las misma opción.

Paso 13

Ahora duplicaremos la capa Cristal y la copia la llamaremos "fondo de cristal", la copia la dejaremos detrás de la capa cristal, dejaremos la nueva capa en opacidad de 30%. Mueva y oculte algunas piezas para que le pueda quedar al gusto.

Paso 14

Ahora duplicaremos la capa de "fondo de cristal", le pondremos de nombre "escombros". Seleccione la capa escombros y vaya menú objeto>transforma>transformar libremente y dele las opciones como en la imagen, no es al azar.

Paso 15

Seleccione la capa escombres cópiela (Ctrl+C) y peguela enfrente (Ctrl+F), rota los elementos recién pegados en 90 grados y cambie la opacidad de los nuevos escombros en 80%.

Paso16

Ahora crearemos un cuadro negro de 1000px * 1000px con la herramienta rectángulo.

como ultimo paso seleccionaremos la capa cristal e iremos al menú efecto>Estilizar> Resplandor exterior. Utilice un color blanco para los cristales y un color rojo para el aro.

Por favor comenten que tal les ha aparecido el tutorial, escriban lo que deseen saber de diseño gráfico y por favor opinen como puedo mejorar este blog 

tutorial: ojo con efecto de rinegan

En este tutorial podremos aprender a utilizar la opciones de fusión de las capas .Y recuerden que si les llegase a dificultar un paso pueden descargar el archivo de photoshop con la composición ya realizada o pueden escribir un comentario con sus dudas.

Programa a usar: Adobe Photoshop
Tiempo estimado: 30 minutos

Resultado final de la imagen 

Archivos para realizar la imagen

Ojo

http://cerdomorado.com/wp-content/uploads/2013/02/ojo-azul.jpg

Rinegan

http://images.wikia.com/naruto/es/images/6/62/Rinnegan.png

Descargar archivo de photoshop con imagen ya realizada

https://mega.co.nz/#!3NE32IxY!L7WoBCnywoTIS7MQLADgPmRn-GMKpw7nlMsbbX_lnNE

Paso 1

Para iniciar con este tutorial espesaremos por abrir la imagen ojo y Rinegan, ya abierta las imágenes ajustaremos el tamaño de la imagen Rinegan para que el segundo circulo quede en el extremos de la pupila. ya ajustada el tamaño de la imagen la pondremos en modo de fusión Suporponer.

No olvidemos que tenemos que quitar lo que sobresalga del ojo con la herramienta Borrador (E)

Paso 2

A continuación haremos una nueva capa con el nombre color, seleccionaremos la herramienta Pincel (B) y haremos unos trazos como los que se presentan en la imagen. Pondremos la capa que acabos de crear en modo de fusión Suporponer y con una opacidad de 59%

Paso 3

Ahorra haremos una capa de ajustes de Curva, la pondremos encima de la capa de ojo y debajo de la capa de Rinegan. La ajustaremos como se muestra en la imagen. Si no le aparece el panel ajustes valla a menú ventana>ajustes.

Paso 4

Ahora crearemos una capa de ajuste de Brillo y Contraste encima de la capa color, le daremos click derecho>crear mascara de recorte

Ajustaremos la capa de brillo y contraste con las siguientes opciones.

Paso 5

Crearemos una nueva capa de ajuste de niveles por encima de todas las otras capas y le daremos las siguientes opciones.

Haremos otra capa de ajuste de Curvas que estará encima de todas y le daremos las siguientes opciones.

Paso 6

Como ultimo paso seleccionaremos la herramienta Pincel (B) y la configuraremos una opacidad de 12%. Hagaremos un color negro y empesaremos a pintar por debajo de la pestaña y cerca de los lagrimales

Por favor comenten que tal les ha aparecido el tutorial, escriban lo que deseen saber de diseño gráfico y por favor opinen como puedo mejorar este blog 

tutorial: caja 3d

En este tutorial podremos aprender a utilizar la herramienta de 3d y la herramienta de Degradado (G), algo que es muy básico si desean hacer composiciones más complejas.Y recuerden que si les llegase a dificultar un paso pueden descargar el archivo de adobe ilustrator con la composición ya realizada o pueden escribir un comentario con sus dudas.

Programa a usar: Adobe Ilustrator CS4
Tiempo estimado: 1 hora

NOTA IMPORTANTE:
Este tutorial solo se podrá realizar con una versión de Adobe Ilustrator CS4 en adelante, debido que desde esta versión se incluyo el manejo de objetos 3d.

Resultado final de la composición

descargar archivo de Ilustrator con la composición ya terminada

https://mega.co.nz/#!6ItQnZRb!NYL9ZQZjh_bOSxQ_JXlolSmd0fokqrohgBkG5BVrFX8

Paso 1

Como primer paso crearemos un nuevo archivo con el tamaño de 256px * 256px. Seleccionaremos la Herramienta Rectángulo (M) y haremos un rectángulo de 55px * 15 px, puede escoger el tamaño dando un solo click con la herramienta rectángulo . Usaremos la herramienta Texto (T) para escribir frágil.

Seleccionaremos el rectángulo y el texto, abriremos el panel Símbolos (para abrir Mayúsculas + Control + F11 ) y daremos click en nuevo símbolo, le daremos el nombre de caja fragil y seleccionaremos la opción clip de película. 

paso 2 

Vamos a continuar con la creación de la  caja de cartón. Seleccionaremos la herramienta Rectángulo (M) y haremos un rectángulo de 111px * 140px lo rellenaremos con el color #c69c6d.

Luego iremos al menú Efecto>3D>extrusión y biselado, preste atención a la imagen con la opciones de 3D y copie todas las opciones.

Paso 3

Elimine el símbolo de caja frágil del panel de símbolos le aparecerá un cuadro de alerta seleccione la opción expandir instancias.

Seleccionaremos la capa de la etiqueta frágil y le quitaremos la visibilidad dando click sobre el ojo de la capa, esto hará que sea mas fácil trabajar.

En primer lugar copiaremos la capa de la forma superior de la caja y haremos una copia con el nombre de "vvv" y la haremos invisible. A continuación selecciones la herramienta Pluma (P) y haremos una linea que atraviese la parte superior de la caja, seleccionaremos el trazo que hicimos y la parte superior de la caja y abriremos la ventana Buscatrazos, seleccionaremos la opción dividir y eso dará como resultado dos formas divididas, usaremos la Herramienta Selección para dividir las dos formas como se presenta en la imagen (una detrás de la caja y otra media abierta). En la parte que dejamos detrás de la caja usaremos la Herramienta Degradado (G), el color de la izquierda sera de color R=73 G=57 B=36 y en la parte de derecha R=99 G=78 B=55 (los colores estan basados en modo de color RGB)

Paso 4

Ahora vamos a crear la cinta y para ello usaremos la herramienta Rectángulo (M), haremos un rectángulo que atraviese la parte frontal de la caja, haremos una copia de la parte frontal y seleccionaremos el rectángulo que acabos de crear y abriremos el panel Busacatrazos y seleccionaremos la opción formar intersección para que el rectángulo tenga la forma de la caja, si no les funciona intente presionar Alt y den click a la opcion formas intersección. 

Haremos el efecto de cinta rota para ello agregaremos mas punto de ancla con la Herramienta Añadir Punto de Ancla (+) y seleccionaremos los nuevos puntos de ancla con la Herramienta selección Directa (A). 

Haremos un degradado con la herramienta de degradado (G) el degrado sera todo de color blanco y haremos que las orillas tenga 10% de opacidad y 20% en la mitad. 

Paso 5

Haremos lo mismo del paso 4 solo que esta vez en la parte lateral de la caja, el degradado sera igual solo que esta vez sera 15% de opacidad en la mitad del degradado. Siempre duplique la capa con que trabaje ese efecto.

De igual manera haremos uno igual en la parte superior de la caja solo que tendremos que girar el rectángulo con la herramienta Rotar (R), con el degradado pondremos 15% de opacidad en las orillas y 25% de opacidad en la mitad. Esta vez también incluiremos el efecto de recorte.

Nuevamente haremos lo mismo, cree un rectángulo y gírelo como se muestra en la imagen, en este rectángulo no usaremos degradado pero le pondremos en 20% de opacidad.

Paso 6

Seleccione la parte frontal de la caja y llénela con el degradado que se muestra en la imagen . A continuación, agregue dos nuevos rellenos (en el menú desplegable del panel Apariencia) y utilice los degradado que se muestran en la imagen. Seleccione el lado izquierdo del cuadro y llénelo con el degradado que se muestra la imagen. Añada dos nuevos rellenos para esta forma y utilice los dos degradados de la imagen.

Paso 7

Seleccione la forma superiores izquierda y llénela con el degradado  mostrados en imágenes "1" y "2". Continuamos con el interior de la caja. Seleccione los dos lados y llenelos con los degradados mostrados en imágenes "3" y "4".

Paso 8

Para el siguiente paso usaremos la herramienta Pluma (P), haremos unos trazados en las orillas de la caja, lo rellenaremos un color cafe claro y lo pondremos a 30% de opacidad.

Haremos los mismo solo que esta vez en la parte interna de la caja, usaremos la misma configuraciones que las lineas anteriores.

Paso 9

Volveremos hacer visible la etiqueta frágil y rellenaremos de un degradado como se enseña en la imagen.

Por favor comenten que tal les ha aparecido el tutorial, escriban lo que deseen saber de diseño gráfico y por favor opinen como puedo mejorar este blog .