El clásico efecto de fondo de los estallidos estelares en Photoshop

El clásico efecto de fondo de los estallidos estelares en Photoshop

El clásico efecto de fondo de los estallidos estelares en Photoshop


En este Tutorial de efectos de Photoshopvamos a aprender a crear un fondo clásico de «starburst», el mismo efecto que sin duda has visto cientos de veces en tiendas de comestibles, grandes almacenes y en esos folletos semanales que inundan tu buzón. Crear el efecto es fácil. Usaremos la herramienta de polígonos de Photoshop, una capa de relleno de color sólido, el comando de transformación libre y una de las características poco conocidas pero muy útiles de Photoshop, Transformar de nuevo. A lo largo del camino, aprenderemos a encontrar el centro exacto de un documento de Photoshop usando reglas y guías, ¡y cómo hacer que los objetos se ajusten a sus guías!

Aquí hay un ejemplo del fondo de «explosión estelar» que vamos a crear:

Un fondo de estrellas creado en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Un fondo de estrellas creado en Photoshop.

Una vez creado el fondo, aprenderemos a cambiar fácilmente los colores utilizados en el efecto, e incluso veremos cómo guardarlo como una forma personalizada para que puedas usarlo de nuevo cuando quieras!

Paso 1: Crear un nuevo documento de Photoshop

Lo primero que tenemos que hacer es crear un nuevo documento de Photoshop. Sube al File en la parte superior de la pantalla y elegir Nuevo…o usar el atajo de teclado Ctrl+N (Win) / Comando+N (Mac). De cualquier forma, trae a colación el Photoshop… Nuevo cuadro de diálogo. Para este tutorial, crearé un documento de 10 pulgadas por 10 pulgadas a 300 píxeles por pulgada, aunque no hay una razón en particular para elegir estas dimensiones. Puedes crear un documento del mismo tamaño si lo deseas, o puedes crear cualquier tamaño de documento que necesites:

El cuadro de diálogo

Crear un nuevo documento de Photoshop.

Haz clic en OK cuando hayas terminado para salir del cuadro de diálogo. Su nuevo documento aparecerá en una ventana de documento:

El nuevo documento aparece en una ventana de documento en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Aparece el nuevo documento de Photoshop.

Paso 2: Mostrar las reglas

Para que el efecto parezca «estallar» desde el centro de la imagen, necesitamos saber dónde está el centro de nuestra imagen. La forma más fácil de encontrar el centro exacto de la imagen es usando el Photoshop Rules and Guías. Primero vamos a encender las reglas. Para ello, sube al See en la parte superior de la pantalla y elegir Rules:

Encendiendo las reglas en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Vaya a View > Rulers.

Por defecto, las reglas están desactivadas en Photoshop. La manera de saber si están activadas o desactivadas, además de mirar en la ventana del documento, es buscando una marca de verificación a la izquierda de la palabra «Reglas» en el menú Ver. Si ve una marca de verificación junto a la palabra, significa que las reglas ya están activadas, en cuyo caso no es necesario seleccionarlas aquí. Si no ves una marca de verificación, significa que las reglas están actualmente desactivadas, por lo que tendrás que hacer clic en la opción Reglas para activarlas.

También puedes encender y apagar las reglas presionando Ctrl+R (Win) / Comando+R (Mac). Con las reglas puestas ahora, las verás aparecer en la parte superior e izquierda de la ventana del documento:

Las reglas son ahora visibles a lo largo de la parte superior e izquierda de la ventana del documento en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Las reglas son ahora visibles a lo largo de la parte superior e izquierda de la ventana del documento.

Dependiendo de cómo tenga configuradas sus reglas en las Preferencias de Photoshop, sus reglas pueden mostrar pulgadas, píxeles, centímetros o alguna otra forma de medición. No importa qué tipo de medida estés usando para este efecto.

Paso 3: Asegurarse de que la opción «Snap» esté activada

La razón por la que encendimos las reglas fue para poder sacar guías de ellas, y en un momento, vamos a sacar un par de guías, una horizontal y otra vertical. Antes de hacer eso, sin embargo, tenemos que asegurarnos de que la Snap está activada. Con «Snap» activado, nuestras guías se ajustarán automáticamente a los centros horizontales y verticales del documento para nosotros. ¡El punto donde las dos guías se cruzan es el centro exacto de la imagen!

