Crear Logo con Fireworks
Hola este es un pequeño manual para crear un logo con Fireworks, espero que les agrade y sea de utilidad para los que apenas inician con este magnífico programa de diseño.
1. Abrimos Fireworks (en este caso uso la versión CS3) y seleccionamos la opción crear nuevo documento de Fireworks, en el cuadro de diálogo Nuevo Documento, ponemos anchura 400 y altura 250 pixeles, la resolución la dejamos como está; en color del lienzo dejamos blanco y presionamos Aceptar.
2. En el panel de herramientas, situado del lado izquierdo damos un clic sostenido (entiéndase no soltar el botón izquierdo hasta que veamos el menú) en el rectángulo para ver el menú y seleccionamos la herramienta elipse. Vamos al lienzo (el lienzo es el fondo, donde estamos creando nuestro logo) y dibujamos un círculo – damos clic en un punto de lienzo y movemos en diagonal hacia cualquier lado – con la medidas necesarias, el círculo que he trazado es de 125 x 125 pixeles.
3. Una vez creado el circulo, queda seleccionado, aplicamos uno de los activos que nos proporciona Fireworks, en este caso usamos uno con tonos azules que se muestra en la figura a continuación.
4. Teniendo el círculo seleccionado, buscamos en el panel propiedades – ubicado en la parte inferior – la opción Filtros, justo debajo de filtros encontramos los filtros aplicados a nuestro círculo, movemos la barra de desplazamiento y seleccionamos la opción Matiz/Saturación, damos clic en el pequeño ícono azul para que abra el cuadro de diálogo donde podemos desplazar las opciones de matiz, saturación y luminosidad, hasta tener el tono y color deseados en nuestra figura y presionamos aceptar.
5. Ahora, procederemos a poner una textura al círculo que debe seguir seleccionado, para esto buscamos en el panel propiedades, damos clic en el botón situado delante de la palabra Textura y elegimos de la lista una de las texturas que nos agrade, en este caso utilizo marea negra; del lado derecho del botón donde seleccionamos la textura podemos elegir la cantidad de textura que usaremos, los valores son desde 0 hasta 100%; en este caso utilizo mi textura del 10%.
6. Seguimos agregando más elementos a nuestro círculo, ahora usaremos la opción Iluminado, vamos a la sección Filtros, damos clic en botón + (Añadir filtros), seleccionamos Sombrear e iluminar y después en iluminado.
Damos clic en el pequeño círculo azul a un lado de iluminado para modificar los valores. Los valores que he utilizado son:
7. Ahora cambiemos el color de lienzo, para ello damos clic en el lienzo – sin tocar otro objeto – y buscamos en el panel propiedades que ya sabemos que está en la parte inferior y damos clic en el cuadrito situado delante de la palabra lienzo, para elegir de la paleta de colores un color para el lienzo.
8. Ahora escribiremos el texto, damos clic en el botón A de panel de herramientas – ubicado en el lado izquierdo -, damos clic en el lienzo en el área donde escribiremos el texto y lo ponemos. Seleccionamos el tipo de letra (como se muestra en la figura a continuación), para cambiar el tamaño de la letra la opción la tenemos delante de donde elegimos el tipo de letra, y para el color de texto en el cuadro situado delante de tamaño de texto. Los valores que usé son, tipo de letra: Script MT Bold, tamaño: 40, color: amarillo claro.
9. Seleccionamos el texto – damos clic en la flecha de selección (herramienta puntero) en la parte superior izquierda y después en el texto – vamos a filtros y buscamos: Bisel y Relieve, Relieve Hundido.
10. Ahora haremos ese efecto de reflejo tan de moda, primero seleccionamos el texto y lo copiamos (Control + C) y pegamos (Control + V). Movemos el texto pegado justo debajo del primer texto; vamos al menú Modificar, opción Transformar y después en Voltear Verticalmente. Con el texto aun seleccionado vamos al menú Comandos, opción Creativo y luego en Fundir Imagen. En el cuadro de diálogo Fundir Imagen, seleccionamos la cuarta opción con degradado hacia abajo y presionamos aceptar.
11. Solo nos falta dar clic en el lienzo y en el panel propiedades dar clic en el botón ajustar lienzo y ver nuestro logo que se muestra así:
Sencillo verdad, espera muy pronto más pequeños manuales sobre diseño en Fireworks…
| Imprimir artículo | Este artículo fue publicado por Vateos el 5 mayo 2008 a las 2:31 PM, y está archivado en Diseño, Fireworks, Manuales. Sigue las respuestas a esta entrada a través de RSS 2.0. Puedes dejar un comentario o enviar un trackback desde tu propio sitio. |













