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

Pinegrow 6.23 - Mockup and design web pa...
Pinegrow (was Pinegrow Web Designer) is desktop app that lets you mockup and design webpages faster with multi-page editing, CSS and LESS styling, and smart components for Bootstrap, Foundation,... Read more
WhatsApp 2.2149.4 - Desktop client for W...
WhatsApp is the desktop client for WhatsApp Messenger, a cross-platform mobile messaging app which allows you to exchange messages without having to pay for SMS. WhatsApp Messenger is available for... Read more
Microsoft Remote Desktop 10.7.4 - Connec...
Microsoft Remote Desktop for Mac is an application that allows connecting to virtual apps or another PC remotely. Discover the power of Windows with Remote Desktop designed to help you manage your... Read more
ffWorks 2.6.7 - Convert multimedia files...
ffWorks, focused on simplicity, brings a fresh approach to the use of FFmpeg, allowing you to create ultra-high-quality movies without the need to write a single line of code on the command-line.... Read more
Opera 82.0.4227.58 - High-performance We...
Opera is a fast and secure browser trusted by millions of users. With the intuitive interface, Speed Dial and visual bookmarks for organizing favorite sites, news feature with fresh, relevant content... Read more
Day One 6.15 - Maintain a daily journal.
Day One is an easy, great-looking way to use a journal / diary / text-logging application. Day One is well designed and extremely focused to encourage you to write more through quick Menu Bar entry,... Read more
Default Folder X 5.6.3 - Enhances Open a...
Default Folder X attaches a toolbar to the right side of the Open and Save dialogs in any OS X-native application. The toolbar gives you fast access to various folders and commands. You just click on... Read more
OmniOutliner Pro 5.9.2 - Pro version of...
OmniOutliner Pro is a flexible program for creating, collecting, and organizing information. Give your creativity a kick start by using an application that's actually designed to help you think. It's... Read more
OmniOutliner Essentials 5.9.2 - Organize...
OmniOutliner Essentials (was OmniOutliner) is a flexible program for creating, collecting, and organizing information. Give your creativity a kick start by using an application that's actually... Read more
QuickBooks 19.0.11.984 - Financial manag...
QuickBooks helps you manage your business easily and efficiently. Organize your finances all in one place, track money going in and out of your business, and spot areas where you can save. Built for... Read more

Latest Forum Discussions

See All

The Best Wordle Clone in Town – The Touc...
In this week’s episode of The TouchArcade Show we dig into the drama of the moment which is the cloning and subsequent gloating about the cloning of the lovely little free word game Wordle. This leads into some additional drama about how PUGB Mobile... | Read more »
TouchArcade Game of the Week: ‘Cards Inf...
There’s nothing I love more than a perfect mobile game. What do I mean by that? Well, no game is actually perfect, but there’s something special about a game you know you can just whip out at a moment’s notice and dive into, and you know it will... | Read more »
‘Micro RPG’ Bringing Streamlined RPG Goo...
Originally announced on our forums more than 3 years ago, Micro RPG is an upcoming mobile game from a two-person studio that goes by the name JoliYeti Games and, as the title implies, it looks to offer all the fun of an RPG but in a more condensed... | Read more »
SwitchArcade Round-Up: ‘Kensei: The Seco...
Hello gentle readers, and welcome to the SwitchArcade Round-Up for January 14th, 2022. Yesterday was a big day, but today shows that we’re still warming up the engines for this year. There are a handful of new releases, but nothing nearly as... | Read more »
Mobile MMORPG Shooter ‘Avatar: Reckoning...
Archosaur Games, Tencent, Lightstorm Entertainment, and Disney have just revealed a mobile MMORPG shooter Avatar: Reckoning. Avatar: Reckoning will be published by Level Infinite when it hits iOS and Android. It is an official Avatar game developed... | Read more »
‘Crashlands+’ Is Out Now on Apple Arcade...
The brilliant Crashlands from Butterscotch Shenanigans was confirmed to arrive on Apple Arcade as an App Store Great in the form of Crashlands+ () a little while ago and it has just released worldwide. If it isn’t live yet, it should roll out in... | Read more »
SwitchArcade Round-Up: ‘Eschatos’, ‘To B...
Hello gentle readers, and welcome to the SwitchArcade Round-Up for January 13th, 2022. It’s a Thursday, and we’ve got a pretty hefty bag of new releases to dig into. There are always some fun surprises, and this week that came in the form of SNK Vs... | Read more »
‘Crush the Castle Legacy Collection’ Lau...
Ever since Angry Birds broke into the mainstream and became a household name more than a decade ago, there’s always been a small niche of people on the sidelines who would pipe up to remind everybody that “Crush the Castle did it first!" Indeed, the... | Read more »
Non-Violent Stealth Game ‘El Hijo – A Wi...
Over a year ago, Handy Games brought the non-violent stealth game El Hijo – A Wild West Tale to Switch, PS4, Xbox, PC, and Stadia. El Hijo – A Wild West Tale has been developed by Honig Studios and Quantumfrog. You play as El Hijo, a six year old,... | Read more »
‘ZED BLADE’ from SNK and Hamster Is Out...
After a bit of a break likely due to the holiday season, we’ve gotten a new title in the ACA NeoGeo series on iOS and Android. SNK and Hamster originally brought the series to mobile with Samurai Shodown IV, Alpha Mission II, and Metal Slug 5.... | Read more »