Para activar la opción de Snap, vuelve a subir al See en la parte superior de la pantalla. Verás el Snap directamente debajo de la opción Rules opción. Por defecto, la opción Snap está activada, por lo que deberías ver una marca de verificación a la izquierda de la opción. Si ves la marca de verificación, significa que la opción Instantánea ya está activada y no es necesario hacer clic en ella. Si no ves la marca de verificación, significa que la opción Instantánea está actualmente desactivada, por lo que debes hacer clic en la opción para activarla. En mi caso (y probablemente en el tuyo también), Snap ya está habilitada:

La opción Snap está actualmente activada en Photoshop. Imagen © 2008 Photoshop Essentials.com.

La marca junto a la palabra «Snap» nos dice que la opción ya está activada.

Paso 4: Asegurarse de que «Snap To Guides» está activado

Mientras estemos aquí, deberíamos asegurarnos de que otra opción esté también activada, Snap To Guides. Esto hará que cualquier cosa que arrastremos cerca de una guía se enganche directamente en ella, lo que nos facilitará colocar algo directamente en el centro de nuestro documento, como veremos más adelante. Para activar la opción de Ajustar a las Guías, vuelve a subir al See El menú. Verás una opción que dice Snap To directamente debajo de la opción Snap que acabamos de ver en el paso anterior. Pasa el ratón por encima de la opción Ajustar a durante uno o dos segundos y aparecerá un submenú. En la parte superior del sub-menú, verás el Guías opción. Si ves una marca de verificación a la izquierda de la palabra «Guías», significa que la opción ya está activada y no hay necesidad de hacer clic en ella. Si no hay ninguna marca de verificación, haz clic en Guías para activar la opción:

Asegúrate de que la opción

Asegúrate de que la opción «Encajar en las guías» esté activada en el menú «Ver».

Paso 5: Arrastrar una guía horizontal en el centro del documento

Estamos listos para encontrar el centro exacto de nuestro documento. Como mencioné antes, necesitamos arrastrar dos guías, una vertical y otra horizontal. La opción «Snap» que activamos en el paso 3 forzará a las guías a encajar automáticamente en su lugar tan pronto como estemos lo suficientemente cerca del centro del documento, y el punto donde las dos guías se intersectan será el centro exacto. Arrastremos nuestra primera guía. Empezaremos con la guía horizontal.

Haga clic en cualquier lugar dentro de la regla que se ejecuta a lo largo de la parte superior del documento, y luego arrastre hacia abajo hacia el centro del documento. A medida que arrastres, verás que estás arrastrando una guía horizontal que aparecerá como una línea punteada negra mientras tengas el botón del ratón pulsado. Continúa arrastrando hacia abajo hasta que te acerques al centro del documento, y tan pronto como te acerques lo suficiente al centro, Photoshop ajustará automáticamente la guía en su lugar. Suelta el botón del ratón en ese punto y verás la primera guía corriendo de izquierda a derecha a lo largo del centro exacto del documento. Por defecto, las guías aparecen en cian, a menos que hayas cambiado el color en las Preferencias de Photoshop:

Una guía horizontal aparece en el centro del documento en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Arrastra una guía horizontal en el centro del documento. Photoshop encajará la guía en su lugar una vez que esté lo suficientemente cerca del centro.

Paso 6: Arrastrar una guía vertical en el centro del documento

Tenemos nuestra guía horizontal en su lugar. Ahora añadamos nuestra guía vertical. Haz clic en cualquier lugar dentro de la regla que se encuentra a lo largo de la parte izquierda del documento, y luego arrastra hacia la derecha en el centro del documento. Verás que estás arrastrando una guía vertical que aparecerá al principio como una línea punteada negra. Continúe arrastrando la guía hacia el centro del documento, y tan pronto como esté lo suficientemente cerca del centro, Photoshop encajará la guía en su lugar. Suelte el botón del ratón, y ahora tendrá una guía vertical que sube y baja a lo largo del centro del documento. El punto donde las dos guías se cruzan es el centro exacto (rodeado en rojo):

Una guía vertical y horizontal marcan el centro de la imagen en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Una guía vertical y horizontal marca ahora el centro exacto del documento.

Ahora que hemos sacado a nuestros dos guías, ya no necesitamos tener las reglas encendidas. Puede dejarlas encendidas si lo desea, pero yo voy a apagar las mías pulsando el atajo del teclado Ctrl+R (Win) / Comando+R (Mac).

Paso 7: Añadir una capa de relleno de color sólido

Con nuestras guías ya en su lugar, comencemos a crear nuestro efecto de fondo de «explosión estelar». Vamos a crear el efecto de una manera que nos facilite cambiar los colores en cualquier momento que queramos, así que vamos a añadir un Capa de relleno de color sólido que servirá como color de fondo para el efecto. Haga clic en el Nueva capa de relleno o ajuste en la parte inferior de la paleta de capas:

