Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Drawing

Tutorial de Fiery Photoshop Space Explosion

by
Read Time:17 minsLanguages:

Spanish (Español) translation by Elías Nicolás (you can also view the original English article)

Ilustrando escenas de la frontera final puede hacer para un trabajo hermoso. En este tutorial - el más largo que hemos publicado - te acompañaré creando una espectacular escena espacial con dos planetas colisionando. ¡Sujentense ustedes mismos, Photoshoppers!

Paso 1 - La imagen

Antes de comenzar, echemos un vistazo a la imagen que estamos creando. Haga clic en la captura de pantalla de abajo para ver la imagen a tamaño completo.

El archivo completo de fotos de 55mb y 50 capas es como siempre disponible a través de nuestra membresía de Psdtuts+ Plus.

Paso 2 - La Regla de los Terceros

Antes de llegar al dibujo, primero una palabra sobre la composición. La mayor parte de la imagen va a ser espacio vacío con un punto focal principal - los planetas estallan. Por lo tanto, donde ponemos ese punto focal va a ser importante. He seguido lo que se conoce como Regla de Terceros.

Esta regla -utilizada en fotografía, filmación e ilustración- simplemente indica que si divide su lienzo en tres longitudinalmente y verticalmente, sus puntos focales principales deben estar en las intersecciones o en las líneas mismas. El razonamiento es que tener cosas fuera del centro crea un interés más visual.

Así que voy a colocar las imágenes de mi planeta en la esquina inferior izquierda. Tenga en cuenta que después de colocar mis líneas reales en para este diagrama, me di cuenta de que no era bastante en esa sección transversal, pero lo suficientemente cerca :-)

De todos modos, para los propósitos de este tutorial, estaré haciendo zoom en el lado izquierdo para que podamos mostrar las cosas un poco más de cerca sin romper mi cuadrícula Psdtuts+, así que pensé que debería mostrar la composición principal primero.

Paso 3 - Revista de capas

Nota del Editor: Puede descargar la imagen del planeta a continuación siguiendo este enlace.

De hecho, empecé esta imagen ayer por la mañana después de haber detectado un enlace en nuestro feed de enlace de usuario al Concurso de diseño de página posterior de la revista Layers. El concurso es tomar una imagen de un planeta (ver abajo) y hacer algo con ella. Hay algunos grandes premios, así que haga clic y ¡entren vosotros mismos! Incluso si no entra usted querrá descargar la imagen del planeta.

(En caso de que te preguntes, no ingresé la imagen de este tutorial, ya que se está convirtiendo en un tutorial.)

Etapa 4

Ok, finalmente empezamos a dibujar.

Primero, creamos un nuevo lienzo. El mío es 1920px de ancho por 1200px alto. En una capa de fondo, dibujamos un gradiente radial, con el área más clara aproximadamente donde dibujaremos la explosión (es decir, donde estará la luz). Debe ser bastante sutil, como la captura de pantalla.

Paso 5

Ahora para darle a nuestro espacio alguna textura, necesitamos hacer algunas nubes. Vaya a Filtro> Renderizar > Nubes con un color negro y marrón oscuro seleccionado (como se muestra a continuación). Ahora, si pulsa Ctrl + Alt + F después de hacer esto, volverá a mostrarlos, pero con más contraste. Esto es útil porque de lo contrario en un lienzo tan grande, las nubes están un poco demasiado cerca.

Paso 6

Por desgracia, incluso con la Ctrl + Alt + F versión, todavía encontró la necesidad de pasar con un gran borrador de pincel y suavemente cepillar algunas partes. Entonces fijamos la capa de las nubes a la pantalla y la opacidad del 85% para dejar pasar algo de ese gradiente radial del fondo que hicimos. El resultado final se muestra a continuación. Es un poco difícil de ver por qué lo hice en esta pequeña captura de pantalla, pero en un lienzo más grande la diferencia es notable.

Paso 7

A continuación agarré esta imagen de iStockPhoto (ver la miniatura de abajo). Lo elegí por el patrón de cielo, que parecía que añadiría textura a mi escena. Compré una versión de 9 créditos porque necesitaba la imagen bastante grande.

Paso 8

