Cómo crear un diseño minimalista de TRON - Tutorial de Photoshop

TRON es definitivamente una de las películas de ensueño del geek. El traje y los vehículos están perfectamente listos, por lo que los intentos de ensamblar objetos que replican herramientas en TRON han estado apareciendo en Internet. En cuanto al diseñador, con los clics y trucos correctos que utilizan Photoshop, una ficción de TRON no tiene por qué ser difícil.

Hoy vamos a crear un fondo de pantalla TRON en Photoshop utilizando fotos y vectores. Le daremos una orientación precisa sobre cómo hacerlo y por qué cierto método es mejor. Obtendrá una comprensión profunda de lo que está haciendo. Abróchate el sueño digital!

Aprenderás cómo:

Analice su diseño desde puntos de vista fuera de la caja
Cree diseños estructurados, basados en elementos ocultos o relacionados en su composición.
Usa atajos para un flujo de trabajo más rápido.
Hacer selecciones complejas y recortes a través de canales
Utilizar efectivamente herramientas generales.
Añade perspectiva a tu diseño
Combinar vectores con píxeles
Crear efectos de luz
Usa modos de fusión
Usa estilos de capas

Dificultad: Principiante Intermedio. Tiempo de finalización: 1 hora. Herramientas: Photoshop CS3, Illustrator CS3 opcional.

Recursos:

Modelo 1 por Marcus J. Ranum
Modelo 2 por Marcus J. Ranum
Tech Vector Pack 3 por designious.com
V5 Prophit fuente de dafont.com

NOTA: Para instalar la fuente, extraiga en el escritorio el archivo .zip que contiene la fuente y luego cópielos. Vaya al directorio C: \ WINDOWS \ Fonts \ y péguelos en.

¿Por qué no puedo simplemente extraerlos directamente a la carpeta Fuentes??

Su sistema operativo no permitirá que su archivador modifique o agregue ningún archivo dentro del directorio C: \ WINDOWS \, por lo que debe hacerlo manualmente. Si ha abierto Photoshop, reinícielo o, de lo contrario, no podrá ver la fuente recién instalada..

Después de que elegí mis recursos, comencé a esbozar algunas líneas según el modelo. A continuación se muestra un esquema de las fuentes de inspiración para las líneas brillantes en el cuerpo: postura, músculos, vestimenta, forma del cuerpo, distribución del peso y huesos..

Para mejorar las características corporales o de pose de un modelo, no es suficiente solo lanzar algunas líneas al azar en.

Todo debe tener una fuente, ya sea mostrada u oculta. Ten en cuenta que mi boceto es solo una de las infinitas posibilidades que tienes, te animo a experimentar.

Vamos a empezar!

Paso 1

Vaya a Archivo> Nuevo y configúrelo a 1920x1080 px en modo de color RGB a 72 ppp.

Paso 2

Abre el Veteran_of_the_Psychic_Wars_11_by_mjranum_stock.jpg. En la paleta Capas, F7 haga doble clic en el bloqueo cerca del pulgar de la capa. Esto es obligatorio si queremos editar la imagen a través de los canales. Ahora debería tener una "Capa 0".

Paso 3

Vaya a Capa> Capa duplicada, CTRL + J. Ahora ve a Filter> Other> High Pass. Use una configuración de 5px y presione OK. En la paleta Capas, F7, establezca el modo Fusión en Superposición.

Esto hará que la imagen sea más clara y le permitirá hacer una selección más precisa del cabello..

Etapa 4

Vaya a Capa> Combinar visible, CTRL + MAYÚS + E, luego vaya a Capa> Capa duplicada, CTRL + J. Establezca el modo de fusión de la capa copiada en Pantalla y luego duplíquelo dos veces más. Ahora tenemos un bonito contraste entre el modelo y el fondo..

Paso 5

Vaya a la ventana de la ventana Canales> Canales y seleccione el canal "Verde". Haz clic derecho en él y selecciona "Duplicar canal".

El canal "Verde" proporciona el mayor contraste de todos los canales. Lo duplicamos porque necesitamos un canal ficticio en el que trabajar para mejorar aún más el contraste..

Paso 6