FILE Photoshop Advanced Blending: la combinación de barras deslizantes

El icono de

Haga clic en el icono «Nueva capa de relleno o ajuste».

Entonces seleccione Color sólido de la parte superior de la lista que aparece:

Seleccionando una capa de relleno de color sólido en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Selecciona «Color Sólido» en la parte superior de la lista.

Paso 8: Elegir un color para el fondo

Esto traerá a Photoshop Color Picker. Elija un color para el fondo del efecto. Creo que elegiré un amarillo claro. Realmente no importa qué color elijas aquí ya que puedes cambiarlo fácilmente más tarde, así que elige el color que quieras por ahora:

Photoshop's Color Picker. Imagen © 2008 Photoshop Essentials.com.

Use el selector de colores para elegir un color para el fondo.

Haz clic en OK cuando termines de salir del Selector de Colores. Verás que el color que elegiste ahora llena todo el documento:

El documento de Photoshop está ahora lleno con el color elegido. Imagen © 2008 Photoshop Essentials.com.

El documento está ahora lleno del color elegido.

Si miramos en nuestro Paleta de capaspodemos ver que ahora tenemos dos capas – la capa de fondo en la parte inferior y nuestra recién añadida capa de relleno de color sólido, llamada «Relleno de color 1», situada encima de ella:

La paleta de capas en Photoshop mostrando la capa de relleno de color sólido recién añadida. Imagen © 2008 Photoshop Essentials.com.

La paleta de capas que muestra la capa de relleno de color sólido sobre la capa de fondo.

Paso 9: Seleccione la herramienta de polígonos

A continuación, necesitamos dibujar un triángulo simple, y la forma más fácil de dibujar un triángulo en Photoshop es usando el Herramienta de polígono. Por defecto, la Herramienta Polígono se esconde detrás de la Herramienta de Rectángulo en la paleta de herramientas, así que haz clic en la herramienta de rectángulo, y luego mantén el botón del ratón pulsado durante uno o dos segundos. Aparecerá un menú desplegable que le mostrará las otras herramientas disponibles. Haz clic en el botón Herramienta de polígono para seleccionarlo:

Seleccionando la herramienta de polígonos de la paleta de herramientas de Photoshop. Imagen © 2008 Photoshop Essentials.com.

Haga clic en la herramienta Rectángulo en la paleta Herramientas, luego seleccione la herramienta Polígono en el menú desplegable.

Paso 10: Establecer el número de lados para la herramienta de polígono a 3

Un triángulo, como todo el mundo sabe, tiene 3 lados, así que tenemos que decirle a Photoshop que queremos dibujar un polígono de 3 lados. Con la herramienta de polígono seleccionada, busque en la barra de opciones en la parte superior de la pantalla. Verá una opción de Lados que está configurada a 5 por defecto. Cambie el número de lados a 3:

Establezca el número de lados para la herramienta de polígonos en 3. Imagen © 2008 Photoshop Essentials.com.

Cambie la opción Lados en la barra de opciones a 3.

Paso 11: Asegurarse de que la herramienta del polígono está preparada para dibujar formas

Como todas las herramientas de forma de Photoshop, la herramienta de polígonos nos da tres opciones diferentes para su uso. Podemos dibujar una forma vectorial, podemos dibujar un camino, y podemos dibujar una forma basada en píxeles. Queremos dibujar una forma vectorial, que nos permitirá hacer nuestro triángulo del tamaño que queramos sin ninguna pérdida de calidad de imagen. Para dibujar una forma vectorial, asegúrese de que la opción Forma esté seleccionada en la Barra de Opciones:

La opción Forma en la barra de opciones. Imagen © 2008 Photoshop Essentials.com.

Seleccione la opción Forma en la barra de opciones.

Paso 12: Dibujar un triángulo

Estamos listos para dibujar nuestro triángulo. Con la Herramienta de polígono seleccionada, el número de lados establecido en 3 y la opción Formas seleccionada en la Barra de opciones, haga clic en algún lugar de la parte superior izquierda de su documento y arrastre un triángulo. Cualquier tamaño servirá por ahora. En realidad tampoco importa dónde dibujes tu triángulo, sólo estoy tratando de mantenernos a ambos en la misma página ya que estoy dibujando el mío en la parte superior izquierda. Quieres asegurarte de que tu triángulo parece estar apuntando hacia abajo. Con eso quiero decir que la parte superior aparece perfectamente horizontal. La forma más fácil de hacerlo es mantener tu Change mientras arrastras el triángulo. Esto forzará al triángulo a encajar en ángulos específicos. Mueve el ratón a la izquierda o a la derecha mientras arrastras (con la tecla Shift presionada) hasta que el triángulo se ajuste a la posición «apuntando hacia abajo».

