domingo, 20 de junio de 2010

Trucos photoshop - Iron Man Ver Interfaz Efecto en Photoshop


Así que en este tutorial te mostraré cómo crear la interfaz de pantalla de Iron Man, yo no sé si se me permite decirlo de esa manera:). Vamos a utilizar Illustrator para crear algunos vectores y Photoshop para poner todo junto.

Paso 1

Crear un nuevo documento y llenar la capa de fondo con negro. Yo 1920x1200 píxeles para el tamaño.
Iron Man Interface in Photoshop

Paso 2

Ahora vamos a utilizar una foto. Estoy usando una foto de Paulo, uno de nuestros escritores aquí en Abduzeedo, es un ventilador de ironman y me pidió que usar su imagen.
Iron Man Interface in Photoshop

Paso 3 - Maquillaje Digital

Crear una carpeta nueva en la paleta de capas y cambie su nombre por la cara. A continuación, desplace la capa de foto a esta nueva carpeta. Después de que seleccione la carpeta de nuevo e ir a Capa> máscara de capa> Descubrir todas. Ahora con la herramienta Pincel (B) pintar con Negro para ocultar las zonas que no necesitamos.
Iron Man Interface in Photoshop

Paso 4

Duplica la capa e ir a Filtro> Blur> Gaussian Blur. Utilice 6 píxeles para el radio. En realidad este paso es de la genial Maquillaje Digital tutorial. Pero como puedes ver he añadido más cosas a él, hay algunas zonas quemadas, por ejemplo. Para ello, seleccione la herramienta de grabación (O) y pintar algunas zonas que queremos ser más oscuro. El uso de la imagen por debajo de la referencia. También utilice la herramienta Dodge (O) para hacer algunas zonas más claras.
Iron Man Interface in Photoshop

Paso 5

Con la herramienta Borrador (E) eliminar las zonas que queremos mantenerlas afiladas y crujientes, como los ojos, la barba, el pelo. Básicamente, sólo salir de las zonas de la piel.
Iron Man Interface in Photoshop

Paso 6