Vaya a Imagen> Ajustes> Curvas, CTRL + M y forme la curva como se muestra a continuación. La mitad inferior oscurecerá las sombras y la mitad superior aclarará los reflejos. Haz esto dos veces.

Paso 7

Vaya a Capa> Ajustes> Niveles y use la configuración a continuación.

Paso 8

Agarre la herramienta Pincel, B, fije la Dureza al 100% y cubra con negro las manchas blancas interiores en el cabello, la cara y el resto del cuerpo.

No necesitamos ningún detalle en el canal, solo el perfil del modelo.

Paso 9

Coge la herramienta Dodge, O, configúrala en Aspectos destacados e ilumina los grises adicionales en la imagen.

Paso 10

CTRL + clic en el pulgar del canal "Copia verde", vaya a la paleta Capas, F7, vaya a Seleccionar> Invertir, CTRL + MAYÚS + I seleccione la capa inferior y cópiela, CTRL + C.

CTRL + haciendo clic en una miniatura si el canal o la capa carga una selección del contorno de la capa / canal seleccionado.

Paso 11

Vaya a la ventana> Untitled-1.psd nuestro documento y péguelo, CTRL + V. Vaya a Edición> Transformación libre, CTRL + T y cambie su tamaño para que se ajuste al lienzo, como se muestra a continuación. Mantenga presionada la tecla MAYÚS para conservar sus proporciones. Pulse Intro para salir del modo Transformación libre. Para despejar los rizos de la ropa, use la herramienta Clone Stamp Tool, S: use ALT + clic para seleccionar la fuente, luego haga clic en el rizo.

Haga lo mismo con la espada en la imagen del "modelo 2", pero use la Herramienta de ruta, P para cortarla.

Paso 12

Abra el archivo .eps "Tech Vector Pack 3". Cuando se le solicite ingresar un tamaño de archivo, escriba aproximadamente 3000px para el ancho. Pulsa OK.

Para Illustrator, simplemente ábrelo en formato vectorial. Photoshop puede abrir archivos .eps Illustrator 8, pero en formato raster. Sin embargo, puede abrirlo en el tamaño que desee: el archivo .eps es vectorial!

Paso 13

Coge la herramienta Rectangular Marquee, M, selecciona una forma de tecnología redonda, haz clic y arrastra para crear el rectángulo de selección, cópialo, CTRL + C, vuelve a nuestro documento Ventana> Sin título-1.psd y pégalo, CTRL + V.

Paso 14

Vuelva al archivo de paquete de vectores Window> designious tech shapes 4. eps, copie otra forma y péguela en nuestro documento, como en Paso 13.

Paso 15

Coge la herramienta de selección, V, marca la casilla "Selección automática" y haz clic en la primera forma de tecnología pegada y duplica, CTRL + J. Ahora vaya a Editar> Transformación libre, presione CTRL + T y presione la tecla CTRL y haga clic y arrastre la esquina superior izquierda, como se muestra a continuación. Haz lo mismo para la esquina superior derecha. Pulsa Intro para salir del modo Transformación libre.

Paso 16

Duplique la primera forma (original) y coloque las copias como se muestra a continuación. Coge la herramienta Path, P, configúrala en Formas y dibuja cada línea de brillo en el cuerpo, basada en el boceto.

En la paleta de capas, seleccione todas estas formas y presione CTRL + E para combinarlas.

Paso 17

Coge la Herramienta de línea, U, configúrala en Capas de forma y Ancho de 7 px, dibuja una línea oblicua y luego mantén presionada la tecla MAYÚS. Ahora cambie la línea a "Agregar al área de forma (+)" y dibuje una línea horizontal. Mantenga presionada la tecla SHIFT para hacerlo perfectamente horizontal.

Paso 18

Agarre la Herramienta de tipo horizontal, T, haga clic y arrastre para crear un cuadro de tipo e ingrese un texto aleatorio. Establecer la fuente a "V5 Profeta".

Paso 19

Seleccione la capa "Forma 1" y vaya a Capa> Duplicar capa, CTRL + J. Coloque varias copias como abajo. Haz lo mismo con el texto. Para cambiar la entrada de tipo, haga doble clic en el pulgar de la capa en la paleta Capas.

Paso 20