A medida que arrastras la forma, tu triángulo aparecerá simplemente como un contorno (también conocido como «camino»). Cuando sueltes el botón del ratón, el triángulo aparecerá lleno de color. En mi caso, está lleno de negro:

Dibuja un triángulo en el documento. Imagen © 2008 Photoshop Essentials.com.

Arrastra un triángulo con la herramienta de polígono. Mantén pulsada la tecla «Shift» para restringir el ángulo del triángulo mientras lo arrastras.

No te preocupes por el color de tu triángulo por ahora. Podemos cambiarlo fácilmente más tarde.

Paso 13: Seleccionar la herramienta de movimiento

Ahora que tenemos nuestro triángulo, necesitamos moverlo a la posición para que el punto inferior esté en el centro exacto del documento. Para moverlo, seleccione el Movement tool de la paleta de herramientas, o presione la letra V en su teclado para acceder a él con el atajo:

La herramienta

Seleccione la herramienta Mover.

Paso 14: Mover el triángulo hacia el centro del documento

Con la herramienta Mover seleccionada, haz clic en el triángulo de la ventana del documento y arrástralo hasta el centro del documento de modo que el punto inferior toque el centro exacto (el punto donde se cruzan las dos guías). Tan pronto como te acerques al centro, el triángulo se encajará en su lugar, y eso es porque habilitamos la opción Encajar en las guías en el paso 4:

Arrastra el triángulo al centro del documento. Imagen © 2008 Photoshop Essentials.com.

Arrastra el triángulo a su posición, con el punto inferior en el centro exacto del documento.

Paso 15: Cambiar al «Modo de pantalla completa con la barra de menú»

En un momento, vamos a estirar el triángulo hacia arriba más allá de los límites de nuestro lienzo, lo que significa que vamos a necesitar un poco más de espacio para trabajar si queremos ser capaces de ver lo que estamos haciendo. Si estás trabajando con tu documento dentro de una ventana de documento, que es la forma por defecto de trabajar en Photoshop, pulsa la letra F en su teclado para cambiar el modo de visualización a Modo de pantalla completa con barra de menú. Como su nombre indica, esto le cambia a un modo de pantalla completa en Photoshop mientras deja la barra de menú en su lugar en la parte superior de la pantalla. Entonces, para darse aún más espacio para trabajar, pulse Ctrl+- (Win) / Comando+- un par de veces para alejarse. Ahora debería tener un poco de espacio gris vacío alrededor del documento:

El documento aparece ahora en modo de pantalla completa con la barra de menú en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Cambie al modo de pantalla completa con la barra de menú y luego aleje un par de veces el zoom para crear mucho espacio para trabajar alrededor del documento.

Paso 16: Borrar las guías

Como ya hemos posicionado nuestro triángulo donde queremos en el centro exacto del documento, nuestros guías han cumplido su propósito y podemos quitarlos con seguridad. Sube al See en la parte superior de la pantalla y elegir Guías claras. Esto despejará las guías del documento:

Ve al menú Ver y elige Borrar guías para eliminar las guías del documento. Imagen © 2008 Photoshop Essentials.com.

Selecciona «Borrar guías» en el menú Ver para eliminar las guías.

Paso 17: Estirar el triángulo más allá de la parte superior del lienzo con una transformación libre

Press Ctrl+T (Win) / Command+T (Mac) en tu teclado para sacar a relucir el Photoshop Free transformation caja y asas alrededor del triángulo. Haz clic en la manija (el cuadradito) en el centro superior del cuadro de la Transformación Libre y arrástralo hacia arriba para estirar el triángulo, haciéndolo más largo y estrecho. Continúa arrastrando hasta que el triángulo vaya más allá de la parte superior del lienzo, así:

Estirando el triángulo más allá de la parte superior del lienzo con el comando Transformación Libre en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Arrastra la parte superior del cuadro de la Transformación Libre más allá de la parte superior del lienzo para estirar el triángulo.

La razón por la que estamos estirando el triángulo más allá de la parte superior del lienzo se aclarará en un momento. Presione Enter (Win) / Returns (Mac) cuando termines de aceptar la transformación y salir del comando de la Transformación Libre. Notarás que aunque hemos estirado el triángulo más allá de la parte superior del lienzo, sólo la parte que cae dentro de los límites del área del lienzo permanece visible en el documento. El resto del triángulo sobre el lienzo es actualmente visible sólo como un contorno.

Paso 18: Traer la caja de transformación libre alrededor del triángulo una vez más

