Laburo España: 250.000 ofertas de empleo

Fondos de escritorio orgánicos

Archivado en Diseño Gráfico • Fecha: 17-05-2005 13:58:52

Éste artículo es una traducción del tutorial Creating organic desktops, publicado en Bartelme Design y reproducido y traducido aquí con el consentimiento del autor, Wolfgang Bartelme, un diseñador de interfícies austríaco.

Comenzamos..

La figura superior muestra la imagen final de este tutorial: Un fondo de escritorio limpio y orgánico, similar a los del último lanzamiento del Blue Cristal desktop Collection, del autor original de este artículo.
Mucha gente cree que estas imágenes sólo pueden ser creadas mediante técnicas de 3D, como 3ds o Cinema 4D, pero tan sólo es necesario saber manejar la herramienta Malla de Adobe Illustrator.

En Illustrator:

Dibujamos primero un rectángulo de 2560x1600 px, de manera que pueda ser usado como fondo de escritorio incluso en un monitor de 30’’. Mediante el panel “Transformar”, controlamos el tamaño exacto del rectángulo.

Rellenamos el rectángulo del color deseado, en este caso he escogido un azul genérico.
Seleccionar el rectángulo, seleccionar la herramienta “Malla” (Gradient Mesh) del panel de herramientas y añadimos un único punto sobre el rectángulo haciendo clic con el botón izquierdo del ratón.

Añadimos dos puntos más, por encima y por debajo del inicial. Seleccionamos estos dos puntos y les asignamos un color ligeramente diferente del azul base.

Mediante la herramienta Lazo (Lasso), seleccionamos los tres puntos centrales que hemos creado y los desplazamos en la dirección deseada.

Ahora que hemos creado la forma básica podemos optimizarla o añadir formas adicionales hasta dar con el resultado deseado.

Para conseguir el efecto 3D, seleccionamos el punto inferior (1) mediante la herramienta “Selección directa” y arrastramos el manejador inferior (2) hacia la parte superior de la imagen.

El resultado debería ser similar a esta imagen:


Ya hemos terminado el trabajo en Illustrator.. Pasamos a Photoshop...

Photoshop

Copiamos la ilustración a Photoshop. Duplicamos la capa y cambiamos el Modo de Fusión de la nueva capa a “Superponer” (Overlay). Del menú de Filtros, aplicamos Filtros > Otros > Paso Alto (Filters > Others > High Pass ), con un radio de unos 10px.
Bajar la opacidad de la capa a 70% para que el efecto “Paso Alto” sea intenso.

Si usáis un monitor TFT, comprobaréis que los degradados no parecen muy suaves. Esto es debido a que los monitores TFT no muestran tantos colores como los CRT. Para optimizar la imagen en monitores TFT, vamos a añadir algo de grano:

Creamos una nueva capa, y la rellenamos de negro usando el Bote de Pintura (Paint Bucket Tool) y aplicamos el filtro “Filtros > Texturas > Granulado” (Grain filter). Desaturamos la capa (Imagen > Ajustes > Desaturar), variamos el modo de fusión de capa a “Superponer” y bajamos la opacidad hasta un 5 ó un 10%. Ahora los gradientes son mucho más suaves.

Y eso es todo.. Fácil, no?

Escrito por daTo
(7) Comentarios • (1) Referencias • Permalink


Referencias (URL para referencias)

[...] Fondos de escritorio orgánicos :: Escrito en: Día a día, Recursos Dejar un comentario Name ( [...]


Referencia de Criterion :: Diseño gráfico y editorial, recursos y enlaces de utilidad :: el 05/17 a las 17:26

Comentarios

  1. Muy bueno el tuto. En cuento tenga un rato lo pruebo.

    Un Saludo.

    intenta — 17-05-2005 14:41:14

  2. Ya dirás. Se pueden conseguir unas imágenes muy interesantes, y no sólo probando con azul, hay más colores..

    daTo — 17-05-2005 15:51:17

  3. muy bueno en verdad... que bien que lo enseñen alos demas bueno mustren mas trucos si podeis ok besos cymttia

    cymttia — 17-11-2005 20:31:56

  4. Saben no se como se puede aplicar letras al fondo saben la verdad no domino mucho esto y me gustaria como puedo aplicar mi nombre en este fondo de forma tridimensional ya que para mi es muy especial porque en ningun otro lado hay o existe alguien que se llame cymttia y se escriba de tal forma les agradeceria mucho si crearan uno con mi nombre muy agradecida por todo eh CyMttia

    CYMTTIA — 24-12-2005 07:35:03

  5. Bueno, sólo se trata de poner tu nombre en la imagen inicial, en el rectángulo, o mejor, ponerlo en photoshop, en otra capa por debajo.. no sé.. las posibilidades son infinitas..

    daTo — 28-12-2005 15:51:35

  6. muy buen tuto

    richi — 08-04-2006 21:48:37

  7. esta bueno el tuto pero io queria saber si podriian hacer UNO de fondos de estrellas o animacion en el imagen ready xD (:

    kari — 22-10-2006 20:13:43


Comentar



Recordar datos