hace 3 años
timoteo ese manual esta bueno solo amplialo men no seas gacho
hace 3 años
muy buen tutorial me sirvio gracias
hace 3 años
Hola Guty:
Me halaga saber que te ha servido el tutorial, gracias por tu visita y te espero más seguido.
Por cierto seguiré poniendo más tutoriales para todos los visitantes, Saludos y suerte…
hace 3 años
ultra util mil gracias amplialo mas gracias
hace 3 años
Hola Nely:
Gracias a ti por visitar este tu blog, y claro que seguiré con los tutoriales de fireworks, por lo que te espero mas seguido por aquí.
Saludos y suerte…
hace 3 años
este manual esta muy bueno peroooooooo …… tenes que ampliarlo mas. te falto el contorno negro del logo VATEOS… eso no lo explicaste
hace 3 años
Saludos Atüa:
Es grato saber que te haya servido la información y precisamente como has visto lo hice totalmente desde cero y lo mas detallado posible, para que lo puedan entender quienes apenas dan sus primeros pasos con fireworks. Pero no dudes que estaré poniendo más contenido sobre fireworks, ya que estoy planeando el próximo y habrá muchos más.
Saludos…
hace 3 años
brother yo utilizo el fireworks 8 quiero hacer un logo pero no logro quitar el lienzo osea solo quiero lo q voy a crear no quiero en fondo osea el LIENZO ayudame en eso porfa!…
hace 3 años
Hola Mit:
Para que tu logo quede sin el lienzo debes seleccionar la opción Transparente al momento de crear el nuevo lienzo.
Saludos, cualquier detalle no dudes en preguntar…
hace 3 años
Lo del lienzo ya lo sé, lo q no sabia era q a la hora de exportarlo tenia q poner en transparente. Gracias man salu2
hace 3 años
No hace falta hacerlo al principio, te vas a modificar en el menu superior y le das a color de lienzo, ahí seleccionas transparente y listo.
hace 3 años
Tengo una duda respecto al fondo del lienzo….hice unas letras, pero al poner el lienzo como transparente y guardarlo…luego al subirlo a la web que quiero, me aparece el fondo en blanco y solo quiero que aparescan las letras que hice…osea sin lienzo detras…pero parece que le pusiera en color “blanco” por que como transparente igual me aparece el fondo blanco.
Hay alguna manera de eliminar en fondo y que solo queden las letras?
hace 3 años
Hola Juank:
Cuando pones un png transparente en la web, normalente internet explorer no lo muestra con transparencia, los demás navegadores – firefox, opera, etc. – si lo hacen sin ningún problema.
En el caso de internet explorar para mostrar las transperencias del png, se debe incluir hacks para que esto funcione.
Para eso aqui encuentras varias soluciones
http://www.anieto2k.com/2006/08/28/png-internet-explorer-soluciones-varias/
Saludos
hace 3 años
hola que tal, sabes fijate que siempre le quito el fondo a una imagen y cuando lo guardo como jpg me pone un fondo de color blanco lo que yo quiero es solo guardar la imagen sin fondo, le pongo fondo transparente y siempre hace lo mismo
hace 3 años
Hola edy:
La imagen debe estar guardada como .png
Saludos…
hace 3 años
Hola que tal, DTB descubri algo nuevo pero tengo una inquietud…. como hago para que unas letras queden alrededor del circulo como tienen el nombre de la empresa en el circulo negro… he tratado de buscar la opcion pero siempre me toca manual…
Ojala y me sacaras de esta laguna… saludos!!!
Bendiciones
hace 3 años
SI TAMBIEN TENGO LA MISMA DUDA
hace 2 años
Hermano eres un diseñador, gracias por este block mucho no hacen esto… muchos estan en conta del aprendisaje gracias…
hace 2 años
De lujo, lo realize todo, super fácil de aprender de esa manera tan didáctica que enseñas.
hace 1 año
muchas graciass men! me a servido de mucho me has salvado de tner un logo mediocre!! jajajaja es un trbajo para el cole
grciasss se te escribe desde londres man!!
hace 1 año
Muy bueno men voy a probar a ver que tal