home *** CD-ROM | disk | FTP | other *** search
/ Kosovo Orphans' Appeal Charity CD / KosovoOrphansAppeal.iso / archimedesworld_cd1 / commercial / graphics / clares / compo / ReadMe
Text File  |  1995-05-25  |  19KB  |  507 lines

  1. COMPOSITION DEMO
  2. ================
  3.  
  4. THE FULL VERSION OF COMPOSITION IS AVAILABLE FROM:
  5.  
  6. CLARES MICRO SUPPLIES
  7. 98 MIDDLEWICH ROAD
  8. NORTHWICH
  9. CHESHIRE
  10. CW9 7DA
  11.  
  12. TEL:   01606 48511
  13. FAX:   01606 48512  
  14. EMAIL: sales@clares.demon.co.uk
  15.  
  16. PRICE ú169.95 inc VAT & Carriage
  17.  
  18. PROARTISAN 24 user's price ú85.00
  19.  
  20.  
  21.  
  22. INFORMATION
  23. ===========
  24.  
  25. This is the demonstration version of Composition,
  26. the bitmap image composition package from Clares Micro Supplies.
  27.  
  28. This Demo version of Compo may not be totally up to date with the full
  29. release version but it is sufficient to whet your appetite for the full
  30. version. Features missing from the demo are -
  31.  
  32. * All methods of saving your work have been removed.
  33. * The OLE feature has been disabled
  34. * The word 'DEMONSTRATION' is printed over your work and
  35.   cannot be removed. This also slows down the redraw speed of the program.
  36.  
  37. Hardware requirements
  38. =====================
  39.  
  40. Compo requires an Acorn RiscPC with at least 8Mbytes of main memory. 2Mbytes
  41. or more of VRAM is recommended. For serious use in creating A4 images, a
  42. minimum of 16Mbytes of main memory is required and more is almost always
  43. better!
  44.  
  45. YOU ARE ADVISED TO COPY THIS DEMO ON TO YOUR HARD DRIVE.
  46.  
  47. About Composition
  48. =================
  49.  
  50. Compo is an image composition program for the Acorn RiscPC range of
  51. computers. With Compo, you combine bitmaps, Draw files and ArtWorks files,
  52. together on a canvas to make a composition. Each bitmap remains completely
  53. independent from the rest. Links to art packages (such as ProArtisan24 from
  54. Clares) allow you to edit any of the images making up your composition and
  55. to see the results of your changes in the composition immediately. In
  56. addition, the program allows a number of effects such as colour correction,
  57. shadows, opacity, and tinting to be applied independently to each image.
  58. Using these effects the images are rendered to the canvas on the fly so the
  59. effects do not modify (and therefore damage) the original image data.
  60.  
  61. Compo is useful not only to the graphics professional. It also allows those
  62. users with less artistic ability to produce complex graphical effects such
  63. as true shadows and photo montages at the click of a button. Because the
  64. images themselves are not modified you can quickly change the effect
  65. settings until the desired result is achieved.
  66.  
  67. Example files
  68. =============
  69.  
  70. Some completed JPEG files are included which illustrate the possibilities
  71. available. Because of the size of Composition files, none are included with
  72. this demo. The JPEG files may be viewed in Composition or ChangeFSI.
  73.  
  74. WHAT SHOULD BE ON THIS DISC
  75. ===========================
  76.  
  77. !CompoD
  78. !TFonts
  79. JPEG tutorial files: Bears, Bridge, Di, Flower5, Horse, Horse_Msk, JackN,
  80. Leafy1, MDHB, Model4B 
  81. JPEG sample files: FrogonRock, HolSnap, Filters
  82. ReadMe
  83.  
  84.  
  85. Tutorial (Adapted from the manual)
  86. ==================================
  87.  
  88. This section begins with a tutorial which then carries on into a series of
  89. worked examples of some of the program's features. The example files used
  90. are on the disc and should be copied to a 'Tutorials' directory on the hard
  91. disc for fast access.
  92.  
  93. The basics
  94. ==========
  95.  
  96. 1) Load Compo in the usual way, by double clicking on the program icon.
  97.  
  98. If possible, select a desktop of 800 x 600 x 16 million colours or 1024 x
  99. 768 x 32 thousand. Both of these desktops are useful. The latter gives you
  100. considerably more room to manoeuvre, at the expense of some detail in the
  101. colour graduations. We do not recommend using the program with the desktop
  102. in fewer than 32 thousand colours. At a pinch, 256 greys is usually better
  103. than 256 colours. 
  104.  
  105. NOTE: Compo runs slightly faster with the desktop at 16 million colours as
  106. it stores everything to this colour depth internally.
  107.  
  108. 2) Select the the Compo icon bar icon to open a canvas of the default size
  109. and colour.
  110.  
  111. NOTE: Clicking Adjust on the program icon will open a window allowing you to
  112. change the size and colour of the canvas to be created. NOTE: Dragging an
  113. image onto the program icon before a canvas has been created will create a
  114. canvas the same size as the image and then load it. This is useful if there
  115. is to be one background image to your composition. However, this also
  116. requires double the memory. 
  117.  
  118. 3) Open the directory containing the tutorial files. 
  119.  
  120. 4) Drag the file called 'Di' into the canvas window. 
  121.  
  122. 5) Change the window to full size by clicking on the toggle size window
  123. gadget.
  124.  
  125. 6) Select the image as you would in Draw - by clicking on it.
  126.  
  127. 7) Drag the image with Select to another place within the window. If you
  128. wish to abort after you have started moving the image, tap Esc with your
  129. free hand. Use the arrow keys while holding down Select for fine
  130. positioning.
  131.  
  132. 8) Make a copy of the image by pressing Ctrl-C or clicking Menu and choosing
  133. Select ë Copy from the menu.
  134.  
  135. The copy will be located to the right of and below the original and will be
  136. automatically selected instead of the original - just like Draw. With regard
  137. to selecting objects, Compo behaves like Draw in many other ways. Anyone who
  138. has used Draw will be familiar with most of the available options and
  139. shortcuts. 
  140.  
  141. 9) Ensure the the second copy of Di is selected (the one on top) and click
  142. on the Opacity icon (2nd down in left column of the toolbar) to open the
  143. Opacity dialogue box.
  144.  
  145. 10) In the Opacity dialogue box, drag the slider to alter the opacity of the
  146. image.
  147.  
  148.   ë Click on OK to update your changes.
  149.  
  150.   ë Choosing OK with Adjust will keep the dialogue box open. Choosing with
  151.     Select will close it.
  152.  
  153.   ë If you drag the slider with Adjust rather than Select the image will
  154.     update as you drag. This standard is used in most parts of the program
  155.     when a value can be altered by slider.
  156.  
  157.   ë When working with large images it is best to use the Select-drag and
  158.     then OK method rather than Adjust dragging.
  159.  
  160.  
  161. 11) Adjust drag the slider until the opacity reaches 50% and choose OK. The
  162. top copy of Di is now 50% transparent. Check that you can still move it
  163. around. Choose the opacity icon again and return the opacity to 100%.
  164.  
  165. 12) Ensure that the top copy of Di is still selected and click on the mask
  166. icon at the top left of the toolbar. A horizontal toolbar known as the Mask
  167. toolbar will open at the bottom of the canvas window. 
  168.  
  169. The Mask toolbar
  170. ================
  171.  
  172. 13) Choose the Create... button in this toolbar to open a dialogue box which
  173. allows you to create a number of simple masks. Choose Create within this
  174. dialogue box (with Adjust) to create the default, a simple vertical fade.
  175.  
  176. The sprite will fade from completely transparent at the bottom to completely
  177. opaque at the top. Play with the sliders in the dialogue box to discover
  178. their relationship to the fade. You can Adjust drag the sliders to create
  179. the mask interactively. Experiment with the other fades provided, by
  180. clicking on the menu opener, choosing a fade from the menu and choosing
  181. Create once more.
  182.  
  183. 14) Choose the Edit... button in the mask toolbar. This opens the mask
  184. editing window displaying the Blend mask for Di. The blend mask controls the
  185. transparency of the sprite - as you have discovered. Pixels in the mask
  186. which are black equate to completely transparent pixels in the sprite. Areas
  187. of the mask which are white are completely opaque. Grey pixels range between
  188. the two extremes. 
  189.  
  190. 15) Click Menu over this window and choose Clear to ë Black. The mask will
  191. clear to black and the sprite will apparently disappear from the canvas. 
  192.  
  193. 16) Move over the mask edit window and drag with the mouse across it. As you
  194. paint in the mask using the default circular drawing tool, related areas of
  195. the sprite will appear in the canvas. Drag with Adjust over the mask to
  196. remove areas of the sprite.
  197.  
  198. Most of the tools in the Mask edit toolbar have a small dialogue box
  199. associated with them which allows you to change the characteristics of the
  200. tool. Open a dialogue box by clicking Menu over a tool.
  201.  
  202. For example, click Menu over the circle tool, increase the size of the
  203. circle using the bump arrows and choose OK.
  204.  
  205. To undo the last operation on the mask choose the undo button at the bottom
  206. right of the Mask edit toolbar. Depending on the number of Undos configured,
  207. it may be possible to undo more than one operation by clicking on this icon
  208. again.
  209.  
  210. NOTE: If you are very short of free memory or the mask undo option in the
  211. preferences window has been turned off then this button may do nothing.
  212.  
  213.  
  214. Cutting out objects - Masking
  215. ============================= 
  216.  
  217. 1) Drag the file 'Flower5' into the main window, Select it and position it
  218. overlapping the Di image. 
  219.  
  220. 2) Click on the Mask icon and choose the Edit... button in the mask toolbar.
  221. The program will create a default (black) Blend mask and open the Mask edit
  222. window onto it.
  223.  
  224. 3) Choose the eye icon at the top left of the mask edit toolbar to open the
  225. sprite view window.
  226.  
  227. 4) Move over the flower in the sprite view window and click Select to add
  228. pixels of a similar colour to the one you clicked on to the mask (you will
  229. see the flower shape build up in the mask edit window, and simultaneously,
  230. the flower will appear in the canvas window).
  231.  
  232. Move around the flower, clicking on the differently coloured features on
  233. it's surface. If parts of the background appear in the mask ignore them and
  234. carry on until most of the flower is selected, paying particular attention
  235. to its edges.
  236.  
  237. 5) Move over the background surrounding the flower and click Adjust to
  238. remove pixels from the mask. Continue until you have the rough shape of the
  239. flower in the mask edit window.
  240.  
  241. 6) Use the circular brush in the mask edit window to white out the few
  242. remaining black pixels within the flower. Use the same tool or the edge
  243. cutters with Adjust to remove white pixels remaining in the background.
  244.  
  245. 7) To smooth the transition between the flower and what it is on top of,
  246. paint with the Feather tool around the edges of the mask or click Menu and
  247. choose AntiáaliasáëáSmootháëáAll levels
  248.  
  249. 8) Close the mask window and move the flower over the Di image. Try
  250. adjusting the flower's opacity.
  251.  
  252. Simple composition (assumes carrying on from above)
  253. ===================================================
  254.  
  255. 1) Press Ctrl-A and then Ctrl-X to select and delete all of the images in
  256. Compo.
  257.  
  258. 2) Load the Bridge file into the main window.
  259.  
  260. 3) Select it, and press Ctrl-I to open the info window. Enter 0 into each of
  261. the writable position icons and press Return.
  262.  
  263. 4) Load the Bears file and position it below the bridge.
  264.  
  265. 5) Choose Edit...in the mask toolbar.
  266.  
  267. 6) Choose the eye icon in the Mask edit window toolbar to open the Sprite
  268. view window.
  269.  
  270. 7) Click over the bears in the Sprite view window until they appear solid in
  271. the mask. Remove anyáof the background from the mask with the drawing tools
  272. and/or by Adjust clicking over it in the sprite view window.
  273.  
  274.  
  275. The completed mask
  276. ------------------
  277.  
  278. 8) Select the Feather tool and Click Menuáover it. Decrease the feather size
  279. to 8 pixels using the bump arrows and choose 'Silk' strength by clicking
  280. over the menu opener and choosing it from the menu which appears. Choose OK
  281. to close this dialogue box.
  282.  
  283. Drag around the top edge of the bear shapes in the Mask edit window to
  284. smooth the edges of the mask. If the relevant area of the canvas is visible
  285. you will be able see the results of your changes as you work.
  286.  
  287. When you have gone around the edges of both bears click Menu over the
  288. Feather tool again, set the strength to Deluge! and the size to 32 pixels.
  289. Wipe the pointer repeatedly across the bear's reflection at the bottom of
  290. the mask to darken and blur it. Finally, Click Menu over the Feather tool
  291. again and Choose strength Darken. Drag over the land at the left of the mask
  292. a few times to darken and blur the edge.
  293.  
  294. Tints
  295. =====
  296.  
  297. 1) Open a new canvas and load the file called JackN. Select it and position
  298. it conveniently.
  299.  
  300. 2) Choose the Apple in the main canvas toolbar to open the Tint dialogue box
  301. for this sprite. This is the standard Acorn Colour Picker as described in
  302. your User Guide.
  303.  
  304. 3) Choose blue from the default palette and click on OK. The sprite will be
  305. strongly tinted towards blue.
  306.  
  307. 4) Click on the Mask icon and change the mask to be modified to Tint mask by
  308. clicking on the righthand bump arrows in the Mask toolbar. Choose Edit...
  309. This allows you to view the mask which will be created. 
  310.  
  311. 5) Choose the Create... button to open the default fades dialogue box.
  312.  
  313. 6) Choose the points icon (the lower one) in this dialogue box. The Mask
  314. fade points dialogue box will open. Choose the Sprite button in this
  315. dialogue box to display a small version of the sprite. By default, there is
  316. one fade point in the middle of the area. If you choose Create (with Adjust
  317. to keep the dialogue box open) a simple circular fade is created in the tint
  318. mask. You can drag the fade point around, double click in the area to create
  319. more points and click Adjust over a point to toggle it from white to black.
  320. Black points 'pull down' the mask at that point.
  321.  
  322. When you choose Create, the mask which is made, is determined by the
  323. position and colour of the points in this window. If it becomes difficult to
  324. see the points over the sprite then click on the Sprite button again to hide
  325. the sprite.
  326.  
  327.  
  328. 7) To concentrate the tint around his eyes for example, move the point
  329. already present to the left eye, double click Select over the right eye,
  330. double click Select over his chin (and then click Adjust over this point),
  331. double click Select over the middle of his forehead (and then click Adjust
  332. over this point).
  333.  
  334. 8) Finally, choose Create.
  335.  
  336. More flexible fades may be created by using the Graduated fill tool in the
  337. Mask editing window.
  338.  
  339. Shadows
  340. =======
  341.  
  342. 1) Press Ctrl-A and then Ctrl-X to select and then delete all of the images.
  343.  
  344. 2) Load the Leafy1 image and, if necessary, move it to the bottom left of
  345. the canvas.
  346.  
  347. 3) Load the Horse image. Because a suitable mask called Horse_msk exists in
  348. the same directory it will automatically load to the Horse's blend mask.
  349.  
  350. 4) Position the horse on the path near to the bottom of the image. 
  351.  
  352. 5) Press Ctrl-S to turn on a simple shadow effect.
  353.  
  354. 6) Choose the Shadow icon at the top right of the main toolbar to open the
  355. shadow dialogue box. 
  356.  
  357. 7) Turn on the Pseudo 3D option and click on OK with Adjust.
  358.  
  359. 8) Alter the writable X shear value using the bump arrows or keyboard to
  360. 0.50
  361.  
  362. 9) Click OK with Adjust. 
  363.  
  364. 10) Use the bump arrows to reduce the X and Y offsets to zero.
  365.  
  366. 11) Click on the Colour menu opener to open a colour selector, choose a
  367. darker grey and then click OK with Select.
  368.  
  369. Text
  370. ====
  371.  
  372. 1) Press Ctrl-A and then Ctrl-X to select and then delete all of the images.
  373.  
  374. 2) Load the MDHB image, and, if necessary move it to the bottom left of the
  375. canvas.
  376.  
  377. 3) Choose the Text icon in the main toolbar (the two T's).
  378.  
  379. 4) Choose Create in the text dialogue box to create the default text (the
  380. word 'Compo') at the bottom left of the canvas. Move the text until it is
  381. partly over building and partly over the sky behind.
  382.  
  383. You will notice that Compo anti aliases the text on a pixel by pixel basis.
  384. Use the Zoom icons in the main toolbar to examine the effect in detail
  385. before returning to normal size by Adjust clicking on the Current scale
  386. icon.
  387.  
  388. Note: Change to 800 x 600 x 16 million colours to see the full image
  389. quality. If the text does not appear anti aliased then select it, delete it,
  390. run the supplied Tfonts utility (or use Configure to change the Font
  391. settings) and recreate the text at the current pointer position by pressing
  392. Ctrl-E.
  393.  
  394. 5) Give the text a shadow by pressing Ctrl-S or by using the Shadow dialogue
  395. box as described above.
  396.  
  397. 6) Open the Opacity dialogue box and Adjust drag the slider down to 50%. The
  398. shadow appears behind the partly transparent text giving a 'Glass text'
  399. effect.
  400.  
  401. Text/Tints (assumes carrying on from above)
  402. ===========================================
  403.  
  404. 1) Choose the text icon in the main toolbar to open the text dialogue box.
  405.  
  406. 2) Change the Text colour to Black.
  407.  
  408. 3) Change the Text size to 100 point.
  409.  
  410. 4) Choose Create new. The new text is positioned in the bottom left of the
  411. canvas.
  412.  
  413. 5) Select the newly created text and open the Tint dialogue box by choosing
  414. the Apple in the main toolbar.
  415.  
  416. 6) Choose a red tint and click on OK.
  417.  
  418. 7) Change to the Tint mask in the Horizontal mask toolbar.
  419.  
  420. 8) Choose Create..., select the Vertical fade from the menu if it is not in
  421. use and then click on Create in the Create mask dialogue box.
  422.  
  423. 9) Repeat with the Circular fade.
  424.  
  425. 10) Hold Ctrl down and drag Select over the text in the canvas to move the
  426. Tint mask around behind the text.
  427.  
  428. Experiment with text. (Different angles, fonts, with a shaded box etc.)
  429.  
  430. Colour correction
  431. =================
  432.  
  433. 1) Press Ctrl-A and then Ctrl-X to select and then delete all of the images.
  434.  
  435. 2) Load the image called sa22 which is one of those supplied with your
  436. computer. You will find it in Images.00-49 on your hard disc.
  437.  
  438. 3) Select this image.
  439.  
  440. 4) Click Menu and follow Effects ë Scale ë
  441.  
  442. 5) Select the first 'By' item and enter 0.5 into the dialogue box and click
  443. on Scale.
  444.  
  445. NOTE: Compo's Scale feature uses ChangeFSI to resample from the original
  446. image file. This provides a very high quality rescale at the expense of some
  447. speed and with the requirements of enough free memory and hard disc space.
  448. It is felt that image quality is of paramount importance in Compo and that a
  449. fast rescale on the fly would not produce high enough image quality. Scale
  450. is one of the very few effects in Compo which modifies the image data in
  451. memory directly and therefore, has several important consequences.
  452.  
  453. 6) Press Ctrl-C to create a copy of the rescaled image.
  454.  
  455. 7) Position the images side by side and select the right one only.
  456.  
  457. 8) Choose the Colour curve icon in the main toolbar (below the apple) or
  458. press Ctrl-V.
  459.  
  460. 9) Modify the curve so that the two middle red control points are now in
  461. the top left corner. This should give a smooth curve.
  462.  
  463. 10) Click on Set, to see your changes. Select Reset all to restore the
  464. default.
  465.  
  466. Experimenting with masks
  467. ========================
  468.  
  469. 1) Press Ctrl-A and then Ctrl-X to select and delete all of the sprites.
  470.  
  471. 2) Load the Leafy1 image.
  472.  
  473. 3) Select it, and ensure that the Blend mask is selected in the Mask
  474. toolbar.
  475.  
  476. 4) Drag the file called Model4B into the long box in this toolbar. After you
  477. have done so, it's filename will appear within the box.
  478.  
  479. Notice how the Leafy1 image is restricted to the shape of the woman's head.
  480. Click on Edit... in the Mask toolbar to see how the mask is constructed. 
  481.  
  482. Compo can use just about any image as a mask. To load a file into a mask
  483. simply drag its icon into the box in the toolbar. If the image you drag is
  484. not suitable (a 256 grey level sprite) then Compo will load it and convert
  485. it for you. Compo can recognise Sprite, TIF, GIF, JPEG, TGA, PCX, PhotoCD
  486. and Clear files.
  487.  
  488. You can, of course, load an image to the Tint mask instead of the Blend mask
  489. though the effect of this will not appear until there is a tint applied to
  490. the sprite.
  491.  
  492. Images masked in this way often look good with a slight tint or shadow to
  493. enhance details in the mask.
  494.  
  495. NOTE:
  496.  
  497. Rotating Draw & ArtWorks files
  498. ------------------------------
  499.  
  500. When loading Draw & ArtWorks files, specifying any rotation other than zero
  501. will cause the item to be lost from view. We do not advise use of this
  502. feature in this version.
  503.  
  504. You can overcome the above limitation by rotating the object in Draw or
  505. ArtWorks prior to importing it into Compo.
  506.  
  507.