Mostrando entradas con la etiqueta fireworks. Mostrar todas las entradas
Mostrando entradas con la etiqueta fireworks. Mostrar todas las entradas

Crear bloc con Fireworks

Para terminar la semana, dibujaremos un bloc de notas con Fireworks más o menos como el que veis en la siguiente imagen.

Crear bloc con Fireworks

Empezaremos creando una imagen de tamaño 250 píxeles de ancho por 350 píxeles de alto.

En primer lugar crearemos la parte naranja del fondo. Para ello, seleccionaremos la herramienta Rectángulo y lo trazaremos sobre la imagen.
Teniendo seleccionado el rectángulo que acabamos de trazar, modificaremos la propiedad Redondez del rectángulo al valor 15 para que los vértices del mismo sean redondeados y lo rellenaremos de color naranja o marrón.

Crear bloc con Fireworks

A continuación, realizaremos las páginas del bloc. De nuevo, seleccionamos la herramienta Rectángulo y trazamos uno que sea de tamaño inferior al que creamos anteriormente. Lo rellenamos del color amarillo que podemos ver en la imagen inicial y además le agregamos un contorno de color negro.

Seguido, crearemos el rectángulo verde que está situado justo encima del anterior. Para ello, volvemos a seleccionar la herramienta Rectángulo y trazamos otro rectángulo más rellenando éste último de color verde, no importa el ancho que le demos.

Como no vamos a estar ajustando a mano el ancho de éste último, utilizaremos la opción Igualar tamaño que podemos encontrar en el panel Alinear.
Para utilizarla, lo que debemos hacer es seleccionar ambos rectángulos, el amarillo y el verde, manteniendo pulsada la tecla Mayús a la vez que hacemos clic sobre el segundo de ellos.
Una vez seleccionados, mostramos el panel Alinear pulsando en el menú Ventana –> Alinear y hacemos clic sobre el botón Hacer coincidir anchuras del apartado Igualar tamaño.

Crear bloc con Fireworks

Además, pulsaremos los botones Alinear borde izquierdo y Alinear borde superior del apartado Alinear para que ambos rectángulos queden alineados uno encima del otro.

Crear bloc con Fireworks

Ahora crearemos las líneas que tienen las hojas del bloc. Para realizar esto, seleccionamos la herramienta Línea color de trazo azul y dibujamos sobre la imagen una línea que tenga la misma anchura que los rectángulos verde y amarillo.
Si no podemos ajustar esta anchura manualmente, podemos utilizar la opción anterior (Hacer coincidir anchuras del apartado Igualar tamaño del panel Alinear).

Duplicamos unas diez veces más la línea que acabamos de crear e igualamos el espacio entre ellas, con la opción Separar verticalmente de forma uniforme del apartado Espacio del panel Alinear, para que el resultado sea parecido a la siguiente imagen.

Crear bloc con Fireworks

Hacemos la línea vertical del margen de las hojas e insertamos algo de texto en la parte superior con la herramienta Texto.

Crear bloc con Fireworks

Bien, ya no queda poco, jejeje, solo nos queda dibujar la parte superior del bloc, que no es más que una combinación de varios objetos.

Dibujamos dos rectángulos (uno con las esquinas redondeadas) y un polígono de cinco lados y los colocamos de la siguiente forma.

Crear bloc con Fireworks

A continuación, seleccionamos los tres objetos creados y pulsamos en la opción del menú Modificar –> Combinar trazados –> Unión.

Crear bloc con Fireworks

Rellenamos este objeto nuevo con un degradado parecido al que muestra la imagen inicial.

Para hacer el hueco interior que tenemos en este objeto, crearemos un círculo y lo situaremos en la parte central.
A continuación, seleccionamos ambos objetos y accedemos a la opción del menú Modificar –> Combinar trazados –> Perforación.

Crear bloc con Fireworks

Hecho esto, solo nos hace falta ajustar el nuevo objeto al bloc.

Crear bloc con Fireworks

Para terminar, podemos aplicar una sombra a la zona de las hojas para mejorar el aspecto del bloc.
Para ello, seleccionamos los rectángulos amarillo y verde y los agrupamos accediendo a la opción del menú Modificar –> Agrupar.
Una vez agrupados, teniendo seleccionado el objeto que se acaba de crear al agrupar los dos rectángulos, pulsamos en el signo + del apartado Filtros de la barra de Propiedades y seleccionamos Sombrear e iluminar –> Sombra.

Crear bloc con Fireworks

Adaptar texto a trayectoria con Fireworks

Esta misma entrada (crear texto circular con Photoshop) ya la escribí hace tiempo pero utilizando Photoshop. En esta ocasión, también adaptaremos el texto a una trayectoria, sea circular u otra, pero utilizando el programa Fireworks.

Empezaremos creando una imagen de dimensiones 200 x 200 píxeles.

Seleccionamos la herramienta Texto y escribimos el texto que queramos (no importa ni la posición ni siquiera si el texto se sale de las dimensiones actuales de la imagen).

Adaptar texto a trayectoria con Fireworks

A continuación, con la herramienta elipse, rectángulo, polígono, línea, etc… dibujamos la trayectoria que queramos que tenga el texto. Para este ejemplo, utilizaré la herramienta Elipse.

Adaptar texto a trayectoria con Fireworks

Una vez trazada la trayectoria, seleccionamos ambos objetos, elipse y texto, y accedemos a la opción del menú Texto –> Unir al trazado con lo que obtendremos la imagen siguiente.

Adaptar texto a trayectoria con Fireworks

Por último solo nos falta arreglar la posición del texto o girarlo por completo utilizando las diferentes alineaciones de texto.

Adaptar texto a trayectoria con Fireworks

Ajustar objetos con Fireworks

Hoy veremos cómo ajustar objetos utilizando el programa de diseño gráfico Fireworks, que podréis encontrar en la suite de Adobe.

Imaginaos que tenemos la siguiente imagen, que está formada por un círculo central de color rojo y, alrededor de éste, 8 círculos más de color negro.

Ajustar objetos con Fireworks

Lo que queremos hacer es que la imagen conserve la forma circular del primer círculo (color rojo) eliminándose la parte sobrante de los círculos negros que hay alrededor del principal.

Para poder realizar esto, en Fireworks tenemos la opción Pegar dentro, cuyo funcionamiento veremos en esta entrada.

Lo primero que debemos hacer es seleccionar todos los círculos negros haciendo clic sobre cada uno de ellos manteniendo pulsada la tecla Mayúsculas.

Ajustar objetos con Fireworks

Una vez seleccionados, accedemos a la opción del menú Edición –> Cortar o bien pulsamos la combinación de teclas Control + X

Ajustar objetos con Fireworks

A continuación, seleccionamos el círculo de color rojo de la imagen y accedemos a la opción del menú Edición –> Pegar dentro.

Ajustar objetos con Fireworks

Como podréis comprobar la parte que sobresalía de los círculos de color negro se ha recortado utilizando el contorno del círculo de color rojo.

Antes de terminar un apunte más, si queréis ajustar la imagen a los objetos que la forman eliminando la zona blanca que sobra, podéis hacerlo utilizando la opción Recortar lienzo que encontraréis en el menú Modificar –> Lienzo.

Hecho esto y aplicando algunos filtros, el aspecto final de la imagen sería el siguiente.

Ajustar objetos con Fireworks