Archive for the ‘Web Design’ Category

A look at Web design implication of Adobe SC4 Web Premium and a bit on After Effects CS4

Monday, October 6th, 2008

Adobe has announced new versions of there Creative Suits…  You can see video presentations of all there new software at tv.adobe.com. What I’ll be talking about in this post is stuff relating to what I’m sorta evaluating.. which is the Web Premium Bundle.. and After Effects CS4. On that note, lets start with some of the videos…

Adobe Web Premium CS4: 

As you might expect from adobe.. the video lies.. (I say this due to my past bad experience with Adobe… ) The video lies in that it suggests that Indesign is a part of the Web Premium Bundle.. and it is not!

My bad Adobe Experience

I thought I had posted on this.. but haven’t been able to find the post so.. here’s the deal:

I went to buy the web bundle.. but um.. the adobe site wasn’t real clear.. bad usability, and all that.. which is sorta ironic for a company building design tools! So I bought the wrong bundle by accident…  I was on the phone with Adobe on 4 ceperate occasions trying to streighten it all out.. each conversation had me moving between various people to talk to.. each seemed to take upwards of an hour.. an it seemed that nearly everyone was giving me a different story…  the long and the short of it was.. I don’t know if I’ve been refunded yet for the wrong bundle! And if you ask me it’s all about what’s bad with Adobe…. and this video being misleading is just more of the same!

On the Subject of the Bundle 

I wrote this post around the time I bought the bundle.. and provides some reasonably good background on the subject.

Web Standards

The problem with the bundle.. well it feels a little bit like Adobe “doesn’t get it.” One of the biggest revolutions in the world of web design has been Web Standards.. we design sites in such a way to separate out content, presentation, and behavior..  and introduce graceful degradation..  If this is done right.. then whatever you’re using to view the site.. be it IE, FireFox.. your PDA, iPhone.. if you have accessibility issues so there’s a voice synth speaking out the page.. whatever..  it will work on your platform in the most ideal-ish sorta way.

The trouble with the Adobe software has been that it does not enable this sorta industry standard development practices…. The learning curve nessisary to doing this kind of development is great.. and you’d like tools to help with that.. Not only that but.. “designers” tend to think visually.. and so you’d like tools that allow you to think visually.. as a pose to think code.. in terms of working out a design.. from a process perspective.. and blah blah blah.

Adobe has been… about 6 years late to the standards party? And you know.. on the internet things move really really fast.. so I don’t think there’s any reasonable excuse for this.. In any event.. Fireworks.. which is a web graphics orientated program.. will now spit out standards compliant code.. which is a groovy thing.. and Dreamweaver looks like.. they’ve done a number of thing to help with a standards based work flow.. so I am digging that.

Dreamweaver.. as of CS3, introduce the AJAX Spry framework.. This allows you to, via WYWYG, put together AJAX stuff. AJAX is.. how web applications are made, basically.. It’s kind of a way of using XHTML, JavaScript, CSS, XML, and server stuff.. to do certain kinds of stuff.. lets say. AJAX is a groovy technology and all.. but it is not without problems.. though it should be said that, as with most technologies, the problem is not so much the technology as how the technology is used…  and um… the problem with the Spry framework.. is it is much less then best practices… in how it does its things.. 

My feeling is.. I’d like to see the software get better at standards out of the box.. but at least its headed in that direction.. if at an unforgivably slow pace…. and I really need to get my hands on the software before I can really judge these things too well. 

Flash CS4

Flash CS4 is the most compelling part, at least for me personally, to the Web Premium bundle upgrade:

Flash has ALWAYS been the best tool for web based animation.. trouble is.. not a hell of a lot has happened to Flash, as far as animation is concerned.. since like.. Flash 5… we are talking the last tech bubble here! Most of the excitement in the Flash platform, since version 5.. and including version 5… has been all about the developer side of Flash.. and since FLEX is were a serious Flash developer would turn.. you’d hope you’d see better design and animation tools in Flash.. and indeed, we are now seeing them.

The new feature of being able to modify different parameters individually.. be it transparency, scale, its location on the screen.. being able to modify motion curves…  in a rather After Effects-esk way. This will revolutionize how I work with Flash.. and it’ll do this, really, on a process level.. which is a very deep thing. 

But Adobe didn’t stop there! They finally gave us IK (Inverse Kinematics.) Basically we are talking about Bones here.. which is a core feature of character animation in 3D graphics. This is also a very big thing for animation.

If all this isn’t enough.. we get some kind of a new 3D tool..  It didn’t look all that impressive from the presentation.. though I didn’t think the any of the Flash stuff looked all that impressive in the presentations.. unless you kinda knew what was going on…  I mean they were using a very boring project for there examples.. but this could be a very cool thing to.

PhotoShop CS4

There’s a lot of new stuff in Photoshop that looks interesting.. New ways of dealing with camera RAW.. the ability to bring 3D objects into PhotoShop and paint directly on them..  There’s bad news that Photoshop will not be 64-bit on the Mac.. which is a big downer.. but Adobe claims there new way of using your graphics card will more then make up for that.. This, as we say in the biz, is spin…  

Sound Booth CS4

Sound Booth is new to the Web Premium bundle. I do a lot of music production.. and for a lot of what Sound booth does.. I have better apps.. However.. it does have some spectral editing abilities.. which I would really love to play with.. and Sound Booth is more geared to working inside of this kind of media production environment.. as a pose to music production more generally.

I think it’s nice they put Sound Booth in.. for anyone who’s doing Flash.. I think sound in Flash isn’t really good enough.. I mean Flash projects don’t have enough attention paid to sound.. and this ought to help that a little bit.

After Effects CS4

Here’s the After Effects video:

So what do you think of that? Let me take you through it…

Mobile Us 

First we have a tool for creating content for multiple mobile platforms. My first impression was “Why are you putting this into after effects?” I mean.. After Effects isn’t a video editing tool.. it’s a special effects, motion graphics, animation, compositing type tool….  If I’m creating stuff in After Effects… that stuff’s next stop is a video editing program… before it’s final output.

Now ok.. this is a little complicated but..  what are you creating content for? What percentage of content is purely for mobile platforms? What I mean is.. that same content, don’t you probably want to stick it on youtube, or some other online distribution platform? If that’s the case.. you want to render stuff out of After Effects at the resolution of.. well the highest resolution you’re making your stuff for. As a result.. when you render stuff out of After Effects.. you’re not going to be saving on render times.. by aiming at smaller resolution platforms..  

The only thing I will say on behalf of this new feature is.. having guides that tell you when and where stuff in your frame is going to be cut out of on a target platform.. is very important.

Search

This is a very interesting part of the Adobe Suites… Basically.. there’s meta data that follows media through out the system.. and this is a fairly central part of the search. This is quite revolutionary stuff.. but.. if After Effects is you’re only Adobe Video / Production sorta program..  of what use is it to you anyway?

In my studio Final Cut Studio is where I work with video. When it comes to music production, that might have something to do with a scoring video… that’s taking place in Digital Performer, Ableton Live, Reason.. etc. None of this stuff will carry that meta data…  So for folks in this position.. you’re basically waiting a few years to see if Adobe’s stuff.. gets adopted by a wider echo system of developers.

I’m basically working on.. . lets call it the pro side of the DIY spectrum… what this means is I don’t often have an actual production team… and the process of inputting the meta data into this system..  will likely be neglected in most cases.. particularly if the pay off is lost as soon as I start working in one of those non Adobe products! Though apparently some of the Adobe stuff will turn audio speaking into text for the meta data… 

Matt’s Choice

Price 

The Web Premium bundle will now set you back $1700… and the upgrade (which is what I’d be buying) goes for $600. After Effects $1000 for the full, and $300 for the upgrade. That, at least in my world, is not chicken feed.

Economic Considerations 

You know.. there’s a couple things here..

  1. The economy is slowing down. What does this mean to the budding entrepreneur / whomever? It means its time to stop spending money on stuff!!! I mean if the great depression 2.0 is just around the corner? Things will hopefully not be that dyer.. but whatever you think about this sorta thing.. one wants to be careful about the choices one makes.
  2. On a Personal Level… I have a limited amount of cash to live off of.. until I sell the house.. and I’d like to not sell the house till the housing market / economy is in a better position then what we find today.. So again, I gotta be careful about spending money.

CS4 Bundles thangs

A lot of people you talk to are saying “There’s a new CS4 already?” These are complex tools and its hard to keep up with it all. My situation is even worse.. cause in addition to that bundle.. I’m doing video, music production, and 3D graphics..  photography.. etc..   At $600, am I going to get my money’s worth out of the new versions?  That’s my big question mark.. I mean.. If Firework’s standards support is actually pretty good.. the Dreaweaver stuff turns out to make a difference.. Of course we expect Flash to be all that.. Having sound booth has its advantages…  The photoshop stuff could really mean something..   You know I’m just on the fence about it.

After Effects 

After Effects is another matter. I own After Effects 4.0.. which is like.. pre Mac OSX… and will not run on an Intel Mac.. So I need to drop the money on After Effects just to have an After Effects! If I was getting on After Effects CS3, I think I might be passing on this upgrade.. but as of now, there’s no question that I’m upgrading. 

Other Expenses? 

So here’s some other things I’m thinking of spend money on.. in the relatively short term

  1. RAM, probably a couple hundred dollars worth
  2. HD Camera, probably around $700
  3. Cantor Vocal Synth $400
  4. Breverb reverb: $280
  5. Binarual microphone set up thing.. I think we are talking about $200
  6. Laptop..  more then a grand
  7. If I go with such a laptop.. add $500 for time capsule 

 Out side of this.. There’s the possibility of other software upgrades…  and can I afford those?

Day’s latter:

 Hmm.. I think I should just post this as is.

Adobe Creative Suite 3 Web Premium Bundle Arrives

Wednesday, March 5th, 2008

Well its an exciting moment, I’ll tell you folks! Adobe CS3 Web Premium includes Flash, Fireworks, Dreamweaver, Photoshop Extended, Illustrator, and Acrobat Professional, among other assorted odds and ends. Most of this software I’ve been using for years, some legitimately.. some on the down low…  I generally have ethical problems with using software illegally.. and some of this software… well I haven’t been able to afford upgrades to.. some I’ve been using OS9 versions of for years.. some of it I’ve never even used.. So to go legit.. to full versions.. on a new Mac Pro.. OMG, its just awesome…  So lets talk a little bit about this suite, and what its all about.

Dreamweaver 

In the design and development world, opinions probably very.. as far as what’s the right tools for what job.. Dreamweaver was, for quite a long time, the only WYWYG (what you see is what you get) web design tool to.. to be taken seriously… well there was a little battle between Dreamweaver and GoLive.. but Dreamweaver would eventually win the day.

Today, however, the story is a little bit different. Today, good web design is done via web standards.. which involves things like CSS, DOM Scripting, and Unobtrusive JavaScript…   And the truth is that Dreamweaver doesn’t really do all these things, the right way, right out of the box.. If you want to use these kind of technologies.. you’re probably not going to be using Dreamweaver as a WYWYG editor.. but as a code editor and site management tool. Still, its not quite fair to say these tools aren’t pushing in the right direction… It’s just they’re not quite moving fast enough..

Fireworks

It’s been a long time since I was up to date on Photoshop.. in fact, for a number of years I became a kind of Fireworks guys. Fireworks is a funny kind of app.. one of the interesting cool features of Fireworks is that it does both bit map and vector art.. I shant explain this here.. but there will be some explanation coming. 

Fireworks is a graphics app for the web.. and includes things like.. well means of adding code.. and what have you.. It’s not a bad tool.. but as with Dreamweaver.. it’s had a little bit of a problem when it’s come to web standards design.. which, again, is not to say you can’t use it for web standards design… but you need that extra level of understanding to make it happen.

The new version of Fireworks, however.. is a little bit of a different tool.. See Fireworks was a tool from Macromedia.. and Fireworks’s closest competitor was probably Image Ready, which was bundled with Photoshop back in the day… Fireworks was the better tool.. but everybody needs Photoshop.. so to get it free with Photoshop.. aww, well you see the war that was being waged! Then, Adobe bought Macromedia, and Adobe CS3 Web Standard and Web Premium.. are the first post acquisition offering.. Which means, obviously enough, that the niches these programs occupy had to change a little. And so it is that we see Fireworks moving in a “rapid prototyping direction.”

I’m very interested to figure out what the hell this means in practice.. But basically it means you could layout an entire web site inside of Fireworks.. as a part of the early design phase.. and it will model out interactivity for you.. and shows you what’s up.. prior to going into actually coding stuff.  So.. that’s a pretty cool thing… We’ll, no doubt, be see how well this works in future blog entries.

Photoshop Extended

Seems like Photoshop has been the industry standard graphics app since the early 90s. Photoshop rocks! That’s my long held position. My view has always been that photoshop is a great tool to just kind of jump in and play with.. learn it that way my friend..

Again.. this is one of those programs that I haven’t used a new version since the OS9 days.. some folks will argue that nothing much has changed in all that time.. the real reason for upgrading is just to get it so it’ll run on the your current OS with your current processor. Seeing as I haven’t dipped in too far yet, I couldn’t really dispute that too much.. Though I can say that.. I, the once Photoshop Master of Disaster.. feel a little disorientated.. and I’m no longer so sure of myself.. so sure that the way I’m approaching a problem is the fastest / bestest (bestest being a technical term) way of doing something…  So I’m feeling like I have a whole lot of catching up to do / skill set atrophy to take care of.

On the positive side.. the extended version of Photoshop.. which is the one that’ll run you a hell of a lot of money.. is a tool that now goes into the world of video.. has special tools and abilities for this space.. which is rather exciting.. and for me, with my upcoming video projects.. a very very good thing.

Illustrator

Illustrator is what we call in “the biz” a “drawing tool.” How “drawing tool” got to be a technical term, I shall never know.. particularly as one can “draw” with photoshop, flash, fireworks, or even painter for that matter.. But any who.. Illustrator is a “vector” drawing tool.

Vectors are all about “resolution independent” graphics. Another words, you could make a graphic that is 1″ by 1″ and scale that sucker up to cover the empire state building if you wanted to..  This has certain advantages over bit map graphics.. that would look like a bunch of squares at that point.. While Illustrator’s history has been to cater to print designers.. the resolution independent nature of vectors has always played a large roll in Flash, as vectors also have the advantage of having a very small file size..  generally.. and so now Illustrator’s integration with Flash is supposed to be better then ever.

The biggest draw back to Illustrator is its learning curve.. it’s a little tricky to wrap your head around.. once you do, you realize the advantages of the Illustrator process. Further.. I think the way you really want to be using Illustrator.. most of the time at least.. is by integrating it into a larger work flow.. which would likely include photoshop, among other things.

Flash

Flash is, arguably, a strange bird. It started off as the best tool for web based animation.. but has since evolved into a full fledged web application development environment. The hard core Flash developer uses Flex.. not Flash.. but those of us on the design side of things.. we use Flash.

The biggest update to Flash is ActionScript 3. AS3, as we say, is way more powerful then past versions.. for animation based on AS3, it runs a hell of a lot faster.. and now has a more native support for XML.. for working with things like RSS.. and web services.. which is to say “the web 2.0 shtick.” 

The only problem, of course, is AS3 is a very complex sort of universe to try and explore.. you really have to learn to think like a developer.. and the real developer skill set is not one easily acquired ..

Acrobat Professional

Acrobat, as you may know, is a great way of distributing web documents, other wise known as PDFs.. and Acrobat is the authoring tool for this. Much of the significants of this is the E-Book.. which is still an evolving space.. what has be excited about Acrobat is that there is, apparently, now a way of integrating a kind of Google adsense into Acrobat.. so you could create free E-Books, with integrated adds.. with the opportunity to make money via the adds.. which is a very very cool thing… and is something I’m planning on exploring as I move forward…  

Also.. I’m planning on using Acrobat as a means of creating my resume.. 

There’s much more to this story… which we will be going into in future posts.. one assumes.. but for now.. this is a big event in my life.. and it is now time to orientate myself to this exciting new world..