Luego pegué la imagen sobre la parte superior de mi lienzo y la giré de manera que corriera a lo largo. Luego pulsamos Ctrl + Mayús + U para desaturar la imagen porque no me interesan los colores, solo la textura. Entonces agarré un borrador grande y suave y borré la mayor parte de él. Dejé una pequeña mancha en la parte superior como se muestra. (En realidad, hay otro parche justo en el lado derecho de la imagen final.)

Paso 9

A continuación, establecer esa capa de Color Dodge y 50% de opacidad. Esto da el resultado mostrado, un efecto de textura agradable que va bien con el resto de la imagen.

Incidentalmente, siento que debo mencionar que cuando hice originalmente esta imagen, no hice todos los pasos en el orden mostrado en este tutorial. La cosa completa me tomó cerca de 8 horas para completar, y mucho de eso es agregar algo, luego quitarlo, luego agregar algo más, luego darse cuenta de que está chocando con un componente anterior y eliminar eso, etc. Abreviado el proceso por lo que suena muy coherente y como todo lo planeado (que en realidad no lo hice :-)

Paso 10

Ahora para dibujar estrellas vamos a usar pinceles. Hay otros métodos para dibujar estrellas, sobre todo he demostrado un método realmente rápido y sucio en el tutorial A Slick Supernatural Text Effect, que utiliza un filtro de ruido. Desafortunadamente, esto no funciona tan bien en una imagen más grande donde las estrellas salen buscando un poco demasiado pequeño y espaciado uniformemente.

Así que en su lugar, agarra un pincel y blanco como el color, a continuación, haga clic en la pestaña Pinceles en la parte superior derecha y siga los ajustes mostrados. No hay mucho para ellos, excepto que queremos muchos pequeños puntos espaciados.

Paso 11

Una vez tuve mi pincel "estrella", pinté todo el lugar, luego agarré un borrador suave y borré algunas partes. Entonces duplicó la capa de la estrella, la giró 180 'y la descoloré hacia fuera a 30%. Esto da un poco más de profundidad a nuestro campo de estrellas con algunos de ellos no tan brillante como otros.

Paso 12

Ahora decidí después de muchos experimentos diferentes que un color púrpura se vería mejor, así que llené una nueva capa con un color púrpura y establecer su modo de fusión a superposición. (Tenga en cuenta que si utiliza el modo de mezcla de color, le da un resultado realmente duro y horrible, por lo que Overlay es definitivamente el camino a seguir aquí).

Paso 13

Así que ahora tenemos nuestro fondo clasificado (en su mayoría). A continuación, poner todas esas capas en un grupo de capas agradable llamado Fondo!

Luego, en un nuevo grupo de capas llamado Planeta, pegué y redimensioné la imagen de mi planeta que obtuve del sitio de Layers Magazine.

Paso 14

Ahora, porque la explosión va a estar en el área superior izquierda, ésta va a ser la parte más ligera del planeta, y la parte inferior derecha será la zona más oscura. Para aligerar el planeta, primero lo duplicé, luego con un borrador borrado todo excepto el borde superior. He establecido esta capa a la pantalla y el 50%.

Entonces duplicado esa capa y borrado lejos un poco más así que hay aún menos de la orilla izquierda. Luego lo dupliqué otra vez, borré un poco más, y luego corrí un Gaussian Blur (Filters > Blur > Gaussian Blur) sobre él con una distancia de 2px. Entonces duplicé esa capa e hice la misma otra vez con una distancia de 4px. Entonces hice eso otra vez dos veces más con las distancias 8px y 16px. Puede ver las seis capas a la derecha de la imagen de abajo y el compuesto a la izquierda.

Tengo la sensación de que también usé la herramienta de grabación y quemó la parte inferior derecha un poco, pero no puedo recordar! En cualquier caso, coloque la capa planetaria y estas últimas capas en un subgrupo llamado El Planeta.

Paso 15

Ahora pegamos en el mismo planeta otra vez, pero lo encogemos para que sea aún más pequeño (como se muestra). Este va a ser el cometa / planeta que estará chocando.

Por cierto, en el caso de que cualquiera de sus lectores sean astrónomos o astrofísicos, debo señalar (en caso de que no sea evidente) que no me estoy esforzando de ninguna manera por el realismo en esta imagen - sólo algo que se ve bien.

