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.

 
AAPL
$524.94
Apple Inc.
+5.93
MSFT
$40.01
Microsoft Corpora
-0.39
GOOG
$536.10
Google Inc.
-20.44

MacTech Search:
Community Search:

Software Updates via MacUpdate

VMware Fusion 6.0.3 - Run Windows apps a...
VMware Fusion allows you to create a Virtual Machine on your Mac and run Windows (including Windows 8.1) and Windows software on your Mac. Run your favorite Windows applications alongside Mac... Read more
Tweetbot 1.5.1 - Popular iOS twitter cli...
Tweetbot is a full-featured OS X Twitter client with a lot of personality. Whether it's the meticulously-crafted interface, sounds and animation, or features like multiple timelines and column views... Read more
Mac DVDRipper Pro 4.1.7 - Copy, backup,...
Mac DVDRipper Pro is the DVD backup solution that lets you protect your DVDs from scratches, save your batteries by reading your movies from your hard disk, manage your collection with just a few... Read more
PDFpenPro 6.2 - Advanced PDF toolkit for...
PDFpenPro allows users to edit PDF's easily. Add text, images and signatures. Fill out PDF forms. Merge or split PDF documents. Reorder and delete pages. Even correct text and edit graphics! Create... Read more
PDFpen 6.2 - Edit and annotate PDFs with...
PDFpen allows users to easily edit PDF's. Add text, images and signatures. Fill out PDF forms. Merge or split PDF documents. Reorder and delete pages. Even correct text and edit graphics! Features... Read more
Monolingual 1.5.9 - Remove unwanted OS X...
Monolingual is a program for removing unnecesary language resources from OS X, in order to reclaim several hundred megabytes of disk space. It requires a 64-bit capable Intel-based Mac and at least... Read more
Maya 2015 - Professional 3D modeling and...
Maya is an award-winning software and powerful, integrated 3D modeling, animation, visual effects, and rendering solution. Because Maya is based on an open architecture, all your work can be scripted... Read more
Starcraft II: Wings of Liberty 1.1.1.180...
Download the patch by launching the Starcraft II game and downloading it through the Battle.net connection within the app. Starcraft II: Wings of Liberty is a strategy game played in real-time. You... Read more
Sibelius 7.5.0 - Music notation solution...
Sibelius is the world's best-selling music notation software for Mac. It is as intuitive to use as a pen, yet so powerful that it does most things in less than the blink of an eye. The demo includes... Read more
Typinator 5.9 - Speedy and reliable text...
Typinator turbo-charges your typing productivity. Type a little. Typinator does the rest. We've all faced projects that require repetitive typing tasks. With Typinator, you can store commonly used... Read more

Latest Forum Discussions

See All

Have a Special Dead Trigger 2 Easter Bas...
Have a Special Dead Trigger 2 Easter Basket Full of Goodies, Courtesy of Madfinger Games Posted by Rob Rich on April 18th, 2014 [ permalink ] Dead Trigger 2 | Read more »
Almost All of Playdek’s Library is on Sa...
Almost All of Playdek’s Library is on Sale Right Now, and You Should Check it Out Posted by Rob Rich on April 18th, 2014 [ permalink ] Playdek has released quite a few great iOS ports of board and card games over the years, and now most of them... | Read more »
Zynga Launches Brand New Farmville Exper...
Zynga Launches Brand New Farmville Experience with Farmville 2: Country Escape Posted by Tre Lawrence on April 18th, 2014 [ permalink ] | Read more »
David. Review
David. Review By Cata Modorcea on April 18th, 2014 Our Rating: :: MINIMALISTIC IN A DIFFERENT WAYUniversal App - Designed for iPhone and iPad David is a minimalistic game wrapped inside of a soothing atmosphere in which the hero... | Read more »
Eyefi Unveils New Eyefi Cloud Service Th...
Eyefi Unveils New Eyefi Cloud Service That Allows Users to Share Media Across Personal Devices Posted by Tre Lawrence on April 18th, 2014 [ permalink ] | Read more »
Tales from the Dragon Mountain: The Lair...
Tales from the Dragon Mountain: The Lair Review By Jennifer Allen on April 18th, 2014 Our Rating: :: STEADY ADVENTURINGiPad Only App - Designed for the iPad Treading a safe path, Tales from the Dragon Mountain: The Lair is a... | Read more »
Yahoo Updates Flickr App with Advanced E...
Yahoo Updates Flickr App with Advanced Editing Features and More Posted by Tre Lawrence on April 18th, 2014 [ permalink ] | Read more »
My Incredible Body - A Kid's App to...
My Incredible Body - A Kid's App to Learn about the Human Body 1.1.00 Device: iOS Universal Category: Education Price: $2.99, Version: 1.1.00 (iTunes) Description: Wouldn’t it be cool to look inside yourself and see what was going on... | Read more »
Trials Frontier Review
Trials Frontier Review By Carter Dotson on April 18th, 2014 Our Rating: :: A ROUGH LANDINGUniversal App - Designed for iPhone and iPad Trials Frontier finally brings the famed stunt racing franchise to mobile, but how much does its... | Read more »
Evernote Business Notebook by Moleskin I...
Evernote Business Notebook by Moleskin Introduced – Support Available in Evernote for iOS Posted by Tre Lawrence on April 18th, 2014 [ permalink ] | Read more »

