inspiraxion creativa

Vibrantes efectos de luz cósmica con photoshop

tutorial photoshop efectos luz cosmica

Tutorial de Recursos



Paso 1: Obtención de las ilustraciones vectoriales

A los efectos de este tutorial, no incluyen el proceso de creación de vectores porque quiere centrarse en los efectos de Photoshop. Así que usted puede utilizar los vectores ya he importado en Photoshop desde Illustrator, o puede usar uno de sus vectores propios e importarlos en Photoshop. El objetivo de este tutorial es para compartir con usted el vibrante y técnicas cósmica efecto de luz.

Si usted elige utilizar la obra de arte que hemos preparado para usted, descargar y abrir el siguiente archivo PSD de Photoshop. Contiene un fondo, y un grupo de capas llamado “Nike de calzado capas” que tiene los diferentes componentes de la zapatilla Nike que he creado en Illustrator e importados como objetos de mapa de bits en Photoshop uno de los componentes a la vez, similar al proceso que he compartido con usted en uno de mis tutoriales anteriores . El zapato que se ha utilizado como referencia, por cierto, se llama Nike Dunk High 08 .

A los efectos de este tutorial, voy a estar haciendo referencia al PSD que he proporcionado, y si algunas instrucciones no se aplican a usted, porque usted está utilizando su propia obra de arte, sólo modificar los pasos según sea necesario.

Paso 2: Agregar estilos de capa

Para empezar, haga clic en la flecha junto al grupo de “Zapatillas Nike capas” de la capa en el panel Capas para ampliar el grupo de capas y revelar todas las capas dentro de ella.

