Archive for June, 2010

Designer/Developer Workflow Conference Recap

Wednesday, June 23rd, 2010

This past weekend I had the privilege of speaking at the first ever Designer/Developer Workflow Conference (D2WC) in Kansas City, MO. I thought I would recap some of the highlights of the conference and talk about my presentation. The focus on this conference is the workflow between designers and the developers who work on projects together, be it applications, websites, Cold Fusion projects, etc.

There were many high-profile speakers there including Doug Winnie, Adobe Principal Product Manager for Adobe Flash Catalyst, Flash Platform Workflow and WorkflowLab (as he put it: the longest title at Adobe); Tom Green (not the comedian), Adobe Higher Education Leader, Product Advisory Boards member for Flash Media Server and Fireworks at the Adobe Corporation and Layers Magazine contributor, and Pariah Burke, Adobe InDesign Instructor and former technical lead for InDesign, InCopy, Illustrator, Photoshop, and Acrobat.

Doug Winnie opens the conference with his keynote address.

Doug Winnie opened the conference with a great keynote on “The Designer/Developers of Kansas City” which included “episodes” detailing common breakdowns in a typical workflow and how Adobe products help to address these problems.

My Designer Track presentation was “Fast Web Prototyping Using Adobe Creative Suite”.  My focus was on using Adobe Products that designers are familiar with to bring ideas to the web for clients as a working prototype that can then be passed along to a developer cleanly. First up was Adobe Illustrator, which I presented how to properly save out a vector image as an SVG file format.

Next was Photoshop. The main points were layer organization, optimizing graphics for the web with proper sizes and formats, and how to import into Adobe Fireworks. As expected, not many people had used or even seen Fireworks before. Using Fireworks, I took the flat Photoshop file, added buttons, rollovers and interactive elements with simple-to-use interface elements. I then added multiple web pages and linked each one to the Master page. Finally we tested the protoype in our web browser and exported.

Finally I was able to show how a designer can create an HTML email using Photoshop, slices and links to create stunning creations. The final step was to export out the HTML and images and import into a waiting Dreamweaver template with header and footer coding already supplied. Just cut the Photoshop HTML code and paste into the awaiting space and you are all set. Pass it over to your website admin for upload!

Speaking at the Designer/Developer "Shootout".

My second session was a Designer/Developer “Shootout,” where I participated in a panel discussion with JP Revel, Chad Udell, James Polanco and Pariah Burke. This discussion focused on issues between designers and developers in the working community. Shifts in paradigm with ad agencies, quoting projects, when to consult and communication were all hot topics. Both sides left the session with a greater understanding of the other and much more respect for the work that goes into each portion of a hybrid project.

Rob Huddleston presenting Flash Catalyst workflows.

Other sessions that were really well received covered Flash Catalyst with Rob Huddleston, Killing the “Transition” between art and code by Seb Lee-Delisle (from the UK – the farthest traveling speaker), and Tom Green’s Shaking the Toolbox presentation.

Speaking with several attendees at the start of Day 2, they were very pleased and excited about the speakers, topics and overall conference. I am happy to report that this is only the first year of this conference and speakers are already planning their trip for next year.

Many thanks to Dee Sadler, Adobe Community Professional and Certified Instructor for organizing (and inviting me to) this amazing conference. It was a huge success. Hopefully all of you will be able to attend next year and experience a first-class series of presentations from not only Adobe related speakers, but also the experts who work with this everyday.

D2WC Speakers enjoying dinner and "geek speak" before the conference.

Photos courtesy of Aaron Pederson (@aaronpederson) and Lisa Heselton (@kavka).

(Unofficial) Love Your Digital Photographer Week?

Wednesday, June 9th, 2010

If you are a digital photographer then this is the week for you!

Starting this past weekend, Adobe announced the Camera Raw 6.1 update, which includes the Canon EOS 550D and several other cameras in the package.

Then onOne Software released the 64-bit, CS5 versions of its popular Photoshop Software FREE to current registered users. Details and downloads can be found on their blog.

But it just kept getting better. Adobe posted the new GPS Data Panel for Bridge, Photoshop, Fireworks, Illustrator and more. If you have a GPS-enabled camera, this is very cool tech.

And finally, Adobe Photoshop Lightroom 3 has launched. After 600,000 downloads of the public beta, the final free trial is available for download. Upgrades are available for $99 and full versions are $299 (retail).

Update your Adobe Flash Plug-in! (Updated)

Saturday, June 5th, 2010

On June 4th, 2010 Adobe announced they had found a critical vulnerability in the currently shipping versions of Adobe Flash Player 9 and 10, an exploit that could cause crashes and possible control of the affected computer.

The latest release candidate of the Flash Player (candidate 7 of 10.1) does not appear to be vulnerable to this exploit and it seems version 8 and earlier are not affected either.

See Adobe’s official notice here:

http://www.adobe.com/support/security/advisories/apsa10-01.html

The link for the latest release candidate here:

http://labs.adobe.com/technologies/flashplayer10/

If you would like to assume more control over when Flash material runs in your web browser, you may be interested in installing a Flash blocker plug-in for your browser. The blocker stops all Flash content by default but you can just click on any content you would like to see and then you can watch or interact with it as you normally would. You can even whitelist entire sites with most blocker plug-ins so you don’t have to click-to-load each Flash movie on that site. Blockers allow you to enjoy Flash content on the web but assume more control over what happens in your web browser.

Blocker for Apple Safari

http://clicktoflash.com/

Blocker for Firefox

https://addons.mozilla.org/en-US/firefox/addon/433/

Blocker for Chrome

http://www.chromeextensions.org/appearance-functioning/flashblock/

Blocker for Microsoft Internet Explorer (not a plug-in, a built-in whitelist)

http://www.winhelponline.com/blog/disable-flash-all-but-whitelist-sites-ie8/

(Please use the browser appropriate for each link when clicking!)

Print is not Dead…

Thursday, June 3rd, 2010

Recently Adobe and Condé Nast came together to develop a rich interactive version of Wired Magazine for the iPad. The results were impressive. You can view a short demo below.

And while the app is cool and fun to view, it really hit home with the fact that print is not dead. It is only the beginning.

Designers today can no longer be just a Print Designer or Web Designer, instead they must evolve to become a Communication Designer. Your project may end up being printed, but it may also downloaded as a PDF, previewed at on a mobile device as an ePub, published on a site as an interactive Flash element or any number of different outlets.

The cool thing about this is that Adobe products can help you do all of this with your existing software. Adobe InDesign, Photoshop and Illustrator allow you to not only design a great printed piece, but translate that project to a new form of communication using Adobe Creative Suite 5.

For instance:

InDesign has always allowed you to publish as an interactive PDF format or an ePub format. CS5 takes that a step further and now adds animation and interactivity for Flash development.

Photoshop and Illustrator have been able to go to the web directly, or more appropriately use Fireworks or Dreamweaver to create HTML sites. And now through Flash Catalyst you can use Photoshop and Illustrator to create rich interactive experiences for Flash or Flex.

Fireworks allows you to create interactive HTML websites with minimal coding experience and a great visual interface.

Armed with this software and the knowledge provided by C2, you can evolve into the future of design. Print isn’t dead. It is only the beginning.

 

Adobe Quark logo