Duplicar la foto original, no el borroso e ir a Filtro> Otros> Paso Alto. Una vez más esto es de otro tutorial que escribí, el Cómo mejorar las imágenes en Photoshop (http://abduzeedo.com/photoshop-video-tutorial-experiment-1). Cambiar el modo de fusión de esta capa a Hard Light. Una vez más usted puede utilizar la herramienta Borrador para eliminar algunas áreas como la imagen de abajo.
Iron Man Interface in Photoshop

Paso 7

Seleccione la primera capa, la de la foto original y luego con la herramienta Dodge (O) de pintura de los ojos para hacerlos mucho más brillante. También con la herramienta de grabación (0) hacer que las áreas Othe aún más oscuro. Usted puede utilizar estas herramientas en la 2 capas otros también.
Iron Man Interface in Photoshop

Paso 8

Ir a Imagen> Ajuste> Tono / Saturación. Hacer la imagen más oscura y menos saturados. Yo -3 para el matiz, la saturación de -32, -38 y por la ligereza.
Iron Man Interface in Photoshop

Paso 9 (Illustrator)

Yo Illustrator para crear los elementos de la interfaz, pero puede utilizar cualquier herramienta o incluso Photoshop. Pero para mí era más fácil Illustrator y más ágil para todo el proceso. De todos modos, cree que con los puntos suspensivos herramienta Elipse (L). Luego use la herramienta de mezcla (W) para crear más copias de los círculos.
Iron Man Interface in Photoshop

Paso 10

Ir a Objeto> Expandir y ampliar la mezcla. Luego vaya a Objeto> Desagrupar. Usted será capaz de editar cada círculo ahora. Con la Herramienta de selección directa (A), seleccione algunos segmentos del círculo y eliminarlos. Usar la herramienta de la pluma (P) para añadir más puntos de anclaje. El uso de la imagen por debajo de la referencia.
Iron Man Interface in Photoshop

Paso 11

Crear más elementos, utilice la herramienta Segmento de línea (\) y la herramienta de cuadrícula polarpara añadir más elementos.
Iron Man Interface in Photoshop

Paso 12

Mantenga la adición de elementos, como flechas con el Polígono y la herramienta Estrella. Crear también diferentes formas, incluso puedes añadir textos o números.
Iron Man Interface in Photoshop

Paso 13

Crear círculos más también, esta vez, sin embargo ellos reescalar para dar la idea de que vienen desde un ángulo diferente, a continuación, sólo tiene que repetir los pasos anteriores para crear más elementos y eliminar algunos segmentos. Use debajo de la imagen de referencia.
Iron Man Interface in Photoshop

Paso 14

Volver a Photoshop, lo que tendrá que hacer es copiar y pegar los elementos de Illustrator a Photoshop. Pero tendrá que hacerlo para cada objeto en su lugar, copie y pegue de una vez. Así que copie el segmento de primer círculo y péguelo como objeto inteligente. Entonces vamos a aplicar algunos estilos de capa.Reducir la opacidad de la capa y el 30% y seleccione Superposición de colores. Usa un color cian agradable, el que yo era # 00eaff.
Iron Man Interface in Photoshop

Paso 14

Para cada elemento aplicar un desenfoque gaussiano. Ir a Filtro> Blur> Gaussian Blur. Utilice diferentes valores para cada elemento. Pero trata de añadir más desenfoque a las más grandes.
Iron Man Interface in Photoshop

Paso 15

Para algunos elementos cambian la superposición de color a verde como el de la imagen de abajo. Esto creará un efecto más agradable que un solo color. También tenga pegar los elementos de Illustrator a Photoshop.
Iron Man Interface in Photoshop

Paso 16

Grupo de los elementos que ha pegado en Photoshop y cambiar el nombre del grupo al ojo izquierdo.Duplicar este grupo e ir a Capa> Combinar Grupo. Usted tendrá una capa con todos los objetos. Esta capa tiene que estar en la cima de la izquierda "ojo"del grupo. A continuación, el grupo esta capa elemento, será dentro de una carpeta. Cambiar la carpeta de modo de mezcla a Color Dodge y aplicar un estilo de capa a la capa. Cambiar la Opacidad al 70% y seleccione la superposición de color. El uso de color blanco para el color. Esto creará un efecto de luz agradable y mantener los colores.
Iron Man Interface in Photoshop

Paso 17

Aquí he añadido más elementos de Illustrator, esta vez he utilizado un color rojo para el color. Me acaba de repetir los pasos anteriores, pegar, aplicar el estilo de capa con 30% de opacidad y de superposición de color, a continuación, agrego el filtro Gaussian Blur. También he duplicado la capa y se agrupan, cambie elmodo de fusión de esta nueva carpeta a Color Dodge y cambió el color de superposición de la capa duplicada a la Blanca y la opacidad a 70%. Una vez que se acaba de crear una especie de brillo a los objetos.
Iron Man Interface in Photoshop

Paso 18

Aquí me acaba de agregar los otros elementos que había creado en Illustrator. Siempre Repiten los pasos anteriores para crear el mismo efecto a todos los objetos.
Iron Man Interface in Photoshop

Paso 19

Crear una nueva capa en la parte superior de las otras capas. A continuación, seleccione la herramienta Degradado (G) y haga clic en los colores del degradado para abrir el Editor de degradado (1). Cambiar los colores Blanco y Negro y el gradiente Tipo de ruido (2). A continuación, cambie la rugosidad al 100% y seleccionar los colores Restict y aumentar la transparencia. Después de eso elegir el ángulo de degradado (3) y rellene la capa con el gradiente que ha creado. Inicio desde el ojo izquierdo, justo en el centro del ojo (4).
Con la capa llena de rayos de colores, ve a Imagen> Ajustes> Desaturar. Luego, vaya a Filtro> Blur> Gaussian Blur. Utilice 6 píxeles para el radio. Después de eso, aplicar el estilo de capa que utilizó para los demás elementos, la adición de un recubrimiento de color. Pero para esta capa reducir la opacidad al 70%. También con la herramienta Borrador (E), se borrará la cerca del ojo (5). El uso de la imagen por debajo de la referencia.
Iron Man Interface in Photoshop

Conclusión

Ahora sólo tiene que añadir algunos bares negro para que se parece a un vídeo de pantalla ancha y su logotipo. Es un efecto muy bonito inspirado en la película Iron Man y lo fresco para mí es que yo estaba buscando algunas buenas ideas para las clases luego ver esa película fue muy bueno porque había un montón de grandes efectos como cuando que Jericó bomba explota, por ejemplo, .
Anwyay, espero que hayan disfrutado de este tutorial y el aprendido algo de ella. Es sólo una visión de conjunto muy rápida y, probablemente, hay diferentes maneras de hacerlo.

Iron Man Interface in Photoshop

0 comentarios:

Publicar un comentario

Related Posts with Thumbnails

Para Aprender

 

Trucos Pc - Trucos para MSN, Trucos para Windows, Programas, Multimedia ..... Copyright 2008 All Rights Reserved -- Nota legal: El presente sitio web es un blog personal de divulgación de NOTICIAS publicas sacadas de otras fuentes de noticias y punto de encuentro de consumidores y usuarios,como este sin finalidades comerciales ni ánimo de lucro. El titular del sitio web no ofrece productos o servicios de ningún tipo ni mantiene relación comercial alguna con ninguna de las fuentes citadas que son los titulares de los derechos de propiedad industrial sobre la marca que cito en las fuentes Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

type='text/javascript'/>