Paso 16

Para hacer que este planeta se vea diferente del otro, he tomado el paso muy inteligente de hacerlo en blanco y negro - ¡qué técnica! Simplemente presione Ctrl + Mayús + U para desaturarla.

Paso 17

Luego lo giré y usé la Herramienta Dodge (O) para aligerarla en todo, particularmente la parte inferior derecha.

Paso 18

Ahora en otro subgrupo de capa que llamaremos Planet Highlight. Luego, presione Ctrl y haga clic en la capa planetaria original para seleccionar sus píxeles y, a continuación, cree una nueva capa en el subgrupo Destacar del planeta.

Paso 19

Usando la Herramienta Gradiente, dibujamos un gradiente de blanco a transparente que va de arriba a izquierda a abajo a la derecha.

Paso 20

Ahora duplicamos esa capa de degradado y aplicamos Filters > Blur > Gaussian Blur con una distancia de 1px. A continuación, duplicar de nuevo y aplicar otro desenfoque con una distancia de 2px, y una vez más con 4px. Puse la primera capa a Screen, 50%, la segunda a Overlay, 50%, la tercera capa a Soft Light, 100%, y la última a Overlay, 100%.

En caso de que usted se está preguntando por qué hice esto, la repetición da un bonito efecto de desenfoque muy suave, y los diversos modos de mezcla se seleccionaron simplemente para que se vea "bien". Con una imagen como esta paso mucho tiempo intentando cosas diferentes para encontrar el ambiente que más me parece.

Paso 21

A continuación crearemos un nuevo grupo de capas llamado Light, y crearemos una nueva capa. Luego agarra un cepillo grande y suave y haz clic una vez con el ratón para obtener un resplandor blanco como se muestra.

Paso 22

Ahora presione Ctrl + T para transformarlo. Alargue y apriete los lados, luego gírelo para que sea tangencial al planeta principal.

Paso 23

Ahora añadimos un brillo externo a esta capa con los ajustes como se muestra. Cuando se aplica a algo con bordes suaves, esto sólo mejora la suavidad y añade un poco de color a los bordes.

Paso 24

A continuación, duplicar esa capa y girarla para que se va y hacia abajo, como se muestra. La idea aquí es hacer algo que parezca un impacto.

Paso 25

Ahora para agregar un poco de color a nuestra explosión, agarramos un cepillo grande, suave otra vez y esta pintura de la hora un color amarillo como se muestra.

Paso 26

Establezca esta última capa en Superposición y debería obtener un resultado como el mostrado.

Paso 27

Ahora duplicamos la capa amarilla y aplicamos Filters > Blur > Motion Blur para que se vaya en diagonal lejos del planeta. (Tengo en cuenta que me di cuenta de que el ajuste de ángulo en la captura de pantalla es un poco fuera. Probablemente debería estar más cerca de -45 grados).

Paso 28

Entonces duplicamos esa capa, aplicamos Filters> Blur> Gaussian Blur de aproximadamente 4px, luego hacemos esto de nuevo (Duplicate + Blur), y luego de nuevo, y una vez más para la buena suerte!

Paso 29

En la última versión, vaya a Imagen > Ajustes > Tono / Saturación, haga clic en Colorear y haga que la capa tenga un molde rojizo.

Paso 30

Aquí es donde estamos ahora.

Paso 31

A continuación agarré otra imagen de iStockPhoto. Elegí esta imagen porque las luces brillantes hacen un gran efecto de luz y harán que nuestra explosión chispee.

(Debo señalar aquí que más tarde utilicé esta imagen para algunas de las estrellas en el fondo, aunque no documento que en este tutorial.)

Paso 32

Pegué esta capa en el conjunto de fondo por lo que se sienta detrás de los dos planetas. Luego, utilizando un borrador suave, borré todos menos la parte que ves en la imagen de abajo. Esto hace que parezca que un montón de partículas están siendo expulsadas por la explosión.

Paso 33

Ahora crea un nuevo conjunto de capas detrás del conjunto llamado El Planeta. Llame a este nuevo conjunto Backglow.

