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 1920×1200 p??xeles para el tama??o.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