Press Ctrl+T (Win) / Command+T (Mac) para una vez más sacar a relucir el Free transformation caja y asas alrededor del triángulo. Lo sé, acabamos de abrir Transformación Libre hace un momento y te dije que la cerraras, y ahora te digo que la abras de nuevo. ¿Qué pasa? Bueno, la razón es porque esta vez, vamos a usar a Free Transform para rotar el triángulo, y cuando terminemos, vamos a usar un comando poco conocido llamado Transformar de nuevo para que Photoshop repita la rotación una y otra vez alrededor del documento para nosotros, lo que creará nuestro efecto de explosión estelar!

FILE Efecto de foto sobreprocesado arenoso - Tutorial de Photoshop

Paso 19: Arrastra el punto central de la caja de transformación libre hasta el mango central inferior

Si miras de cerca en el centro del cuadro de Transformación Libre, verás un pequeño icono que parece un pequeño símbolo de un objetivo. Este icono representa el punto central de rotación para el comando de la Transformación Libre. Todo gira alrededor de este icono, dondequiera que el icono esté posicionado. Si rotáramos el triángulo con este icono en el centro del cuadro de Transformación Libre, el triángulo giraría alrededor de su centro. Eso es normalmente lo que queremos, pero no es lo que queremos aquí. Queremos que nuestro triángulo rote alrededor del centro del documento, lo que significa que tenemos que mover el icono de destino al centro del documento.

Para ello, haz clic en el icono del objetivo, y luego arrástralo hacia abajo hasta el mango (el pequeño cuadrado) en la parte inferior central del cuadro Transformación libre, que lo colocará en el centro exacto del documento directamente sobre el punto inferior del triángulo. Tan pronto como te acerques lo suficiente a la manija, el icono se encajará en su lugar:

Arrastrando el punto de rotación central del comando Transformación Libre en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Arrastra el icono del objetivo desde el centro del cuadro de Transformación libre hasta la parte inferior del mango central.

Paso 20: Rotar el triángulo

Con el icono del objetivo ahora posicionado en el centro del documento, estamos listos para rotar el triángulo. Mueve el ratón fuera de la esquina superior derecha del cuadro de Transformación Libre. Verás que el cursor del ratón se convierte en un pequeño icono de rotación (una línea curva con una flecha en ambos extremos). Mantén pulsado el botón Change que forzará al triángulo a rotar en incrementos de 15 grados, haciendo las cosas mucho más fáciles para nosotros. Luego, con la tecla Shift presionada, haga clic y arrastre el ratón hacia abajo y hacia la derecha para girar el triángulo en el sentido de las agujas del reloj. Notarás dos cosas al arrastrarlo. Una, el triángulo está rotando alrededor del centro de la imagen, y dos, está encajando en incrementos de 15 grados en lugar de rotar suavemente.

Gire su triángulo un total de 45 grados en el sentido de las agujas del reloj (tres incrementos de 15 grados), en cuyo momento se extenderá más allá de la esquina superior derecha del lienzo:

Gire el triángulo 45 grados. Imagen © 2008 Photoshop Essentials.com.

Mantenga pulsada la tecla Shift y gire el triángulo 45 grados en el sentido de las agujas del reloj.

La razón por la que estiramos el triángulo tanto más allá de la parte superior del lienzo en el paso 17 fue para que fuera lo suficientemente grande como para que se extendiera más allá de los límites del lienzo incluso en estas secciones de esquina. Presiona Enter (Win) / Returns (Mac) cuando tienes tu triángulo rotado para aceptar la transformación y salir del comando de la Transformación Libre.

Ahora que hemos usado Transformación Libre para rotar el triángulo una vez, vamos a dejar que Photoshop haga el resto del trabajo por nosotros, repitiendo la rotación alrededor del documento para crear el efecto de explosión estelar!

Paso 21: Usar «Transformar de nuevo» para repetir la rotación en todo el documento

Una característica poco conocida y por lo tanto raramente utilizada en Photoshop es Transformar de nuevoque permite al Photoshop repetir la última transformación que hicimos. Vamos a usarlo para crear el resto de nuestro efecto de fondo de explosión estelar.