A continuación, pulse la tecla Ctrl y haga clic en la capa planetaria original para seleccionar sus píxeles y crear una nueva capa en Backglow y rellenar el área con blanco. A continuación, presione varias veces las flechas izquierda y arriba para mover el área blanca en esa dirección, como se muestra.

Paso 34

Ahora ejecute Filters > Blur > Gaussian Blur y desdibujar el blanco por cerca de 4px.

Paso 35

Establecer este resplandor de nuevo borroso a la superposición y luego duplicar, desenfoque de nuevo por 8px, moverlo hacia arriba y la izquierda aún más. A continuación, repita esto de nuevo, pero con 16px y aún más hacia arriba y hacia la izquierda. Usted debe comenzar a conseguir una luz purplish (recogida del fondo) que viene de la parte superior izquierda del planeta.

Paso 36

Ahora vamos a añadir algunas chispas que se avecinan. Básicamente, utilicé mi cepillo "estrella" desde anterior excepto en Shape Dynamics, establecí Control a Fade. Esto significa que mientras me cepillo se acerca cada vez más.

Luego, en una nueva capa he pintado unas líneas que se unen en un solo lugar. Esto parece chispas volando y separándose. Hice esto en blanco.

Entonces agregué un resplandor exterior con un color amarillo y la sobreposición fijó como modo de la mezcla de la resplandor. Entonces puse esto así que parece que las chispas están saliendo del impacto.

Paso 37

Así que aquí está nuestra explosión ahora - ¡parece muy guay!

Paso 38

Ahora qué escena del espacio del photoshop no sería completa sin una llamarada de la lente :-)

Por lo tanto, crear una nueva capa por encima de los demás, llenarlo con negro, y luego ir a Filtros > Render > Resplandor de lente. Aquí está el mío:

Paso 39

Establezca el modo de mezcla de nuestra capa de foco de lente en Superposición para obtener un efecto como se muestra. Queremos que el círculo de la llamarada principal se siente justo alrededor de la explosión. La mayoría de los demás deben desvanecerse en nada.

Paso 40

Para asegurarnos de que se desvanece, establecemos Opacity a 50% y luego añadimos un ajuste de capa y utilizamos la Herramienta de degradado radial para dibujar un gradiente de blanco a negro como se muestra en la paleta de capas (Nota: ignora las otras capas, se tomó la captura de pantalla. después de crear todas las capas :-)

Paso 41

A continuación, decidí aplicar un borrón sutil para suavizar toda la imagen. Para hacer esto, Aplanar todo, luego presione Ctrl + A para seleccionar todo y Ctrl + C para copiarlo. A continuación, vaya a su paleta de historiales y deshaga algunos pasos para que ya no esté aplastado, y usted tiene todas sus capas de nuevo.

Actualización: Gracias a Jared en los comentarios que señalaron un comando limpio que no sabía, pulsa Cmd + Opt + Mayús + E (Mac) / o / Ctrl + Alt + Shift + E (Win) y crearás un copia aplanada de la imagen en una nueva capa por encima del resto. ¡Gracias Jared!

A continuación, pegar nuestra capa sobre la parte superior de los demás, duplicar y cambiar uno. Con el otro, presione Ctrl + Mayús + U para desaturarlo.

Paso 42

Ahora podríamos aplicar un Gaussian Blur para suavizar las cosas, pero en su lugar pensé que usaríamos un Radial Blur ya que se suma a la explosión. Así que vaya a Filtros> Desenfoque> Desenfoque radial. En el cuadro de diálogo, elija Zoom como método para emplear y establezca la cantidad en 100%. Luego, en el diagrama, posicione el centro del desenfoque para que sea aproximadamente donde usted piensa que será el planeta. Puede que tenga que probar este paso unas cuantas veces hasta que lo ubique correctamente.

Usted debe conseguir algo que se parece a la captura de pantalla a continuación. Creo que puedo haber ejecutado el filtro de desenfoque dos veces.

Paso 43

Ahora configure la capa borrosa como superposición y 20% de opacidad. Luego tome la otra versión de la imagen aplanada y repita el proceso de desenfoque con ella (pero no la desaturate). Establezca uno a 10% de opacidad.

La primera capa (desaturada) sirve para subir un poco el contraste y atenuar los colores. El segundo sirve para aclarar la imagen y exagerar el desenfoque radial. Usted puede ver en la imagen abajo cómo parece que la luz está estallando.