Price Scanner via MacPrices.net

Free HopTo 2.2 Helps Enhance Your Productivit...
The HopTo app helps you do more on your iPad by providing more and easier adaccess to files and documents. Version 2.2 adds Egnyte and HopTo’s Mac OSX File Connector. If you already have the hopTo... Read more
National Distracted Driving Awareness Month:...
As the country recognizes National Distracted Driving Awareness Month, Sprint is reminding wireless consumers to focus on driving while behind the wheel, to not text or email while driving, and to... Read more
13-inch 2.4GHz Retina MacBook Pro available f...
Abt has the 13″ 2.4GHz 128GB Retina MacBook Pro available for $1229 including free shipping. Their price is $70 off MSRP. Read more
iMacs on sale for up to $160 off MSRP this we...
Best Buy has iMacs on sale for up to $160 off MSRP for a limited time. Choose free home shipping or free instant local store pickup (if available). Prices are valid for online orders only, in-store... Read more
iPad Airs on sale this weekend for up to $100...
Best Buy has WiFi iPad Airs on sale for $50 off MSRP and WiFi + Cellular iPad Airs on sale for $100 off MSRP on their online store for a limited time, with prices now starting at $449. Choose free... Read more
Apple restocks refurbished Mac minis starting...
The Apple Store has restocked Apple Certified Refurbished Mac minis for up to $150 off the cost of new models. Apple’s one-year warranty is included with each mini, and shipping is free: - 2.5GHz Mac... Read more
Hyundai Brings Apple CarPlay To The 2015 Sona...
Hyundai Motor America has announced it will bring Apple CarPlay functionality to the 2015 Sonata. CarPlay is pitched as a smarter, safer and easier way to use iPhone in the car and gives iPhone users... Read more
Updated iPads Coming Sooner Than We Had Thoug...
MacRumors, cites KGI securities analyst Ming Chi Kuo, well-respected as an Apple product prognisticator, saying that Apple will introduce an upgraded iPad Air and iPad mini in 2014/Q3, meaning the... Read more
Toshiba Unveils New High And Low End Laptop M...
Toshiba has announced new laptop models covering both the high-end and low-end of the notebook computer spectrum. Toshiba 4K Ultra HD Laptop Toshiba’s new Satellite P55t features one of the world’s... Read more
Save up to $270 with Apple refurbished 13-inc...
The Apple Store has Apple Certified Refurbished October 2013 13″ Retina MacBook Pros available starting at $1099, with models up to $270 off MSRP. Apple’s one-year warranty is standard, and shipping... Read more

Jobs Board

*Apple* Automotive Parts Department position...
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, we Read more
*Apple* Solutions Consultant (ASC) - Apple (...
**Job Summary** The ASC is an Apple employee who serves as an Apple brand ambassador and influencer in a Reseller's store. The ASC's role is to grow Apple Read more
*Apple* Retail - Manager - Holyoke - Apple I...
Job Summary Keeping an Apple Store thriving requires a diverse set of leadership skills, and as a Manager, you’re a master of them all. In the store’s fast-paced, Read more
*Apple* Retail - Manager - Apple (United Sta...
Job SummaryKeeping an Apple Store thriving requires a diverse set of leadership skills, and as a Manager, you're a master of them all. In the store's fast-paced, dynamic Read more
*Apple* Solutions Consultant (ASC) - Apple (...
**Job Summary** The ASC is an Apple employee who serves as an Apple brand ambassador and influencer in a Reseller's store. The ASC's role is to grow Apple Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.