TweetFollow Us on Twitter

BeOS Graphics Tool

Volume Number: 16 (2000)
Issue Number: 4
Column Tag: Tools of the Trade

e-Picture: A BeOS Graphics Tool to Get e-Cited About

by Bill von Hagen

e-Picture is a software package for designing web graphics whose roots lie in the amazing BeOS, a fast, elegant operating system and GUI that are designed from the ground up for true multi-processing, extensive multi-media support, and networking. The BeOS has an advantage over many other modern operating systems in that it is relatively new and was designed for today's graphics-intense, network aware world - it has no compatibility baggage to carry around. As most Mac fans know, Apple toyed with the idea of buying Be, Inc. in order to use the BeOS as the groundwork for a new Macintosh OS, before making the now-legendary decision to go with the more standard mach kernel provided by NeXTStep. That's all water under the PCI Bridge now. The BeOS is alive, well, and growing in popularity on its own - and the power of software like e-Picture on its native OS helps illustrate why.

Starting e-Picture on the BeOS displays a bewildering collection of different windows, as shown in Figure 1, surpassing even the default behavior of Quark Xpress and Adobe PhotoShop on the Mac. The default windows displayed by e-Picture are its New Document window, tools palette, an Inspector window, and separate Animations, Layers, and Objects windows. Once you're running e-Picture, you can open and close windows by selecting or deselecting them from e-Picture's Windows menu. However, a central preferences panel that lets you set which windows are displayed by default with a new graphic would be a welcome addition to future BeOS releases of e-Picture.


Figure 1.The e-Picture Startup Screen.

One especially nice feature of e-Picture is that it provides you with templates for creating Web graphics in the most popular shapes and sizes. If you're new to the commercial Web graphics biz, you may not know that most Web sites have fairly strict standards for the graphics they use. Some of these standards are imposed to guarantee that the graphics load quickly, while others are for general aesthetic or page layout and design reasons. e-Picture comes with templates for a standard web banner (468 by 60 pixels), small web banner (234 by 36), long web banner (512 by 60), square web banner (100 by 100), square web button (32 by 32), proportional wallpaper (130 by 120), and maximum graphic for a small monitor (610 by 300). You can also easily add your own templates, but these standard shapes and sizes make it easy for you to get started producing professional graphical in standard, officially approved, sizes.

The easiest way to learn how to use a tool is usually to look at some examples or work through tutorials. The folks at BeatWare provide several useful tutorials that are installed with e-Picture (in the directory "/boot/apps/BeatWare/e-Picture/Examples" by default) and also duplicate these on their Web site. This review uses the shopping and search banner located in the "professional/shop.html" subdirectory for screen shots and to illustrate various features.

You'd expect to be able to start a modern graphics app by double clicking on a file that it had created, but that didn't work for me. Clicking on the file "shop.ep" in the "professional" folder started e-Picture but didn't open the graphic I'd clicked on. Strike one. I then clicked "Create" to open a blank graphics file and tried dragging "shop.ep" into it, but received a message that the file couldn't be opened because it was in an unknown file format. Yikes - strike two! I then clicked "Open" and browsed for the file, selected it, and was able to open it with no problems. Success, at last...

Well, almost no problems. The BeOS comes with a default set of TrueType fonts, which unfortunately don't include the ones used in the example I chose. After clicking through an irritating series of "No font FOO found on your computer. Replacing it with BAR" messages, I could finally view the sample graphic. In e-Picture's defense, it did an excellent job of font substitution, but it was surprising that their example didn't use the default fonts included with the BeOS. It was easy enough to permanently eliminate these messages by copying the correct TrueType fonts from any of my Windows boxes into the main BeOS fonts folder (/boot/beos/etc/fonts/ttfonts). (e-Picture didn't find the fonts, even after rescanning, when I copied them into my machine-specific fonts directory /boot/home/config/fonts/ttfonts.) At any rate, I'd rather have avoided this whole confidence-shaker in an example provided with the software.

I'm perfectly happy to overlook a few speedbumps on the road to powerful solutions to my problems, and concerns about opening files, missing fonts, and incomplete search paths gradually vanished once I successfully opened the "shop.ep" graphic and began to experiment. e-Picture opens graphics in its Document window, and fills in the contents of the other windows based on the currently-selected contents of the Document window. This quickly revealed the power provided by each of the attendant e-Picture windows. The Inspector window is a context-sensitive window that lets you examine and edit the properties of selected objects in the Document window, where the graphics "document" you are working on is displayed, as shown in Figure 2. Selecting a text object displays the Text Tool Inspector in the Inspector window, in which you can modify the font, horizontal and vertical size, spacing, font color, and quickly apply effects like color gradients across the selected item. You can select objects from either the Document window or the Objects window, the latter only if you know the identifier assigned to the desired component of the graphic you're working on.