Paso 44

Luego decidí que quería un poco más de ruido en mi explosión, así que agarré esta textura de papel de Bittbox.

Paso 45

Lo pegué justo por encima de las capas de luz y borré todo menos la parte que ves en la imagen de abajo.

Paso 46

A continuación, establecer la capa de superposición y 75% de opacidad. Casi no puedes ver el efecto, pero añade un poco más de capas a las imágenes. En una foto como esta. Son los detalles sutiles que hacen la imagen de rock. También la configuración de superposición ayuda a contrarrestar algunos de los rayos que hice en el último paso.

Paso 47

Ya casi llegamos!

Para terminar la imagen, pensé que otro planeta / luna sería agradable ya que nos permitiría reflejar la luz de la explosión y dar la profundidad de la imagen. Así que compré una foto de la luna de iStockPhoto.

Paso 48

Utilicé la herramienta de varita mágica (W) para seleccionar toda la imagen de negro en la luna, luego presioné Ctrl + Mayús + I para invertir mi selección y Ctrl + C para copiar la parte lunar de la imagen.

Detrás en mi imagen principal, pegué la luna adentro y la encogí abajo al tamaño demostrado.

Paso 49

A continuación agarré la herramienta de grabación (O) y quemé el borde derecho en la oscuridad. A continuación, Ctrl-clic en la capa de la luna para seleccionar sus píxeles y creó una nueva capa en la parte superior, y dibujó un gradiente lineal de derecha a izquierda con el descoloramiento negro a transparente. Juntos esto me dio un oscurecimiento de la luna como se muestra con la luz a la izquierda. Parece que está siendo iluminado por la explosión.

Paso 50

Sin embargo, para que realmente tuviera que interactuar, necesitaba que reflejara los mismos colores. Así que utilizando el cuentagotas, seleccioné una naranja de la imagen. A continuación, hice clic en la luna para seleccionar sus píxeles, crear una nueva capa y con un cepillo suave pintado de naranja en forma de media luna frente a la explosión. Esta capa se configuró como superposición y se duplicó dos veces, borrosa cada vez con un Filtros > Blur > Gaussian Blur.

Paso 51

Finalmente, para terminar la imagen apagada, agregué una cierta tipografía encima de la tapa como se muestra. Intenté hacerlo razonablemente sutil y usé el Eurostile de la fuente para sus esquinas de las esquinas que parecen bastante futuristas, pero no over-the-top futurista.

¡Y hemos terminado !! ¡Un papel pintado encantador, grande para mi computadora portátil!

En los próximos dos pasos te mostraré dos capturas de pantalla real inbetween (en contraposición a mis capturas de pantalla fabricadas tutorial), luego finalmente la imagen final una vez más :-)

Captura de pantalla real 1

Comencé esta imagen ayer por la mañana, y después de unas tres horas, aquí es donde estaba. Lo dejé en eso y volví hoy para terminar la imagen. Usted puede ver aquí no tenía los aspectos más destacados en el planeta, hay mucho más "chispas" y la imagen se parece un poco más como un eclipse con un planeta más oscuro con la luz detrás de él. Tampoco había decidido utilizar un color púrpura y estaba usando un amarillo muy caliente en este punto.

Captura de pantalla real 2

A menudo es aún más importante saber cuándo detener y eliminar elementos, ya que es saber cuándo agregar cosas. En esta iteración, estaba agregando algunas líneas ondulantes brillantes a la imagen similar a lo que hicimos en el super popular Psdtuts + tutorial Advanced Glow Effects.

Cuando le mostré esto a mi esposa, ella rápidamente me dijo que había ido demasiado lejos y estaba exagerando la imagen. Ella tenía razón :-) Así que me quitó las líneas y fue con la luna en su lugar. También tenía un poco de una colocación muda de mi texto - está demasiado cerca de la mano derecha y mira desequilibrado con el planeta.

Imagen Final

Y así seguí y terminé con esta imagen. Espero que este tutorial haya sido útil, ya que tardó una eternidad en escribir! Me parece que será un tiempo antes de intentar otro tutorial con 50 pasos!

One subscription.
Unlimited Downloads.
Get unlimited downloads