Los fondos sunburst resultan muy versátiles y son utilizados incluso en ornamentos arquitectónicos. Tienen un diseño similar al de Siemens Star y por lo general, se emplean para resaltar una imagen, para representar los rayos del sol o para expresar dinamismo. Este tipo de fondo es muy típico en Japón porque refleja los rayos del sol naciente, incluso puede observarse en la Insignia de la Fuerza Marítima de Autodefensa de ese país. A continuación les enseñaré cómo realizar rápidamente un fondo sunburst con Adobe Photoshop.

Paso 1: Degradado

Abrimos un nuevo documento (Ctrl + N), de un tamaño acorde con las medidas del proyecto a realizar, en mi caso las dimensiones fueron de 555 x 555 píxeles.

Posteriormente, con la herramienta Gradient (G), rellenen el documento con un degradado de dos colores. Yo utilicé un degradado blanco y rojo.

Paso 2: Wave

Seguidamente, aplicaremos al degradado el filtro Wave. Para ello nos dirigimos al menú: Filter > Distort > Wave. Debemos seleccionar las opciones: Square y Repeat Edge Pixels.

Los valores a utilizar dependerán del grosor y número de líneas que deseen. Yo utilicé los siguientes:

Luego de aplicar el filtro tendremos un fondo de líneas verticales similar al de la imagen que se muestra a continuación.

Nota: Con este filtro podemos crear un pincel o un pattern de líneas verticales que podemos guardar para utilizar en nuestros proyectos. Para ello vamos al menú Edit > Brush Preset o Edit > Define Pattern respectivamente.

Paso 3: Polar Coordinates

Por último, aplicamos el filtro Polar coordinates al fondo de líneas verticales. Para ello nos dirigimos al menú: Filter > Distort > Polar Coordinates. Deberán seleccionar la opción Rectangular to Polar.

Les debe quedar un fondo parecido a este:

Como les dije al inicio, es muy fácil de realizar y puede emplearse en muchos diseños. Yo hice rápidamente una composición muy japonesa con el logo de Mejorando la Web. Nada más propicio ahora que dos de los conductores de ese stream están por Japón.

También se puede realizar un efecto de rayos de sol si hacemos el degradado de color blanco o amarillo poniendo uno de los colores con opacidad al 0% y otro con opacidad al 30%. Luego borramos los bordes con un pincel suave o seleccionamos el dibujo con la herramienta Elliptical Marquee con 12 px de feather y luego lo cortamos y pegamos en una nueva capa. Quedará con un borde circular parejo y suave.

Espero que este tip les sea de utilidad

Etiquetas: , , ,

7 sabios participan en un serio debate filosófico


  1. joelzm on 12 jun 2010

    Buen post XK! Ya sé cómo hacer esos destellos de una forma más sencilla.

  2. gersonm on 12 jun 2010

    amanecí con maluquera y ver esas imágenes me hizo dar dolor de cabeza :(

    …pero está bonito el tuto :P

  3. xklibur on 12 jun 2010

    Gracias Chicos ^^.

    Que te mejores Ger ^^

  4. gersonm on 21 jun 2010

    hey Xk, nos tienes abandonados carajo!

  5. xklibur on 21 jun 2010

    @Gers: Sí T____T. Estoy ocupada >_<.

  6. Ozmonk on 25 jun 2010

    es GENIAL me ha encantado, lo he practicado, lo he usado y me gustó como me ha quedado, seguiré practicando a ver si logro mejorarlo y ya te muestro como me van quedando ^^
    saludos.


Dale, deslumbra al mundo con la agudeza de tus comentarios