Fireworks
Fireworks CS4: Escala, rasgar y malla
Feb 11
Un video muy explícito que encontré en Youtube y lo comparto con ustedes.
Que lo disfrutes…
Iconos de animalitos formato png
Abr 16
Una colección de 13 animalitos en formato png creada por tutorial9.net, listos para su descarga gratis.
Que lo disfrutes…
Crear logo con Fireworks – 02
Ene 20
Como les había prometido a mis apreciados lectores que se interesaron cuando puse mi primer tutorial para crear un logo con Fireworks; aquí les tengo un nuevo tutorial en video (o videotutorial) hecho por mí, donde explico lo más sencillo que pude, el procedimiento llevado a cabo para lograr un logo con efecto distinto al primero, todo esto basado en sus peticiones, (filtros, texto curvo, contorno, insertar imagen, etc.).
Bueno, basta de palabrerías, aquí está el video hecho con mucho esfuerzo y ganas para aquellos entusiasmados e interesados en aprender fireworks.
Que lo disfrutes…
Descargar Dreamweaver CS4 Beta y Fireworks CS4 Beta
May 29
Pues si, ha sido liberada la beta de Dreamweaver CS4 hace unos días y esta disponible para su descarga en la página de Adobe, para que todos aquellos que somos seguidores fieles de este magnífico software podamos conocer las mejoras que le han realizado.
¿Y las novedades?
Un nuevo “navegador de código” (que es más parecido al “navegador CSS”) te permite ver un listado de estilos CSS que afectan a la selección actual: puedes ver todo el conjunto de propiedades para ese estilo e incluso saltar directamente al código CSS desde dicho estilo. Mientras que las anteriores versiones de Dreamweaver proporcionaban herramientas similares para el panel de estilos CSS, este nuevo sistema supone un flujo de trabajo más directo.
Si siempre te has lamentado de que Dreamweaver no ofreciese una vista WYSIWYG real de tus páginas web, te alegrará saber que se ha incluido una nueva opción Live View. La beta de Dreamweaver CS4 embebe el motor de renderizado WebKit (el mismo utilizado en Safari), de modo que al hacer clic sobre el botón de “vista en vivo” podrás ver la página tal y como sería renderizada en el navegador; incluso puedes interactuar con la página y ver efectos JavaScript con rollovers, y menús desplegables sin tener que cambiar entre Dreamweaver y el navegador Web.
La vista Live code complementaria se encarga de mostrar el HTML, una incorporación muy útil para las páginas que utilicen JavaScript para manipular el aspecto y contenido de la página, o para las páginas dinámicas que requieren información adicional desde una base de datos para visualizarse correctamente.
Con la opción de live view, puedes “detener” cualquier efecto JavaScript, como por ejemplo congelar un menú de navegación, para utilizar a continuación el navegador de código para identificar con rapidez los estilos CSS que afectan dicho menú.
¿Requerimientos?
Windows
- Processor: Intel® Pentium® 4, Intel Centrino®, Intel Xeon®, or Intel Core™ Duo (or compatible) processor
- OS: Microsoft® Windows® XP with Service Pack 2 or Windows Vista™ Home Premium, Business, Ultimate, or Enterprise (certified for 32-bit editions)
- RAM: 512 MB
- Hard Disk: 1 GB of free space
- 1,280 x 800 monitor resolution with 16-bit or greater video card
- Internet connection for activation
Macintosh
- Processor: PowerPC® G5 or multicore Intel® processor
- OS: Mac OS 10.4.11 or 10.5
- RAM: 512 MB
- Hard Disk: 1 GB of free space
- 1,280 x 800 monitor resolution with 16-bit or greater video card
- Internet connection for activation
También podemos descargar la beta de Fireworks CS4, para evaluar las mejoras, y así poder adquirirlo posteriormente. Puedes ver el video de demostración de Fireworks CS4 aquí.
¿Requerimientos?
Windows
- Intel® Pentium® 4 processor
- Microsoft® Windows® XP with Service Pack 2 or Windows Vista® (Vista 64-bit edition support)
- 1GB of RAM
- 1GB of available hard-disk space
- 1,024×768 screen resolution
- CD-ROM drive
Macintosh
- PowerPC®, G5, or Intel-based Mac
- Mac OS X v.10.4, 10.5
- 1GB of RAM
- 1.8GB of available hard-disk space
- 1,024×768 screen resolution
- CD-ROM drive
Se espera que la suite completa CS4 esté disponible para finales de año o principios de 2009
Crear Logo con Fireworks
May 5
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…