Fotografías Realisticas con Fireworks 8 - Perl En Español Page 1 of 4

¡Ya estamos en Twitter!

Buscar con Google

Home Tutoriales Foro Artículos Donativos Publicidad

Categorías de Tutoriales Acerca Feeds RSS Agregar Tutorial

Tutoriales Fireworks Fotografías Realisticas con Fireworks 8 Comparte:

Fotografías Realisticas con Fireworks 8 Categorías de Tutoriales:

por SixThings Aprendiendo Perl

Bases de Datos

Haz tus fotografías digitales más realistas y Bases de Perl

convincentes con algunos gradientes y unas sombras CGI
customizadas. Una vez que hayas finalizado, tus
fotografías se verán como fotos reales, y se verán Email
como si salieran de tu pantalla.
Expresiones Regulares

Fecha/Tiempo

Notas Iniciales
Fireworks

Funciones

Éste tutorial fue creado con Adobe Fireworks 8 y Gráficos/Imágenes

requiere conocimiento de rellenos gradientados y del
GUI
uso de la Herramienta Pluma.
HTML
Al final del tutorial tendrás imagenes que se ven
totalmente realisticas: Manejo de Errores

Misc

Módulos

Perl 6

Utilerías

Variables

Windows

En Nuestros Foros:

Problemas con client_encoding

1 Respuesta(s) | 41 Vista(s)

Problema con módulo Net::FTP

2 Respuesta(s) | 54 Vista(s)

Ejecución system() en
background en Windows
4 Respuesta(s) | 79 Vista(s)

Sitios de restricción de ADN

11 Respuesta(s) | 102 Vista(s)

Subida de ficheros
Preparando la Foto 2 Respuesta(s) | 46 Vista(s)

Entra a los foros »

Primero vamos a crear la base de la fotografía. Usa la Herramienta Rectángulo para dibujar un rectángulo
con más o menos las proporciones de una impresión 4R. Después usa un relleno gradientado que cruce
diagonalmente, de blanco puro a un blanco sucio. Esto será el rectángulo de base. Socializa:

Todo el contenido de Perl

en Español está bajo una
licencia CC:

http://perlenespanol.com/tutoriales/fireworks/fotografias_rea.html 09-12-2010
Fotografías Realisticas con Fireworks 8 - Perl En Español Page 2 of 4

Ahora crea otro rectángulo, ésta vez con un color sólido, un poco más pequeño que el anterior y céntralo
encima de nuestro rectángulo base. Éste nuevo rectángulo nos servirá como la máscara de nuestra imagen y
para crearle un buen borde.

Como siguiente paso vamos a importar nuestra imagen (Ctrl+R) al documento actual, y ponerle una
opacidad de 30%. Al hacer esto será mucho más fácil acomodar la imagen sobre el rectángulo que vamos a
usar para la máscara. Ten cuidado en que ninguna parte del rectángulo que vamos a usar como máscara
sobresalga a la imagen.

NOTA: Antes de hacer cualquier transformación a una imagen importada, conviértela primero en un símbolo
(F8). De ésta manera mantendrás la información de la imagen original que normalmente perderías al
cambiar su tamaño o rotarla.

Una vez que estés satisfecho con los ajustes, regresa su opacidad a 100% a corta la imagen (Ctrl+X).
Selecciona el rectángulo que vamos a usar como máscara y pega tu imagen dentro de él (Ctrl+Shift+V).
¡Ahora ya tenemos completa nuestra base de fotografía!

Luces y Sombras
Ahora vamos a empezar con el realismo. Selecciona y copia tu rectángulo base (Ctrl+C) en el layer más alto.
Cambia su gradiente para que vaya de negro (100%) a negro (0%), y pon la opacidad en 50%. Ajusta el
gradiente para que cubra solamente la esquina superior del rectángulo base. Baja el tamaño del ancho y alto
del nuevo rectángulo en 2px, y céntralo en el rectángulo base; esto dará la sensación de una orilla iluminada
contra una sombra gradientada.

Clona el rectángulo que acabas de crear (Ctrl+Shift+D) y rota el nuevo rectángulo 180º (Modificar >
Transformar > Rotar 180º). Ahora, cambia su gradiente, que vaya de blanco (100%) a blanco (0%) y pon su
opacidad en 100%; esto produce el efecto de una iluminación gradientada y una orilla con sombra.

http://perlenespanol.com/tutoriales/fireworks/fotografias_rea.html 09-12-2010
Fotografías Realisticas con Fireworks 8 - Perl En Español Page 3 of 4

Nada como una buena sombra

Selecciona todos los objetos en tu documento y rótalos (Ctrl+Shift+T, Girar) 12 ó 15º a la derecha. Esto le
dará a tu imagen una posición más natural y espontánea. Además, esto pone los efectos que hicimos antes
uno arriba del otro, como si estuvieran alineados con una fuente de luz.

Ahora para el elemento final: vamos a agregar nuestra sombra. Pero en vez de usar el efecto de Sombra que
viene con el programa, haremos uso de una técnica mucho más flexible.

Mini-Tutorial: Sombra Natural

Empezaremos por clonar nuestro rectángulo base y moviendo la copia al layer más bajo (Ctrl+Abajo). Vamos
a darles algunas características de sombra con un relleno sólido color negro, 60% de opacidad, un efecto
Desenfoque gaussiano (Radio de desenfoque: 4). Ponlo unos 10 píxeles abajo para que la sombra coincida
con la posición de nuestra fuente de luz.

Desagrupa el "rectángulo de sombra" (Ctrl+Shift+G) para convertirlo en un trazado editable. Usa la

Herramienta Pluma para agregar unos puntos Bézier en él, uno en cada lado. Esto ayudará a quitar un
poco la dureza que las imágenes digitales normalmente tienen, y permitirte crear sombras más naturales.

Ahora, acomoda los puntos de las sombras para que los puntos Bézier estén alineados con las orillas del
rectángulo base. Jala cada punto de las esquinas un poco más abajo para enfátizar el levantado de las
esquinas de la fotografía.

Selecciona todo lo del documento y Agrúpalo (Ctrl+G). Ahora tu imagen está lista para ser usada.

http://perlenespanol.com/tutoriales/fireworks/fotografias_rea.html 09-12-2010
Fotografías Realisticas con Fireworks 8 - Perl En Español Page 4 of 4

Toques Finales
Después de seleccionar un fondo para tu fotografía, necesitarás hacer unos pequeños ajustes en la opacidad
de tus sombras y luces. También, si cambias de parecer en cuanto a la posición de la fuente de luz, tendrás
que hacer que la dirección de tus gradientes y la forma de la sombra customizada se conforme a ella. En el
ejemplo que vimos, le dí al rectángulo base un poco de redondez en las esquinas para que parezca más
percudido.

Éste tutorial es una traducción de Rapid Fire #1: Photo-Realistic.

Creado por:

¿Quiéres más tutoriales como este? Escribir tutoriales toma una gran cantidad de tiempo y esfuerzo. Si
este tutorial te ayudó a aprender o a solucionar algo, por favor considera dejar alguna donación en apoyo
a Perl en Español.

Cliquea en el botón de abajo para dejar tu donación por medio de PayPal.

Perl en Español fue creado y es mantenido por Uriel Lizama

http://perlenespanol.com/tutoriales/fireworks/fotografias_rea.html 09-12-2010