Tutorials, Tips, Tricks, and Examples
A lot of times when I am doing demonstrations people ask if they can see a sample of one of my mockups and see the different iterations and see my work flow. Finally I am able to show one of these as this example was for fun (in other words I didn't get paid to do this). This example was based on a frustration I have had with Adobe's Connect.
Let me preface this with saying that I am a huge fan of Connect, that being said my biggest frustration is when it comes time for questions. As a participant I get frustrated when my questions get ignored and as a presenter I get frustrated trying to answer everyone's questions.
*Noted problem: There is no order or process to receive and answer questions in a organized manor. Well today my wheels were spinning and I decided to create a mockup of an idea that I had to fix this problem.
Answer: Question Queue Pod:
Here are the files that I am sharing;
- Here is the original png file (complete with pages, layers, etc) *Note you will have to do a save as to open the file in Fireworks.
- Here is the exported PDF version of the completed ideas
- Here is the flash slide show of the same ideas.
*Note - Several things that I did not do in this example - I didn't include any interaction (mouse overs etc.), rather I displayed notes and use pointer icons to demonstrate these ideas, second I didn't create a master page. The reason for this is mainly speed. Sometimes when I include interaction to display a concept, if I am not there to show the user it takes more effort than just giving visual cues of what would happen. As far as the master page, I find that most of the time I don't start with a master page, rather I start creating my mockup and then two or three pages into it I decide what items are common and then create it. I know it is kind of backwards (especially since I end up doing clean up later) but in many ways this is a more logical work flow since at the start of the project I am not sure what items will be consistent. So getting back to why I didn't include one in this project, really no reason other than I had already completed the work before deciding common elements. If I felt the need it would be very easy for me to go back and create one now as it is easy to see what layers (and the content in the layers) are common.
CS6 Color Picker Bug workaround
My last post, well let's just say it has been a longer than I would like to admit. Since it seems Adobe has been so unresponsive to ALL the CS6 Bugs, I thought it would be helpful to share this work around for color picker bug.
Color Picker Issues
The problem: The color picker in Fireworks has always been amazingly accurate, now there is no explaining what it is doing. All I know is it simiply is not sampling the colors accurately. This bug also has seemed to creep up in CS6 Dreamweaver and CS6 Flash.
The workaround is to use the shortcut key "i" when ever you need to select an accurate color. I am not sure why this works and just using the color pickers don't but it does seem to help. It is frustrating and I really wish Adobe would do something about this bug and the many others that were introduced in CS6. Fireworks is still by far my tool of choice but Adobe's seemingly asleep at the wheel approach lately has really left a bad taste in my mouth.
One other solution, as long as you are trying to grab colors and or styles from a vector object, remember you can click the first object, then select copy, then select the destination object and paste attributes (control + Alt + Shift + v).John Dunning (for part of the script) and to Phireworx for coming up with the initial idea.
You can get the command on the commands page.
New Fireworks Layers Command Video
This video shows off my latest command (09-02-09) that automates the process of cutting objects, creating a new layer, pasting the objects into the new layer, then opening up the name layer pop up. I also show how to install this command and how to set up a shortcut key to launch it. I also give credit to John Dunning (for part of the script) and to Phireworx for coming up with the initial idea.
You can get the command on the commands page.
Change Dreamweaver's configurations files to work with ".inc" files
08-12-09 - Dreamweaver by default treats the .inc file extension like a text document rather than like a code document. Meaning that all the code tools are missing. Even code hint and code complete don't show. This video shows you how to change a couple of program files settings and one Dreamweaver preference setting that will enable Dreamweaver to treat ".inc" (include files) the same way it works with html, css type files.
Cool Pencil Drawing Videos - Not Mine
This next video is not Fireworks related, rather it a guy that does some amazing pencil drawings. His site is drawing-studio. net. Here is an example of one of his videos.
Professional Drawing Tutorial!!! - More amazing video clips are a click away
Fireworks to Flash in About Ten Seconds
Tom Green offers this quick tip to get Fireworks files into Flash simply by dragging and dropping. I have always used a similar technique with the primary difference is that rather than drag and drop I use copy and paste. The original video can be found here - http://active.tutsplus.com/tutorials/design/quick-tip-fireworks-to-flash-in-about-ten-seconds/
Here are two example projects that I am working on that are not completed yet,,,,Contextual 2.0, and idea to make FW even easier. Borrowed from the idea of concepts like Quickfire, Quicksilver and Ubiquity.
Coming soon - creating a tiled aged paper background image - here is the source file.