Price Scanner via MacPrices.net

Get an Apple Watch Series 7 for $50 off MSRP,...
Amazon has Apple Watch Series 7 models on sale for $50 off MSRP including free shipping. Their prices are the lowest available for Apple Watch Series 7 models today: – 41mm Apple Watch Series 7 GPS... Read more
Here are the details of Apple’s 2022 Educatio...
Need a new Apple Mac or iPad for school? Whether you’re a student, teacher, or staff member, you can use your .edu email address when ordering at Apple Education to take up to $400 off the price of a... Read more
Amazon is blowing out 2020 21″ iMacs for only...
Amazon has clearance 2020 21″ iMacs (2.3GHz Dual-Core i5, 8GB RAM, 256GB SSD) on sale right now for $599.99 including free shipping. Original MSRP for this model was $1099. Amazon expects delivery in... Read more
Find the best deal on an Apple MacBook using...
In the market for a new 13″ MacBook Air, 13″ MacBook Pro, 14″ MacBook Pro, or 16″ MacBook Pro with M1, M1 Pro, or M1 Max Apple Silicon? Use our Apple award-winning and exclusive price trackers to... Read more
Red Pocket Mobile is offering the Apple iPhon...
Switch to Red Pocket Mobile and get an Apple iPhone 13 Pro for $50 off MSRP, plus get free 6 months of Unlimited nationwide 5G service with the purchase of any iPhone 13. Red Pocket Mobile is a... Read more
24″ M1 iMacs on sale for $1249, $50 off Apple...
Amazon has base 24″ M1 iMacs (8-Core CPU/7-Core GPU/8GB RAM/256GB SSD) on sale today for $1249 shipped. Their price is $50 off Apple’s MSRP, and it’s the lowest price available for a new 24″ M1 iMac... Read more
Open-Box 16″ M1 Pro MacBook Pros available fo...
QuickShip Electronics has open-box return 16″ M1 Pro MacBook Pros in stock and on sale for $200-$300 off MSRP on their eBay store right now with free express delivery. According to QuickShip, “The... Read more
Stock Alert! Order a new 16″ M1 Pro MacBook P...
New 16″ MacBook Pros with Apple’s M1 Pro and M1 Max CPUs have been very hard to find, largely due to current global supply constraints. However, B&H Photo is reporting stock of Space Gray... Read more
Apple has maxed-out 13″ M1 MacBook Airs (16GB...
Save $250 on maxed-out 13″ M1 MacBook Airs today at Apple (16GB RAM/1TB SSD) with Certified Refurbished models available for $1399 in Space Gray and Gold colors. Regular price for this configuration... Read more
New promo at Xfinity Mobile: $400 off any App...
Xfinity Mobile is offering any new Apple iPhone for $400 off MSRP for new customers. This includes the iPhone 13. Price for the phone, including the discount, is spread monthly over a 24 month term... Read more

Jobs Board

Registered Nurse (RN) Employee Health PSJH -...
…is calling for a Registered Nurse (RN) Employee Health PSJH to our location in Apple Valley, CA.** We are seeking a Registered Nurse (RN) Employee Health PSJH to be Read more
Systems Administrator - Pearson (United State...
…and troubleshoot Windows operating systems (workstation and server), laptop computers, Apple iPads, Chromebooks and printers** + **Administer and troubleshoot all Read more
IT Assistant Level 1- IT Desktop Support Anal...
…providing tier-1 or better IT help desk support in a large Windows and Apple environment * Experience using IT Service Desk Management Software * Knowledge of IT Read more
Human Resources Business Partner PSJH - Provi...
…**is calling a** **Human Resources Business Partner, PSJH** **to our location in Apple Valley, CA.** **Applicants that meet qualifications will receive a text with Read more
Manager Community Health Investment Programs...
…is calling a Manager Community Health Investment Programs PSJH to our location in Apple Valley, CA.** **Qualified candidates will be invited to do a self-paced video Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.