Escrito por Gallego el 03 Febrero 2007

Ya sabemos que Internet, como tantas otras cosas, tampoco escapa a las modas estéticas, y la consabida web 2.0 ha traído consigo unos patrones de diseño basados en la simplicidad de formas, los colores claros, los efectos de reflejo, etc. Precisamente éstos últimos se han convertido en verdaderas estrellas a la hora de adornar los logotipos de miles de blogs y webs de todo tipo.

Como podéis ver, yo mismo he hecho uso de un reflejo bastante discreto bajo el nuevo logotipo de esta bitácora, que no se diga por ahí que aquí no estamos adaptados a las últimas tendencias. Y ahora vosotros diréis: “claro, a mí también me gusta ese efecto, pero a saber cómo lo hago”. Bueno, primero de todo cerrad el Paint, y arranquemos algo más decente con lo que trabajar. ¿Qué tal el Photoshop? Veréis cómo conseguir unos resultados de diseñador profesional nos lleva unos pocos pasos:

• 1 - Como siempre, lo primero será crear una nueva imagen, para el caso tomemos como ejemplo de 300 x 150 píxeles. Mediante la herramienta de texto, escribamos aquello con lo que deseemos trabajar, usando alguna fuente mínimamente elegante, no como ésta. En el ejemplo yo he utilizado la MyriadPro, que podéis descargar en versión Regular o Light. Resulta igualmente recomendable no emplear minúsculas con “rabo” por debajo de la línea normal de texto, como ‘p’, ‘q’ o ‘j’.

  

• 2 - A continuación, nos vamos hasta la sección donde se encuentran las capas (por defecto, en la parte inferior derecha de la ventana) y en la capa correspondiente al texto hacemos Click derecho > Duplicar capa, tal y como se muestra en la siguiente imagen. Se nos abrirá una ventana en la que deberemos pulsar OK para confirmar el duplicado de capa:

  

• 3 - Una vez hecho esto, nos vamos a la barra superior y seleccionamos Edición > Transformar > Voltear vertical con lo que habremos girado la capa que duplicamos en el paso anterior:

  

  Así pues, lo siguiente será clickar directamente sobre el texto girado y, sin soltar el botón, arrastrar hacia abajo para que se desplace hasta dejarlo tal que así:

  

• 4 - Antes de seguir trabajando sobre la imagen, será necesario echar un vistazo a los colores que tenemos seleccionados en la paleta. Lo normal es que tengáis como color principal el mismo que empleasteis para el texto (en el ejemplo el azul claro) y de secundario el blanco. De no tenerlo puesto así, será necesario que lo hagáis para poder seguir avanzando:

  

• 5 - Hecho esto, volvemos al menú de capas en la parte inferior derecha del área de trabajo, para hacer Click derecho > Opciones de fusión en la capa duplicada, que se encontrará en la parte superior de la lista de capas:

  

  En la ventana que se nos abrirá, nos dirigimos en la columna izquierda a la opción Superposición de degradado. Ahí tendremos que clickar en el Degradado (indicado con un 1 en la siguiente imagen), abriéndosenos así una nueva ventana en la que marcaremos el primer estilo de degradado que se encuentra en dicho menú (indicado con un 2 en la imagen):

  

  Aceptando se nos cerrará esta segunda ventana, y volveremos a encontrarnos en la opción Superposición de degradado. Así pues, activamos la casilla Revertir (situada a la derecha del Degradado, anteriormente indicado con un 1) y veremos cómo el texto ya muestra un reflejo bastante próximo a lo que deseamos. Pero para terminar de dejarlo “al pelo”, sin cerrar la ventana Estilo de capa, hacemos click en la propia imagen, en el reflejo que hemos creado, y sin soltar el botón del ratón arrastramos hacia arriba hasta dejarlo tal que así:

  

• 6 - ¿Os gusta cómo está quedando? Pues tranquilos que vamos ya con el último paso, y veréis lo espectacular que resulta. Cerramos la ventana Estilo de capa haciendo click en OK. Vale, pues ahora volvemos al menú de capas de la parte inferior derecha, en la que tendremos tres capas, para hacer click en la que se encuentra en medio, cuyo nombre será el del texto que hayamos escrito. Ahora seleccionamos la Herramienta Marco Elíptico, que se encuentra donde os muestro en la imagen (hacer click derecho en el botón para que se despliegue este menú).

  

  Con dicha herramienta seleccionada, aplicamos una selección similar a la que estoy realizando en la imagen superior, cubriendo aproximadamente la mitad inferior del texto. Finalmente, nos vamos al menú superior y seleccionamos Capa > Nueva capa de ajuste > Brillo/Contraste. Se nos abrirá un primer menú en el que seleccionaremos OK, y un segundo en el que ajustaremos el Brillo hasta donde mejor veamos conveniente (para el ejemplo, yo lo pongo a +40). Finalmente, tendremos un logotipo tan amañoso como el que sigue:

  

Y si ya queréis darle el último toque de “distinción 2.0″, podéis agregarle una de esas chapas estrelladas en la parte superior derecha, para lo que podéis seguir este otro tutorial que escribí hace unas semanas. Éstos son pasos básicos que dan un resultado concreto, pero naturalmente podéis modificarlos en cualquier momento para adaptar el logotipo a vuestro gusto. ¡A ver qué conseguís hacer, artistas!

Artículos relacionados:

• Cómo hacer banners atractivos en Photoshop

• Cómo hacer chapas informativas en Photoshop

• Cómo colorear fotografías por zonas con Photoshop

• Añadir nuevos pinceles a Photoshop