Texto reflejado

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 reflejado

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

 
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 REFLEJADO

En el siguiente efecto, creado con Paint Shop Pro, pretendemos mostrar de forma atractiva un texto 3D que se apoya sobre una superficie limpia y pulida, con lo que el mismo texto se refleja sobre esta superficie. Los pasos a seguir para conseguir este efecto son los siguientes:

Creamos una nueva imagen de 24 bits de densidad de color y fondo blanco.

Insertamos el texto "vitaminaWEB.com" (por ejemplo) sobre la imagen, en fuente Arial y color azul, (0,0,255) en RBG. No debemos de olvidarnos de activar la opcion antialias en el texto, para así conseguir un efecto de suavizado en el contorno de las letras.

A continuación copiamos esta capa (background) y pegamos como una capa diferente (pegar como > nueva capa). Esta segunda capa será la que haga de reflejo del texto.

En la segunda capa establemos como modo de combinación la opción multiplicar (multiply), de manera que se verá como una transparencia.

Ahora debemos colocar en su posición la segunda capa. Aplicamos la opción espejo y rotación de 180º. La segunda capa debemos colocarla de la siguiente manera:

El texto inferior, el perteneciente a la segunda capa, debe disolverse y clarearse, de manera que dé la impresión de ser un reflejo del texto superior. Para ello aplicamos a la segunda capa una opacidad del 20%.

Seguidamente sólo queda aplicar un par de pasos para mejorar el aspecto de la imagen. El primero es combinar las dos capas, mediante el menú Capas > Combinar > Combinar todo, resultando una única capa, resultante de la mezcla de las dos anteriores. A esta capa le aplicamos el efecto Enturbiar (Blur en la versión inglesa), y listo. El resultado final es este:

 


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