Figure 2.The Text Inspector Window.

e-Picture gives you all of the features you need to produce sophisticated web graphics, providing object-oriented tools for modifying linear and geometric objects, different graphic and animation layers, and text and special text effects. You can easily modify colors and quickly apply transformations such as color gradients to all of these. Frankly, you'd expect these capabilities in a modern graphics tool - what separates e-Picture from the rest of the pack are some of the tasks that it will do for you automatically.

Animated web graphics are standard today, but can still be time consuming to create in many graphics tools. Animated graphics typically consist of multiple frames between which the location, shape, color, or other properties of one or more elements of your graphic change. This requires having multiple frames in the first place. You can add frames to an existing e-Picture graphic in one of two ways - either by selecting, copying, and inserting frames at specific points of your graphic, or by simply changing the Total number of frames in the Animations window. The latter option copies the current frame for each new frame that you've added.

Most web graphics and animation tools provide standard shortcuts such as onion-skinning, where you clone subsequent frames and change each slightly to produce an animation. However, e-Picture goes these tools one better. Once you have the number of frames you think you need for a smooth animation, e-Picture can automate the animation process between different frames by creating the transitions necessary to move or modify graphics elements between frames that represent discrete points in your animation. In e-Picture, such frames are known as "key frames." Any frame can be identified as a key frame by selecting it in the Animations window, as shown in Figure 3, and then selecting the "Add Keys to Frame" command from the Animation menu in the e-Picture document window.


Figure 3.The Animation Window.

Once you've defined key frames and have selected the one at which you want to end certain changes to your animation, you can select and modify any portion of your graphic. Changes in position are perhaps the most common things that you'll want to animate in frame sequences, but you can just as easily generate intermediate transitions for color changes, color gradients, and so on. When you change any object property between key frames, e-Picture automatically fills in any intermediate stages of that change between the previous and current key frames. For example, suppose you want to smoothly move a portion of your graphic between key frames 5 and 14 - just select frame 14, move the object wherever you want, and let e-Picture divide the move evenly across all of those frames, automatically creating transitional frames for the move.

Just because e-Picture can automatically divide and complete graphic moves and other object property changes across frame sequences doesn't mean that you're stuck with its decisions. If an animation is too jerky, you can use the Animation menu's "Insert Frame" command to quickly insert additional frames to help smooth transitions. You can also delete frames from an animated sequence using the Animation menu's "Delete Frame" command, letting e-Picture automatically take up the animated slack for you.

Once you're happy with your web graphic, you prepare it for use on the web by exporting it in a web format such as GIF or JPEG. You'll want to make sure that you normally save your graphics in e-Picture's native format and only export when necessary, because exporting to GIF or JPEG loses some of the sexier aspects of your graphics. For example, layers in your e-Picture graphics are automatically combined into single bitmaps when exporting to GIF or JPEG because that's how those formats work.

The BeOS version of e-Picture lags the Macintosh version by several minor revisions (v1.0 on the BeOS vs. v1.04 on the Mac), which isn't surprising given that porting e-Picture to the Mac has been a major focus for BeatWare. I have high hopes that the minor problems and usability issues I saw in the BeOS version will be corrected in a subsequent release. The core e-Picture product is truly excellent.

Because the BeOS runs on both Intel and PPC hardware, the BeOS identifies the true root of our Intel-schmertz: Windows itself, not a specific hardware platform. Applications like e-Picture dispel the myth that only Windows has the software you need. If you want to go somewhere today, why not take e-Picture on the BeOS or Mac OS out for a test drive?

Bill von Hagen is a writer, computer system administrator, and the author of "SGML for Dummies." You can contact him at wvh@gethip.com.

 

Community Search:
MacTech Search:

Software Updates via MacUpdate