Haga doble clic en la primera capa para que aparezca la ventana de diálogo Estilo de capa. A continuación, visita de superposición de colores en el panel izquierdo de la ventana de diálogo. Por el color de la superposición de efecto de capa de color, seleccione blanco (# FFFFFF). Después de haber hecho esto, haga clic en Aceptar para aceptar los cambios a aplicar el estilo de capa a la capa.

Haga clic en la capa y seleccione Copiar estilo de capa en el menú que aparece. Asegúrese de que esta capa se pone de relieve / activo y, mientras se mantiene pulsada la tecla Mayús, desplácese hacia abajo el Panel de capa y haga clic en la parte inferior capa muy dentro de la “Capas de calzado Nike” (que debe ser una capa llamada “Loop Media”). Usted debe ahora tener todas las capas dentro del grupo de la capa seleccionada.

A continuación, haga clic en cualquiera de las capas seleccionadas y elija Pegar estilo de capa en el menú que aparece, que se aplicará el color de superposición blanca capa de estilo a todas las capas seleccionadas.

Paso 3: Llene En el fondo

El lienzo entero parece ser de color blanco – no se alarme! No hemos perdido nada aquí, simplemente no podemos ver el zapato porque todas las partes resultan ser del mismo color que el fondo (vamos a cambiar eso ahora).

Haga doble clic sobre la capa de fondo para abrir la ventana Estilo de capa de nuevo, marque superposición de colores y el uso de negro (# 000000) para la superposición de colores.

Paso 4: Aplicar un efecto de resplandor

Haga doble clic sobre la primera capa en el interior del grupo “Zapatillas Nike capas” de la capa (que es la “costura” de la capa). Una vez que la ventana se abre Estilo de capa, aplicar el efecto Resplandor exterior capa con estos valores:

  • Modo de fusión: Normal
  • Opacidad: 50%
  • Ruido: 0%
  • Relleno: # FFFFFF
  • Técnica: Más suave
  • Propagación: 1%
  • Tamaño: 56px

Haga clic en Aceptar para aplicar el estilo de capa. Haga clic en esta capa, elija Copiar estilo de capa , haga clic en la capa inferior (su nombre es “costura grande”), a continuación, elija Pegar estilo de capa , lo que se aplicará el estilo de capa que le dio el “Stiching” capa por encima de ella.

Paso 5: Hacer la Bota de cordones Resplandor

Nuestra forma de trabajo por las capas de la Nike de calzado Capas “capa de grupo”, ahora vamos a hacer doble clic en el “cordones” capa y asígnele el resplandor exterior con los siguientes valores:

  • Modo de mezcla: pantalla
  • Opacidad: 75%
  • Ruido: 0%
  • Relleno: # # 23DBF1
  • Técnica: Más suave
  • Propagación: 0%
  • Tamaño: 50%

Haga clic en Aceptar para aplicar el estilo de capa.

Paso 6: Aplicar el color Verde Neón Con Sombra

Vamos a saltar unas cuantas capas y se centran en los “zapatos debajo de Relleno” capa. Haga doble clic en esta capa para abrir la ventana Estilo de capa, visita Sombra , a continuación, utilice los siguientes ajustes:

  • Modo de fusión: Normal
  • Relleno: # 00FF1E
  • Opacidad: 75%
  • Ángulo: 0 o (y elegir la luz global opción)
  • Distancia: 0px
  • Spread: 17%
  • Tamaño: 40%

Basta con hacer clic en Aceptar para aplicar el estilo de capa a la capa.

Copiar el estilo de capa de la “Debajo de calzado relleno” de la capa del paso anterior (usted sabe el taladro por ahora). Seleccione tanto la “Debajo de la lengua” y “capa superior” capas en el panel Capas, haga clic en uno de ellos, y elija Pegar estilo de capa .

Paso 7: Aplicar el color del resplandor naranja

Vamos a seguir para aplicar estilos de capa a varias partes de la zapatilla. El siguiente componente vamos a dar color a es la “combinación de colores secundarios” de la capa. Dar a esta capa un Resplandor exterior estilo de capa con la siguiente configuración:

  • Modo de mezcla: pantalla
  • Opacidad: 75%
  • Ruido: 0%
  • Relleno: # F8B45C
  • Técnica: Más suave
  • Spread: 10%
  • Tamaño: 57px

Paso 8: Aplicar el color amarillo suave

Copiar el estilo de capa del paso anterior y péguelo en la capa denominada “Frente de combinación de colores”.Tendremos que modificar el estilo de capa copiada sin embargo, así que adelante y haga doble clic en la “combinación de colores frontal” de la capa de acceso a la ventana Estilo de capa. Todos los valores de aquí seguirá siendo el mismo salvo por el color de relleno, el cambio a un tono de amarillo (# F1E41C).

Paso 9: El estilo del logo de Nike

Haga doble clic en el “Nike Marque” capa para abrir el cuadro de diálogo Estilo de capa. Para esta capa, que queremos que sea realmente el pop y el contraste que ser bastante alto en comparación con su entorno, por lo que he seleccionado un color magenta vibrante que vamos a aplicar con el Resplandor exterior efecto de capa con los ajustes que se enumeran a continuación:

  • Modo de mezcla: pantalla
  • Opacidad: 75%
  • Ruido: 0%
  • Relleno: # FD0083
  • Técnica: Más suave
  • Spread: 10%
  • Tamaño: 76px

También vamos a utilizar el trazo efecto de capa en esta capa con la siguiente configuración:

  • Tamaño: 2px
  • Posición: Fuera
  • Modo de fusión: Normal
  • Opacidad: 100%
  • Relleno: # FFFFFF

Basta con hacer clic en Aceptar para aplicar los ajustes a la “Nike Marque” capa.

Paso 10: Más estilos de capa

Vamos a seguir aplicando más estilos de capa a varias capas en este paso.

Haga doble clic en el “aspecto material” capa y asígnele el resplandor exterior con los siguientes valores:

  • Modo de mezcla: pantalla
  • Opacidad: 75%
  • Ruido: 0%
  • Relleno: # 3232F5
  • Técnica: Más suave
  • Propagación: 8%
  • Tamaño: 84px

Haga doble clic en el “material de la goma” capa y asígnele el resplandor exterior con los siguientes valores:

  • Modo de mezcla: pantalla
  • Opacidad: 55%
  • Ruido: 0%
  • Relleno: # 00FFC6
  • Técnica: Más suave
  • Spread: 13%
  • Tamaño: 43px

Haga doble clic en la “lengua” de capa y le dan un resplandor exterior con los siguientes valores:

  • Modo de mezcla: pantalla
  • Opacidad: 75%
  • Ruido: 0%
  • Relleno: # E1BF6D
  • Técnica: Más suave
  • Propagación: 6%
  • Tamaño: 21px

Haga clic en Aceptar para aceptar los cambios, copiar el estilo de capa a partir de esta capa y pegarlo en el “Frente de calzado Piece” capa.

Haga doble clic en el “Debajo de Nike, marque” capa para abrir la ventana Estilo de capa y aplicar los siguientes ajustes de Resplandor exterior :

  • Modo de mezcla: pantalla
  • Opacidad: 50%
  • Ruido: 0%
  • Relleno: # FFFF00
  • Técnica: Más suave
  • Spread: 10%
  • Tamaño: 16px

Paso 11: Haga copias de los zapatos

Hemos aplicado los efectos de luz / resplandor a casi todas las partes del zapato con la excepción de unos pedazos pequeños. Espero que todavía están conmigo, sé los pasos anteriores fueron un poco repetitivo. Ahora que está completo, sin embargo, podemos seguir adelante.

Haga clic en la flecha al lado del Nike de calzado Capas “capa de grupo” para que se derrumbe. Clic con el botón de retención y arrastre el grupo de capas hasta el Crear una nueva capa icono en la parte inferior del panel Capas para duplicar el grupo de capas.

Haga clic en el duplicado grupo de capas y seleccione Combinar Grupo para aplanarlo en una sola capa que debe ser la capa superior del panel Capas.

Debido a que han aplanado el grupo de capas duplicadas en una sola capa, ahora puede cambiar el modo de fusión de la capa de recubrimiento , que se intensificarán los colores de los diferentes efectos de iluminación que hemos aplicado a otras capas en los pasos anteriores. Siéntase libre para jugar y probar algunos de los otros modos de fusión de capa, Luz fuerte, por ejemplo, se ve bastante agradable también (es un poco más vibrante y extremas que Overlay).

Paso 12: Agregar un fondo del espacio profundo

Descargar y abrir el espacio profundo imagen de archivo en Photoshop. Coloque esta imagen por encima de la capa de fondo en nuestra página principal documento de Photoshop. Presione Ctrl / Cmd + T Transformación libre y, mientras mantiene Shift, arrastre una de las esquinas hacia el exterior para expandir la imagen y que se ajuste a nuestro lienzo. Establezca el Modo de mezcla del “espacio profundo” de la capa de la pantalla .

A continuación, pulse Ctrl / Comando + Alt / Opción + U para abrir el Tono / Saturación de ajuste de imagen ventana de diálogo y arrastre el control deslizante Saturación opción hasta el final a la izquierda para desaturar la imagen del espacio.

Una vez que la imagen ha sido desaturados, haga clic en el nuevo relleno Crear capa de ajuste o icono en la parte inferior del panel Capas (como se muestra en la imagen de abajo), elige los niveles en el menú que aparece.

Cuando el panel de histograma de la capa de ajuste de niveles aparece, arrastra el regulador gris medio a la derecha de forma que se establece a 0,57 o menos. Esto se oscurece hasta la pieza y poner de manifiesto algunos de los contrastes. No queremos que la imagen de fondo a dominar la escena, y que se van a añadir elementos adicionales en la parte superior de esta capa para traer un poco de color de nuevo en breve.

Antes de continuar, solo quiero limpiar algunas de las capas. Este no es un requisito, pero las cosas de mantenimiento agrupados facilitará más adelante si usted necesita hacer más cambios. Para ello, seleccione la capa de fondo, la capa de “Deep Space”, y la capa de la imagen de ajuste de niveles, a continuación, pulse Ctrl / Cmd + G para poner estas capas en un grupo de capas (que luego puede cambiar el nombre a algo así como “de fondo” ).

Paso 13: Agregar colores vibrantes para el fondo del espacio profundo

Ahora que hemos agrupado las capas de fondo en un grupo de capas, vamos a crear una nueva capa (Shift + Ctrl / Cmd + N) por encima de su grupo de capas. Seleccione la herramienta Degradado (G) y, en la barra de opciones, juego de la herramienta a la opción de degradado radial y elegir el primer plano a transparente degradado preestablecido.

Esta parte es subjetivo, ya que puede decidir qué colores y donde desea colocarlos, pero yo te daré la técnica básica que le permitirá añadir color al fondo desaturado. Con la herramienta de degradado ya establecidos, fijar su color de primer plano para empezar, preferentemente colores ricos y saturados. En una nueva capa por encima del grupo de capas “de fondo”, crear un degradado radial de tamaño medio y establecer la nueva capa de mezcla de modo de color, y después pasar a la herramienta Mover (V) a la posición de la gradiente de cualquier lugar al que creo que se verá mejor . Crear otra nueva capa y seleccione un color diferente, y repita el paso anterior. Cada uno de estos gradientes debe estar en sus propias capas de modo que usted puede mover alrededor para ver cómo los colores se mezclan.

Una vez que esté satisfecho con los colores de fondo, seleccione todas las capas con gradientes radiales y pulse Ctrl / Cmd + G para poner a todos en un grupo de capas (el nombre del grupo algo que hará más fácil su identificación, tales como “el color de fondo “).

Paso 14: Gire el zapato

Quiero hacer esta pieza más dinámica de forma que no es sólo una zapatilla de deporte sentado en un plano horizontal, de modo que vamos a modificar su orientación un poco. En el panel Capas, seleccione la opción “Capas de calzado Nike” grupo de capas y la capa de fusión por encima de ella. A continuación, utilice Transformación libre (Ctrl / Cmd + T) mientras mantiene Shift para rotar el zapato (que mantenemos pulsada la tecla Mayús para girar en 45 o incrementos).

Paso 15: Agregar Luz Rayas

Crear una nueva capa en la parte superior del panel Capas. En esta nueva capa, queremos utilizar la herramienta Marco Rectangular (M) para crear una selección de altura, vertical. A continuación, seleccione la herramienta de degradado (G), asegurándose de mantener su selección de marquesina activa, y establecer las opciones de la herramienta de degradado a un gradiente lineal que va de un color azul vibrante (# 08AFFD) a transparente.Mantenga presionada la tecla Mayús y arrastre a través de la selección activa para crear el gradiente.

Utilice Transformación libre mientras se mantiene pulsada la tecla Mayús para rotar el gradiente de la izquierda.Cambiar a la herramienta Mover (V) y la posición hacia la izquierda y debajo de la zapata.

Cambie el modo de fusión de la capa de superposición y duplicación con el botón Ctrl / Comando + J. Al duplicar esta capa, vamos a intensificar el efecto y hacer que parezca más brillante. Ahora puede seleccionar ambas capas y pulse Ctrl / Comando + E para unirlos entre sí.

Tenemos ahora acaba de agregar una raya sola luz debajo de la zapata en la esquina inferior izquierda. Lo que queremos hacer ahora es duplicar esta capa varias veces, y cada vez que hagamos eso, vamos a cambiar el ángulo y / o colocación de la estela luminosa con Transformación libre y la herramienta “Mover”. El objetivo aquí es para moverse por el diseño y ver dónde funcionan mejor, pero también al hacer esto, estamos haciendo nuestra imagen aún más dinámico mediante la introducción de estas líneas de luz.

Después de hacer esto alrededor de 8 veces, esto es lo que han llegado con:

Una vez que esté satisfecho con la luz uniforme, selecciónelos en el panel Capas y presione Ctrl / Cmd + G para echarlos a todos en un grupo de capas (que se podría nombrar “Luz Rayas”).

Paso 16: Aplicar pinceles de acuarela

A continuación, queremos descargar y cargar estos gratuito de alta resolución Acuarela Photoshop Pinceles en Photoshop. Crear una nueva capa por encima del “color de fondo” capa de modo que se encuentra debajo tanto de la “capa de zapatos Nike” y la imagen duplicada.

Utilizando el mayor tamaño de pincel posible en Photoshop CS (2500px), seleccionar un color sólido blanco y pintura en la nueva capa usando uno de los pinceles de acuarela.

Cambiar el modo de fusión a Superponer y mover o girar el cepillo a una posición que funciona bien dentro de la composición.

Continuar con la creación de nuevas capas de pintura y un golpe de acuarela única, cambiando el modo de fusión aSuperponer y jugar con el posicionamiento de las pinceladas de acuarela.

No hay manera correcta de hacer esta parte y le corresponde a usted decidir lo que se ve mejor. El objetivo es agregar textura a la pieza, y que se puede lograr en una variedad de maneras. Sólo he utilizado tres capas de acuarela pincelada aquí, pero usted puede ver que se agrega un tacto agradable sensación al diseño.

Una vez que esté satisfecho con los resultados, seleccione todas las capas de acuarela pincelada y pulse Ctrl / Cmd + G para ponerlas en un grupo de capas que puede ser llamado “Acuarela Pinceles”.

Paso 17: Toques finales

En este punto, es una buena idea dar un paso atrás y observar el trabajo que hemos hecho hasta ahora. En cuanto a la concepción, lo que realmente quiero hacer las líneas diagonales más evidente y el tipo de juego esto aún más que su estado actual. Para hacer esto, podríamos utilizar el Photoshop y GIMP Sparklies Pinceles (por Obsidian Dawn ). Cargar estos en Photoshop y crear una nueva capa en la parte superior de nuestro panel de capas. Uso de blanco (# FFFFFF) como nuestro primer plano de color, elija uno de los cepillos de fantasía. Aumentar el tamaño del pincel con el diámetro más grande (2500px) y haga clic en vez de aplicarlo en nuestra nueva capa, cambiar el modo de fusión a Superponer , a continuación, duplicar la capa (Ctrl / Cmd + J). Coloque las dos capas para que las líneas se superponen el zapato y la caída en algún lugar de la zona de fondo del espacio de colores. Haga esto varias veces en capas separadas y ya está!

Resumen del curso

Este tutorial crear efectos de luz que participan vibrante y colorido utilizando estilos de capa de Photoshop. También hemos creado un espacio-escenario con temas de nuestro elemento principal (la zapatilla Nike) con imágenes de archivo y los pinceles de Photoshop. Hemos creado rayas interesante luz de forma rápida y fácilmente con la ayuda de la herramienta Marco Rectangular, Transformación libre, y la herramienta de degradado. El resultado final se presenta a continuación.

Preview

Descargar archivos de código fuente

 

Fuente: http://designinstruct.com/graphic-design/how-to-make-vibrant-cosmic-light-effects-in-photoshop/

Inspiraxion Recursos e ideas para inspirarte

Estudié MKT, que oriente hacia la parte web. Soy fanática de las cosas creativas y me encanta compartirlas.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *