Artistas Digitales

Como crear un cartel desde cero en fireworks

Como crear un cartel desde cero en fireworks

Detalles del tutorial

Programa: Fireworks

Dificultad: Intermedio

Tiempo estimado: 40 Minutos

Producto Final

Materiales necesarios

Foto Palacio Postal

Foto 2 Palacio Postal

Archivo base editable PNG (Abrir en fireworks)

Paso 1

Creamos un nuevo archivo con los siguientes datos.
Configuracion inicial de fireworks

Paso 2

Cubrir el área de trabajo con un rectángulo de color #231F20.

Color base del cartel

De nuevo crearemos un rectángulo con posición en (X=0,Y=430) con 755px de ancho por 461px de largo. Rellenaremos el rectángulo con un gradiente que intercambia tonalidades entre los colores #871015 y #DC1A21. Una vez terminado debe lucir de la siguiente manera.

Crear gradiente

Uuna vez finalizado el proceso debe lucir algo asi.

Gradiente Finalizado

Para finalizar este paso creamos una linea justo debajo del rectngulo creado y esta vez rellenamos el rectangulo con el color #730D11.

Sombra de rectangulo principal

Paso 3

Ahora vamos haciendo que nuestro cartel vaya tomando forma para esto agregamos la  imagen principal, en este caso nosotros importaremos la imagen “Palacio-postal.jpg” y la colocamos el la parte posterior de nuestro cartel.

Imagen PrincipalUna vez terminado esto, crearemos el fondo para imagenes y texto que pertenecen al lado derecho del cartel, para esto nos ayudamos de las guias del archivo y creamos un rectangulo con esquinas redondeadas. Puedes llenar el centro con cualquier color y debes darle un ancho de 2px de borde al rectangulo. Esta imagen servira para contener pequeñas miniaturas del lugar  o servicio descrito.

Col Derecha Cuadro Imagen

Lo que sigue es crear un fondo para el texto o descripción que complemente la imagen miniatura; creamos un un rectangulo pero esta vez solo dos de las esquinas estaran redondeadas y lo colocamos debajo del layer de nuestra imagen miniatura. Este rectangulo debe medir 361px ancho por 112 de alto. Una vez finalizada esta etapa debe lucir parecido a esto.

Fondo Texto e imagen miniatura

Para finalizar la columna derecha, se necesitan dos pequeños paso el primero es agregar un effecto de sombra, creando un rectangulo irregular y agregando un desenfoque gaussiano y ajustar el valor hasta que tenga un aspecto aceptable.

desenfoque gaussiano

Fondo Texto e imagen miniatura somra

Finalmente agrupamos todos los elementos y los copiamos dos veces mas, en este paso nos podemos auxilar de las guias para ubicar los nuevos elementos. Hasta este momento nuestra columna derecha deberia lucir asi.

Aspecto columna derecha

Paso 4

La columna derecha es mas sencilla, inicialmente agregaremos un rectangulo que servira para de fondo para el texto de la columna derecha este rectangulo mide 299px de ancho por 526px de largo y sera colocado el la poscion x=62, y=330. Al igual que en la columna derecha con la herramienta (pen) crearemos un rectangulo de color negro y aplicaremos un desenfoque gaussiano con valor 20; o hasta obtener un efecto de sombra realista.

Finalmente crearemos un rectangulo para el titulo de color #CC181F que mida 336px de ancho por 46px de largo en la posicion x=0, y=337  y finalmente reduciremos el nivel de transparencia a 60%.

Columna izquierda del cartel

Paso 5

EL ultimo paso para tener nuestro cartel listo es crear el fondo para el titulo, al igual que en el paso anterior crearemos un triangulo para el titulo y otro para generar la sombra. El primer rectangulo debe medir 691px de ancho y 99px de largo el color de fondo debe ser #EC1C24 o si quieres mas complejidad puedes utilizar un gradiente alternando con el color #891015; despues de crear esto agregaremos un rectangulo que tenga el mismo ancho pero ahora con una altura de 4px y color #CACAD9.

Para finalizar el cartel agregaremos y daremos formato a nuestro texto y con esto tendremos nuestro cartel listo. Felicidades esperemos que te haya gustado este tutorial.

FIN!

[wp-like-locker]

Muchas Gracias! ->  DESCARGA EL ARCHIVO AQUI

[/wp-like-locker]

Nota: Si nos das un “me gusta” en facebook podras descargar el archivo de Producto Final, no olvides comentar!

¿Te gusto el artículo? Compartelo!!

Acerca del autor

Dejar un comentario