How to build a successful civilisation i...
GodFinger 2 grants you godlike powers, leaving you to raise a civilization of followers. In the spirit of games like Black & White, the GodFinger games will see you building bigger and better villages, developing more advanced technology and... | Read more »
How to get all the crabs in Mr Crab 2
Mr. Crab 2 may look like a cutesy platformer for kids, but if you're the kind of person who likes to complete a game 100%, you'll soon realise that it's a tougher than a crustacean's shell. [Read more] | Read more »
How to be a star in Britney Spears: Amer...
If you've ever wanted to be a star, baby, then you've probably already checked out Britney Spears: American Dream and are happily making your way up the charts. But fame doesn't come easy, and everyone needs a helping hand sometimes. So we've got... | Read more »
AppSpy is hiring a part time Staff Write...
| Read more »
How to save lives in ER Surgery Simulato...
A serious earthquake has struck a nearby town in ER Surgery Simulator - Emergency Doctor, and it’s up to you to save the victims. [Read more] | Read more »
Tips and tricks to get a high score in G...
Ketchapp Games loves the endless runner genre. And its newest game, Gravity Switch, is no exception. Gravity Switch takes a fresh approach, though, as you move a block, suspended in zero gravity, safely through a maze of shifting pillars. If the... | Read more »
Tips and tricks to get a high score in S...
Smash Fu is a high-paced tile-tapping game that requires quick reflexes and some practice. You’ll have to smash bricks with the skill of a seasoned black belt to get a high score. To raise the stakes a bit, you’ll also have to avoid tapping any... | Read more »
How to keep the ball rolling in Dropple
If you're new to the minimalist puzzler Dropple, you may find yourself struggling to make it beyond the first couple of steps before your ball falls into the endless abyss below. [Read more] | Read more »
Game Craft releases new Legend of War ti...
Set for release at the end of this month, real time strategy title Legend of War seems sure to delight with a veritable feast of sweet features to get stuck into. Developed by Game Craft, the game is due for release through both the App Store and... | Read more »
How not to die in Traffic Rider
Traffic Rider, an Out Run-esque game in which your ride a motorcycle recklessly into trffic, might not seem particularly complicated. [Read more] | Read more »

Price Scanner via MacPrices.net

Apple refurbished iMacs available for up to $...
Apple has Certified Refurbished 2015 21″ & 27″ iMacs available for up to $350 off MSRP. Apple’s one-year warranty is standard, and shipping is free. The following models are available: - 21″ 3.... Read more
Textkraft Professional Becomes A Mobile Produ...
The new update 4.1 of Textkraft Professional for the iPad comes with many new and updated features that will be particularly of interest to self-publishers of e-books. Highlights include import and... Read more
SnipNotes 2.0 – Intelligent note-taking for i...
Indie software developer Felix Lisczyk has announced the release and immediate availability of SnipNotes 2.0, the next major version of his productivity app for iOS devices and Apple Watch.... Read more
Pitch Clock – The Entrepreneur’s Wingman Laun...
Grand Rapids, Michigan based Skunk Tank has announced the release and immediate availability of Pitch Clock – The Entrepreneur’s Wingman 1.1, the company’s new business app available exclusively on... Read more
13-inch 2.9GHz Retina MacBook Pro on sale for...
B&H Photo has the 13″ 2.9GHz Retina MacBook Pro (model #MF841LL/A) on sale for $1599 including free shipping plus NY tax only. Their price is $200 off MSRP. Amazon also has the 13″ 3.9GHz Retina... Read more
Apple price trackers, updated continuously
Scan our Apple Price Trackers for the latest information on sales, bundles, and availability on systems from Apple’s authorized internet/catalog resellers. We update the trackers continuously: - 15″... Read more
Clearance 12-inch Retina MacBooks available s...
B&H Photo has dropped prices on leftover 2015 12″ Retina MacBooks with models now available starting at $999. Shipping is free, and B&H charges NY tax only: - 12″ 1.1GHz Gray Retina MacBook... Read more
Check Apple prices on any device with the iTr...
MacPrices is proud to offer readers a free iOS app (iPhones, iPads, & iPod touch) and Android app (Google Play and Amazon App Store) called iTracx, which allows you to glance at today’s lowest... Read more
New 2016 13-inch 256GB MacBook Air on sale fo...
B&H Photo has the new 13″ 1.6GHz/256GB MacBook Air (model MMGG2LL/A) on sale for $1149 including free shipping plus NY sales tax only. Their price is $50 off MSRP. Amazon has the 13″ 1.6GHz/256GB... Read more
Apple refurbished iPad Air 2s available start...
Apple has Certified Refurbished iPad Air 2 available starting at $339. Apple’s one-year warranty is included with each model, and shipping is free: - 128GB Wi-Fi iPad Air 2: $499 - 64GB Wi-Fi iPad... Read more

Jobs Board

*Apple* Nissan Service Technicians - Apple A...
Apple Automotive is one of the fastest growing dealer...and it shows. Consider making the switch to the Apple Automotive Group today! At Apple Automotive , Read more
ISCS *Apple* ID Site Support Engineer - APP...
…position, we are looking for an individual who has experience supporting customers with Apple ID issues and enjoys this area of support. This person should be Read more
Automotive Sales Consultant - Apple Ford Linc...
…you. The best candidates are smart, technologically savvy and are customer focused. Apple Ford Lincoln Apple Valley is different, because: $30,000 annual salary Read more
*Apple* Support Technician II - Worldventure...
…global, fast growing member based travel company, is currently sourcing for an Apple Support Technician II to be based in our Plano headquarters. WorldVentures is Read more
Restaurant Manager (Neighborhood Captain) - A...
…in every aspect of daily operation. WHY YOU'LL LIKE IT: You'll be the Big Apple . You'll solve problems. You'll get to show your ability to handle the stress and Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.