Vaya a Capa> Nueva capa de relleno> Color sólido. Seleccione un color azul oscuro y presione CTRL + MAYÚS + [para enviarlo a la parte posterior.

Este será un buen fondo para nuestra imagen..

Paso 21

Seleccione la forma grande y haga clic en el botón "fx" en la paleta Capas, F7. Seleccione "Opciones de fusión". Usa los ajustes de abajo.

Paso 22

ALT + haga clic en el icono "fx" que apareció cerca del pulgar de la capa y haga clic y arrástrelo a las otras formas redondas. Puede reconocerlos fácilmente, no se denominan "Shape 'Ã'Â¦"y no tiene una" T "en el pulgar.

Paso 23

Cree una nueva capa sobre ella (seleccione la capa y presione CTRL + MAYÚS + N para crear una nueva capa, luego seleccione ambas capas y presione CTRL + E (fusionar capas)). Para las formas seleccionadas, vaya a Filtro> Desenfoque> Desenfoque gaussiano. Use varias configuraciones de 2 a 6px, como le parezca.

Para agregar más perspectiva, agregue más formas de tecnología sobre ellas.

Paso 24

Coge la herramienta de selección, V, selecciona la forma pequeña y baja su opacidad. 29% lo hará muy bien.

Haga lo mismo con las otras formas borrosas, pero varíe un poco la Opacidad.

Paso 25

Cree una nueva capa, CTRL + MAYÚS + N, Agarra la herramienta de marco elíptico, M, establezca Feather a 50 px y realice una selección como la siguiente.

Paso 26

Coge la herramienta Paint Bucket Tool, G, ALT + clic en una de las formas de tecnología para elegir el color y completar la selección. En la paleta Capas, F7, establezca el modo de fusión de la capa en Superposición. Haz lo mismo para el lado inferior..

Paso 27

Cree una nueva capa, CTRL + MAYÚS + N, tome la Herramienta de marco elíptico, M, establezca Feather a 30 px y realice una selección como la que se muestra a continuación. Coge la herramienta del cubo de pintura, G y llena la selección.

Paso 28

Repetir Paso 28 por la forma detrás del modelo.

Paso 29

Toma la herramienta de selección, V y haz clic en el modelo. Ahora vaya a Capa> Nueva capa de ajuste> Brillo / Contraste y Blanco y negro. Para cada uno, use la configuración que se muestra a continuación. Para la capa en blanco y negro, ajuste la opacidad al 70%.

Prefiero usar Blanco y negro sobre Tono / Saturación porque también proporciona un control de tonos, no solo una desaturación.

Paso 30

Crea una nueva capa, CTRL + MAYÚS + N y ALT + clic entre ella y la capa de ajuste debajo de ella. Establezca el modo de fusión en "Color Dodge".

Paso 31

Agarra la herramienta Pincel, B, pulsa "3" para establecer la opacidad del pincel en 30%, ajusta la dureza en 0%, ALT + clic en la forma de tecnología verde azulado y pinta sobre los reflejos del cuerpo, parte del cabello y la cara.

Paso 32

Cambie la opacidad del pincel al 70% y pinte sobre algunas luces, pero en áreas más pequeñas.

Paso 33

En la paleta Capas, F7, seleccione la capa superior y vaya a Seleccionar> Todo, CTRL + A, luego presione CTRL + MAYÚS + C para copiar una versión combinada del documento y presione CTRL + V para pegarlo.

Paso 34 - Último paso

Vaya a Filtro> Enfocar> Máscara de enfoque. Use la configuración de abajo o siéntase libre de usar la suya propia. Sin embargo, no exagere, de lo contrario la imagen se verá demasiado nítida..

Aquí está la vista final de lo que obtendrá, asumiendo que siguió todo el tutorial correctamente..

Descargas (PSD, Wallpaper)

Junto con el tutorial, aquí hay un par de archivos creados para ti..

Archivo PSD tutorial Tron.
Fondo de Pantalla de Tron- disponible en 1280x800px, 1280x1024px, 1920x1080px y 1680x1050px.

Nota del editor: Esta publicación está escrita por Ovidiu Toader para Hongkiat.com. Ovidiu es un tutorial autor y diseñador gráfico para Vectorious.net - sitio web donde puede descargar ilustraciones vectoriales e ilustraciones asequibles para sus proyectos.