Cada vez que has usado el comando Transformación Libre, tienes la opción de repetir la transformación con Transformar de nuevo. Si subes al Edit en la parte superior de la pantalla y elegir Transformarverás una opción en la parte superior del siguiente submenú que dice Otra vez. Noten que el atajo de teclado para el comando Transformar de nuevo es Shift+Ctrl+T (Win) / Shift+Comando+T (Mac). Vamos a usar el atajo de teclado porque necesitamos acceder al comando varias veces seguidas para crear nuestro estallido estelar. Sin embargo, también necesitamos crear un copia de nuestro triángulo cada vez que lo rotamos. Para crear la copia, necesitaremos añadir el Alt (Win) / Option (Mac) en el atajo de teclado. Así que, para crear una copia del triángulo y rotarlo al mismo tiempo usando Transformar de nuevo, presiona Shift+Ctrl+Alt+T (Win) / Shift+Comando+Opción+T (Mac). Una copia del triángulo aparecerá en el documento y se girará otros 45 grados:

Usando el comando Transformar de nuevo en Photoshop. Imagen © 2008 Photoshop Essentials.com.

En el documento aparece una copia del triángulo, girado 45 grados más.

Continúa presionando Shift+Ctrl+Alt+T (Win) / Shift+Comando+Opción+T (Mac), añadiendo otra copia rotativa del triángulo cada vez, hasta crear el efecto de explosión estelar en todo el documento:

Añade más triángulos rotados para completar el efecto de explosión estelar. Imagen © 2008 Photoshop Essentials.com.

Continúe añadiendo copias rotadas del triángulo para completar el efecto.

Si miramos en nuestra paleta de capas, podemos ver que ahora tenemos un Capa de forma llamada «Forma 1» sobre la capa «Relleno de color 1», y podemos ver nuestra forma de explosión estelar dentro de la capa vista previa de la miniatura:

La paleta de capas en Photoshop mostrando la forma de la explosión estelar en su propia capa de forma. Imagen © 2008 Photoshop Essentials.com.

La forma del estallido estelar aparece en su propia capa de forma en la paleta de capas. La forma es visible en la miniatura de la vista previa de la capa.

Paso 22: Ocultar los contornos de la forma

¿Notan que cada uno de los triángulos que forman la forma del estallido estelar tiene un contorno que aparece a su alrededor? Eso es porque la forma está actualmente activa. Para desactivar la forma y ocultar los contornos, simplemente haz clic directamente en la miniatura de la vista previa de la capa de la forma (rodeada de un círculo rojo en el paso anterior). Cuando una forma está activa, verás un borde resaltado en blanco alrededor de la miniatura de la vista previa de la capa de la forma, como puedes ver en la captura de pantalla anterior. Al hacer clic en la miniatura de la vista previa, el borde alto desaparece y los contornos también desaparecerán, dejándonos un efecto de estallido estelar de aspecto mucho más limpio.

Voy a cambiar el Photoshop de nuevo al Modo de vista estándarque colocará mi imagen de nuevo dentro de una ventana de documento flotante, presionando la letra F dos veces en mi teclado. Si estás usando Photoshop CS3, tendrás que pulsar F tres veces para volver al modo de vista estándar, ya que el CS3 incluye un modo de vista adicional por el que tendrás que pasar. También voy a pulsar Ctrl++ (Win) / Comando++ (Mac) un par de veces para acercar mi imagen y llenar la ventana del documento, eliminando toda esa área gris extra alrededor del lienzo:

La paleta de capas en Photoshop mostrando la forma de la explosión estelar en su propia capa de forma. Imagen © 2008 Photoshop Essentials.com.

La forma del estallido estelar aparece en su propia capa de forma en la paleta de capas. La forma es visible en la miniatura de la vista previa de la capa.

Paso 23: Cambiar el color de la capa de la forma

En este punto, el efecto del estallido estelar en sí es completo, pero no estoy muy contento con el color. Me gustaría cambiar el negro por algo un poco más excitante, como quizás un naranja brillante. Afortunadamente, cambiar los colores en el efecto es fácil. Para cambiar el color de la forma de la explosión estelar, simplemente double-click directamente en la capa de la forma muestra de color:

Haga doble clic en la muestra de color de la capa de la forma. Imagen © 2008 Photoshop Essentials.com.

Haga doble clic en el muestrario de colores de la capa de la forma para cambiar su color.

Esto trae el selector de color de Photoshop. Elige un color diferente para tu forma de explosión estelar. Si observas tu imagen en la ventana del documento, verás una vista previa de cómo se verán los colores a medida que los selecciones. Voy a elegir un naranja brillante:

Eligiendo un nuevo color para el efecto de estallido de estrellas en el Selector de Colores de Photoshop. Imagen © 2008 Photoshop Essentials.com.

Usa el selector de colores para seleccionar un nuevo color para el efecto de explosión de estrellas.

Haz clic en OK una vez que hayas elegido un nuevo color para salir del Selector de colores. Aquí está mi efecto de explosión estelar después de haber cambiado el negro por el naranja:

FILE Efectos de viñetas creativas con el filtro radial en Photoshop CC

El efecto del estallido estelar después de haber cambiado el color de la forma. Imagen © 2008 Photoshop Essentials.com.

El mismo efecto con un nuevo color para la forma de la explosión estelar.

Puedes cambiar el color de fondo del efecto con la misma facilidad. Simplemente double-click directamente en el «Color Fill 1» muestra de color en la paleta de capas:

Haz doble clic en la muestra de color

Haz doble clic en la muestra de color de «Relleno de color 1» para cambiar el color de fondo del efecto.

Esto hará que aparezca de nuevo el Selector de Colores, permitiéndote elegir un nuevo color para el fondo. Mi fondo es actualmente amarillo, pero creo que voy a cambiarlo a verde. De hecho, también voy a volver y cambiar el color de la forma del estallido haciendo doble clic en su muestra de color una vez y eligiendo un nuevo color en el Selector de Colores. Esta vez elegiré un azul. Aquí está exactamente el mismo efecto de fondo del estallido estelar otra vez, esta vez usando el verde para el color de fondo y el azul para la forma del estallido estelar:

El mismo efecto de explosión estelar, esta vez usando el verde y el azul como colores. Imagen © 2008 Photoshop Essentials.com.

Cambie los colores del efecto en cualquier momento que desee haciendo doble clic en las dos muestras de color de la paleta de capas y seleccionando diferentes colores.

También puedes intentar usar dos tonos del mismo color, en lugar de dos colores separados:

El mismo efecto de explosión estelar, esta vez usando dos tonos del mismo color. Imagen © 2008 Photoshop Essentials.com.

Intenta usar dos tonos del mismo color en lugar de dos colores separados para un aspecto diferente.

Como puedes ver, puedes cambiar fácilmente el aspecto del fondo cuando quieras, seleccionando los colores que mejor se adapten al proyecto en el que estás trabajando.

Ya que hemos creado nuestro efecto de fondo de explosión estelar como una forma en Photoshop, ¿por qué no hacer las cosas realmente fáciles para nosotros y guardarlo como un Forma personalizada! De esa manera, podremos reutilizar la forma cada vez que la necesitemos sin tener que rehacer todos los pasos! Veremos cómo hacerlo a continuación.

Paso 24: Asegurarse de que la forma de la explosión estelar está activa

Para guardar una forma como una Forma Personalizada en Photoshop, primero tenemos que asegurarnos de que la forma está actualmente activa. Como mencioné, cuando una forma está activa, aparecen contornos alrededor de la forma en la ventana del documento y un borde blanco de resalte aparece alrededor de la miniatura de la vista previa de la capa de la forma en la paleta de capas. Por el momento, nuestra forma de explosión estelar no está activa. La desactivamos a propósito en el paso 22 para ocultar los contornos de la forma. Necesitamos activarla de nuevo. Para ello, simplemente haga clic en la forma vista previa de la miniatura en la paleta de capas:

Haciendo clic en la miniatura de la capa de forma en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Haz clic en la miniatura de la vista previa de la capa de la forma para activar la forma.

Verá aparecer un borde resaltado alrededor de la miniatura de la vista previa y los contornos volverán a aparecer alrededor de la forma en la ventana del documento:

Los contornos son ahora visibles alrededor de la forma en la ventana del documento. Imagen © 2008 Photoshop Essentials.com.

Los contornos son ahora visibles alrededor de la forma.

Paso 25: Definir una forma personalizada

Con la forma ahora activa, sube al Edit en la parte superior de la pantalla y elegir Definir la forma personalizada:

Eligiendo la opción Definir Forma Personalizada en el menú Edición de Photoshop. Imagen © 2008 Photoshop Essentials.com.

Vaya a Edit > Defina la forma personalizada.

Nota: Si se olvidó de activar la forma primero, verá que la opción Definir forma personalizada está en gris y no está disponible. Tendrás que activar la forma y luego intentarlo de nuevo.

Una vez que haya seleccionado la opción Definir forma personalizada, Photoshop abrirá un pequeño cuadro de diálogo en el que le pedirá que introduzca un nombre para su nueva forma personalizada. Voy a llamar al mío «Estallido»:

Introduce un nombre para tu forma personalizada en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Introduce un nombre para tu nueva forma personalizada.

Haz clic en OK cuando hayas terminado para salir del cuadro de diálogo y guardar la forma personalizada. ¡Ahora podemos usar nuestra forma de «Estallido» cada vez que la necesitemos! Simplemente seleccione el Herramienta de forma personalizada de la paleta de herramientas. Está agrupada con todas las demás herramientas de forma en el mismo lugar donde encontramos la herramienta de polígono:

Seleccionando la Herramienta de Forma Personalizada de la paleta de Herramientas en Photoshop. Imagen © 2008 Photoshop Essentials.com.

Seleccione la herramienta Forma personalizada.

Luego, con la herramienta de forma personalizada seleccionada, sube a la Barra de opciones en la parte superior de la pantalla, haga clic en el Área de vista previa de la forma para sacar a relucir el Caja de selección de forma personalizada y seleccione su forma de «Estallido» de la lista. Si tienes «Mostrar consejos de herramientas» habilitado en las Preferencias de Photoshop, verás el nombre de la forma aparecer cuando pases el cursor sobre ella:

Seleccione su forma personalizada en la Barra de opciones. Imagen © 2008 Photoshop Essentials.com.

Seleccione su forma personalizada en la Barra de opciones.

Con la forma de «Estallido» seleccionada, simplemente haga clic en cualquier lugar cerca del centro de su documento y empiece a arrastrar la forma! Una vez que hayas empezado a arrastrar, mantén pulsada tu Change para restringir las proporciones de la forma para no distorsionar el aspecto de la misma, y mantener Alt (Win) / Option (Mac) para arrastrar la forma desde su centro en lugar de desde la esquina. Aquí, he creado un nuevo documento, del mismo tamaño que la última vez, y ya he añadido una capa de relleno de color sólido (ver pasos 7 y 8) para usarla como color de fondo para mi efecto. Estoy arrastrando la forma de «Estallido» desde algún lugar cerca del centro del documento:

Arrastrando la forma en la ventana del documento. Imagen © 2008 Photoshop Essentials.com.

Haga clic cerca del centro del documento y arrastre la forma, manteniendo pulsada la tecla Shift más la tecla Alt (Win) / Option (Mac) mientras arrastra.

Continúe arrastrando la forma hasta que llene todo el documento, luego suelte el botón del ratón, en cuyo momento la forma aparecerá llena de un color sólido. Para cambiar el color, haz doble clic en la muestra de color de la capa de la forma en la paleta de capas, como hicimos en el paso 23, y elige un nuevo color en el Selector de colores. Aquí está mi efecto después de arrastrar mi forma y cambiar su color:

Un efecto de explosión estelar púrpura. Imagen © 2008 Photoshop Essentials.com.

El efecto después de arrastrar la forma personalizada del «Estallido» y cambiar su color.

Si quieres asegurarte de que la explosión estelar está perfectamente alineada con el centro exacto del documento, sube al Select en la parte superior de la pantalla y elegir Todoso usar el atajo de teclado Ctrl+A (Win) / Comando+A (Mac). Esto colocará una marquesina de selección alrededor de todo el documento:

Una marquesina de selección aparece alrededor de todo el documento. Imagen © 2008 Photoshop Essentials.com.

Ir a Seleccionar; Todo para colocar una marquesina de selección alrededor de todo el documento.

Con todo el documento seleccionado, agarra el Movement tool de la paleta de herramientas, o pulse V en tu teclado para seleccionarlo con el atajo:

Seleccionando la herramienta Mover de Photoshop de la paleta de herramientas. Imagen © 2008 Photoshop Essentials.com.

Seleccione la herramienta Mover.

Entonces, con la herramienta de movimiento seleccionada, sube a la Barra de opciones en la parte superior de la pantalla y haga clic en el Alinear los centros verticales and Alinear los centros horizontales iconos. Photoshop alineará automáticamente el centro de la forma de la estrella con el centro del documento:

Haga clic en los iconos Alinear centros verticales y Alinear centros horizontales en la barra de opciones. Imagen © 2008 Photoshop Essentials.com.

Haga clic en los iconos Alinear centros verticales (izquierda) y Alinear centros horizontales (derecha) en la barra de opciones para centrar la forma.

Vuelve a subir al Select menu and choose Deseleccione para eliminar la selección de alrededor de su documento, o usar el atajo de teclado Ctrl+D (Win) / Comando+D (Mac). El contorno de selección desaparecerá y la forma de su estelar estará perfectamente alineada con el centro del documento:

La forma de la explosión estelar está ahora alineada con el centro del documento. Imagen © 2008 Photoshop Essentials.com.

La forma de la explosión estelar está ahora alineada con el centro del documento.

¡Y ahí lo tenemos! ¡Así es como se crea un fondo clásico de estrellas en Photoshop! Visita nuestra sección de efectos fotográficos para ver más tutoriales de efectos de Photoshop.

Go up

We use our own and third party cookies to improve the user experience. More Informaticon