Texto sobre hierba

VitaminaWEB.com
RECURSOS PARA WEBMASTERS

HTML
CSS
JAVASCRIPT
DISEÑO/ESTILO
PROMO.WEB
ENTREVISTAS
NOTICIAS
FOROS

Estás aquí : Portada > Diseño y Estilo > Efectos gráficos con Paint Shop Pro > Texto sobre hierba

Promo recomendada :

 
Portada

CONTENIDOS

HTML

- Tutorial de HTML
- Artículos de HTML
- Enlaces relacionados
- Software para HTML

CSS

- Introducción a las Hojas de Estilo - CSS
- Artículos de CSS

JAVASCRIPT

- Tutorial de JavaScript
- Artículos de JavaScript

DISEÑO Y ESTILO

- Artículos de diseño, estilo, usabilidad y accesibilidad.
- Efectos con Paint Shop Pro

PROMOCION WEB

- Artículos relacionados con la promoción de páginas web

ENTREVISTAS

- Emilio Márquez
- Joaquín Gracia M.
- Adrian Hall

NOTICIAS
para Webmasters

FOROS
(en obras)

 

 

DISEÑO Y ESTILO > EFECTOS GRÁFICOS CON PAINT SHOP PRO

TEXTO SOBRE HIERBA

Este efecto pretende simular la escritura de un determinado texto sobre la hierba, realzado del suelo. El resultado que deseamos conseguir es este.

Para empezar, debemos escribir el texto (al que deseamos aplicar el efecto) en una nueva capa, en color blanco sobre fondo negro (tendriamos 2 capas, una primera capa que es el fondo negro, y una segunda capa en donde escribimos el texto de color blanco). Y seguidamente aplicamos, a la capa del texto, un efecto geométrico de perspectiva vertical, con una diferencia de -50% . Una vez hecho esto, aplicamos una rotación de la capa del texto de 10º a la derecha.

Ahora el texto ya tiene la forma que queremos darle, por lo que para terminarlo debemos de darle el color y textura de la hierba. Para ello aplicamos a la capa del texto el modo de mezcla "disolver", con una opacidad del 40%.

A continuación, damos la tonalidad verde de la hierba aplicando, a la capa del texto, un ajuste de rojo/verde/azul con los siguientes valores:

% de rojo: -100
% de verde: 100
% de azul: -100

Y el resultado es este:

Por último, y para dar más realismo a la imagen, vamos rodearla de más hierba, con una altura inferior a la del texto, para así realzar este último y simular un efecto de hierba recortada.

Para ello, aplicamos en una nueva capa, haciendo uso de la herramienta Aerógrafo con los valores RGB=(192,255,192), una superficie que cubra todo el texto, y que parezca hierba alrededor del texto. Seguidamente, y tal y como hemos hecho anteriormente con el texto, damos la textura de la hierba poniendo la capa en modo de mezcla "disolver" al 7% de opacidad, y aplicamos a continuación un ajuste de rojo/verde/azul con los valores (-100,100,-100), como en el caso del texto.

El resultado final es el siguiente:

NOTA: para dar más realismo al efecto, una vez terminado todo el proceso, es conveniente redimensionar la imagen a unos valores más pequeños de los iniciales, mediante una muestra bilineal, con lo que se conseguirá un efecto más logrado. Cabe decir que las 3 imágenes que aparecen en este artículo han sido redimensionadas de su original, precisamente para conseguir ese efecto adicional, de mayor realismo.

 


BUSCADOR

Powered by Google

BlogUbuntu.com - El blog de un linuxero hablando de Ubuntu, de Linux y del software libre en general.

 

 

VitaminaWEB.com 2001-2008
[Portada] · [Datos legales] · [Buzón de contacto] · [Mapa de la web]

Enlaces patrocinados:
Gratis | Concursos | Juegos | Casino online

Otras webs:
Babadu.com | Chisteina.com | TodoFondos.com | MundoPostales.com
DineroFresco.com | Juegozonia.com | TodoFondoX.com | BlogUbuntu.com
MuchoGrafico.com | Programacion.com | WebEstilo | Hacking Ball Z
ASPtutor | LoGratis.com | CSSboulevar

Hosting recomendado:
Alojamiento web Grito.net