Skip to Main Content

 Indiana University


Archive for the 'Fireworks' Category

Adobe CS Quick Tip: Customized Keyboard Shortcuts

I just recently downloaded a new app for my iPad called Actions, so I’ve been working on configuring it for the applications that I use often. Throughout this process, I’ve been searching applications for keyboard shortcuts for commands and buttons that I use often so I can decide whether or not I want to map it to an Actions button. While setting up my Dreamweaver shortcuts, I realized that a lot of the tools I use already have shortcuts, but some of them (like Save All) don’t.

After a little bit of digging, I discovered that Adobe CS applications allow you to customize the keyboard shortcuts that come standard in the application. I thought I would pass along the info to you all as well. I checked out Dreamweaver, InDesign, Photoshop, Fireworks, and Illustrator and the following will work for all of them.

To edit the keyboard shortcuts in an Adobe application, in the Menu Bar, click Edit > Keyboard Shortcuts…. You’ll see the following dialog box:

Dreamweaver Keyboard Shortcuts dialog box.

Dreamweaver Keyboard Shortcuts dialog box.

From here, you simply find the command you want to add or change a shortcut for in the Commands section, then click in the Press Key text box, press the keyboard shortcut you want to assign, then click Change. If you’re adding your first shortcut, you’ll have to save a copy of the default keyboard set, but the application will warn you if needed.

That’s all there is to it. If you are curious, here’s what I was working on setting up using Actions for Dreamweaver:

Actions Dreamweaver Shortcuts

My Actions setup for Dreamweaver.

Now that I’ve got that configured, I’ll be exploring how Actions can help my productivity in other applications. I expect I’ll write a post about Actions in the near future, so stay tuned.

Fireworks: Effectively Designing for Online Recording

This is the recorded presentation of Fireworks: Effectively Designing for Online, which was presented on May 20th.  Also included in this post is a zip file of the final files we created, including the website, and the fireworks png so that you can work with the files on your own if you choose.

Fireworks Final Files

Fireworks Recording

In this session, explore how Fireworks compares to Photoshop and why its particular feature set provides a great way to quickly sketch out web site user interfaces and communicate with others about design ideas. If you’re involved with the design of web pages, web graphics, icons for the web, or any online application, Fireworks is a useful tool.

Who should use Fireworks?

  • designers who are designing things for online display (not for print)
  • non-designers who need to communicate with others (including designers and developers) how you’d like a web page or application to look or work

In this session, we will cover:

  • primary differences between Photoshop and Fireworks
  • how Firework’s vector-based drawing tools allow you to quickly create artwork and interface elements
  • using the Common Library to get common interface elements like buttons into the design
  • using the Styles panel to quickly apply styles to interface elements
  • rearranging and resizing elements
  • the difference between Pages and Layers panels, and how to use them effectively
  • exporting designs into PDF format for collaboration and feedback from others
  • exporting designs from Fireworks into CSS-based layouts ready for Dreamweaver

Four Color Palette Solutions for Your Website or Desktop Publishing Project

When I teach a workshop on Adobe Dreamweaver or Fireworks, I’m always amazed by a question that participants don’t ask. (No, not: “Why can’t you and the laser pointer get along?”  That question, I’m afraid, has no answer.)

The question that’s never asked is: “How do you come up with these colors?”  And by “these colors”, I’m referring to the 6-digit hexadecimal codes that we use throughout the Dreamweaver and Fireworks workshops to designate specific colors for display on the web:
A small number of colors and their hexadecimal values

(more…)

I’ve got CS4…now what?

With the announcement that IU had acquired free Adobe software for all of it’s employees and students, your first thought was probably “How do I get it?” Now that we’ve all had a couple of months to get the software downloaded and installed, you’re likely thinking now: “What do I do with all of this stuff?”

Adobe is one of the largest software companies in the world, and while most people are familiar with their core apps, like Photoshop, Dreamweaver and Flash, there are many applications included in the suite that you might not be familiar with. In this post, we’ll take some time to examine all the different applications that you can install with the various Adobe suites. We will focus on the applications in Design Premium CS4 and Production Premium CS4. There are many add-ons and extra technology included in the installers, but we will look only at the applications included.

(more…)

Get Training Tips via RSS Subscribe to Entries feed or Read Comments via RSS Subscribe to Comments feed.