Welcome to The Infinity Machine - A free online illustration and paint program

Tired of boring illustration tools. Draw with mathematical paint brushes derived from the mathematics and science of the universe with BookMark's free online illustration program, the Infinity Machine. Create exciting new artistic, fashion and CAD designs with fractal paint brushes, parametric paint brushes, waveform paint brushes, electromagnetic paint brushes and much more. Explore geometry and geometric design with elliptical, parabolic, parallogrram, polygon, trigonometric and conic paint brushes Create your own paint brushes with the paint brush texture and image generator. Use pattern generators to create different textures, shapes and forms.

BookMarkTutoring.com
Cell/Text:
(707)235-4095
Email:
mark.c.stansberry@gmail.com

Note: Specific paint brushes and features of this program are only available to BookMark's students and through licence,. If you would like to access those features contact BookMark directly.

 

Follow the lessons in numbered order to get the most out of the online version of the Infinity Machine, also known as ScribbleBoard.

Link to Infinity Machine OnLine Training Software @ http://www.3d-perspective-software-development.com/Infinity-Machine-Users-Manual-Online-Version.html

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Costume Mask Graphics

Create Complex Costume Mask Designs Quickly

The mask design on the right was created with the images from the mask library accessed with the Automatic Drawing Generator tools. Seven different vector mask images were chosen for the design. Different shades of orange and black were used for the each mask image. The masks were then aligned and overlayed to produce the halloween design.

How to Draw Costume Mask Designs

The settings for the library are shown in the drawing control panels in the figure on the right. The automatic drawing generator was set to library element 42 - 22,

The mask library is the startup library setting for the ScribbleBoard, After landing on the Scribble Board page, simply click your mouse and press the B key on your keyboard. The mask library will cycle through 100 different designs. However you are not limited to just the mask library. Different libraries can be created with different settings of the aHeight and bHeight fields in the Automatic Drawing Generator panel.

Step by Step

  1. Go to the Scribble Board Page
  2. Position your mouse button on the design board and click your mouse button to activate the program.
  3. Press the B key on your keyboard to activate the costume mask library. .
  4. Observe the different mask graphics appear at a rate of 1 per second.
  5. Click your mouse to stop the automatic drawing generator when you find a mask design you like.
  6. Select a different color with the color picker (the framed black button).
  7. Press the B key on your keyboard again to cycle through the design library again.
  8. Click your mouse again when you find another mask design you like.
  9. Select the drag button (the maroon button, the 4th button down) to enable drag mode.
  10. Position your mouse over one of the images, double click and drag that image over another one of the images selected.

Tips

  1. Check the settings in the control panels if they match the ones given in the figure above. Change the ones that differ. On start up, after landing on the Scribble Board page, the settings in these panels will be similar. The linewidth, in the Dimensions panel, will be 5 pixels on start up. For a highly delineated mask, such as one in the figure above, change the linewidth to 1 pixel.
  2. The settings in the height and width Dimensions panel will control the relative dimensions of the mask.
  3. The view time of each image is set in the Image View Time text box in the Timing panel. The default setting is 1000 milliseconds. A millisecond is one-thousandth of a second. The number of images generated is set in the Number of Images text box in the Timing panel. The default setting is 100 images.
  4. The setting in the aHeight and bHeight text boxes in the Automatic Drawing Generator panel will control the type of image generated. The difference between aHeight and bHeight will also have an effect on the type of images produced. .

Combined with ink jet printers that print on fabric, as well as a base of companies that offer on demand fabric printing services, FashionExplorer will let you not only create exciting and uniquely you fashion designs, but enable you to actually make clothes based on the fabric designs you create with FashionExplorer.

Resources, References and Links: Fabric Design

  1. SpoonFlower, Get Started Designing Your Own Fabric
  2. Portabellopixie, How You Design Fabric
  3. Karma Kraft, You Design It, We Print It
  4. Fabric on Demand, Design and Print Custom Fabric
  5. CraftZine, How to Print Fabric with an Inkjet Printer
  6. Walmart, Avery Printable Fabric for Inkjet Printers
  7. The Tangent Space, Tangent Space

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Creating Patterns EasilyPattern Mode

Pattern mode is used to simplify the task of creating repeating patterns used in graphic, architectural and fabric design. Pattern mode lets you select a pattern from the library and then automatically shift and align it in any direction you choose.

The pattern on the left was created in pattern mode with the concentric ovals tool (Key X) and the inscribed oval tool (key Z).

Enabling pattern mode is relatively straight forward. Double click the Select Button (the pink button) to turn pattern mode on. Double clicking the select button (the pink button) resets the drawing machine to pattern mode.

If Select mode is already on (the Select button is black), just single click the select button to turn on pattern mode.

On the drawing on the right, all of the modes are off except drag mode (the fourth button down) and pattern mode. A mode is on when the associated mode button is black. Pattern mode is however an exception. Pattern mode is on when both Scribble mode (the purple button)and Animator mode (the dark blue button) are off.

The shift x and shift y text boxes in the dimension's panel (upper left of the figure) control the direction in which a pattern will repeat and the distance between two consecutive images. .The values in the width and height text boxes are used with the values set in the shift x and shift y boxes to calculate the number of pixels an object will be shifted in the horizontal and vertical directions.

Pattern Mode Step by Step

  1. Go to the Scribble Board Page
  2. Position your mouse button on the design board and click your mouse button to activate the program.
  3. Double click the Select button (top button in the mode control panel) it is pink. Single click the Select button if it is black.
  4. Set the text box values in the Dimensions panel to: width = 50, height = 100, lineWidth = 1, rotate = 0, shift x = 0, shift y = 1
  5. Calculate the vertical shift by multiplying the height of the object by the value in the shift y text box (100 multiplied by 1 equals 100). Calculate the horizontal shift by multiplying the width in the width field by the value in the shift x text box (50 multiplied by 0 equals 0).
  6. Position the mouse cursor at the location you want to place the vertical strip of rectangles with the inscribed oval.
  7. Press and hold down the Oval Key (Key Z).
  8. Now with the Z key held down, press and release your mouse button. Observe that one oval inscribed in a rectangle will appear.
  9. With the Key Z still held down, depress and release the mouse button again. Another oval will appear that is vertically aligned with the first and shifted a distance 100 pixels down.
  10. With the Key Z still held down, continue to press and release the mouse button. Each click of the mouse key will create another vertically shifted and aligned oval.
  11. Release the mouse button and the Z key.
  12. Set the text box values to shift objects in the horizontal direction. In the dimensions panel set the width = 100, height = 50, line width = 1, rotate = 90, shift x = 0.5, and shift y = 0.
  13. Calculate the vertical shift by multiplying the value in the height text box by the value in the shift y text box (50 multiplied by 0 equals 0). Calculate the horizontal shift by multiplying the width in the width text box by the value in the shift x text box (100 multiplied by 0.5 equals 50). Conclude that for each click of the mouse, the object will be shifted 50 pixels to the right.
  14. Position the mouse cursor at the location you want to place the horizontal strip of concentric ovals.
  15. Press and hold down the Concentric Ovals Key (Key X).
  16. With X Key still held down, depress and release the mouse button. A graphic built from concentric ovals will appear.
  17. With the X Key still held down, click your mouse button. Another concentric set of ovals will appear that is horizontally aligned with the first.
  18. With the X Key still held down, continue to depress and release the mouse button. Each click of the mouse key will create another horizontally aligned set of concentric ovals.
  19. Repeat the above steps with different line widths and colors for the concentric ovals and inscribed ovals. Also use different values for rotate, width and height to become familiar with the effect different settings have.

Tips

  1. Most of the keys on the keyboard have a graphic associated with them. Pressing different keys will result in different graphics being generated. When you press a key, the text boxes associated with the dimensions and characteristics of the graphic will be highlighted in gray or some other color. Changing the values in the grayed text boxes and then pressing the key again will generate another graphic with the new dimensions.
  2. If you want to remove a graphic quickly, click the bright yellow Remove Last button within the Mode Control Button panel.

Lace Graphic LibraryLace maker tool lets you create trims, fast!

Lace is one way to spruce up a dress design or a curtain. Creating lace designs however can be a complex task, if you don't have the right design tools or approach. That's why FashionExplorer and ScribbleExplorer, come complete with tools for your lace making tasks. With these tools, you can create a wide variety of different lace designs quickly and easily.

How to Design Lace Patterns

The lace patterns on the right were created with FashionExplorer's concentric oval tool (the C key on your keyboard, pattern mode) The ovals' width and height were set to 50 pixels each. The automatic shift function was set to 0.5 horizontal for a 25 pixel horizontal shift (0.5 times 50 pixels equals 25 pixels).

The JPEG image was captured online from the screen with Adobe Acrobat Pro. Now it can be directly imported for further editing in tools like Adobe PhotoShop and Adobe Illustrator.

Step by Step Instructions

  1. Go to the Scribble Board Page
  2. Click your mouse on the design board to activate Scribble Board.
  3. Double click the pink Select button to activate pattern mode.
  4. Position your mouse cursor at the location you want to start the lace design.
  5. Note the position of the mouse cursor in the properties panel (lower left text boxes, second text box down, mouse (x, y) in tool tip).
  6. Press and hold down the C key on your keyboard.
  7. Continue to hold down the C key and then repeatedly click your mouse button. Observe oval patterns are created at equal horizontal distance
  8. Release the C Key.
  9. Change the value in the shift x text box in the Dimensions panel. Use 0.5 for this example.
  10. Calculate the horizontal distance the concentric ovals object will move for each click by multiplying the value in the width text box by the value in the shift x text box. For this example, the width was set to 50 and shift x was to 0.5. The product of 50 and 0.5 is 25 pixels. Conclude that for each click of the mouse when the C key is held down, the concentric ovals will move 25 pixels.
  11. Position your mouse cursor over the first image created. Repeat steps 6 and 7.
  12. Continue the procedure, changing the color and dimensions between each repetition. Slightly alter the starting position each time. Align rows of lace using the mouse position given in the mouse x, y text box as a guide. The mouse x, y text box is in the properties control panel (the vertical set of text boxes on the lower left).

 

Making Faces for FacebookMaking Faces In Scribble Mode

There are a variety of ways to make faces with the the line of Explorer's products. One way is to use freehand drawing mode. Another way is use scribble mode. Even though both modes have different advantages, Scribble mode presently has more tips to draw with. And that's because in Scribble mode you can use any of the graphic library elements as technical drawing tips or paint brushes. .

For the faces on the right, an oval brush in Scribble mode was used. The oval drawing tool was used with the dimension panels set as follows: Width = 3 pixels, Height = 3 pixels, Line Width = 2 pixels These settings produce a circular brush with a radius of 1.5 pixels with a 2 pixel brush width.

The color picker was also used to add different colors to the drawing.

Step by Step

  1. Go to the Scribble Board Page
  2. Click your mouse on the design board to activate Scribble Board.
  3. Note that the Scribble mode button is black, which means Scribble mode is on. Scribble mode is automatically turned on when you land on the Scribble Board page.
  4. Locate the Scribble Board mode control button. It is in the multicolored mode control panel, directly above the dark blue animated mode button. If you have just landed on the scribble board page, the scribble mode button will be black.
  5. Turn off scribble mode by double clicking the pink Select button at the top of the mode control panel. Note that the scribble mode button is purple when it is off. Turn scribble mode back on by clicking the purple Scribble mode button.
  6. Set the width, height and line width settings for the brush size your want in the text boxes in the Dimensions panel. . For example set the width = 3 pixels, height = 3 pixels and line width = 2 pixels
  7. Click the color picker button in the mode control panel. It is the framed black button on start up. Select a color from the color palette that appears.
  8. Choose a key graphic image for the brush. For this example, the Z Key will be used to select the circle brush.
  9. Depress the Z key (on the first row of your keyboard). and with the Z key held down, drag the mouse in the direction needed to construct a circularized line on the design board.
  10. Release the Z key.
  11. Repeat this procedure for the different lines of the face.
  12. Select a different graphic symbol for the brush. Use the parallelogram tool.
  13. Depress the parallelogram tool key, the 4 key.
  14. Depress the 4 key (on the fourth row up on your keyboard). and with the Z key held down, drag the mouse in the direction needed to construct a rectangularized line on the design board.
  15. Release the 4 key.

Erasing in Scribble Mode

You can use the click erase or quick erase to erase portions of your sketch. Click erase is used to delete one object, line or pixel at a time. Quick erase is used to erase several pixels or objects at a time, just like a standard eraser. It is often necessary to toggle between click erase and quick erase when you need to erase lines that are in the center of a drawing. This is done with the ALT key on your keyboard.

Click Erase

  1. Select the Delete Button (light blue). The light blue button changes from light blue to black, indicating you are in Click Delete mode.
  2. Position the mouse cursor on the object or pixel you want to remove. Click your mouse button. The pixel, line or object will be removed.

Tip: If the object is not removed, it may be that you were not directly over an object line or point. Drawings constructed with small line widths, 2 pixels and below, can be difficult to erase. You can use Flash Player’s zoom feature to zoom in on small lines and dots.

Quick Erase

  1. Click the Select (pink) and the click on the Delete Button (light blue). Both buttons will turn to black as long as the Select button is selected first. You are in Quick Erase mode when both the Select and Delete buttons are black.
  2. Now depress and hold down the ALT key ( on the very first row of your keyboard, by the long spacebar key. When the ALT key is pressed, you toggle between click erase and quick erase modes. (Note that there presently is no visual indicator that indicates that the ALT key has switched from click erase mode to quick erase mode). Note: ALT is presently supported online with the Internet Explorer 8 browser.
  3. Position the mouse over the region you wish to erase. Press ALT again to toggle quick erase back on. Drag the mouse over the pixels, lines or objects you wish to erase. If the objects don’t disappear, you may be in click mode. Press the ALT key once again to toggle back to quick erase mode.
  4. The ALT button operates much like the mouse button does for eraser operations in other graphic design programs. does not use the mouse button for toggling between click erase and quick erase. Instead the ALT key is used.

Tip: Don’t hold down the mouse button. However, always remember to keep the key brush held down when painting.

Ribbon Graphics Images Make Colorful Ribbon Wire Frames

Ribbons are another fashion accessory that are easy to create on the Scribble Board. The wire frame of a ribbon on the right was created with FashionExplorer's wave maker tool.

FashionExplorer's pattern mode (Lesson 2) was used to automatically align the waves. The color picker was then used to select colors for the different portions of the wave. Finally, Adobe Acrobat was used to capture the image as a jpeg file.

For a clearer image, the actual shape can be generated as a swf based vector drawing. The advantages of a swf vector image is that it takes up much less memory and the lines are clearer and sharper.

Project Time Estimate:

  1. Novice: - 180 seconds
  2. Skilled: - 30 seconds

Step by Step

  1. Go to the Scribble Board Page
  2. Set the mode to pattern mode(double click the pink select mode button).
  3. Set the Dimensions Panel(upper far right) for a width of 100 pixels and a height of 50 pixels).
  4. Position the mouse cursor where you want to place the first wave.
  5. Press and hold down the A key (on the third row up on your keyboard)
  6. Holding the A key down, repeatedly click your mouse. One shifted wave will be created for each click of the mouse.
  7. Release the A key
  8. Change the tip color. Click the color picker button(the framed button) and select a different color from the color palette.
  9. Position the mouse cursor, slightly to the right of the first wave you placed.
  10. Press and hold the A key down again.
  11. Holding the A key down, repeatedly click your mouse. One shifted wave will be created for each click of the mouse.
  12. Release the A key
  13. Repeat the procedure changing the color with the color picker between each step. Change the linewidth (dimensions panel) to add thick stripes in the ribbon.
  14. Save the file with Adobe Acrobat Pro (Press File>Print on Internet Explorer Browser and choose Adobe PDF from the Printer Menu). Adobe Acrobat Pro must be installed on your computer.
  15. Crop the graphics in the PDF file created and import into Adobe PhotoShop or Adobe Illustrator for further editing.

References: Color

  1. Color Tools, Complimentary RGB Colors
  2. Google Images, Color
  3. Google Images, Color Theme
  4. Google Images, Complementary Colors
  5. Goo gel Images, Analogous Colors
  6. RHS Web Site, Types of Color Schemes
  7. RHS Web Site, Color Reviews
  8. eHow, Types of Color Schemes

 

freehand sketchFreehand Drawing Mode

This drawing was created in FashionExplorer's freehand drawing mode with the flow tip. An ordinary mouse was used. For comparisons, have a look at the drawing in lesson 54 for a face / head drawing done with the Wacom Bamboo electronic pen.

How to Draw Freehand Fashion Compositions

One of the primary ingredients for freehand fashion compositions with computer graphics programs is mouse dexterity. In general, those that are good with traditional pencil sketching have the dexterity needed to create mouse driven drawings.

Another component is proportion and layout. For example, knowing the relative proportions of the figure and head will help a lot in creating a fashion drawing.

FashionExplorer lets you create freehand drawing compositions with simple click and drag operations with your mouse. The software is also compatible with Wacom's electronic pens. One of the advantages of an electronic pen is that it lets you color with a higher level of precision and accuracy than the mouse.

FashionExplorer tools let you change the color and linewidth of the drawing tip. As well, you can also erase using either quick erase (Quick Eraser) or pin point erase (click eraser) tools or use fast and quick white out methods.

Step by Step

  1. Go to the Scribble Board Page
  2. Click your mouse button to activate the Scribble Board
  3. Press 1 on your keyboard to toggle freehand drawing mode on
  4. Position the mouse cursor where you want to place the first scribble
  5. Depress and hold your mouse button down then drag to draw
  6. Release the mouse button to stop drawing
  7. Position your mouse cursor in the linewidth text box in the Dimensions panel to change the tip width
  8. Observe that the line width tool tip "linewidth" appears when your mouse is positioned over the linewidth text box
  9. Click your mouse button.
  10. Press the up or down arrow on your keyboard to increase or decrease the tip size (in pixels) or directly type over the value in the linewidth text box
  11. Reposition your mouse cursor to a new position on the design board.
  12. Depress and hold your mouse button down then drag to draw with the different sized tip
  13. Release the mouse button to stop drawing
  14. Save the file with Adobe Acrobat Pro (Press File>Print on Internet Explorer Browser and choose Adobe PDF from the Printer Menu). Adobe Acrobat Pro must be installed on your computer.
  15. Crop the graphics in the PDF file created and import into Adobe PhotoShop or Adobe Illustrator for further editing.

 

Notes:

 

Freehand drawing mode is one of the fundamentally fun modes of the Scribble Board. Pressing the 1 key on your keyboard turns freehand drawing mode on and off. Once freehand drawing mode is on, drawing lines and curves is just a matter of click and drag operations with your mouse.

Freehand drawing mode comes complete with a set of tips that you can use for detailed shading. The online version of the Scribble Board contains a flow tip and stipple tip. The flow tip is a general purpose tip used for the construction of continuous lines and curves. The stipple tip is most often used for fine detailing. Although the stipple tips size can be set to any value, most artists set the stipple tip width below 3 pixels for fine point stippling control.

When you are in freehand mode, you can also turn on the Click Eraser (PinPoint Erase). Pressing the light blue delete mode button will turn on click erase mode. When both freehand and click erase mode are on you can quickly draw and erase as you work. Just drag your mouse to draw and just click your mouse on the object to erase. For drawing straight lines you can use the line mode tool (red button). The line tool lets you draw perfectly straight lines for the construction of graphs, charts and other linear objects.

Turning freehand mode and line mode on gives you even more power to create different strokes and create freehand objects faster.

Turning FreeHand Drawing Mode On and Off

Press the 1 key on your keyboard to toggle freehand drawing mode on and off. When freehand mode is on you can draw lines and curves by holding down your mouse button and dragging. When freehand drawing mode is off, you will not be able to draw lines and curves. The real time help menu will inform you when you turn freehand drawing mode on and off.

Drawing in Freehand Drawing Mode: Step by Step

Depress the mouse button, then drag the mouse. Release the mouse button to end the curve or line.

Erasing in Freehand Drawing Mode

Erasing the lines, curves and pixels that you draw in freehand drawing mode, just like graphics you place on the screen, can be erased in four different ways.

Erasing the Entire Screen

Pressing the space bar key will remove all the freehand lines and objects on your screen.

Changing the Tip

The online version of Scribble Board has two types of tips, the flow tip and the stipple tip. When you first start freehand drawing mode, the flow tip is on. The type of tip selected is set with the value entered in the reserved text box in the Rotate and Tip panel. A value of 0 turns the flow tip on and a value of 1 turns the stipple tip on.

Changing the Color of the Tip

The color picker mode button (framed button) is used to change the color of the tip. Clicking the color picker button with your mouse will display the color palette. Clicking a color within the color palette will set a new tip color.

Changing the Size of the Tip

The size of the tip is set with the linewidth text box in the dimensions’ panel. On startup, the tip is set to a width of 5 pixels. Typing in a different value in the linewidth text box will change the tip size. The tip size can be set as low as 0.6 pixel and as high as you like.

Setting the tip size to a very high value such as 100 pixels (there are about 72 pixels per inch) will allow you to draw very thick lines. If you change the color of the tip to white and set the tip width to a very high value, you can use freehand drawing mode to white out previously drawn objects and graphics.

References: Fashion Illustration

  1. Luxe Gifts, Step By Step Fashion Illustration With Famed Fashion Illustrator Alfredo Cabrera
  2. WetCanvas, ESP Portrait & Figure Line, Center and Rhythm Lines
  3. Draw Marvel, The Name of the Game is -- Action!
  4. ConceptArt, Figure Drawing From the Mind, Thread
  5. Rubber Suits Studios, How to Draw Comic Books
  6. The Art Educators Blog, Rhythm-Line of Action
  7. Tumblr, Figure Drawing
  8. YouTube, Animation Walk Cycle....Anikartick
  9. WebSpace:WeBring, The Female Form: Women of Different Shapes
  10. Human Figure Drawing Proportions, Human Proportions
  11. Google Images, How to Draw Sexy Legs
  12. HubPages, How to Draw the Female Body

 

 

Perfect Fashion Figure Research

Searhing for the perfect fashion figure is no easy task. And that's because different fashion requires different figures. Find below the viewpoint of fashion designers and models from all around the world on the perfect figure for different fashions.

 

 

 

lace imagesPen and Ink Drawings with FashionExplorer

This image was generated with FashionExplorer's lace maker tool. Adobe Acrobat Pro was then used to capture the image as a jpeg graphic.

The pen and ink jpeg image illustrates the hand drawn look that the FashionExplorer and PerfectDisplay's other Explorer projects can generate. Such hand drawn looks is why cartoonists that specialize in comic and cartoon designs, see the ScribbleBoard as a must have for their work. .

How to Create Double Breasted Lace Designs

The FashionExplorer's lace maker tool (the comma key on the second row of your keyboard).was used 8 times to create the 8 graphic blocks that make up the design. The width and height settings were changed to create the two basic lace shapes. The rotational setting for each block was also changed for each of the blocks. Rotate settings were 0, 90, 180 and 270 degrees.

Step By Step

  1. Go to the Scribble Board Page
  2. Select scribble mode if it is not already activated. Scribble mode is off, if the scribble mode button is purple. On, if it is black.
  3. Position your mouse over the height text box in the dimensions panel. Set the height to 1.
  4. Position your mouse over the width text box in the dimensions panel. Set the width to 100.
  5. Position your mouse over the rotate text box in the dimensions panel. Set rotate to 0.
  6. Position your mouse at the location you want to create the first lace group.
  7. Press and release the comma key on your keyboard. The comma key is on the second row of your keyboard on the right hand side.
  8. Position your mouse over the rotate text box in the dimension panel. Set the rotate value to 90.
  9. Position your mouse at the location you want to place the next lace group.
  10. Press and release the comma key on your keyboard.
  11. Change the value in the rotate text box in the dimension panel to 180.
  12. Reposition your mouse to another location and press the comma key.
  13. Change the value in the rotate text box in the dimension panel to 270.
  14. Change the value in the height box to 200. Repeat steps 5 through 13.
  15. Select the drag mode button in the mode control panel. Drag mode is on when the drag mode button is black.
  16. Double click the lace group that you want to reposition. Now, hold down the mouse button and drag the selected lace group to a new position.
  17. Release the mouse button.
  18. Repeat for all remaining seven lace groups created.

Tips

  1. The height value used for the creation of lace groups is not proportional to the actual height of the lace group produced. In fact, a slightly different design is produced when values other than "1" are used for the height. Rotating and changing the width value is one way to obtain a lace group with a different height.
  2. The desk top version of the lace tool will let you directly set the height and width of grouped lace structures.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

flowers P key Explore Flowers Galore

Flowers are a natural for FashionExplorer, FashionExplorer's petal key can be used to create flowers with any number of petals, double petals and more. You can also change the color of the petals, for multicolored flowers. Not only can you create original flower designs, but you can quickly create a wide variety of flower patterns for fabric and dress designs.

How to Make Flower Designs and Flower Compositions

FashionExplorer lets you create flower based pattern design with its flower making tool. With FashionExplorer you use the P Key on your keyboard to create petals and flowers. The text box controls in the dimensions, automatic drawing generator and timing panels let you set the number of petals, the roundness of curves, the type of petal designs and color.

Step By Step

  1. Go to the Scribble Board Page
  2. Position your mouse cursor over the Scribble Board and click your mouse button to activate the program.
  3. Select scribble mode if it is not already activated. Scribble mode is off if the scribble mode button is purple. Scribble mode is on if the scribble mode button is black. When you land on the Scribble Board page, scribble mode is automatically turned on.
  4. Position your mouse at the location you want to create the first flower
  5. Press and release the P key on your keyboard (on the fourth row up on your keyboard). Observe that a flower has been created similar to the black flower in the figure above. Also observe that several text boxes in the control panels are now highlighted in gray. Values in these text boxes when changed will affect the design of the flower.
  6. Select the color picker from the mode control panel. The color picker is the framed button. Select a gold color from the color palette that appears. Double check the color picker button to ensure that gold is now the color of the button.
  7. Position your mouse over the aHeight text box in the Auto. Draw. Gen. panel. Change the value of aHeight to 100.
  8. Position your mouse at the location you want the gold flower to appear. Press and release the P key on your keyboard. Observe that new gold flower design is displayed on the screen.
  9. Position your mouse over the time upper bound text box in the Timing panel. Type in 200 in the text box.
  10. Press and release the P key. Observe that a thicker formed flower, like the one on the far upper right of the figure appears.
  11. Position your mouse over the delta time text box. Change the value to 0.5.
  12. Change the color picker to green.
  13. Reposition your mouse over the design board. Position the mouse at the location you want to place another flower.
  14. Press and release the P key. Observe that a nettle like flower similar to the green flower in the figure above appears.

Tips

  1. The lower the value of aHeight, the smaller the flower
  2. The higher the value used for default time, the lower the number of petals
  3. The higher the value used for time upper bound the higher the number of petals.
  4. You can make solid circles with the flower maker by setting the delta time value to values near 0.1
  5. You can make partial petals by setting the values of delta time and time upper bound in correct ratios.
  6. Use the line width value in the dimensions panel to change the line width of the petals
  7. Watch for future changes on the flower maker. The flower maker is mathematically complex. Newer versions are expected to help simplify the actual creation of even more complex and realistic flowers.

Drawing a Red Star Flower Resources, Links and References: Flower

  1. Buzzle, Flower Drawings: How to Draw Flowers
  2. TLC Family, How to Draw Flowers and Plants
  3. How to Draw Cartoons Online, Draw Flowers Easily
  4. Google Images, Flower Math
  5. Google Images, Flower Fabric
  6. Google Images, Flowers
  7. Google Images, Flower Logo Design
  8. Ransen Software, Floral Design Program
  9. Google Images, Drawing Flowers

 

 

 

 

 

 

 

 

 

 

flower of life key 6Ancient Sacred Geometry

The Flower of Life is an ancient geometric form. Its origin is engraved in the pyramids of Egypt. The Flower of Life, because of its shape, can be used to construct numerous different geometric designs (as illustrated in Slides 10 and 20). For the most part it is considered a fairly versatile geometric form. It has been used continually throughout history to create works of architecture, fashion and art. The Flower of Life is often revered as a symbol of spiritual mysticism.

How to Construct the Flower of Life

With FashionExplorer, the Flower of Life can be generated automatically with the push of a key. Different variations can also be created by changing just a few parameters. As well, FashionExplorer, has automatic drawing generators that use the Flower of Life as the basic seed.

Constructing the Flower of Life manually requires that you first construct a regular hexagon. The next step requires that you draw six circles centered at each of the vertices. The radius of each of these circles must be equal to the length of the side of the hexagon. All of these steps are eliminated with FashionExplorer.

  • Step By Step

    1. Go to the Scribble Board Page
    2. Position your mouse on the Scribble Board and click your mouse to activate the Scribble Board.
    3. Select scribble mode if it is not already activated. Scribble mode is off, if the scribble mode button is purple. Scribble mode is on, if the scribble mode button is black.
    4. Position your mouse at the location you want to create first flower of life
    5. Press and release the 6 key on your keyboard (on the fifth row up on your keyboard). Observe that a flower has been created similar to the black flower in the figure above. Also observe that several text boxes in the control panels are now highlighted in gray. Values in these text boxes when changed will affect the design of the flower of the life.
    6. Position your mouse cursor over the height text box in the dimensions panel and type in the number 100, for 100 pixels.
    7. Position your mouse cursor over the width text box in the dimensions panel and type in the number 100, for 100 pixels.
    8. Position your mouse cursor over the radiusCircle text box in the Geo2 panel and type in the number 100, for 100 pixels.
    9. Position your mouse cursor at the location you want to place the Flower of Life.
    10. Press and release the 6 key. Observe that the flower of life is completely symmetrical and has six petals.

    Tip

    1. Note that if the height, width and radiusCircle values are not the same, the flower of life will not be symmetrical.
    2. Varying the height, width and radiusCircle dimensions will permit the generation of a wide number of variations of the flower of life.
  •  

     

     

    architectural designArchitectural Design Tools

    The architectural plan on the left was drawn with FashionExplorer's planning tool, key 5 on your keyboard. Seven different architectural objects were generated with the planning tool. The objects were then overlaid to create the front view of the church and steeple. Different roof slopes were used for the different sections of the church.

    Examining the left and right sides of the church, you will see that each side is composed of two identical shapes that are overlaid on top of each other such that there roof lines intersect to form an hourglass at the top.

    The base width and height of each object is set with the value in the width and height fields in the Dimensions panel. The apex of the roof is set with the values in the lengthTwo and heightTwo text boxes in the Geo2 panel.

    Step by Step

    1. Go to the Scribble Board Page
    2. Position your mouse on the Scribble Board and click your mouse to activate the Scribble Board.
    3. Select scribble mode if it is not already activated. Scribble mode is off, if the scribble mode button is purple. Scribble mode is on, if the scribble mode button is black. Scribble mode is automatically turned on when you land on the Scribble Board page.
    4. Position your mouse at the location you want to create your first architectural block.
    5. Press and release the 5 key on your keyboard (on the fifth row up on your keyboard). Observe that an architectural form has been created that has five sides and three right angles. Also observe that several text boxes in the control panels are now highlighted in gray. Values in these text boxes when changed will affect the design of the architectural block.
    6. Position your mouse cursor over the height text box in the dimensions panel and type in the number 100, for 100 pixels.
    7. Position your mouse cursor over the width text box in the dimensions panel and type in the number 100, for 100 pixels.
    8. Position your mouse cursor over the heightTwo text box in the Geo2 panel and type in the number 50 for 50 pixels.
    9. Position your mouse cursor over the lengthTwo text box in the Geo2 panel and type in the number 50, for 50 pixels.
    10. Position your mouse cursor at the location you want to place the architectural block
    11. Press and release the 5 key. Observe that the a front house plan has been displayed with the roof symmetrically centered between the two ends of the house. Also observe that the roof that the apex of the roof is 50 pixels from the left edge of the house plan. and 50 pixels above the lower roof line.
    12. Change the value in the heightTwo text box in the Geo2 Panel to 150. Press and release the 5 key again. Observe that the height of the roof's apex has increased and is now 150 pixels above the lower roof line.
    13. Change the value in the lengthTwo text box in the Geo2 panel to 25. Press and release the 5 key again. Observe that the apex of the roof is now 25 pixels to the right of the left edge of the house.

     

     

     

     

     

     

     

     

     

     

     

     

    spherical grids key CSumming it Up with Graphic's Overlay Technology

    Graphic designers often simplify the process of creating complex geometric forms with overlays. Spherical grids, used in the design of balloons, faces, planets and anything spherical are examples of where graphic overlays can be applied to speed the design process.

    How to Create Spherical Grids

    There are many ways to create spherical grids. However, the simplest way with FashionExplorer is to use the concentric ovals tool, key X on your keyboard. First create a concentric oval group then create another concentric oval group that is rotated 90 degrees. Then drag one of the oval groups over the other.

    Step by Step

    1. Go to the Scribble Board Page
    2. Position your mouse on the Scribble Board and click your mouse to activate the Scribble Board.
    3. Place FashionExplorer in pattern mode. Double click the Select button if it is pink. Single click it if it is black.
    4. Position the mouse cursor over the width text box in the Dimensions panel. Type in 100 in the width text box.
    5. Position the mouse cursor over the height text box in the Dimensions panel. Type in 100 in the height panel.
    6. Position your mouse cursor at the location you want the set of inscribed circles to appear.
    7. Press the X key (second row from the bottom on your keyboard). A sphere with horizontal curved grid lines appears.
    8. Position your mouse cursor over the rotate text box in the Dimensions panel. Type in 90 in the rotate text box.
    9. Position your mouse cursor at the location you want the sphere with vertical curves to appear.
    10. Press the X key on your keyboard. . A sphere with vertical curved grid lines appears.
    11. Select the Drag mode button in the Mode Control Buttons panel. It is the maroon button. It will turn black once selected. When you roll the mouse cursor over the drag mode button, the tool tip, drag mode, appears.
    12. Position your mouse cursor over the sphere with the vertical grids.
    13. Double click the sphere and with the mouse button held down, drag the vertical sphere over the horizontal sphere.
    14. Drag and position until the gird areas within the sphere are symmetrical, like in the figure above.

     

    Resources, Links and References: Spherical Grids, Sphere Construction

    1. Google Images, Spherical Grids
    2. Ameralart, Grids
    3. Encylopedia2, Cartographic Projections
    4. Web Design Library, Realistic Microphone in Photoshop
    5. Google Images, Sphere Grids
    6. Google Images, Spherical Fabric

     

     

     

     

     

     

     

     

     

     

     

    Flower of Life Graphic LibraryFlower of Life Graphic Overlays

    FashionExplorer's graphic library, because its a transparent library, can be used to create design permutations from just one graphic element. For example several copies of the Flower of Life can be made with rotated and overlaid to create a completely different design.

    How to Create Flower of Life Compositions

    The design to the left was created with the flower of life symbol as the base graphic block. Three copies of the flower of life were made with rotation values of 0, 15 and 75 degree.. The double line effect was created by placing one slightly larger flower slightly askew. The color picker was used to change the colors of the different graphic blocks.

    The end result is a multi-petaled, multicolored flower design with engraved parallel lines throughout.

    The speckled look was created after the image was copied with Adobe Acrobat Pro. The contrast, brightness and sharpness were adjusted with the picture editing tool.

     

     

     

    Project Completion Time (Est)

    1. Novice: 240 seconds
    2. Experienced: 60 seconds
  • Step By Step Instructions

    1. Go to the Scribble Board Page
    2. Position your mouse on the Scribble Board and click your mouse to activate the Scribble Board.
    3. Select scribble mode if it is not already activated. Scribble mode is off, if the scribble mode button is purple. Scribble mode is on, if the scribble mode button is black.
    4. Position your mouse at the location you want to create first flower of life
    5. Press and release the 6 key on your keyboard (the fifth row up on your keyboard). Observe that a flower has been created similar to the black flower in the figure above. Its width and height though are not symmetrical. Also observe that several text boxes in the control panels are now highlighted in gray. Values in these text boxes when changed will affect the design of the flower of the life.
    6. Position your mouse over the bright yellow Remove Last button in the mode control panel. Click your mouse. Observe that the flower of life you created has been removed from the screen.
    7. Position your mouse cursor over the height text box in the dimensions panel and type in the number 100, for 100 pixels.
    8. Position your mouse cursor over the width text box in the dimensions panel and type in the number 100, for 100 pixels.
    9. Position your mouse cursor over the radiusCircle text box in the Geo2 panel and type in the number 100, for 100 pixels.
    10. Position your mouse cursor at the location you want to place the Flower of Life.
    11. Press and release the 6 key. Observe that the flower of life is completely symmetrical and has six petals.
    12. Select the color picker (the framed button in the mode control panel). Select a gold color from the color palette displayed.
    13. Position your mouse cursor over the rotate text box in the Dimensions panel. Type in the number 75 for 75 degrees.
    14. Position your mouse cursor back over the design board at the location near the original flower of life created.
    15. Press and release the 6 key again.
    16. Select the drag mode button (the maroon button on the mode control panel). Observe that drag mode is on when the drag mode is black and maroon when drag mode is off. Turn drag mode off by double clicking the pink Select button. Turn it back on by clicking the drag button again.
    17. Position your mouse cursor over one of the flower of life objects and double click with your mouse. Hold down the mouse button and drag the flower of life selected over the other flower of life. Position the flower of life until you achieve the effect you want.

    Tips

    1. Varying the dimensions in the Dimensions panel will give considerable variation in your designs, especially when you overlay graphics. Different linewidths and different rotate settings will allow you to create a wide variety of overlapping and adjacent repeating patterns for fabric design. Also changing the color of each object will also help keep your design differentiated.
    2. FashionExplorer also has an automatic drawing generator that uses the flower of life as a seed graphic.

    flower graphic libraryIn this flower of life composition two flowers of life were created with the flower of life tool (key 6) as shown at the top of the figure. The two flowers rotate parameters were set so that their orientation differs by 30 The two flowers were then overlaid to produce the final double flowered design at the bottom of the figure.

     

     

     

     

     

     

     

     

     

     

    Resources, Links and References: Oscillation, Flower of Life, Sacred Geometry

    1. ShutterStock, Oscillation
    2. Google Images, Flower of Life
    3. Shutterstock, Flower of Life
    4. Google Images, Sacred Geometry
    5. Google Images, Sacred Geometry Construction
    6. YouTube, Sacred Geometry Yantra Construction in TurboCAD
    7. YouTube, Introduction to Sacred Geometry
    8. YouTube, Sacred Geometry
    9. YouTube, Sacred Geometry 101E: Metatron's Cube
    10. Sacred Geometry 1 of 2
    11. Google Images, Flower of Life Pyramids
    12. Weird Sciences, Sacred Geometry Flower of Life
    13. Chicano, Flower of Life aka The Tree

     

     

     

     

     

     

     

     

     

  • polygon generatorPolygons - Regular and Irregular

    FashionExplorer likes most graphic design programs, offers the capability to generate a wide range of regular polygons. Unlike other graphic design programs it and also allows you to create irregular polygons.

    The drawing to the right was created with FashionExplorer's Polygon Generator tool. The tool lets you specify a radius for regular polygons, and a width and height for irregular polygons. You can also specify the number of sides for the polygon, anywhere from 3 on up.

    How to Construct Regular Polygons

    The polygon construction process is simple with FashionExplorer. Set the number of sides in the geo2 panel's side text box and then press the 9 key on your keyboard. Constructing a regular polygon, requires that you set the length and width values (Dimensions Panel) equal. An irregular polygon will be generated when the width and height values are not the same.

    You can also change the color and the line width of the polygon with the color picker and the linewidth value set in the dimensions panel.

     

     

    FashionExplorer2D Regular Polygon Instructions

    1. Go to the Scribble Board Page.
    2. Position your mouse on the Scribble Board and click your mouse to activate the Scribble Board.
    3. Position your mouse at the location where you want to place your first polygon.
    4. Press and release the 9 key on your keyboard. Observe that a polygon with 50 sides appears that has a height of 100 pixels and a width of 50 pixels. Also observe that several of the text boxes in the panels are highlighted in gray. The values in these text boxes set the width, height, radius and number of sides for the polygon.
    5. Position your mouse cursor over the sides text box in the Geo2 control panel. Set the value in the sides panel to 10. Press and release the 9 key again. Observe that a regular polygon with 10 sides is displayed on the screen.
    6. Repeat the process again changing the number of sides, the length and width, linewidth and radiusCircle values each time before you press the 9 key.

    References: Regular and Irregular Polygons

    1. Wikipedia, Regular Polygons
    2. Wikipedia, Polygon
    3. The University of Queensland, School of Mathematics and Physics, Golden Shapes
    4. Google Images, Polygons
    5. Google Images, Regular Polygons
    6. Google Images, Irregular Polygons

     

     

     

     

     

     

     

     

     

     

     

    bathing suit graphic libraryPainting with FashionExplorer

    Painting with FashionExplorer is just as simple as drawing, however you have more options when you paint. And that's because you can use FashionExplorer's freehand drawing mode to paint or you can use FashionExplorer's Scribble mode to paint with different types of brushes.

    In Scribble mode, you select a graphic image to paint with, such as a circle, and sweep your mouse to create paint strokes. In freehand drawing mode, you change the tip size to paint with wider or narrower strokes.

    Activating scribble mode is accomplished with the scribble mode button, the purple button on the mode control panel. When you first arrive at the Scribble Board page, Scribble mode is already on and the Scribble button is black. Turn off the Scribble mode button by double clicking the pink Select button.

    When scribble mode is on, you can begin painting by pressing any key on your keyboard. For example, to paint with the cross brush, press and hold down the 2 key on your keyboard. Then, with the 2 key held down, sweep your mouse across the design board.

    How to Paint With Pixels, Brushes and Pen Tips

    There are over 40 different basic painting brushes you can use in Scribble mode. As well, there are thousands of brush variants you can create.

    The painting on the left shows sample brush strokes from different paint brush types and variations on their paint brush parameters. The paint brush types can be designed to produce strokes that are for specific applications, such as textile design. In these applications, the paint brush actually lets you paint on patterns.

    Painting in Free Hand Drawing Mode

    Painting in Scribble Mode

    Painting Fabric Patterns

     

     

     

     

     

     

     

     

     

     

     

     

     

    sphere librarySpherical Micro Canvases

    The sphere is a fundamental drawing shape used in graphic design. FashionExplorer not only lets you create spheres and ellipsoids, the sphere's oblong cousins, quickly, but lets you easily create intricate designs on spheres.

    With FashionExplorer's spherical and oval grid tools, you have what you need to design ornaments at very high levels of details. Because FashionExplorer lets you divide a sphere into as many divisions as you need, FashionExplorer gives you the ability to break a sphere into thousands of spherical micro canvases. These spherical micro canvases can be drawn on with FashionExplorer's freehand tool. Multicolored spheres, complete with lighting effects, can also be created quickly. Electronic pens, like Wacom's Bamboo pen is great for that purpose.

    Although the online version of FashionExplorer, ScribbleBoard, does not feature automatic micro canvas filling, the desktop version does. With the filling tool, your spherical micro canvases can be filled in according to the lighting and color parameters you set, greatly reducing design time.

    Step by Step

    1. Go to the Scribble Board Page
    2. Place FashionExplorer in pattern mode. Double click the Select button if it is pink. Single click the Select button if it is black.
    3. Position the mouse cursor over the width text box in the Dimensions panel. Type in 100 in the width text box.
    4. Position the mouse cursor over the height text box in the Dimensions panel. Type in 100 in the height panel.
    5. Position your mouse cursor at the location you want the sphere with horizontal curves to appear.
    6. Press the X key on your keyboard (bottom row). A sphere with horizontal grids appears.
    7. Position your mouse cursor over the rotate text box in the Dimensions panel. Type in 90 in the rotate text box.
    8. Position your mouse cursor at the location you want the sphere with vertical curves to appear.
    9. Press the X key on your keyboard (bottom row). A sphere with vertical grids appears.
    10. Select the Drag mode button in the Mode Control Buttons panel. It is the maroon button. It will turn black once selected. When you roll the mouse cursor over the drag mode button, the tool tip, drag mode, appears.
    11. Position your mouse cursor over the sphere with the vertical grids.
    12. Double click the sphere and with the mouse button held down, drag the vertical sphere over the horizontal sphere.
    13. Drag and position until the gird areas within the sphere are symmetrical, like in the figure above.
    14. Repeat the procedure, but between each creation of object change the width, height, rotate and linewidth text boxes. Also change the color of the spheres with the color picker for each sphere created.

    Resources, Link and References: Spheres

    1. Ornamental Bulb Design References
    2. Google Images, Christmas Bulbs
    3. Google Images, Easter Eggs

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    candlestick librarySine Wave Shading

    FashionExplorer can be used to generate wave like shading patterns with the S-Shades tool. Waves, that is sine waves, can then be overlayed to produce all types of different effects.

    How to Design Pottery with the S-Shading Tool

    Pottery is one application where sine shading is used. And that's because sine shading duplicates the line directions that are created on pottery when clay objects are formed on the wheel.

    On the drawing on the left, the S-Shade tool was used several times to generate different waved shading patterns. The forms were then overlaid to create multi layered colored effects.

    With the base element drawn and the primary shading established, the jpeg file created can now be imported into Adobe PhotoShop, After Effects, InDesign or Illustrator for further editing and web pre production. Alternatively, you could use FashionExplorer's freehand drawing and layout tools to further refine the design.

    Step by Step

    The pottery maker tool, accessed with the L key on your keyboard can be used to create pottery like forms. Once these patterns are placed, you can use the free hand drawing tool to further develop the design.

    The shapes generated with the K key are extremely sensitive to variations in the phaseShift value set in the Sinusoid curves panel. The shapes to the left were created with phase shift values between 36 and 43 with the other values set as shown in the figure.

    Step by Step

    1. Go to the Scribble Board Page
    2. Place FashionExplorer in pattern mode. Double click the Select button if it is pink. Single click the Select button if it is black.
    3. Press and release the L key (3rd row up on your keyboard).
    4. Observe the shape of the design created. Note the gray highlighted text boxes. The values in the text box control the shape and form of the shape created.
    5. Position your mouse cursor over the bright yellow Remove Last button. Click your mouse button. Observe that the shape generated has been removed, but the text boxes still remain highlighted in gray
    6. Position your mouse cursor over the FY text box in the FM panel. Set the value in the text box to 4, for 4 cycles per second. Position your mouse cursor over the Scribble Board and press and release the L key on your keyboard. Observe the shading of the object.
    7. Position your mouse cursor over the Rotate text box in the Dimensions panel. Set the value in the text box to 90, for 90 degrees. Position your mouse cursor over the Scribble Board and press and release the L key again.. Observe the same object is created but just rotated 90 degrees.
    8. Continue experimenting with each of the pottery tool parameter settings. Change the linewidth value in the linewidth text box in the Dimensions panel. Then press the L key again. Try changing values in different gray shaded text boxes.

    Pottery Creation Tools

    Tips

    Graphic Wave Density: When experiment ion with parameter settings it is always a good idea to just work with one setting at a time. For example, try to find out what the repeat parameter effects. Place your mouse cursor over the repeat text box in the Sinusoidal Curves panel. Change its value to 4 and then press the L key. Now change the repeat value to 8 and then press the L key again. Notice that 8 waveforms were generated instead of 4, effectively doubling the wave density in the graphic.

     

    Resources, Links and References : Pottery Design

    1. Google Images, Pottery
    2. Pulse-Height Modulation (PHM) Gray Shading Methods for ...
    3. Dopodomani, Pottery on the Wheel
    4. Comparison of Shading Approaches for Shape and Flow Visualization
    5. Aston University: Humans assume a mixture of diffuse and point-source lighting when viewing sinusoidal shading patterns
    6. The Making of Candystall
    7. Alisa Andrasek’s Algorithmic Seroussi Pavilion
    8. Ray Tracing on Android (Final Report)
    9. Sine wave with Tsunami
    10. Complex Ocean Water
    11. ShutterStock Bezier curve fade ripple art
    12. ShutterStock Sine Stock Photos, Illustrations and Vector Art

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    stitch libraryStitch Work and Knitting

    FashionExplorer can also be used to creating textile textures that are used in clothes and furniture design. In FashionExplorer curved stitch shapes are generated with the open curve graphics on with your keyboard.

    There are many types of sewing stitches. The most common being the straight stitch and the zigzag stitch. Other popular stitches include buttonhole stitches, stretch stitches, decorative stitches and alphanumeric stitches. The latest machine not only offer a wide variety of stitches, but also a wide variety of embroidery patterns.

    Basic sewing stitches include the running stitch, the hemming stitch, the basting stitch, the catch stitch, the slip stitch, the overcast stitch, the back stitch, the slip stitch, and the invisible stitch.

    How to Create Decorative Stitch Patterns

    The G key, can be used to create quilt like designs. The G key superimposes a wave stitch on a curve. The drop off in the curve is controlled with the base and exponent settings in the Sinusoid panel. . The higher the setting of the base value the faster the curve drops off. The higher the value of the exponent setting the steeper the drop off of the curve.

    This drawing above was created with a base setting of 12 and an exponent setting of 8 in pattern mode. The pattern was copied several times using a pattern mode copy with different color settings set in the color picker palette.

    Step by Step

    1. Go to the Scribble Board Page
    2. Place FashionExplorer in pattern mode. Double click the Select button if it is pink. Single click the Select button if it is black.
    3. Press and release the G key (3rd row up on your keyboard).
    4. Observe the shape of the design created. Note the gray highlighted text boxes. The values in the text box control the shape and form of the stitches.
    5. Position your mouse cursor over the bright yellow Remove Last button. Click your mouse button. Observe that the shape generated has been removed, but the text boxes still remain highlighted in gray
    6. Position your mouse cursor over the FY text box in the FM panel. Set the value in the text box to 4, for 4 Y cycles per second. Position your mouse cursor over the Scribble Board and press and release the G key on your keyboard. Observe the shape of stitch created.
    7. Position your mouse cursor over the Rotate text box in the Dimensions panel. Set the value in the text box to 90, for 90 degrees. Position your mouse cursor over the Scribble Board and press and release the G key again.. Observe the same object is created but just rotated 90 degrees.
    8. Continue experimenting with each of the grayed parameter settings. Change the linewidth value in the linewidth text box in the Dimensions panel. Then press the G key again. Try changing values in different gray shaded text boxes.

    Tips

    1. Stitch Density: When experimenting with parameter settings it is always a good idea to just work with one setting at a time. For example, try to find out what the repeat parameter effects. Place your mouse cursor over the repeat text box in the Sinusoidal Curves panel. Change its value to 4 and then press the G key. Now change the repeat value to 8 and then press the G key again. Notice that the density of the stitch has increased.

     

    Resources, Links and References

    1. Sewing Machines Plus, Decorative Stitches
    2. Google Images, Decorative Stitches
    3. Google Images, Sewing Stitches
    4. Google Images, Quilt Stitches

     

    stithc library graphicsOpen Repetitive Curve Design

    FashionExplorer features a wide number of different types of open curves that can be used for sewing, fashion design, fabric and textile development applications.

    The multiple humpback open curve waveform shown on the left can be used as a standard stitch or the basis for a number of different weave patterns. Rotated and aligned you can also create multiple wefts and warps for the creation of complex weaves.

    These weaving waveforms can also be used for elearning applications for technical subjects like physics, electronic engineering, and mechanical engineering. Waveform graphics are often used to explain the physical behavior of motion, sound, light

    For fashion themes that involve science and engineering, popular in technology towns, such as the Silicon Valley, stitches created with the open curve tools can be subtle themes for shirts, skirts, ties, belts and pants.

    Creating Open Curve Waveforms with FashionExplorer

    The D key produces open curves that can be used in stitch work designs. The waveforms in this example were created by varying the settings in the Dimensions, Sinusoid Curves and ’ FM panels. The number of valleys and peaks in a stitch is controlled with value set in the frequency Y text box in the FM panel. The number of stitches in a stitch group is set with the repeat field in the sinusoid curves control panel The height and width of the stitch group is set with the height and width text boxes in the dimensions’ panel.

    Step by Step

    1. Go to the Scribble Board Page
    2. Place FashionExplorer in pattern mode. Double click the Select button if it is pink. Single click the Select button if it is black.
    3. Press and release the D key (3rd row up on your keyboard).
    4. Observe the shape of the design created. Note the gray highlighted text boxes. The values in these text boxes control the shape and form of the waveform. .
    5. Position your mouse cursor over the bright yellow Remove Last button. Click your mouse button. Observe that the shape generated has been removed, but the text boxes still remain highlighted in gray
    6. Position your mouse cursor over the FY text box in the FM panel. Set the value in the FY text box to 4, for 4 cycles per second. Position your mouse cursor over the Scribble Board and press and release the D key on your keyboard. Observe the shape of waveform created.
    7. Position your mouse cursor over the Rotate text box in the Dimensions panel. Set the value in the text box to 90, for 90 degrees. Position your mouse cursor over the Scribble Board and press and release the G key again.. Observe the same object is created but just rotated 90 degrees.
    8. Continue experimenting with each of the grayed parameter settings. Change the linewidth value in the linewidth text box in the Dimensions panel. Then press the D key again. Try changing values in different gray shaded text boxes.

    Tips

    Stitch Density: When experimenting with parameter settings it is always a good idea to just work with one setting at a time. For example, try to find out what the repeat parameter effects. Place your mouse cursor over the repeat text box in the Sinusoidal Curves panel. Change its value to 4 and then press the D key. Now change the repeat value to 8 and then press the D key again. Notice that the density of the stitch has increased.

    Resources, Links and References: Waveforms, Stitches and Weaves

    1. Google Images, Curved Stitches
    2. Google Images, Closed Curved Stitches
    3. Google Images, Curves
    4. Google Images, Parametric Curves
    5. Google Images, Fractal Curves
    6. Google Images, Bezier Curves
    7. Google Images, Curve Design
    8. Toni Maticevski [Fashion Archives], Toni Maticevski Fashion Show :: Spring 2007
    9. BridesMaid, Lace Grace
    10. Curve, ShutterStock, Curve
    11. Google Images, Weave
    12. Google Images, Weft
    13. Google Images, Warp
    14. Google Images, Textiles
    15. Google Images, Textures
    16. Google Images, Indian Designs
    17. Google Images, Hair
    18. Google Images, Hair Style
    19. Google Images, French Hair Styles

     

     

     

     

     

     

    sine stichesCreate Underdamped, Overdamped and OverShoot Stitches

    FashionExplorer's modulated wave maker tool, the H key, can be used to construct multiple peaked waveforms used in sewing and science applications.

    The ratio of the frequency X and the frequency Y values is used to change the number of peaks and valleys in the stitch. The top stitch was made with the frequency X and frequency Y values set to one. For the four stitches beneath, the frequency X setting was set to one and frequency Y value was then set to 2, 3, and 4. For the bottom stitch, the frequency X setting was set to 5 and the frequency Y setting was set to 20.

    Step by Step

    1. Go to the Scribble Board Page
    2. Place FashionExplorer in pattern mode. Double click the Select button if it is pink. Single click the Select button if it is black.
    3. Press and release the H key (3rd row up on your keyboard).
    4. Observe the shape of the design created. Note the gray highlighted text boxes. The values in these text boxes control the shape and form of the waveform. .
    5. Position your mouse cursor over the bright yellow Remove Last button. Click your mouse button. Observe that the shape generated has been removed, but the text boxes still remain highlighted in gray
    6. Position your mouse cursor over the FY text box in the FM panel. Set the value in the text box to 4, for 4 Y cycles per second. Position your mouse cursor over the Scribble Board and press and release the H key on your keyboard. Observe the shape of waveform created.
    7. Position your mouse cursor over the Rotate text box in the Dimensions panel. Set the value in the text box to 90, for 90 degrees. Position your mouse cursor over the Scribble Board and press and release the G key again.. Observe the same object is created but just rotated 90 degrees.
    8. Continue experimenting with each of the grayed parameter settings. Change the linewidth value in the linewidth text box in the Dimensions panel. Then press the H key again. Try changing values in different gray shaded text boxes.

    Tips

    Stitch Density: When experimenting with parameter settings it is always a good idea to just work with one setting at a time. For example, try to find out what the repeat parameter effects. Place your mouse cursor over the repeat text box in the Sinusoidal Curves panel. Change its value to 4 and then press the H key. Now change the repeat value to 8 and then press the H key again. Notice that the density of the stitch has increased.

    waveform libraryDamped and Overdamped Stitch Work

    Damped, overdamped and underdamped stitch designs are often used to direct the focus in fashion design. Overdamped stitches, at the top of the figure, tend to direct the eye in one direction, similar to an arrow. In fact, underdamped stitches can often be used to design arrows.

    For added effect, color gradients can be used to help further focus attention to specific features you want to highlight in your figure and on your dress.

    Closely related to overdamped stitches are overshoot stitches. These stitches, the bottom two waveforms in the figure, are characterized by a steep skirt and a flat top and and overshoot peak that extends past the flat top.

    The amount of overshoot in the 4th stitch down is about three times larger than that in the very bottom stitch.

     

     

     

     

     

     

     

     

     

    Resources, Links and References: Stitches

    1. Inaminuteago, Sharon b's Dictionary of Stitches for Hand Embroidery and Needlework
    2. NeedleCrafter, Stitch Dictionary
    3. Google Images, Weave Patterns
    4. Google Images, Stitch Diagrams
    5. Google Images, Weft
    6. Knittingonthenet, Knitting Stitch Patterns
    7. Singer Sewing Company, Sewing Resources: Stitches
    8. Gstatic
    9. Bernina USA, Stitch Recipe Exchange
    10. Bernina Patchwork Edition, Bernina Sewing Stitch Selection
    11. Gstatic, Singer 7468 Stitch Selection
    12. Kenmore 19233, Kenmore Sewing Stitch Collection
    13. Sew Mama Sew
    14. Bernina Active 240 Edition, Bernina Sewing Stitch Selection
    15. Sample Stitching from Bernina 440 Collection, Bernina Sewing Stitch Selection
    16. Wildflower Stitches, Cycloids, Triangle Waves, Dashed
    17. Brother Sewing Stitch Selection http://www.sewvacdirect.com/prodimg/brother/ce4000/stitches.jpg
    18. Serious Sewing, Decorative Switches
    19. Google Images, Overdamped, UnderDamped
    20. Google Image, Overshoot

     

     

    triangle graphic libraryGame Board Fashion

    Triangle patterns are often used for collar patterns, such as low V-Neck blouses and tops. Pants often use triangle based designs for the back of pockets and for the top and front center lines.

    The equilateral triangle, a triangle with all sides the same length, is one triangle pattern that will help emphasize the symmetry, that is the beauty, of your clothes and figures. And that's because the equilateral triangle is perfectly symmetrical about its center point.

    How to Create Triangular Pattern Design

    The 3 key is used to create triangles. The width and the height values in the dimensions panel set the length of the top leg and the lower left leg. The top left angle is set with the thetaOne field in the geo2 panel.

    For this design, an equilateral triangle was created by making the width and height equal to the same value, 100 and setting the angle to 60 degrees. The triangle pattern was created in pattern mode, which allows successive horizontal alignment of objects. See pattern mode instructions in slide 2(tab 2).

     

     

     


     

    custom sized square grids for multiple scaled drawings

     

    Resources, Links and References: Triangle Patterns

    1. Google Images, Triangle Patterns
    2. Google Images, Triangular Grids
    3. Google Images, Triangle Sacred Geometry
    4. Google Images, Triangle Fractals
    5. Sales Stores, Ujena 2052T Diamond Head Triangle Bikini Top
    6. Google Images, Triangle Designs
    7. Google Images, Triangulated Surfaces
    8. ShutterStock, Triangle
    9. Google Images, Triangle Fashion
    10. Google Images, Triangle Types
    11. Google Images, Triangle Figures
    12. Google Images, Triangle Body Types
    13. NKMgt ABC, Wedding Dress Silhouettes & You
    14. Beauty By Your Design, There’s Power in the Shape of Your Body
    15. PromDreees1 Blog All Sized Up: The Best Dress for Your Body Type

     

    References: Grids

     

    1. Google Images, Grids
    2. Google Images, Isometric Grids
    3. Google Images, Perspective Grids
    4. Google Images, Hexagon Grids
    5. Google Images, Octagon Grids
    6. Google Images, 3D Grids
    7. Google Images, Contour Grids
    8. Google Images,Human Head Grid
    9. Fotolibra, Female Figure Grid
    10. Google Images, Isometric Flower of Life Grid
    11. Google Images, Radial Grids
    12. Google Images, Spherical Grids
    13. John Carlos Baez, Information Geometry
    14. MathWorks, Ellipsoid
    15. Google Images, Ellipse Perspective Grid
    16. Irrational Theorist, Electromagnetic Fields and Virtual Photons, Torus Grid
    17. Google Images, Torus Grid
    18. Google Images, Study of Light Gradient on Da Vinci Sphere
    19. Blog.nj Sphere of Influence
    20. University of Manitoba, Leonardo Da Vinci Sphere Models
    21. University of Manitoba, Overview of Leonardo Da Vinci Models
    22. Google Images, Piero Della Francesco Drawing
    23. Brunelleschi.imss.fr.it The Early Medici
    24. Science Blog, The Roots of Brain Imagery, Circa 1470
    25. Google Images, piero della francesca head
    26. Google Images, Golden Ratio
    27. Google Images. Golden Rectangle
    28. Google Images, Golden Ratio Da Vinci
    29. BookBuilder, The Golden Ratio in Nature
    30. Facial Beauty, Divine Proportion
    31. Google Images, Geometry
    32. Google Images, Geometry Shapes
    33. Google Images, Geometry Proofs
    34. Google Images, Geometric
    35. Google Images, 3D Geometry
    36. Google Images, 2D Geometry
    37. Google Images, 3D Analytical Geometry
    38. Google Images, Vector Calculus
    39. Google Images

     

     

     

    doll graphic libraryPaper Doll, Paper Airplane and Origami Design

    Making paper layouts for different projects such as paper doll designs, paper airplanes and origami designs can be accomplished with FashionExplorer's design maker tool.

    The design maker tool creates an eight sided polygon whose shape is controlled with three width settings and three height settings. The three height and three width settings lets you control the three different heights and widths of the eight sided polygon, offering you a way to construct complex geometric forms quickly.

    In the drawing to the left, the design maker tool was used to create the coke bottle shaped inner body of the doll. The design maker tool was used again to create the outer coat of the doll. The oval maker tool was used to create the head and the oval in the center of the coat. The trapezoid that appears as the collar just below the head, is the result of overlapping the two 8-sided polygons used for the doll.

    FashionExplorer Paper Doll Instructions

    Most paper designs can be created with FashionExplorer's design maker tool, the 8 key on your keyboard. The line maker tool, the red button on the display, is also often used. For curved designs, FashionExplorer's oval tool and curve making tools are also often used.

    The parameters for the design maker tool are set in the Geo1 and Dimensions panel. The width and height in dimensions panel as well as heightTwo, heightThree, lengthTwo and lengthThree in the Geo1 panel are used.

    1. Step By Step

      1. Go to the Scribble Board Page
      2. Select scribble mode if it is not already activated. Scribble mode is off, if the scribble mode button is purple. Scribble mode is on, if the scribble mode button is black.
      3. Position your mouse at the location you want to create first image
      4. Press and release the 8 key on your keyboard (on the fourth row up on your keyboard). Observe that an eight sided image has been placed on the design board. Also observe that several text boxes in the control panels are now highlighted in gray. Values in these text boxes when changed will affect the design of the object.
      5. Position your mouse cursor over the height text box in the dimensions panel and type in the number 50 for 50 pixels.
      6. Position your mouse cursor over the width text box in the dimensions panel and type in the number 50 for 50 pixels.
      7. Position your mouse cursor over the heightTwo text box in the Geo1 panel and type in the number 100 for 100 pixels.
      8. Position your mouse cursor over the heightThree text box in the Geo1 panel and type in the number 150 for 150 pixels.
      9. Position your mouse cursor over the lengthTwo text box in the Geo1 panel and type in the number 150 for 150 pixels.
      10. Position your mouse cursor over the lengthThree text box in the Geo1 panel and type in the number 200 for 200 pixels.
      11. Position your mouse cursor at the location you want to place the 8-sided paper doll image.
      12. Press and release the 8 key. Observe that an 8 sided polygon has been placed on the screen. The polygon has a top width of 50 pixels, a middle width of 100 pixels and a bottom width of 200 pixels. The polygon has a top height of 50 pixels, a middle height of 100 pixels and a bottom height of 150 pixels.
      13. Position your mouse cursor over the width text box in the dimensions panel and type in the number 50 for 50 pixels.
      14. Position your mouse cursor over the height text box in the dimensions panel and type in the number 100 for 100 pixels.
      15. Press and release the Z key. Observe that an oval appears with a height of 100 pixels and a width of 50 pixels.
      16. Position your mouse cursor over the drag mode button(the maroon button on the mode control panel) and click your mouse. Observe that the drag button changes from maroon to black. Black indicates that drag mode is on.
      17. Position your mouse over the oval and double click your mouse. Hold down your mouse button and drag the oval to the top of the doll figure. The oval is the head for the paper doll design.

    Resources, Links and References: Paper Doll, Doll Dresses, Origami Design, Paper Airplanes

    1. Google Images, Doll Designs
    2. Google Images, Doll Dresses
    3. Google Images, Paper Dolls
    4. Google Images, Fashion Paper Dolls
    5. Google Images, Paper Airplanes
    6. Google Images, Origami Patterns
    7. Google Images, Origami Diagrams
    8. Origami, Origami Diagrams

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    flower graphic libraryTO BE DETERMINED

     

     

     

     

     

     

     

     

     

     

     

     

    fashion drawing databaseStroke Library and Design Tools

    FashionExplorer has been designed to maximize your stroke selection and your direction. Experienced artists know that the direction of your stroke is not only critical for realistic drawing, but also for the creation of emotion and action in the drawing. Many fashion designers for example consider the direction, flow, style and depth of the stroke before they even mark the paper. There are some designers who study stroke extensively and in detail as if it was a work of art in itself. Those that really study stroke design, also look for gradation of tone in the stroke and variation of width in the stroke.

    FashionExplorer lets you not only select from a vast variety of stroke styles but also lets you control stroke parameters. For controlling the direction of the stroke you can preset the rotation of the stroke and even change the direction of the stroke as you draw and shade. You can also select strokes for varying degrees of curvature as well as varying degrees of degradation and width dimensions.

    FashionExplorer's stroke design tools also let you create your own stroke. select a vast number of different drawing strokes. You can also rotate a stroke image so that the stroke image you paint with is in the stroke direction you need.

    Getting the most out of the different strokes requires you to familiarize yourself with the different types of strokes available in the libraries and the stroke control variables.

     

    Resources, Links and References

    1. Google Images, Strokes
    2. Google Images, Type of Strokes
    3. Google Images, Brush Strokes
    4. Google Images, Pen Tips

     

     

     

     

     

     

     

     

     

     

    nettles graphic libraryOrnamental Tree Design

    The ornamental tree branches were created with FashionExplorer's star tool in Scribble mode. Scribble mode lets you select a graphic from FashionExplorer's library and paint with it as you would a real brush.

    Instructions for Creating Branches and Leaves with FashionExplorer.

    The drawing on the left was created in scribble mode. The star brush, the Y key on your keyboard, was used to paint the needle structures on the branches. Different colors were selected with FashionExplorer's color picker for different branches.

    A blue star brush, as shown in the figure below will be used to create the next drawing. The blue star was created with the Y key when FashionExplorer is in Scribble mode.

    Estimated Time: 2 Minutes

     

     

     

    star brushStep by Step

    1. Go to the Scribble Board Page
    2. Position your mouse cursor over the design board and click your mouse button to activate the ScribbleBoard
    3. Select scribble mode if it is not already activated. Scribble mode is off, if the scribble mode button is purple. Scribble mode is on, if the scribble mode button is black.
    4. Position your mouse at the location you want to create first image
    5. Press and release the Y key on your keyboard (on the fourth row up on your keyboard). Observe that a star shaped graphic has appeared. Also observe that several text boxes in the control panels are now highlighted in gray. Values in these text boxes when changed will affect the design of the star. See the tip below if a star similar to the shape in the above figure does not appear.
    6. Position your mouse over the bright yellow Remove Last button in the Mode Control panel. Click your mouse. Observe that the star image is removed from the display. Also observe that the gray highlighted text boxes used to set the shape and dimensions of the star are still highlighted.
    7. Position your mouse cursor over the aHeight text box in the Auto. Draw. Gen panel and type in the number 42
    8. Position your mouse cursor over the bHeight text box in the Auto. Draw. Gen panel and type in the number 22
    9. Position your mouse cursor over the linewidth text box in the Dimensions panel and type in the number 1, for 1 pixel
    10. Position your mouse cursor over the delta time text box in the Timing panel and type in the number 1
    11. Position your mouse cursor over the upper time bound text box in the Timing panel and type in the number 100
    12. Position your mouse cursor over the lower time bound text box in the Timing panel and type in the number 0
    13. Position your mouse cursor over the Color Picker button in the Mode Control panel. Press down your mouse button. Select a blue shade from the color palette that appears.
    14. Position your mouse cursor at the location you want to start your first branch.
    15. Press and hold down the Y key and sweep your mouse in the direction you want to move your star brush. Observe that branches like the one in the drawing below are swept across the design board as you sweep your mouse.

      Tips

    1. If a star shaped figure does not first appear, but instead you get a different shape, the settings in the text boxes are set incorrectly. Use the settings given as in the instructions above, or reload the Scribble Board page and restart the Scribble Board.
    2. Do not hold down the mouse button when you sweep your mouse. Sweeping is different than dragging. A sweep operation simply involves moving the mouse. A dragging operation requires that you hold down the mouse button and move the mouse at the same time.


    pine needles drawing with fashionexplorer

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    Resources, References and Links: Trees

    1. Google Images, Tree Fabric
    2. Google Image, Branch Fabric
    3. Google Images, Drawing Tees
    4. Google Images, Drawing Branches

    shrunk faces stipple brushStippling Instructions and Techniques

    This side profile of the head of a man with a hat was created in FashionExplorer's freehand drawing mode Both the flow tip and the stipple tip were used. The stipple tip was used to create the texture of the hat and coat fabric, as well as provide shading for the facial features. The flow tip was used to create the lines used in the hair and lips. The colors for the lines were set with FashionExplorer's color exploration tool, the color picker.

    Different line widths were used for the stippling. The hat used a line width of 5 to 10 pixels and the coat used blue and red stipples with a 10 pixel diameter. For the facial features, a line width of from 1 to 10 pixels was used.

    Smaller pixel widths for the line can give as much detail as you like. However, the time to create shading details with small widths such as one pixel, can be time consuming.

    Stipple Value and Dimensional Grading Tools

    For stippling designs that require extensive stippling and detail, FashionExplorer speed stippling tools let you create stipples in patches. These patches of stipples can be preset for specific stippling directions and specific stippling value gradient levels and specific dimensional grading.

    Step By Step

    1. Go to the Scribble Board Page
    2. Position your mouse over the design board and click your mouse button to activate the Scribble Board. Now press and release the 1 key on your keyboard (the fourth row up). Free hand drawing mode is toggled on and off with the 1 key.
    3. Turn off scribble mode and turn on pattern mode. Double click the pink Select button. Consider that this step is not a necessity. However, Scribble mode is more sensitive to accidental key presses than pattern mode is. Freehand drawing when in Scribble mode can result in key graphics accidentally placed on the Scribble Board.
    4. Position your mouse at the location you want to create your first line.
    5. Hold down your mouse button and sweep the mouse, that is drag the mouse with the mouse button held down.
    6. Release the mouse button when you want to end a line
    7. Position your mouse cursor over the Reserved text box in the Rotate and Tip panel and type in the number 1. A value of 1 in the Reserved text box turns on the stipple tip.
    8. Position your mouse cursor over the linewidth text box in the Dimensions panel and type in the number 5, for 5 pixels
    9. Position your mouse cursor over the area you want to shade.
    10. Hold down your mouse button and sweep your mouse. Sweep your mouse slowly for a continuous line of dots or quickly for less dot density.
    11. Release your mouse button to stop stippling.
    12. Position your mouse cursor over the line width text box in the Dimensions panel and type in the number 1, for 1 pixel.
    13. Position your mouse cursor over the area where you want light shading.
    14. Hold down your mouse button and sweep your mouse. Sweep your mouse slowly for a continuos line of dots or quickly for less dot density.
    15. Release your mouse button to stop stippling.

     

     

     

    textile libraryA Closer Look at Lace

    This lace pattern, like the lace pattern in tab 2A, was created with FashionExplorer's lace maker tool. This time however, the lace was not woven as tightly and a different color scheme was used.

    Examining the lowest rows of purple lace, one will notice the double lines. Compare this to the purple lace in second row. Although subtle, the design effect is quite different. You can notice how dramatically different the design is when you zoom into the lace.

    As a designer you can take advantage of small changes in the alignment to create different patterns. For example, you create two different types of belt designs simply be slightly changing the alignment.

    The graphic on the left is now ready for further editing in Adobe Photoshop, Illustrator or AfterEffects. Alternately, you could continue to work on it FashionExplorer or any other graphic programs that accepts jpeg input. Because Fashion Explorer generates it graphics in a vector type fashion, importing the drawing into Illustrator and using Illustrators vector conversion feature will result in a easily editable design.

    For step by step instructions for lace making refer to lesson 2 on pattern mode and lesson 3 on lace making.

     

     

     

    space graphics libraryPattern Designs For Children's Pajamas

    The alien bug like creature on the right on a purple background can be the basis for children's pajama patterns. And that's because children like to experience objects that they have never seen.

    How to Design Space Aliens

    The pattern on the left used five of FashionExplorer's graphic library components. Two of the components were generated with FashionExplorer's automatic drawing generator. After the objects were placed, FashionExplorer's scaling tool was used to adjust the size of each of the objects.

    The purple background was created with the parallelogram generator, key 4 on your keyboard. The white rectangle was also created with the parallelogram generator.

    The cross-shaped antenna was created with the 2 key. The squirrel wave that connects to the antenna was generated with the L key. The central body was generated with the C key. The two hyperbolic like cross-hatched shapes in the center of the body, one blue and one orange were created with the automatic drawing generator, key B. Finally the two orange concentric ovals on the far left and far right wings were created with the X key.

    One way to replicate the design is to first generate the parallelograms. Set the color and dimensions for each parallelogram and then generate them with the 4 key. Then press the L key, C key and X key and place the other elements. Set the colors and dimensions before you press the keys. If the dimensions are not what you expected, remove the object with the yellow Remove Last button or use click erase mode (select the light blue delete button).

    Finally, turn on the automatic drawing generator, key B, and examine the library. Press your mouse button when the library image you want to use appears. Press the B key again to activate the drawing generator again to select another hyperbolic object. Using drag mode, move the objects created to the position you want them in.

    Step by Step

    1. Go to the Scribble Board Page
    2. Position your mouse cursor over the design board and click your mouse button to activate the Scribble Board.
    3. Place FashionExplorer in pattern mode. Double click the Select button if it is pink. Single click the Select button if it is black.
    4. Position the mouse cursor over the height text box in the Dimensions panel. Type in 400 in the width text box
    5. Position the mouse cursor over the height text box in the Dimensions panel. Type in 400 in the height text box.
    6. Position the mouse cursor over the line width text box in the Dimensions panel. Type in 1 in the line width text box.
    7. Position the mouse cursor over the thetaOne text box in the Geo2 panel, set the angle to 0.
    8. Select the color picker and choose the purple color from the palette.
    9. Position your mouse cursor near the top of the design board and press the 4 key. Observe that a large purple rectangle appears.
    10. Repeat the process for the white triangle, but use smaller dimensions and the color white.
    11. Position the mouse cursor over the height text box in the Dimensions panel. Type in 50 in the width text box
    12. Position the mouse cursor over the height text box in the Dimensions panel. Type in 100 in the height text box.
    13. Select an orange shade from the color picker.
    14. Press the X key on your keyboard (second row). A series of orange concentric ovals appears.
    15. Position the mouse cursor over the height text box in the Dimensions panel. Type in 200 in the width text box
    16. Position the mouse cursor over the width text box in the Dimensions panel. Type in 200 in the height text box.
    17. Press the C key on your keyboard (second row). A series of vertical orange concentric ovals and a series of horizontal orange concentric circles appears.
    18. Position the mouse cursor over the line width text box in the Dimensions panel. Type in 3 in the line width text box.
    19. Press the B key on your keyboard (second row).
    20. Carefully watch the graphic elements that appear on the Scribble Board. When you see an image you want, press your mouse button to select it and stop the automatic drawing generator.
    21. Select the Drag mode button in the Mode Control Buttons panel. It is the maroon button. It will turn black once selected. When you roll the mouse cursor over the drag mode button, the tool tip, "drag mode" appears.
    22. Position your mouse cursor over an object you want to move. Double click the object and with your mouse held down, drag the object to the position you want to place it at.
    23. Repeat the drag procedure for any other objects you want to move
    24. Double click the pink Select button at the top of the mode control panel. The modes have all been reset.
    25. Click the Scale button, the blue button at the bottom of the mode control panel. Observe that the scale text boxes are now highlighted in blue. Values above 1 in these text boxes are used to scale an object up. Values below 1 in these text boxes are used to scale an object down. The default is set to scale objects in the horizontal and vertical direction by 5 percent (1.05).
    26. Position your mouse cursor over an object you want to make larger.
    27. Click your mouse when your cursor is over the object. Observe that the object increases in size in the horizontal and vertical direction by the amount set in the blue text boxes. Continue clicking the object to make it scale it larger and larger.
    28. Position your mouse cursor over the scaleXInc text box. Type in a value of 0.95.
    29. Position your mouse cursor over the scaleYInc text box. Type in a value of 0.95.
    30. Position your mouse cursor over an object you want to make smaller.
    31. Click your mouse when your cursor is over the object. Observe that the object decreases in size in the horizontal and vertical direction by the amount set in the blue text boxes. For this example, the object would decrease in size by 5 percent (1 - 0.95 = 0.05). Continue clicking the object to make it scale it smaller and smaller.

    Resources, Links and References

    1. Google.com, Pajama Patterns
    2. Love to Sew, Lets Make Pajamas
    3. Craft and Fabric Links, Free Pajama Pattern: Elastic
    4. The Pajama Company, Space Ships Flannel Set
    5. Google.com, Images, Space Fabric

    Overlaying Spirals Spirals as a Lighting Element

    The three drawings below illustrate how you can use FashionExplorer's spiral tool and spherical tools together to create a wide variety of textured effects. Notice how the red sphere resembles a fabric button.. The center spiral however really doesn't show and textured look. On the far right is another spiral based design. It was also composed with FashionExplorer's spiral tool. What's unique about the third design is that although it was composed entirely of spirals, it shows a strong solid and three dimensional composition.

    As a lighting tool, the spiral can be used to easily replicate a light source directly in front of the object. And that's because as the spiral moves away from the center the spiral curves come closer together. This makes it appear as if the lighting is coming from directly in front of the object.

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    Google Images, Spirals

     

     

     

    painting with spiral brushes and drawing with spiral tipsPainting with Spiral Strokes

    Spirals can be easily created with FashionExplorer's spiral tool. The tool lets you control the number of times a spiral circles around its center as well as the density of the spiral.

    Instructions for Creating Spiral Paintings with Fashion Explorer

    For the design on the left, the spiral tool, the I Key, was used in Scribble mode. The spirals used in the design circle around their center eight times (set with the time upper bound value in the timing panel).

    The spiral's curvature was set to highly curved. Changing the delta time value in the timing panel to values at and below 1, result in spirals that have more curvature. The higher the value of delta time, the higher the linearity of the spiral. For a delta time setting of 5, the spirals generated will no longer be curved spirals, but will be linear spirals.

    The aspect ratio, that is the height to width ratio of the spiral is controlled with the values set in the width and height text boxes in the Dimensions panel (far upper left). The scaling of the spiral is also controlled with the value set in the aHeight tex box in the Timing panel.

    Spiral effects, such as in the drawings in tab 27, can be created by overlaying spirals that are drawn with different linewidths and different spiral tightness. Spiral tightness or spiral density, is equal to the width divided by the number of times a spiral circles around its center. Spiral density is controlled with the width parameter in the dimensions panel and the upper bound time parameter set in the Timing panel. With a width of 80 pixels and a upper bound time of 8, a spiral density of 10 pixels per spiral is calculated.

    Step by Step

    1. Go to the Scribble Board Page
    2. Position your mouse cursor over the design board and click your mouse button to activate the ScribbleBoard
    3. Select scribble mode if it is not already activated. Scribble mode is off, if the scribble mode button is purple. Scribble mode is on, if the scribble mode button is black.
    4. Position your mouse at the location you want to start your first Spiral stroke.
    5. Press and release the I key on your keyboard (on the fourth row up on your keyboard). Observe that a spiral shaped graphic has appeared. Also observe that several text boxes in the control panels are now highlighted in gray. Values in these text boxes when changed will affect the design of the star. See the tip below if a star similar to the shape in the above figure does not appear.
    6. Position your mouse over the bright yellow Remove Last button in the Mode Control panel. Click your mouse. Observe that the spiral image is removed from the display. Also observe that the gray highlighted text boxes used to set the shape and dimensions of the spiral are still highlighted.
    7. Position your mouse cursor over the aHeight text box in the Auto. Draw. Gen panel and type in the number 29
    8. Position your mouse cursor over the width text box in the Dimensions panel and type in the number 10 for 10 pixels.
    9. Position your mouse cursor over the height text box in the Dimensions panel and type in the number 5 pixels.
    10. Position your mouse cursor over the linewidth text box in the Dimensions panel and type in the number 1, for 1 pixel
    11. Position your mouse cursor over the delta time text box in the Timing panel and type in the number 0.9
    12. Position your mouse cursor over the upper time bound text box in the Timing panel and type in the number 8
    13. Position your mouse cursor over the lower time bound text box in the Timing panel and type in the number 0
    14. Position your mouse cursor over the Color Picker button in the Mode Control panel. Press down your mouse button. Select a golden shade from the color palette that appears.
    15. Position your mouse cursor at the location you want to start your first branch.
    16. Press and hold down the I key and sweep your mouse in the direction you want to move your Spiral brush. Observe that branches like the one in the drawing below are swept across the design board as you sweep your mouse.

      Tip

    1. If a spiral shaped figure does is oversized at first, the settings in the text boxes are set incorrectly. Use the settings given as in the instructions above.
    2. Do not hold down the mouse button when you sweep your mouse. Sweeping is different than dragging. A sweep operation simply involves moving the mouse. A dragging operation requires that you hold down the mouse button and move the mouse at the same time.

     

    button library spirals

     

     

     

    button library Spiral Breaks

     

     

     

     

     

     

     

     

     

    button library spiral 3Spiral Overlays

    Spiral overlays, like the one on the left, can be created with using spirals with different spiral tightness. For many constructions, the designer first creates a spiral with a specific line width and spiral tightness. Then another spiral is created with different line and spiral tightness parameters is created. The spirals are then overlaid to produce the 3D solid composition effect. The illusion of depth is created by the fact that the looser spiral will have higher degrees of white near its center.

    If you zoom into the figure you will notice that for this illustration, that the red spiral was offset just a few pixels from the golden spiral. You can also notice that the line width of the golden spiral is narrower than the red spiral. Additionally, the golden spiral had a higher degree of tightness, which results in curves that are closer together near the edges.

     

    red button explorerFashion Button Design Problem

    The red button spiral, created in an ad hoc and undocumented manner, has a construction that remains a challenge to determine. At first examination it has a spiral at its center. When you zoom in, it appears that it has been constructed by overlaying a number of spirals that each have been rotated and placed around the first spiral. It appears that several green spirals are on the under layer and have spiral radiuses much smaller than the overlaid spirals.

    Other Areas to Explore

    Explore other Subjects Related to Fashion for not only fashion knowledge but fashion ideas. Chemistry, is filled with patterns that also can be used in the design of fashion. Atomic fashion and molecular fashion as well as photon, electron and isotope fashion are one way to tie the macroscopic world of fashion to the underworld of fashion in an educational manner.

    Resources, References and Links: The Elements of Fashion

    1. The Chemistry of Fashion
    2. The Geometry of Fashion
    3. The Mathematics of Fashion
    4. The Mechanics of Fashion
    5. The Science of Fashion
    6. The Engineering of Fashion
    7. Alternative of Fashion
    8. Fashion as Energy - Fashionably Energetic
    9. The Optics of Fashion
    10. The Physics of Fashion
    11. The ThermoDynamics of Fashion
    12. Fashion Shapes
    13. Fashion Creation
    14. Fashion Design

     

     

     

    multiplekeyAbstraction, Luminescence, Metallic and Aging Techniques

    This abstract illustration was created with six basic FashionExplorer shapes created with the design maker tool, the oval maker tool, the quadrilateral maker, and the parabola maker. The science fiction centerpiece was composed entirely of multiple ovals constructed with the multiple oval tool. The colors of the ovals used varied and included black, red, gold, brown and blue. The overlays used created an almost metallic and shiny effect in the base of the fictional object and an almost luminescent effect at the top of the object.

    The aged shutters on the lower right were created with rectangles. Rectangles of different colors were repeatedly copied over each other. FashionExplorer's freehand drawing tool was used to add some age using shades of gray.At the bottom of the shutters you can see the under layers used in the construction.

    The blue design on the far left was created with the FashionExplorer's design maker tool, the 8 key on your keyboard (discussed in lesson 22). Several copies of one eight sided polygon were produced. Then each copy was scaled using FashionExplorer's scale tool (discussed in lesson 55).

     

     

    Resources, Links and References:

    1. Google Images, Abstraction
    2. Google Images, Luminescence,
    3. Google Images, Metallic
    4. Google Images, Aging and Crackling Techniques
    5. Google Images, Texturing Techniques

     

    textile graphic databaseSwatch Making with Fashion Explorer

    The drawing on the left was constructed mode with the wave maker tool in pattern mode. A wave with 5 peaks was used that had a width of 34 pixels and a height of 34 pixels.

    The waveform pattern was shift-copied 34 pixels to the left and 34 pixels up for each shift.

    Step by Step

    1. Go to the Scribble Board Page
    2. Position your mouse cursor over the design board and click your mouse button to activate the Scribble Board.
    3. Place FashionExplorer in pattern mode. Double click the Select button if it is pink. Single click the Select button if it is black.
    4. Position your mouse cursor over the height text box in the Dimensions panel. Type in 34 in the width text box
    5. Position your mouse cursor over the height text box in the Dimensions panel. Type in 34 in the height text box.
    6. Position your mouse cursor over the line width text box in the Dimensions panel. Type in 1 in the line width text box.
    7. Position your mouse cursor over the shift x text box in the Dimensions panel. Type in 1 in the shift x text box
    8. Position your mouse cursor over the shift y text box in the Dimensions panel. Type -1 (minus 1) in the shift y text box.
    9. Position your mouse cursor in a location on the lower left hand side of the scribble board.
    10. Press and hold down the A key (third row on your keyboard).
    11. With the A key held down, continually click your mouse button. Observe that for each click of the mouse, the waveform shifts 34 pixels to the right and 34 pixels up. Calculate the amount of horizontal shift by multiplying the value in the width text box by the value in the shift x box (1 times 34 is 34). Calculate the amount of vertical shift per click by multiplying the value in the height text box by the value in the shift y text box( -1 times 34 is -34).
    12. Reposition your starting position for the next wave pattern.
    13. Repeat step 11, that is hold down the A key and repeatedly click your mouse
    14. Change the color of the wave with the color picker to blue.
    15. Reposition your starting position for the next wave pattern.
    16. Repeat step 11, that is hold down the A key and repeatedly click your mouse

     

     

    plaid one graphic libraryPlaid Design Simplified

    Plaid is one of the most popular types of autumn attire. A plaid pattern, also known as a tartan, has its fashion roots as a emblem for families and armies. The first plaids however data back thousands of years to ancient Roman times. Scotland popularized plaid fashion in the 1800s and today it has taken hold worldwide.

    Plaid designs can be found in almost every type of fashion wear from skirts to swimsuits and even in fashion accessories such as purses, scarves and more.

    Plaid designs are often created with a rainbow of different colored threads or yarn. What makes plaid design even more interesting is that just like mixing paint, when you mix different colored threads you will create variations of color throughout the plaid. Those skilled in the art of plaid design can take advantage of this fact to create truly impossible to duplicate and unique designs. Novices though often can find it a challenge to predict the outcome especially when lots of different colored thread are used. That is why most beginners start making plaids with just two or three different colors.

    The basic construction of a plaid design requires that you create a tartan or plaid grid. Then you must define the sett, that is the geometric color pattern of squares or rectangles that form the design. It is helpful to view a plaid as a series of horizontal and vertical bands of thread. The vertical bands and horizontal bands are often first defined in a grid to define the overall plaid pattern. Often each band has the same width and an equal number of threads. Often though, complex plaid designs vary the width of the bands, the number of threads in each band and have different color themes for the threads in each of the bands.

     

    Plaid (Tartan) Instructions

    The Plaid generation tool also known as the ruler and grid tool is used for the construction of plaids with FashionExplorer. After you place FashionExplorer in pattern mode, pressing the period key on your keyboard will activate the plaid generator. You set the band width with the controls in the timing control panel, the thread width with the linewidth control in the dimensions panel. And you set the color of each thread with the color picker button mode control. Duplicating threads for the weft and waft are controlled with the xShift and yShift settings, also within the dimensions panel.

    The text box controls for the ruler let you set the total length of the ruler, the distance between grid marks on the ruler, the number of grid marks on the ruler and the length of the grid marks. Because you can set the number of grid marks and the length of the grid marks for the design, the ruler can be used to make custom plaids with a variety of different patterns. Plaid designs, like rulers and grids are most often made in Pattern mode.

    Step by Step

    1. Go to the Scribble Board Page
    2. Enable Pattern Mode. Double click the select button if it is pink. Single click the select button if it is black.
    3. Press and release the Period key (second row from the bottom). Observe that a ruler with grids has been placed on the screen. Also observe that several text boxes in the panels are now highlighted in gray. The values in these text boxes are used to set the total length of the ruler, the distance between grid marks in the ruler, total number of gird marks on the ruler and the length of the grid marks.
    4. Position your mouse cursor over the bright yellow Remove Last button in the mode control panel. Click your mouse button. Observe that the ruler object has been removed from the screen.
    5. Type the value of the length of the grid mark in the Height text box in the Dimensions panel. Use a value of 50 pixels for this example
    6. Type the value for the number of grid marks in the Repeat text box in the Sinusoid Curves panel. Use a value of 10 for this example.
    7. Position your mouse cursor where you want the ruler to be placed.
    8. Press and release the Period key on your keyboard. Observe that a horizontal line with 10 grid marks spaced 50 pixels apart appears on the Scribble Board.
    9. Select the Drag button, the maroon button on the mode control panel. . Observe that it turns black after you click it. If the Drag mode button is maroon, drag mode is off. If the drag mode button is black, drag mode is on,
    10. Double click the ruler you created. With your mouse cursor held down and positioned over the ruler drag the ruler to a new location.
    11. Position your mouse cursor over the Rotate text box in the Dimensions panel. Type in 90 for 90 degrees.
    12. Position your mouse cursor where you want the vertical ruler to be placed.
    13. Press and release the Period key on your keyboard. Observe that a vertical line with 10 grid marks spaced 50 pixels apart appears on the Scribble Board.
    14. Double click the vertical ruler you created. With your mouse cursor held down and positioned over the ruler drag the ruler to a new location. Make sure that Drag mode has been turned on.
    15. Position your mouse cursor over the Drag button and click with your mouse. Observe that the drag mode change color back to maroon. Drag mode is now off.

     

    Resources, Links and References: Plaid

    1. Fashion Plaid Shutter Stock
    2. Plaid Fabric
    3. Plaid Fabrics Line Drawings
    4. Victoria's Secret Plaid Fashion Show
    5. About.com Plaid Embellished Ensemble
    6. Victoria's Secret, VS Double Breasted Plaid Peacoat
    7. Victoria's Secret, The Dreamers Flannel Pajama
    8. Victoria's Secret, Plaid Panties
    9. Google, Victoria's Secret Plaid Award
    10. Wikipedia, Tartan

     

     

     

    plaid zoomed graphic libraryPlaid from a Distance

    Plaid is effective for distance fashion situations. As well plaid can be designed such that it can take advantage of the light.

    When in a plaid outfit, the colors the plaid radiate tend to merge to make different color illusions. A plaid made with 5 different color threads for example will produce over 25 different colors that result from the diffusion of light into space.

    Plaid in different lighting also will produce different hues and tones.

    Fashion designers that study color, light and plaid, often complement plaid with light reflecting accessories such as rings, necklaces and metallic belts. More modern designers also combine plaid with LED lighting to achieve a wide variety of mood altering effects.

     

     

     

     

    plaidstyle2CrissCrossed Plaid

    The crisscrossed plaid was constructed with Fashion Explorer's plaid tool and the saw tooth tool. Specifically, the saw tooth tool was used to construct the white diagonal lines that cross the pattern at a 30 degree angle. For this design the color mode button was used to color specific threads to achieve specific accents at specific points for the fabric. For example, a number of threads were changed from yellowish orange to blue and white. Notice the blue horizontal stripe about a third of the way down and a white stripe about two-thirds down in the graphic.

    Such variation away from rigid tartan sett designs gives designers the flexibility to add subtle vibrancies to a dress design. Knock off designers sometimes fail to recognize these subtleties that give the knock off that quite not right look. And of course, when you wear that knock off, you will have that feeling that something is not quite right.

     

     

     

    shadesstyle1Shutter and Partition Design

    Shutters and Partitions are a great way to ensure that crowded spaces have privacy and protection. Partitions, which can be made like shutters, are used as dressing rooms in many department stores. And that's because there inexpensive and give you the privacy you need.

    Shutters for your windows, especially if they are the kind that actually open and close, can be used to protect you from the elements, blocking out the cold, the sun and even air pollution/

    FashionExplorer lets you create shutter and partition designs easily with its parallelogram tool. This tool, when operated in pattern mode, lets you quickly shift, align and copy shutter panels all in one keystroke.

    Step by Step

    1. Go to the Scribble Board Page
    2. Enable Pattern Mode. Double click the select button if it is pink. Single click the select button if it is black.
    3. Press and release the Period key (second row from the bottom). Observe that a ruler with grids has been placed on the screen. Also observe that several text boxes in the panels are now highlighted in gray. The values in these text boxes are used to set the total length of the ruler, the distance between grid marks in the ruler, total number of gird marks on the ruler and the length of the grid marks.
    4. Position your mouse cursor over the bright yellow Remove Last button in the mode control panel. Click your mouse button. Observe that the ruler object has been removed from the screen.
    5. Type the value of the length of the grid mark in the Height text box in the Dimensions panel. Use a value of 50 pixels for this example
    6. Type the value for the number of grid marks in the Repeat text box in the Sinusoid Curves panel. Use a value of 10 for this example.
    7. Position your mouse cursor where you want the ruler to be placed.
    8. Press and release the Period key on your keyboard. Observe that a horizontal line with 10 grid marks spaced 50 pixels apart appears on the Scribble Board.
    9. Select the Drag button, the maroon button on the mode control panel. . Observe that it turns black after you click it. If the Drag mode button is maroon, drag mode is off. If the drag mode button is black, drag mode is on,
    10. Double click the ruler you created. With your mouse cursor held down and positioned over the ruler drag the ruler to a new location.
    11. Position your mouse cursor over the Rotate text box in the Dimensions panel. Type in 90 for 90 degrees.
    12. Position your mouse cursor where you want the vertical ruler to be placed.
    13. Press and release the Period key on your keyboard. Observe that a vertical line with 10 grid marks spaced 50 pixels apart appears on the Scribble Board.
    14. Double click the vertical ruler you created. With your mouse cursor held down and positioned over the ruler drag the ruler to a new location.
    15. Position your mouse cursor over the Drag button and click with your mouse. Observe that the drag mode change color back to maroon. Drag mode is now off.

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    bathroom design image galleryShades of Gray

    In this graphic, the interior designer created an abstraction of a women taking a bubble bath. next to the bathtub partitions.

    For the design of the women, various shades of gray were used. Additionally, FashionExplorer's circle brush was used. The circles to were also created with different shades of gray,

    Stippling was added to accent the human form of the woman. The interior designs also added some black stippling to the vertical orange shutter panels in the first step of the process to change the texture of the shutter from painted wood to that of a towel.

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    wacom_childrens_fashionThe Fundamental Drawing Shapes

    Five fundamental drawing shapes are the cube, the sphere, the ellipsoid, the cylinder and the cone. In two dimensions these are known as the square, the circle, the oval, the rectangle and the triangles/

    In addition to these these basic shapes, Fashion Explorers offers hundreds of other basic shapes that can be used for the creation of other shapes.

     

     

     

     

     

     

     

     

     

     

     

    Resources, References and Links: Figure Shapes and Action Drawing

    1. Drawing Simplified
    2. Point of Thrust
    3. Point of Tension
    4. Drawing Folds
    5. The Perfect Figure
    6. The Perfect Ballerina
    7. Contours of Facial Features (Nose, Lips, Eyes, Ears)
    8. Fractal Shading Effects and Lighting - Archimedes Spiral
    9. Fractal Color Schemes
    10. Fractals in Design
    11. Circularization Drawing Techniques
    12. Action Drawing
    13. Google Images, Skiing
    14. Google Images, Bicycling
    15. Google Images, Boxing
    16. Google Images, Fencing
    17. Google Images, Karate
    18. Google Images, Digging
    19. Google Images, Twisting
    20. Google Images, Dancing
    21. Google Images, Falling
    22. Google Images, Bathing
    23. Google Images, Sleeping
    24. Google Images, Skipping
    25. Google Images, Snoring
    26. Google Images, Drinking
    27. Google Images, Eating
    28. Google Images, Pushing
    29. Google Images, Shoving
    30. Google Images, Belly Dancing
    31. Google Images, Dance Steps
    32. Google Images, Kissing
    33. Google Images, Hugging
    34. Google Images, Jumping
    35. Google Images, Throwing
    36. Google Images, Shooting
    37. Google Images, Swimming
    38. Google Images, Fighting
    39. Google Images, Sky Diving
    40. Google Images, Dressing
    41. Google Images, Undressing
    42. Google Images, Talking
    43. Google Images, Smiling
    44. Google Images, Crying
    45. Google Images, Yelling
    46. Google Images, Hopping
    47. Google Images, Modeling
    48. Google Images, Posing
    49. Google Images, Dying
    50. Google Images,
    51. Dancers and Dancing Poses
    52. Nude Dancers
    53. Belly Dancers
    54. Geometry
    55. Figure Drawing Blog Spot,How to Draw the Human Figure in Motion and How to Draw Action Figures Components of Human Anatomy
    56. FOTIOS ZEMENIDES ART Anatomical Detail Studies
    57. Figure Drawing Blog Spot

    multiple oval tool scribble boardHow to Draw the Perfect Face, Slide 1 of 13

    Drawing Faces with FashionExplorer, The Spherical Grid

    There are many ways to draw a face or head with FashionExplorer. You can go completely freehand with FashionExplorer's freehand mode, or you can make a grid with FashionExplorer;s grid tools to help you guide you through the process.

    Regardless of the method chosen, if you want to draw a face perfectly, you will need to know the perfect proportions of the face. And this means you will have to draw with perfect golden proportions. The golden proportion rules suggest that most objects should have a proportion of 62 to 38. This means a perfect head, would have a width to height proportion of 38 to 62. For example, if you made a face with a height of 1000 pixels, the width would be about 380 pixels and a height of 620 pixels.

    There's even more you can do to get a handle on drawing a perfect face. One way is to study the faces of those that have the perfect face, both the modern perfect face and the classical perfect face. The references below, will give you a first hand look at the most perfect faces, and for that matter, the most valuable faces of the new millennia.

    How to Draw a Perfect Face

    In this tutorial, a spherical grid is first generated. The spherical grid is then used as a general guide for the placement of the eyes, ears, nose, lips and eyebrows. The slide show for this tutorial extends to tab 51. Take a look at tab 51 for the finished result.

    Generating the curved horizontal grid lines with FashionExplorer is relatively simple with FashionExplorer, just set the width and height in the dimensions' panel, select pattern mode, then press the X key ( the concentric oval key) on your keyboard. For this design, the width and height for the spherical grid were set to 333 and 500 for a ratio of 66 to 34, a little off from the golden ratio. A head will be created with those dimensions and then altered, letting you judge for yourself, if the golden proportion is your ideal for beauty.

    Step by Step

    1. Enable Pattern Mode. Double click the select button if it is pink. Single click the select button if it is black.
    2. Type the width in the width text box in the Dimensions panel. Use a value of 333 pixels for this example
    3. Type the height in the height text box in the Dimensions panel. Use a value of 500 pixels for this example.
    4. Position your mouse cursor where you want the spherical grid to be placed.
    5. Press and release the X key on your keyboard. Note that a multiple spherical grid with 22 curved grid lines is now on the screen.
    6. Select the Drag button, the maroon button on your keyboard. Observe that it turns black after you click it. If the Drag mode button is maroon, drag mode is off. If the drag mode button is black, drag mode is on,
    7. Double click the spherical grid you created. With your mouse cursor held down and positioned over the spherical grid, drag the grid to a new location.
    8. Position your mouse cursor over the Drag button and click with your mouse. Observe that the drag mode change color back to maroon. Drag mode is now off.

    Tips

    1. In this example, pattern mode was used. Scribble mode could have also been used. Pattern mode was selected because it is less sensitive to text box focus than Scribble mode. Meaning that if you type on the ScribbleBoard instead of in the text box you won't generate an image.

    Resources, Links and References, The Perfect Face

    1. Christy Turlington, The Perfect Face
    2. Google Images, Christy Turlington
    3. Daily Mail United Kingdom, Madonna named 'the ultimate face' by cosmetic surgeons... so will she finally admit to going under the knife?
    4. Casino 770, A Perfect Woman

     

     

     

     

     

     

     

     

     

    cross layout graphic for faceHow to Draw a Perfect Face, Slide 2 of 13

    A perfect face, when looked at directly from the front, will be perfectly symmetrical about two center line axes. The facial features will be symmetrical about a vertical line drawn through the nose and symmetrical about a horizontal line drawn directly below the eyes, midway between the crown of the head and the tip of the chin.

    Center Line Instructions

    FashionExplorer's center line tool is used to create center guidelines. Just like you create other scribble board graphics, you create the center line cross by pressing a key on your keyboard. The 2 key on your keyboard will generate a cross when pressed. The cross generated will produce two perpendicular lines. The vertical line will have a length equal to the value set in the height text box in the dimensions panel. The horizontal line will have a width equal to the width set in the width text box. The linewidth of the lines is set with the value in the linewidth field. You can also select or change the color of the cross with the color picker.

    Step by Step

    1. Keep the same settings from the last slide (lesson 42).
    2. Position your mouse cursor over the center point of the spherical grid.
    3. Press and release the 2 key on your keyboard. The 2 key generates a cross that has a width equal to the value set in the width field and a height equal to the value set in the height field. The actual line width of the cross can be set in the linewidth field.
    4. Select the drag button. Now position the mouse cursor over the cross and double click the cross image. Hold down the mouse and drag the cross so that it is positioned at the center of the oval. . Use the mouse coordinate display box that is in the properties box to help guide you. The properties panel can be seen in the figure above. It is in the lower left hand corner. The x and y mouse coordinates are displayed in the second text box down in the properties panel. This text box is called the Mouse (x, y) or mouse coordinate text box.

    Resources, Links, and References: Drawing Face and Head Grids

    1. ITECHNOGURU, Create a Face Shattering Effect
    2. Google Images, Face Grid
    3. Idsia, Facial Beauty and Fractal Geometry

     

     

    drawing faces layout of eyesHow to Draw a Perfect Face, Slide 3 of 13

    Laying out the Eyes of the Perfect Face

    The eyes, that is the complete eye or eyeball, is a sphere, on which the iris and cornea are attached. When you move your eyes askance, the muscles that are attached to the eyeball, rotate the eyeball from left to right and up and down.

    The width of the face is about 4 to 5 eyeball widths. Additionally, the distance between your eyeballs is about one eyeball width. If you examine the modern perfect face, that is Christy Turlington's face, you will find that her face has a width of about 4.3 eye widths on the eye line. That is without counting the protrusion of her ears.

    On the drawing to the left, the spherical eye grids have a width of 70 pixels. The width of the face at the eye line is about 333 pixels. This gives a ratio of about 4.75, or slightly above the ideal face.

    Spherical Guidelines for the Eyes

    Just like the spherical guidelines for the face, you can also generate spherical guidelines for the eyes. In the figure here, FashionExplorer's X key was used to create the five spherical grids to help keep in perspective the eyewidth proportion to eyeline length porportion (see Lesson 42 also). The width and the height for the eyeball spheres was set to 70 pixels, and the spheres were duplicated and aligned (in pattern mode). The center line was also used to drag the spheres slightly above the horizontal center line.

     

     

     

     

     

     

     

     

     

    place eyes on face remove sphere gridsHow to Draw a Perfect Face, Slide 4 of 13

    Removing the Eye Layouts

    In the last illustration, there were five spherical eye grids. However we only need two. The two spheres that are left are almost symmetrical about the center line. The right eye is a little closer than it should be. You may want to drag the right eye a little more to the center. However, for those that think imperfect is more perfect, keep the eyes off-centered a little.

    Spherical grids, because they serve as models for the eyeball, can be used to gain practice with drawing eyes. With the spherical grids, you have a framework for establishing the correct proportions for the iris, the pupil, the eyelids, the eyelashes and the eyebrows.

    Below find step by step instructions for removing objects such as the spherical eye grids that were created in the last tab. Its a simple procedure. Select the light blue, delete button, position your mouse over the object and click with your mouse.

     

    Step by Step - Removing Objects with the Click Eraser

    1. Click on the Delete Button(the light blue button). Note it will turn black.,
    2. Position your mouse over the spherical grid you want to delete.
    3. Click your mouse button. Observe that the spherical grid has been removed from the stage.

    Tips: For line widths less than 5 pixels, you may have to zoom in to position your mouse cursor directly over a line on the sphere. Right click your mouse when over the ScribbleBoard to display the Zoom context menu. As an alternative to zooming, position your mouse cursor over the darkest area of the sphere, which is on the far right and far left hand sides of the sphere. You will have better luck clicking in the darkest regions when you want to delete or recolor an object.

     

     

    Layout of the Face Setting up Ruler AxisHow to Draw a Perfect Face, Slide 5 of 13

    Setting Up Rectangular Grid Marks

    Although curved grid lines will help you keep focused on the fact that face features are curved, they don't help much in establishing the relative distance between facial features. Although marked spherical grids are planned for FashionExplorer's next revision, until then use the rectangular grid maker tool to construct rectangular rulers.

    Instructions for Custom Rulers and Grids

    Creating rulers and grids is easily done with Fashion Explorer. The Period key, on the second keyboard row on your keyboard, will generate a ruler.

    The text box controls for the ruler let you set the total length of the ruler, the distance between grid marks on the ruler, the number of grid marks on the ruler and the length of the grid marks.

    Because you can set the number of grid marks and the length of the grid marks on the ruler, the ruler can be used to make custom grids for the drawing of different objects. Both rulers and custom grids are most often created in Pattern mode.

    Step by Step

    1. Enable Pattern Mode. Double click the select button if it is pink. Single click the select button if it is black.
    2. Press and release the Period key (second row from the bottom). Observe that a ruler with grids has been placed on the screen. Also observe that several text boxes in the panels are now highlighted in gray. The values in these text boxes are used to set the total length of the ruler, the distance between grid marks in the ruler, total number of gird marks on the ruler and the length of the grid marks.
    3. Position your mouse cursor over the bright yellow Remove Last button in the mode control panel. Click your mouse button. Observe that the ruler object has been removed from the screen.
    4. Type the value of the length of the grid mark in the Height text box in the Dimensions panel. Use a value of 50 pixels for this example
    5. Type the value for the number of grid marks in the Repeat text box in the Sinusoid Curves panel. Use a value of 10 for this example.
    6. Position your mouse cursor where you want the ruler to be placed.
    7. Press and release the Period key on your keyboard. Observe that a horizontal line with 10 grid marks spaced 50 pixels apart appears on the Scribble Board.
    8. Select the Drag button, the maroon button on the mode control panel. . Observe that it turns black after you click it. If the Drag mode button is maroon, drag mode is off. If the drag mode button is black, drag mode is on,
    9. Double click the ruler you created. With your mouse cursor held down and positioned over the ruler drag the ruler to a new location.
    10. Position your mouse cursor over the Rotate text box in the Dimensions panel. Type in 90 for 90 degrees.
    11. Position your mouse cursor where you want the vertical ruler to be placed.
    12. Press and release the Period key on your keyboard. Observe that a vertical line with 10 grid marks spaced 50 pixels apart appears on the Scribble Board.
    13. Double click the vertical ruler you created. With your mouse cursor held down and positioned over the ruler drag the ruler to a new location.
    14. Position your mouse cursor over the Drag button and click with your mouse. Observe that the drag mode change color back to maroon. Drag mode is now off.

     

     

     

     

     

     

     

     

     

     

     

     

    use gray to trace in the proportionsHow to Draw a Perfect Face, Slide 6 of 13

    Nose, Ear and Mouth Guidelines, The Line Tool

    Here, the color picker was used to change the color of the ruler grid lines and then light gray guidelines were added for the nose, lips and eyebrows. The lines were drawn with the line tool, activated by clicking the bright red line mode button in the mode control panel.

    For the nose, since this a front shot, with the vanishing point centered between the eyes, the nostril lines were drawn upward from the left and right ends of the nostril to the apex of the nose. Because the tip of the nose is at an angle with the nostrils, you will still be able see the underpinnings of the nostril as illustrated in the photograph of the perfect face.

    The guide lines for the nose, mouth, ears and eyebrows, are however, just that, guidelines. Artists often only establish guidelines as a beginning and not the end of the layout of a design. As the picture progresses, the artist will often adjust the proportions, either to fit the model, or to fit their ideal of physical, emotional and inner beauty.

    As the drawing stands right now, it is more a representation of space alien beauty. But as the drawings progresses it will evolve more and more towards a traditional standard of beauty.

    Step by Step

    1. Click the line mode button, the bright red button.in the Mode Controls button panel. Observe that it will turn black when line mode is active.
    2. Turn off freehand drawing mode if it is on. Press and release the 1 key on your keyboard if freehand drawing mode is on. Observe that the real time help box will post a message after you press and release the 1 key.
    3. Position your mouse cursor to the location where you want to begin your nose guideline. Note the x and y coordinates within the mouse x, y text box in the properties panel.
    4. Depress and hold down your mouse button.
    5. Holding the mouse button down reposition the mouse cursor to the point where you want to end the nose guideline.
    6. Release the mouse button. Observe that a line has been drawn between the two points selected.

    Tips

    1. If freehand drawing mode is on when you draw a line in line mode, two lines will be drawn when you release the mouse. One line will be drawn between the first and second point selected. As well a line will be drawn between the last point selected and the first point selected. You will notice this effect when you draw a series of lines that contain three or more points. You can take advantage of this effect to expedite the creation of curve fringes. Most often often however you will not want freehand drawing mode on when line mode is on.
    2. You can change the color of the line drawn with the color picker tool. You can also change the linewidth of the line with the value entered in the linewidth text box in the dimensions panel.
    3. You can remove line segments of lines drawn with the line tool. First click on the delete mode button (Click Eraser), then position the mouse cursor over the line segment you want to delete and click your mouse button.

     

    Resources, Links and References: Head and Face Proportions

    1. How to Draw a Human Face
    2. Arty Factory, Proportions of a Head
    3. DeviantArt, 10 Head Fashion
    4. Tailoring for Women, Proportional Head
    5. Google Images, Drawing Heads
    6. Beautiful Proportions, Beautiful Proportions of the Face
    7. ShutterStock, Perfect Face
    8. Anticz, Heads

     

    advantages of color construction linesHow to Draw a Perfect Face, Slide 7 of 13

    Beginning Your Color Theme, Changing Colors of the Guidelines

    Here the face features' guidelines were changed. The nose, ear and lips guidelines were changed from light gray to magenta. Changing the color of the guidelines to colors that match the skin tone helps orient your color scheme.

    FashionExplorer Color Editing Instructions

    Changing the colors of the lines is made easy with the color picker tool. For this drawing, you can see the color picker button clearly. It is the deep red button that has a white frame around it, just above the olive green button. In this drawing, this deep red color was the last selected color. A deep red line was drawn over a magenta construction line used for the lips. Using double construction lines with different colors starts the process of color building for the drawing.

    The color building process in a colored pen design requires much research, practice and experimentation. And that's because there are so many colors. Although there are many color combinations that are known to give very realistic effects, there are still many color combinations that have not been explored or well documented. That's not because artists have not already tried many, its because the number of colors is infinite, and that means you have to develop a well thought out strategy to select color themes.

    Step by Step

    1. Position your mouse cursor over the light blue Select button. Click your mouse. Observe that the select button changes from light blue to black. The black color indicates the click select mode is on.
    2. Position your mouse over the color picker button (the framed button in the Mode Controls Button panel, just above the olive green button).
    3. Click your mouse. Observe that the color picker palette appears.
    4. Position the mouse cursor over the color you which to select.
    5. Click your mouse button. Observe that the color you have chosen is now the color within the framed color picker button.
    6. Position your mouse over the line you want to change the color of.
    7. Press and release your mouse button. Notice that the color of the line or object you selected has changed to the color selected in the color picker.

    Tips

    1. When selecting objects built with lines of small line width you may have to zoom to position the mouse cursor directly over the line. Right click your mouse to display the Zoom context menu. Select the Zoom In option. Reposition the hand cursor that appears over the line you wish to recolor. When the hand cursor changes from a hand to an arrow, left click your mouse.

    References: Drawing Lips

    1. Google Images, Women's Lips
    2. Google Images, Lips
    3. Drawing Coach, Drawing Tips and Tricks, Learn About Drawing Lips and the Mouth
    4. Google Images, Drawing Lips
    5. Designououstimes.com Drawing Vector Portraits Part 4: The Lips
    6. Google Images, Abstract Lips

     

    line in lips and forehead and noseHow to Draw a Perfect Face, Slide 8 of 13

    Roughing in Features of the Lips, Nose, Forehead, Jaw and Chin

    After your guidelines have been drawn, the next step is to define the facial features in more detail. In this drawing, the guidelines for the tip of the nose were drawn in which included two lines for the placement of the nostrils. As well the shape of the lips were also placed with FashionExplorer's line tool (see lesson 47).

    The skull and the jaw were also reshaped with straight lines that to a large extent follow the outline of the oval grid used. Notice also that the oval grid has been painted over with white. This was done in freehand drawing mode using a 10 pixel line width.

    Furthering the development of the color scheme, a light brown flesh tone was selected for the forehead guide lines.

    In the figure, notice that line mode is on, that is the line mode button is black. You can also see from the color picker button that the color has been set to a light brown color. FashionExplorer is in its default mode, that is pattern mode. Pattern mode is on when neither Scribble mode (Purple button) or Animator's mode (dark blue button). is on. Modes are on when the associated button is a black color.

     

     

    References: Drawing Noses

    1. Arty Factory, Drawing the Nose
    2. Drawing Noses, How to Draw the Nose
    3. Google Images, Nose Drawing
    4. Human Illustration Tutorials

     

    shading in the face with a light colorHow to Draw a Perfect Face, Slide 9 of 13

    Adding Primer Colors for Features

    In this step, a color primer, a light pink color, was selected to evaluate a lighting and shading scheme. The light pink color primer was painted on the eyelids, eyebrows, eyes and ears.

    Besides a lighting and shading scheme, the primer also serves as a base to color over. Most digital drawings can be enhanced with a background color other than white. A non-white background color makes it easier to compose a drawing that has the highlights and darks in the right proportion, that is the golden proportion.

    The pink primer was applied with the freehand drawing tool (see lesson 6 for instructions). The linewidth of the drawing tip was set to 10 pixels. The color picker, as seen in the figure, is set to the light color pink that was used. White was also used to shade over areas that were inadvertently colored in light pink. Coloring over in white is often faster than erasing in click and quick erase modes. Coloring over in white also has the advantage in that it you can remove the white color you applied to see the layer below.

    However coloring over in white increases the amount of memory required. If you continue to layer over colors, you will find that it will take longer to perform drawing and coloring operations as you go along.

    To avoid this problem, keep your eye on the number of shapes text box in the properties panel. It will tell you how many shapes are on the Scribble Board. If it gets above 30,000 shapes, consider erasing some shapes with the remove last, click erase or quick erase modes. New quick erase versions of the ScribbleExplorer line will have selective shape erases, that will let you erase sections even more quickly.

     

     

     

     

     

     

     

     

     

     

     

    flow tip and a darker color for general face detailsHow to Draw a Perfect Face, Slide 10 of 13

    Deepening the Features with Darker Colors

    In this step, curves and lines were drawn in to further define the facial features. Notice several curved lines were used to produce the curved lips. Eyebrows were also added and the nostrils and eyes darkened. Eyelids were also drawn in. Perspective curves that follow the grid lines of the ellipse grid were also included. White was used to highlight and correct various feature elements. Quick erase mode was used to remove some of the white paint that was added in the last step. As you can see, the curved oval grid lines can now be seen again.

    Freehand drawing mode was used to create all of the effects in this drawing.

    Resources, Links and References: Drawing Eyelashes, Eyes, Eyelids and Eyebrows

    1. misc2blog, How to Draw Realistic Eyes
    2. Google Images, Eye Graphic Design
    3. Stan Prokopenko, How to Draw Eyes
    4. Google Images, Eye Drawing
    5. Google Images, Eyes Pictures
    6. Ameralert, The Art of Andrew Ameral, Proportions of the Eyes
    7. Google Images, Drawing Eyes
    8. Illustration Tutorials, Video Tutorials - How to Draw Eyelashes and Eyebrow
    9. Diagram of Eyebrow Geometry
    10. eHow, How to Pluck Your Eyebrows
    11. Lady Art Looks, Get Megan Fox’s Perfect Eyebrows
    12. ChickJunk, Make-up Tip: Tweezing and Shaping Your Way To Classic Eyebrows
    13. Google Images, Drawing Eyebrows

    References: Drawing Ears

    1. Human Illustration Tutorials, How to Draw Human Ears
    2. Drawing Coach, Drawing Realistic Ears

     

    shade the face with black stipplingHow to Draw a Perfect Face, Slide 11 of 13

    Adding Black Stippling

    Stippling, the use of dots to add shading and develop features, is a drawing technique that many artists employ. FashionExplorer's stipple tip was used in Freehand drawing mode to create the stipple effects here. Various linewidths were used ranging from 1 pixel up to 10 pixels. Stippling was applied to the eyes, lower nose and lips and around the edges of the right jaw.

    Stippling is accomplished in FashionExplorer in freehand mode. First, enter Freehand drawing mode (Press and release the 1 key to toggle freehand drawing mode on an off). The tip type used in freehand drawing mode is controlled with the reserved text box in the Rotate and Tip panel. Typing 1 in the reserved text box places the stipple tip on the pen. Typing 0 in the reserved text box places the flow tip on the pen.

    Setting the stipple tip width is done in the same way as the flow tip. Simply change the value in the linewidth text box within the Dimension's panel.

    Examining the face, it appears to lack symmetry and the forehead appears a little too short. In the next step, these problems are corrected.

    Step by Step

    1. Press the 1 key on your keyboard. Pressing the 1 key toggles freehand drawing mode on and off. When you press the 1 key, FashionExplorer will indicate if freehand drawing mode has been turned on or off,.
    2. Position your mouse over the reserved field in the Rotate and Tip panel. Observe that the tool tip "reserved" appears when your mouse cursor is over the reserved text box.
    3. Position your mouse over the linewidth field in the Dimension's panel. Select a value of 1 for very small stippling dots and values greater than 4 for fairly large stipple dots.
    4. Type in the number 1 in the reserved text box or press the up and down arrow on your keyboard until the number 1 appears in the text box.
    5. Reposition the mouse cursor over your drawing again. Observe that the real time help box reports that you have placed the stipple tip on your pen.
    6. Position your mouse cursor over the location you want to begin stippling. Depress and hold down your mouse button and drag your mouse through the areas you want stippling. Release the mouse button to stop stippling.
    7. Position your mouse over the linewidth field in the Dimension's panel. Select a value of 4 for larger stippling dots. Reposition your mouse over the area you want darker stippling, press and hold down your mouse button to start stippling again. Release the mouse button to stop stippling.

    Tips

    1. The faster you move the mouse cursor the farther the stippling dots will be placed from each other. For a continuous lines of dots, drag your mouse very slowly.

    References: Faces, Shading

    1. eHow, How to Use Stipple Effect in Drawing
    2. Helium, How to Stipple by Ann Marie Dywer
    3. 5Min, How to Stipple
    4. Google Images, Stippling
    5. Google Images, Faces
    6. eHow, How to Shade a Human Face
    7. Dueys Drawings, Shading Tutorial, How to Shade Drawings
    8. Google Images, Beautiful Faces
    9. Google Images, Faces of Most Famous Models
    10. Learn Drawing Now, Light and Shade
    11. Mike Theuer Pencil Portraits, How to shade across an entire drawing

     

     

    face changes shading techniques with wacom penHow to Draw a Perfect Face, Slide 12 of 13

    Finalizing the Face's Symmetry and Highlights

    In this step, the forehead was lengthened to improve the symmetry of the face. Now the distance from the eyes to the crown of the head and to the tip of the chin are about equal. As well, the shape of the forehead is similar to the shape of the jaw and chin. Notice also that the width of the forehead is now about equal to width of the jaw.

    Some of the stippling was removed in the drawing. As well, golden shading was added and the color of the eyes was changed to blue. The cleft of the chin was also added. Some line shapes that follow the curvature of the face were also placed on the cheeks. White was used to color over the light pink lines and shading on the forehead and outer edges of the jaw. White was also lined over the eyelids to make them stand out.

    The curved lines on the lips were changed to black and a deep red was lined around the lips. Notice that the lip line are now more curved to more realistically duplicate the curved of the lips on the face.

    The overall goal of his drawing is to make the face as feminine as possible without the use of hair. A difficult task, since hair is one of the most defining feminine features. Smaller and less emphasized noses, lush lips and delicate and curvaceous eyes also help define a more feminine face.

    Resources, Links and References

    1. Google Images, Sexy Face
    2. Color Palette Generator
    3. Color Hunter, Color Palette

     

    face nose drawing nostril shadingHow to Draw a Perfect Face, Slide 13 of 13

    Adding Abstraction

    For the final touches, a peach color was chosen for the eyelids and portions of the lips. Purple and magenta lines were used to form a drape around the eyes. The features of the nostrils were emphasized. A dark gray was used to shape the nostril to give a more realistic look to the nostrils. Gold stippling was used on the nose to vary the lighting and texture of the nose.

    It is difficult to tell whether the head is that of a man or a woman, which was the goal. The nose however could be emphasized to make a more feminine face.

    Hair could now be added or a million and one changes made. However, the shape of the lips and nose are for the most part complete.

    References: Drawing Human Hair

    1. Human Illustration Tutorials, How to Draw Human Hair

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    Quick Scaling of DrawingsScaling

    FashionExplorer can be used to scale drawings in the horizontal, the vertical or the horizontal and vertical directions. Scaling an object can be done quickly when in Scale mode. After selecting the Scale mode button. the blue button at the bottom of the mode control panel, clicking on your object with your mouse will scale up or down the object as dictated by the value set in the Scale panel.

    After scale mode has been set (scale mode button changes from dark blue to black), position the mouse cursor over the object and depress the mouse button. The object will increase in the horizontal and vertical direction according to the values set in the ScaleXInc and ScaleInc Y text boxes, which are set to 0.97 in this example. .

    For different scaling rates in the horizontal and vertical direction, change the settings in the scaleXinc and scaleYInc text boxes. For example, setting scaleXinc to 2 and scaleYInc to 1 scales the object in the horizontal direction by a factor 2, but keeps the same vertical height (a factor of 1).

    Set the scaleXInc and scaleYInc values between 0.01 and 0.99 to scale down the size of an object. For example to scale an object down 50 percent set scaleXinc to 0.5 and scaleYInc to 0.5.

    In the drawing to the left, circles were drawn (Z Key) in Pattern Mode. Initially, several circles were drawn directly on top of each other (a circle stack). This was done in pattern mode by first setting the shift x and shift y text box values to 0 and then continually pressing the Z Key. The scale mode button ( black in the figure) was enabled and then each circle in turn scaled downward by repeatedly clicking the top circle on the circle stack.

    After the top most circle on the circle stack was scaled down, the mouse was repositioned at a different location on the top most circle of the circle stack. That circle was then scaled down by repeatedly clicking the circle. For the drawing, scaleXInc and scaleYInc were set to 0.97. This reduces the circle by 3 percent for each click on the circle.

    Automatic Drawing Generator Produces Wide Variety of Fashion Designs and IdeasExploring with the Automatic Drawing Generator

    All the drawings on the left were generated with the parametric automatic drawing generator, the B key on the keyboard.

    After activating the Scribble Board, the value in the linewidth field in the Dimension's panel was set to 1 pixel. The mouse cursor was then moved over the Scribble Board and the B key was pressed. Once the image on the far left was displayed, the mouse button was clicked to stop the automatic drawing generator. The image was then dragged to the left of the Scribble Board.

    Next, a line width of 20 pixels was chosen. The B key was then pressed again to restart the automatic drawing generator. This time, the mouse button was pressed when the blackened image on the upper far right appeared. The image is the same as the image on the far left. The difference in the effects is attributed solely to the face that a different line width was chosen.

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    USERS MANUAL - ONLINE TRAINING, SCRIBBLE EXLORER

    • About
    • Modes of Operation
    • Graphic Libraries
    • Control Panels
    • Appendixes
    • Frequently Asked Questions

    ABOUT

    1. Major Components
    2. Automated Drawing Generators
    3. Scribbling, Drawing, Painting and Animating
    4. Accessing the Graphic Libraries
    5. Setting Graphic Dimensions and Effects
    6. Simple to Use Erasing
    7. Printing and Saving
    8. Customized Versions


    The Scribble Board, part of the family of general purpose Scribble Widgets, is a design, business, educational and entertainment tool. For design it can be used as a graphic design tool, a technical illustration tool and a freehand drawing tool. For business it can be used for online collaboration, project management and in screen shared work environment. For education it can be used to prepare illustrated teaching material and for online tutoring it can be used as an interactive chalk board. Finally, for just plain fun it can be used to scribble and explore mathematically generated graphic designs.

    Similar to a typewriter, Scribble Board lets you type graphic images onto the design board. Like your everyday graphic design program, images can be drawn or brushed onto the canvas. And like a sophisticated Computer Aided Engineering program, images can be automatically aligned and precisely dimensioned. And finally, just like an animation program, objects can be rapidly moved, scaled and rotated along set paths.

    Scribble Widgets are used in a broad range of applications. They are often used as online chalk boards and online presentation tools for educators, business professionals and engineers and scientists. Artists use Scribble Widgets to teach drawing, math teachers use them to display mathematical functions and relationships and working professionals use them for just about everything imaginable. But most importantly, many use Scribble Widgets for just plain fun. And fun they are, with the automated design features Graphic Designers find Scribble Widgets as the fun way to experiment with graphic design. As well, kids are fascinated with the drawing and color power the Scribble Board offers.

    Major Components

    The Scribble Board has four main components: the Mode Button Control Panel, the Preset Control Panels for setting the properties of objects or drawings, the ScribbleBoard and the graphics keyboard interface. The mode buttons are used to select different drawing modes for creating paintings, technical illustrations and animations. The control panels are for setting the dimensions, design effects as well as the shape and form of individual graphic elements. The ScribbleBoard is where you draw. The keyboard is a central element of the ScribbleBoard. All of the graphic library elements components are accessed through the keys of the keyboard. Simply by pressing the keys you can access the graphic library as well as the automatic drawing generators.

    Automated Drawing Generators

    One of the main productivty features of the ScribbleBoard are the automatic drawing generators. These drawing generators automatically cycle through thousands of different library graphics that are mathematically generated. Based on fractal design alogrihtms, you can select and overlay the graphics generated to produce a wide variety of complex and unique designs in very little time (select Lesson 7 on the tabbed panel for an example). .

    Scribbling, Drawing, Painting and Animating

    The ScribbleBoard has over 13 different drawing modes that are activated with the Mode Control Buttons. The three primary drawing modes are Scribble mode, Pattern Mode and Animation mode. Scribble Mode lets you draw and paint with any one of the graphic symbols that are in the ScribbleBoard library. Pattern mode lets you quickly create aligned patterns. Animation mode lets you move objects along set paths at set rates.

    Freehand drawing mode,turned on and off with the 1 key on your keyboard, is another often used mode. In freehand drawing mode, you can draw with a variety of different pencil and pen tips using all sorts of different colors.

    Accessing Graphic Libraries

    One of the best ways to familiarize yourself with the simpler and most commonly used functions of ScribbleBoard is simply to use them. Place the machine into scribble mode (when you first visit the Big ScribbleBoard page, the ScribbleBoard is already in scribble mode) and press each of the keys on your keyboard to see the object that pressing each key generates. You can also have a look at the graphic library at the keyboard documentation page. There you will find a simulated keyboard that you can use to familiarize yourself with the graphic library, its application and how to alter them.

    Setting Graphic Dimension and Effects

    Changing the drawing properties of the images is another operation that is done very often. The text boxes in each of the different control panels are used for this purpose. When you first bring up a library component (by pressing a key on the keyboard), the text boxes that are used to set the objects properties are highlighted in gray. For example, when you generate a center line cross with the 2 key, the width and height text boxes will be highlighted in gray in the Dimensions panel. Changing the width and height in these two text boxes and pressing the 2 key again will generate another center cross with the new width and height dimensions specified.

    Simple to Use Erasing

    When you draw remember that pressing the “spacebar key" will remove all the objects placed on the design board and that the bright yellow “remove last" button on the Scribble Board will remove the last object placed on the design board.

    Besides these erase options, you can also erase with ScribbleBoard's Quick Erasor and Click Erasor as well as simply color over in freehand drawing mode.

    Printing and Saving

    Selecting the File menu option on the Internet Explorer browser lets you print or save the sketches, illustrations and paintings you create with Scribble Board. After you select File on your browser tool bar, select the printer or file type you want to use. For printing select the printer that is attached to your computer system. For saving your file as a PDF document, select PDF and then type in a file name when prompted. Once your file is saved as a PDF file you can import the JPEG file into a number of photo editing programs such as Adobe PhotoShop and MicroSoft Image Composer. For saving most files in a PDF file format you will need to have Adobe Acrobat Pro installed in your computer.

    Custom Versions

    Scribble Widgets can be customized for your web site, social network or for your specific work environment. They can be designed and configured with a made to order scribble boards, scribble keys and scribble tips. Scribble boards can be also be ordered with interfaces that match your page. The color scheme, button types and text fields can all be designed exactly as you want. In fact, a keyboard interface with specific functions can be made just for your application.

    The palette of Scribble Keys, Tips and Brushes continue to grow as we devise new ways to simplify the implementation of complex graphic designs. Because of our commitment to application specific design interface, teachers, engineers, artists and those in marketing and sales now can have an online work board that not only makes their job easier and more productive, but more enjoyable. We build and produce customized drawing systems according to the precise requirements of our clients. When we start a custom ScribbleBoard project, we use inputs from artists, technical illustrators and a wide number of other professionals to develop a graphic oriented tool so that our clients can design faster as well as design ever more complex compositions.

     

    MODES OF OPERATION

    1. Remove Last
    2. Select and Edit Modes
    3. Erase Methods
    4. Click Eraser Mode
    5. Quick Eraser Mode
    6. Click Color Mode
    7. Quick Color Mode
    8. Scribble Mode
    9. Animator Mode
    10. Pattern Mode
    11. Drag Mode
    12. Rotate Mode
    13. Color Picker
    14. Line Mode
    15. Phase Shift Mode
    16. Scale Mode

    MODES OF OPERATION

    The Scribble Board has several modes of operation. For the most part these modes are controlled through the selection of buttons within the Mode Controls Buttons panel. The primary design modes include Scribble Mode, Pattern Mode and Simulated Animation mode. The primary editing mode buttons are Select, Delete, Color, Scale and Rotate.

    Design modes are general modes used for creating drawings, while the edit modes are used for changing drawings. Scribble mode is used primary for painting with graphic brushes, . Pattern Mode is used for creating aligned patterns quickly and Simulated Animation Mode, is used to prototype animations. The select mode is used to activate quick selection. The delete mode is used for removing objects. Color mode is used for changing colors of objects and pixels and scale mode for changing the size of an object or pixel,

    For the most part, the different modes are set with the mode buttons in the mode control panel. However some modes are not, such as freehand drawing mode, used for scribbling, fine line drawing and hand writing applications. Pressing the 1 key on your keyboard is used to toggle freehand drawing mode on and off.

    mode control panelThe Mode Buttons, shown on the left include Select (pink), Delete(light blue), Color (beige), Drag(maroon), Remove Last (bright yellow), Animator (dark blue), Scribble (purple), Rotate (green). Reserved (Orange), Line(red), Phaseshift(army green), Scale (bluish gray), The small rectangular button at the bottom of the mode controls panel is the move panel button. Positioning your mouse over this button, holding down your mouse button and then dragging your mouse will move the entire mode control buttons panel.

    When you roll your mouse cursor over a mode button, a tool tip will display the mode. On the figure on the left, the cursor is over the scribble mode button. The scribble mode button is black, indicating that scribble mode is on. When any mode is on it will be black. When it is off, it will be its default color.

    Pattern mode, since it is the default design mode, does not have a visual control button. Pattern mode is automatically turned on when animator and scribble mode are both off.

    More than one mode button can be selected at once, Modes that don’t offer the capability to be used with other modes are on will automatically be turned off when another mode is selected. For example, when scribble mode is turned on, animator mode will be automatically turned off. When animator mode is turned on, scribble mode will be automatically turned off. Similarly, when the select mode button is clicked or double clicked it will automatically turn off scribble mode, animator mode, rotate mode and color mode. The Scribble Board also defaults to pattern mode when the select button is clicked or double clicked.

    Keeping more than one mode on can help simplify drawing tasks and help make for a more productive and versatile drawing environment. Freehand drawing mode can be left on when any of the other modes are on. This lets you make edits and then continue drawing in an efficient manner. When freehand drawing mode and line mode are on at the same time, you can draw closed curved and line objects much quicker than if you were in freehand mode only.

    However, working with several modes on requires that you become familiar with the variety of multimode effects that can be created. If you are a beginner, it is best to make an effort to keep all of the modes off except the one you are working with.

     

     

    remove last eraserRemove Last

    The bright yellow button is one of the most often used buttons and one of the easiest to use. The Remove Last button is used to remove the last object or pixel placed on the ScribbleBoard. Simply clicking the remove last button removes the last object placed. Continued clicking will continue to remove the objects in the order that they were placed.

     

    select mode buttonSelect and Edit Modes

    The select mode button is used to set Click Select or Sweep Select modes for editing operations. Click select lets you select one object at a time for editing operations such as deleting, recoloring or resizing. Sweep select lets you select groups of objects to erase, recolor, resize or rerotate. .

    Click select is the default mode for both delete mode and color mode. When the delete button or the color mode button is selected you can directly delete an object or change the color of the object by positioning your mouse cursor over the object and clicking your mouse button (see the color mode and delete mode sections below). .

    For quick multiple item editing, the select mode button is used in conjunction with the delete mode button or the color mode button. When select mode and delete mode are both selected (both buttons black), erasing objects involves sweeping your mouse cursor over the items you want removed. When select mode and color mode are both selected (both buttons black), changing the color of an object or group of objects involves sweeping your mouse cursor over the objects. When the select button is off, pink, click selecting is automatically enabled for erasing specific objects or changing the color of specific objects.

    The step by step instructions for using click and sweep select is discussed in the Color Mode and Erase Modes sections below.

     



     

     

     

    Erase Methods

    The Scribble Board has several several erase modes. Some are set with the mode control buttons and others are activated with your keyboard's keys. The modes include

    1. Quick Eraser
    2. Pin Point Eraser (Click Eraser)
    3. Remove Last Eraser
    4. White Out Eraser
    5. Erase All Eraser

    In Quick Erase mode, sweeping the mouse over objects or pixels will remove them from the Scribble Board. In Pin Point Erase (Click Erase) mode, clicking on an object or pixel will remove the object or pixel selected. For removing the last pixel or object placed on the Scribble Board, clicking the Remove Last mode, lets you undo the last object or pixel placed.

    White out is another way of erasing large blocks of pixels and lines. Whiting out is not however erasing it simply is painting over the pixels and lines with a white brush. The advantage of white out erasing is that it lets you undo your erasing. . Whiting out also lets you control the size of the eraser with the value in the Line Width text box in the dimensions panel. White out also requires that you also set the color picker for the eraser's color. “White” is most typically used.

    White out modes in the online version, supports a level of primitive layered erasing. Using the freehand drawing tool(the 1 key on your keyboard) you can quickly white out or for that matter color out objects. You can set the White Out erase's radius from 1 pixel to several thousand pixels. Because White Out erasing does not actually remove the object but colors over it, you can undo your white outs with the Quick Eraser, the Remove Last Eraser and the Pinpoint Eraser.

     

    delete mode buttonsdelete mode button onClick Eraser Mode

    The delete mode button must be on to remove a specific object from the screen. When the delete mode is on, position your mouse cursor over an object and then left click your mouse to delete the object,

    Example: Delete an Object With the Click Eraser

    1. Place a circle on the design board. Press the Z key in Scribble Mode.
    2. Position the mouse over the Delete Mode button (the light blue button) and click your mouse.
    3. Observe that the delete button changes from blue to black. When the delete mode button is black and the select button is pink, Click Eraser is on.
    4. Position the mouse cursor over the object to be deleted. Depress the mouse button. The object will be removed from the ScribbleBoard.

    Note: If the object is not deleted, you may have not positioned the mouse cursor directly over the object. For objects drawn with small line widths, under 2 pixels, you may have to zoom into the object to ensure the mouse cursor is positioned over the object. Right click your mouse to display the Zoom options and then select the object.

     

     

     

     

     

    quick erase

    Quick Eraser Mode

    Quick erase mode is on when the Select button and the Delete button are both black. To turn on quick erase mode, first select the pink select button (turns black) and the turn on the light blue delete button (turns black). To toggle Quick Erase mode on and off, press the ALT key(only for Internet Explorer) To completely exit Quick Erase mode, click on the Select button(which will then turn pink).

    Example: Delete Multiple Objects in Erase Mode

    Both the Select and Delete buttons must be enabled for quick erase mode. The Select button must be turned on before you turn on the Delete button. Single click or double click the Select button to reset the Select and Delete modes. Use the ALT key to temporarily turn on and off Quick Erase when in Quick Erase mode.

    1. Select the Delete button (turns black).
    2. Drag the mouse cursor over the objects on the design board to be erased.
    3. Temporary exit quick erase mode by pressing the ALT key (Only Supported for Internet Explorer 8).
    4. Reenter quick erase mode by pressing the ALT key again.

     

     

     

     

     


    color mode buttonsColor Click Mode

    When in Color Click mode, selecting an object will change its color to the color in the color picker.

    1. Select the Color mode button (turns black).
    2. Position you mouse cursor over the object on the design board to be erased.
    3. Click your mouse button. Observe that the color of the object has been changed to the color chosen in the color picker.

     

     

     

     

     

     

     

     

     

    QuickDraw Quick ColorQuick Color Mode

    When in Quick color mode, objects will change to the color in the color picker, when you roll your mouse cursor over the objects on the ScribbleBoard. Unlike Click Color mode, you don't click with your mouse.

    In the figure on the right, three orange objects were placed. Quick color mode was enabled and the color picker color was changed from orange to blue. The mouse cursor was then rolled over the cardioid and the limacon to change their color from orange to blue.

    1. Select the Select Button (turns black)
    2. Select the Color mode button (turns black).
    3. Select the Color Picker button. Choose a new color from the palette that appears.
    4. Sweep your mouse cursor over the object you want to change the color of.
    5. Toggle the ALT key if you want to skip over objects (Presently supported in Internet Explorer 8)

     

     


     

    mode control panelScribble Mode

    When you first arrive at the online Scribble Board page it comes up in Scribble Mode (the scribble mode button is black). And that’s because Scribble Mode is the simplest mode and quickest way to place objects from the graphic libraries. And it is also because scribble mode is the mode that is used to paint with symbols from the libraries.

    Scribble Mode is most often used to paint images with scribble brushes. When a key is pressed on the keyboard in Scribble mode, the library component or brush associated with that key will appear on the design board.

    Placing an object is simple in scribble mode. Simply "press and release" one of the scribble keys on your keyboard. Painting or drawing with a keyboard library component is just as easy. Just "hold down" a scribble key on your keyboard and "sweep" your mouse cursor in the direction you want to move your scribble brush.

    For example, to place a cross in Scribble mode, press and release the 2 key. To paint with the cross brush, press and hold down the 2 key and with the 2 key still held down, sweep your mouse.

    Turning Scribble Mode On and Off

    To start scribbling immediately after startup all you have to do is press a scribble key (the keys on your computer's keyboard) to place an object on the design board. If you want to paint, just hold down a key and sweep your mouse in the direction you want to paint or draw. All of your computer's keys work as scribble keys except for a few. The 1 key activates the line drawing tool and the V, B and _ (underscore) keys activate the Automatic Drawing Generators (find out more about these keys in the real time help text box that appears when you activate them).

    Turning off scribble mode can be done is several ways. Single or double clicking the Select button is the simplest. Selecting animator mode will also turn off scribble mode.

    If you are in a different mode other than Scribble mode (the Scribble mode button will be purple) such as pattern mode, you will need to turn on scribble. To reactivate, position your mouse over the purple Scribble mode button and click your mouse button. The Scribble Mode button, once selected, will change color from purple to black, indicating that you are set to scribble.

    So just where is the Scribble Mode button? It's the seventh button down in the Mode Control Button Panel. When you roll the mouse cursor over the Scribble Mode button the Scribble Mode tool tip “Scribble Mode” will appear. The Scribble mode button will be purple if it scribble mode is off and it will black if scribble mode is on. The real time help text box will also give you instructions on using Scribble mode.

    Exploring Scribble Keys in Scribble Mode

    Position your mouse cursor over the location you want your object to appear. Press any of the alphabetical or numeric keys to pull up one of the keyed library objects(key 1 and key V, B and underscore activate automatic drawing generators). press 2 to draw a cross, press 3 to draw a triangle. Continuing pressing all the other keys to see first hand the different shapes for each key.

    1. Check if you are in Scribble mode (scribble mode button is black.)
    2. Press and release the 2 key, the cross brush, on your keyboard. A cross will appear that has a height equal to the value in the height text box, a width equal to the value in the width field and a line width equal to the value set in the line width field.
    3. Now with the 2 key held down, sweep your mouse. Sweeping your mouse is similar to dragging except you “don’t “ hold down the mouse button. When you sweep with the cross brush, a paint stroke which consists of crosses will appear.
    4. Now release the 2 key to stop the stroke.
    5. Repeat the procedure with the 3 key, the 4 key and then the A, C, S , D and F keys to have a look at each of the keyboard graphics. Continue on until you have tried out all the keys. Note that the B, V and underscore (-) keys act a bit differently. And that's because their automatic drawing generators. When you press the B key, for example, library images are cycled through. If you want to use one of those images, just click your mouse and the automatic drawing generator will stop at the last image drawn.

    Examples: Create Different Size Ovals

    Generate an Oval

    1. Check to see if the Scribble mode is on. Scribble mode is off when the scribble button is purple. The scribble button is black when Scribble mode is on. If purple, click on the Scribble mode button to turn on Scribble mode.
    2. Press the Z key on your keyboard to bring up the oval library component. The oval will have a width, height and line width that is equal to the values preset in the width, height and line width text boxes in the dimensions panel.
    3. Generate a Oval with a width of 100 pixels, a height of 200 pixels and a line width of 1 pixel.
    4. Press the Z key on your keyboard to bring up the oval library component.
    5. Set the oval text boxes (those highlighted in gray) within the dimensions panels to draw an oval with a width of 100 pixels (width text box) and a height of 200 pixels (height text box).
    6. Type 100 in the width text box.
    7. Type 200 in the height text box.
    8. Type 1 in the linewidth text box
    9. Reposition the mouse where your want the oval placed and press the Z again to draw another oval with dimensions set.

    Generate a Circle

    1. Type 100 in the width text box.
    2. Type 100 in the height text box.
    3. Type 1 in the linewidth text box
    4. Reposition the mouse where your want the circle placed.
    5. Press and release the Z again to draw the circle. .

    Painting in Scribble Mode

    Scribble mode lets you brush with a shape with the sweep of your mouse, similar to how many other graphic design programs work. The Scribble Board library, unlike other libraries, lets you select from an infinite variety of brushes and brush symbols. Using and selecting brushes in Scribble mode is as simple as can be be, only requiring two basic steps.

    To select a brush type, " depress and hold" any numerical or alphabetical key on your keyboard. For this example, use the wave brush (key G). With the G key held down, drag the mouse in the direction that you want to paint the stroke, A series of waves will appear.

    The sizing of the brush depends on the width and height dimensions set for the key graphic used. It will also depend on the setting of the line width. These dimensions are set in the width, height and line width text boxes in the dimensions’ panel.

    Scribble Brush Type: Set with the key chosen from the keyboard

    Scribble Brush Width. Set with the width setting in the width text box in the dimensions panel.

    Scribble Brush Height. Set with the height setting in the width text box in the dimensions panel.

    Scribble Brush Color. Set with the color setting in the Color Picker. The Color Picker button has a rectangular frame around it.

    Scribble Brush Pixel Size. Set with the line width value in the linewidth text box in the dimensions panel.

    Example: Setting the Brush Type, Thickness, Color and Brush Effects

    1. Position your mouse cursor over the Color Picker Button(the framed button in the Mode Control Button panel). The Color Picker is the third button from the bottom in the Mode Control panel. When you roll over the color picker, the words "Color Picker" will be displayed.
    2. When your mouse cursor is over the Color Picker, depress and release your mouse button to display the color palette. After the color palette appears, reposition the mouse over the color you want in the palette, then click your mouse. For this example select bright green. Once you've selected the color, check that the color you've selected, bright green, appears as the new color within the framed color palette button.
    3. Now position your mouse cursor over the design board and press the Z key to draw a bright green ellipse. Note that the ellipse is drawn in a bright green color.

     

    Example: Painting with the Oval Brush

    1. Set both the width and height settings in the dimensions’ panel to 10 pixels. For a completely filled brush stroke, also set the line width value to 10 pixels, the same value used in the width and height fields. If you want a partially filled brush stroke, set the line width value to 5 pixels.
    2. Turn on Scribble Mode. If the Scribble mode button is purple, click on the Scribble mode button to turn on Scribble mode. If the Scribble mode button is black, Scribble mode is on.
    3. Press the Z Key. key. With the Z key held down drag the mouse to create an oval brush stroke.
    4. Now change the color of the brush. Select the Color Picker button in the Mode Control Panel. From the color palette menu that appears, select the color blue. Now depress and hold down the Z key again and drag the mouse. Observe that a blue circular paint stroke appears as you drag the mouse.

    Example: Painting with the Star Brush

    1. Enable Scribble Mode (select the scribble mode button if the scribble mode button is purple. If the scribble mode button is black, scribble mode is already on)
    2. Set the value in the line width text box (dimensions panel) to 1 pixel. A setting of 1 pixel will give a more pointed brush effect.
    3. Position your mouse cursor on the design board where you want to begin your stroke
    4. Depress and hold down the Y key on your keyboard
    5. With the Y key held down, sweep your mouse in the direction you want to make the stroke.
    6. Release the Y key or stop sweeping the mouse to stop painting.

     

    animator modeAnimator Mode

    Animator mode is designed for those that want to experiment with animation concepts and to illustrate animation proposals online. In animation mode, you can shift characters and objects around the stage according to the horizontal and vertical distances you specify in the shift x and shiftY text boxes in the dimensions panel.

    Animator mode works similar to Pattern mode, except instead of copying the object it simply moves the object. The movement in the horizontal direction is calculated by multiplying the value in the width field by the value in the shift x field. The shift x field can be used to move horizontally a percentage or a multiple of the width of the actual object, allowing for quick alignment of repeating graphical patterns.

    The movement in the vertical direction is calculated by multiplying the value in the height text box by the value in the shiftY field. The shift y field can be used to move vertically a percentage or a multiple of the height of the actual object, allowing for quick alignment of repeating graphical patterns.

    Turning Animator Mode On and Off

    Animator mode is on when the animator mode button is black and animator mode is off, when the animator mode button is dark blue. The animator mode button is the sixth button down in the MODE BUTTON PANEL When you roll over the ANIMATOR buttons, the text “animators mode” appears.

    To turn on animator mode, position your mouse cursor over the ANIMATORS MODE button and depress the mouse button. Confirm that the Animator’s button changes color from dark blue to black. A black animator’s mode button indicates that you are in animator mode.

    To turn off animator mode, double click on the select button if the select button is pink. Single click the select button, if the select button is black.

    Moving Objects in Animator Mode

    Objects are moved in animator mode by continually clicking your mouse button with a scribble key held down. For example, when in animation mode press and hold down the A key (generates a wave) and then continually click your mouse button. A wave will be displayed and moved each time you click your mouse.

    The online version of the Scribble Board does not permit you to move lines or pixels created with the freehand drawing tool.

    Rotating Objects in Animator Mode

    The rotate mode button, the green button, the 9th button from the top in the button mode panel, can be used to rotate one or several objects on your screen. It can also be used to rotate lines and pixels drawn in free hand mode. See the ROTATE MODE SECTION.

    Make a Keyboard Driven Animation

    1. For this example, the Multiple Ellipses(also know as the Alien graphic image(key C) will be used. You will place an instance of the Alien and then shift the character in several different directions. You will change the direction of the Alien by changing the vertical and horizontal settings of the width and height text boxes in the dimensions’ panel.
    2. Turn on animation mode
    3. Position your mouse cursor at the location that you want the Alien placed.
    4. Depress and hold down the C key on your keyboard.
    5. With the C key held down, depress and release the mouse key. The Alien object appears
    6. Continue to click your mouse. The Alien object moves.
    7. For each click of the mouse the Alien will move in a horizontal direction equal to the value in the width text box multiplied by the value in the shift x text box. The Alien will also move in a vertical direction equal to the value in the height text box multiplied by the setting in the shiftY box. For the default settings on startup, the object will be moved only in the horizontal direction a distance equal to the width of the object.
    8. Shift the Alien diagonally across the design board.
    9. Enter a value of 1 in the shift X text box (dimensions panel).
    10. Enter a value of 1 in the shift Y text box (dimensions panel).
    11. Enter a value of 100 in the width text box (dimensions panel).
    12. Enter a value of 100 in the height text box (dimensions panel).
    13. Position the mouse cursor at the location where you want to place the alien.
    14. Press and hold the C key(the alien key)
    15. Click your mouse continually. For each click of your mouse the alien will move 100 pixels down (1 times 100) and 100 (1 times 100) pixels to the right.
    16. Shift the Alien vertically down the design board.
    17. Enter a value of 0 in the shift X text box (dimensions panel).
    18. Enter a value of 1 in the shift Y text box (dimensions panel).
    19. Enter a value of 100 in the width text box (dimensions panel).
    20. Enter a value of 100 in the height text box (dimensions panel).
    21. Position the mouse cursor at the location where you want to place the alien.
    22. Press and hold the C key(the alien key)
    23. Click your mouse continually. For each click of your mouse the alien will move 100 pixels down (1 times 100) and 0 pixels to the right (0 times 100).

     

     

    pattern modePattern Mode

    Pattern mode shifts and copies the graphic image selected every time you click your mouse. Pattern mode is extremely useful for creating repeating graphic patterns such as checkerboards, cross-word puzzles, game boards, textile images and a variety of complex graphic designs.

    Pattern mode performs automatic alignment as it shifts and copies the object. In its default mode it copies and aligns horizontally based on the width and the height of the object (as set in the width and height text boxes in the dimensions’ panel).

    Pattern mode is used to create complex repeating graphics quickly and easily. The tool includes an automatic alignment function that lets you duplicate images that are automatically aligned in a horizontal, vertical or diagonal direction.

    Accessing a library component in pattern mode is a little different than scribble mode. When in pattern mode, you must keep the scribble key held down and then click the mouse to display a scribble key image. When a key is pressed and held down in Pattern mode, and the mouse button is clicked, the library component associated with that key will appear on the design board. In pattern mode, continually clicking the mouse with the key held down, will make aligned copies of the library component. The horizontal and vertical alignment is controlled through the values preset in the width, height, shift x and shift y text boxes in the dimensions panel.

    Turning Pattern Mode on an Off

    You are in pattern mode when the Scribble mode button is purple and the Animators button is dark blue. In other words, Pattern mode is on when both scribble and animators mode are off. If the select button is pink, click on the Select button twice to ensure pattern mode is on. If the select button is black, click on the select button once to ensure pattern mode is on. Clicking or double clicking the select button, automatically turns “off” scribble and animators mode such that pattern mode is on.

     

    Game Board Design in Pattern Mode

    When in pattern mode, position your mouse cursor over the location you want to create the first section of the game board. Depress and hold down key 4, the parallelogram maker. With key 4 held down, click your mouse button. Note that for each time you click your mouse with the 4 key held down, a new parallelogram will appear that is shifted according to the shift x, shiftY and width and height values set in the dimensions panel.

    The shift in the horizontal direction is calculated by multiplying the value in the width field by the value in the shift x field. This allows you to easily shift the object a fixed percentage of the width of the object. The shift in the vertical direction is calculated by multiplying the value in the height field by the value in the shiftY field. This allows you to easily shift the object a fixed percentage of the height of the object.

    After you completed the first row of the game board, release the 4 key and reposition your mouse to the position of the second row. Create the second row in the same way as you created the first. Hold the 4 key down and click the mouse for each column you want to add.

    You can change the parallelogram to a rectangle by changing value in the angle (thetaOne) box in the geo 1 panel.

    Set the value in the thetaOne text box to 0
    Press the 4 key again. A rectangle will appear.

    If your want a larger rectangle, you can change the width and height values in the dimensions panel and press the 4 key again.

    Alternately, you can turn on the sky blue Scale button (at the bottom of the mode control panel) and then repeatedly click the rectangle with your mouse button. The rectangle will scale up or down according to the values set in the scaleXInc and scaleYInc text boxes in the scale panel. See the Scale Mode section below.

    drag mode button tool tipDrag Mode

    Dragging objects to different positions after they have placed on the screen as long as drag mode has been turned on. Once drag mode has been turned on, an object can be dragged by double clicking the object with your mouse, depressing the mouse button and dragging the mouse. Note however, that if another mode is on, such as Select mode, dragging will be disabled.

    Drag mode can be left on when in Scribble mode, pattern mode, line mode, rotate mode and freehand drawing mode. When dragging pixels and lines when freehand drawing mode is on, a line will be drawn as you drag the object.

    Turning on and Off Drag Mode

    Drag mode is turned on and off with the drag mode button. Drag mode is on when the drag mode button is black and drag mode is off when the drag button is maroon. The drag mode button is the fourth button down in the mode button controls panel. When you roll your mouse cursor over the drag mode button, the text “drag mode” appears.

    Turn Drag Mode On

    1. Position your mouse cursor over the drag mode button.
    2. Click your mouse button. The drag mode button will turn color from purple to black
    3. Read the tips in the real time help text box for other drag mode features.

    Turn Drag Mode Off

    1. Position your mouse cursor over the select mode button.
    2. Double click on the select mode button if the select mode button is pink,
    3. Single click on the select mode button if the select mode button is black.

    Dragging in Drag Mode

    1. Turn on Drag Mode as detailed above.
    2. Position your mouse cursor over the object, pixel or line you want to move
    3. Double click your mouse button
    4. Depress and hold your mouse button
    5. Move your mouse in the direction you want to move the object
    6. Release the mouse button when the object is in the position that you want.

    rotate buttonRotate Mode

    Once an object is placed on the ScribbleBoard, you may want to rotate it. To rotate an object on the ScribbleBoard, you will need to first select the Rotate mode, the green button on the lower end of the Mode Control Buttons panel. After you select the Rotate button, it will turn from green to black, indicating that rotate mode is on.

    After the rotate mode is on, position your mouse cursor over the object you want to rotate and press your mouse button. When you select the object, the rotate text box will appear, as shown in the figure below. Position the mouse over the rotate text box and click with your mouse, For each click of the mouse the object will rotate by one degree.

    Whether or not the object will rotate about its center, will depend on the object you rotate. Presently, the rotate mode for the online version of ScribbleBoard has not been updated for all the different objects Some objects have not been centered for rotation.

    rotate controls

    In the figure on the right, a cross was placed on the screen, the rotate mode button was selected and then the cross was selected with the mouse button. The empty rectangle slightly to the upper right appears after an object is selected in rotate mode. This is the rotate box.

     

     

     

     

     

     

     

     

     

     

     

    rotate object selectedAfter you move your mouse cursor over the rotate box, a tool tip will appear " Click your mouse, then press enter". Following these instructions, the cross will rotate by one degree. Each time you press Enter, the cross will rotate by an additional 1 degree.

     

     

     

     

     

     

     

     

     

     

     

     

    rotate mode, rotate 65 degreesHolding down the Enter key, the Real Time Box, will display the number of degrees the object has been rotated. For this example, the cross was rotated 65 degrees.

     

     

     

    EXAMPLE : Place a Cross and Rotate It (Scribble Mode)

    1. Select Scribble Mode. Position the mouse cursor over the Scribble Mode button. Click the mouse button if the Scribble Mode is off(purple). Scribble mode is on if the scribble button is black. s
    2. Place a cross (key 2) on the Scribble Board. Press key 2 on your keyboard.
    3. Turn on the Rotate Mode button, Position the mouse cursor over the Rotate Mode button. Click the mouse button if the Rotate Mode is off(green). NOTE: Rotate mode is on if the rotate button is black. If you place an object when the rotate mode is on, you will have to turn off the rotate mode before you can rotate that object.
    4. Position the mouse cursor over the cross. Click(press and release) the mouse button.
    5. Position your mouse cursor in the Rotate Text box (General Controls, highlighted in dark green)
    6. Press the Enter key on your keyboard at least once. Press and hold the Enter key down to continually rotate the cross. Observe the number of degrees rotated in the Real Time Help text box.
    7. Release the Enter key when the number of degrees rotated wanted has been reached.
    8. Press the UP Arrow key on your keyboard (keep the mouse cursor within the Rotate Text box) to turn off rotation for that object.
    9. Position your mouse over the Rotate Select button and click your mouse button to turn off rotate mode. Check if the Rotate button is now green. If the rotate button is black the Rotate Select button is still ON. Try again.

     

     

     

    EXAMPLE Multiple Rotation for Animation Simulation: Place 5 Crosses and Rotate Them All at Once

    1. Position your mouse cursor over the Scribble Mode button. Click the mouse button if the Scribble Mode is off(purple). Scribble mode is on if the scribble button is black.
    2. Position your mouse cursor on the ScribbleBoard and then press the 2 key on your keyboard once to place a cross on the screen. Reposition your mouse and press the 2 key again to place another cross. Repeat until you have five crosses on the ScribbleBoard.
    3. Position the mouse cursor over the Rotate Mode button and click the mouse button if the Rotate Mode is off(green). Rotate mode is on if the rotate button is black. If you place an object when the rotate mode is on, you will have to turn off the rotate mode off and then on again before you can rotate that object.
    4. Position the mouse cursor over the first cross. Click the mouse button.
    5. Position your mouse cursor in the Rotate Text box that has appeared to the near right of the cross you selected.
    6. Press the enter key at least once. Press and hold the Enter key down to continually rotate the cross.
    7. Observe the degrees rotated in the Real Time Help box. Release the Enter key when the number of degrees displayed is at 65 degrees.
    8. Position the mouse cursor over the second cross. Click your mouse button.
    9. Position your mouse cursor in the Rotate Text box that has appeared to the near right of the cross you selected.
    10. Press and hold the Enter key down to continually rotate the second and the first cross. .
    11. Position the mouse cursor over the third cross. Click your mouse button.
    12. Position your mouse cursor in the Rotate Text box that has appeared to the near right third cross.
    13. Press and hold the Enter key down to continually rotate the third, second and first cross.
    14. Position the mouse cursor over the fourth cross. Click your mouse button.
    15. Position your mouse cursor in the Rotate Text box that has appeared to the near right of the fourth cress.
    16. Press and hold the Enter key down to continually rotate the fourth, third, second and first cross.
    17. Position the mouse cursor over the fifth cross. Click your mouse button.
    18. Position your mouse cursor in the Rotate Text box that has appeared to the near right of the fifth cress.
    19. Press and hold the Enter key down to continually rotate the fifth, fourth, third, second and first cross.
    20. Position the mouse cursor over the fourth cross. Click your mouse button.
    21. Position the mouse cursor over the fifth cross. Click your mouse button.
    22. Press the enter key at least once. Press and hold the Enter key down to continually rotate the cross.
    23. Press the UP Arrow key on your keyboard (keep the mouse cursor within the Rotate Text box) to turn off rotation.
    24. Position your mouse over the Rotate button. Click the mouse button. Check if the Rotate button is now green. If the rotate button is black the Rotate Select button is still ON. Try again.

     

    color pickerCOLOR PICKER

    The color picker allows for the selection of different colors to draw objects with or recolor existing objects on the design board. Selecting a new color requires select the color picker button(surrounded by a small frame). From the color palette that appears select a new color with your mouse cursor. You can also use the color picker control keys to select the color. The color picker keys include Home, PGUP, PGDN, and END. These move the color picker cursor to various positions in the color palette (black, white, up and down color rows).

     

     

     

     

     

     

     

     

     

     

     

    phase shift modePhase Shift Mode

    The PhaseShift button is used to implement cross-hatching, a common procedure used in pen and ink and pencil drawings. Cross-hatching is enabled on the A, H and K keys.

    When using cross-hatching, the repeat, PhaseShift and width text fields. must be set correctly. The example below, sets these fields so that a curve cross-hatch is constructed using the A key.

    Width = 100
    Height = 50
    Xshift = 0.1
    Repeat = 0.4
    PhaseShift = 51

    The Phase Shift mode key is still in development.

     

     

     

     

     

     

     

     

    line mode chartLine Mode

    Line mode is on when the line mode button is selected as is the case in the figure on the left. Once selected the line mode button will change color from red to black. When your mouse cursor is over the line mode button, the "line mode" text tip is displayed next to the button and instructions for using line mode are displayed in the Real Time Help text box.

    The chart on the left was created in line mode. Positioning and alignment was guided using coordinates in the mouse coordinate box in the properties panel. As can be seen in the figure, all of the other modes except line mode are off. Remember, on modes are in black and modes that are off are always a color other than black.

    The framed button below the line mode button is the color picker. The black color in the color picker frame indicates that the current color selected is black.

     

     

     

     

     

     

    scale modeScale Mode

    Scale Mode is set with the Scale Mode button (a grayish Mode Control Panel. After scale mode has been set(scale mode button changes from grayish blue to Black), position the mouse cursor over the object and depress the mouse button. The object will scale in the horizontal and vertical direction according to the values set in the scaleXInc and the scaleYInc textboxes, the horizontal and vertical scale controls. If the horizontal and vertical scaling are set equal, the object' will scale equally in the vertical and horizontal direction. The horizontal and vertical scaling text boxes turn dark blue after scale mode has been turned on.

    The rules for setting the horizontal and vertical scaling numbers are:

    1. Set the scaleXInc and scaleYInc values above 1 to scale up the size of an object. Setting both the X and Y scaling to 1.05 will increase the size of the object by 5 percent every time you click the object when in Scale mode.
    2. Set the scaleXInc and scaleYInc values between 0.01 and 0.99 to scale down the size of an object. Setting both the X and Y scaling to 0.5 will decrease the size of the object by 50 percent every time you click the object when in Scale mode.
    3. Set scaleXInc and scaleYInc to the same value if you want to scale the object's width and height proportionally.

    The horizontal and vertical scale controls are set to 1.05 when you land on the ScribbleBoard page. If you don't change these values, when you scale and object it will increase in the vertical and horizontal direction by 5 percent every time you click the object.

     

     

     

     

     

    Scaled CardioidIn the example to the left, a cardioid has been placed on the ScribbleBoard and the Scale Mode button has been selected. At the lower position of the figure, in the Scale Panel, the horizontal and vertical scale controls have been highlighted in blue. Note that their settings are both 1.05. At this point, if the mouse cursor is positioned over the cardioid and then clicked, the cardioid will increase by 5 percent in the vertical and horizontal direction

     

     

     

     

     

     

     

     

     

     

     

     

     

    Scaled Cardioid

    The cardioid on the left has been scaled at a rate of 5 percent per click. The two white text boxes in the Scale box indicates that the cardioid is 40.7 percent longer in the vertical and horizontal direction.

     

     

     

     

     

     


    GRAPHIC LIBRARIES

    1. About the Libraries
    2. Geometric Library and Keys
    3. Parametric Library and Keys
    4. Sinusoidal Library and Keys
    5. Perspective Library and Keys
    6. Pattern Library and Keys

     

    About the Libraries

    1. Accessing Library Graphics
    2. Setting Graphic Dimension and Effects
    3. General Preset Controls

    Geometric Library and Keys (Closed Line Graphics)

    1. Top Row (2, 3, 4, 5, 6, 7, 8, 9, -, =)
    2. Automatic Drawing Generator Keys (V, B, -)
    3. Key Access
    4. Preset Control

    Parametric Library and Keys (Closed Curve Graphics)

    1. Third Row(Q, W, E, R, T, Y, U, I., O. P, [, ], \)
    2. Loops and Roses
    3. Cycloids
    4. Logos
    5. Closed Curve Generator

    Sinusoidal Library and Keys (Open Curve Graphics)

    1. Second Row(Z, X, C, V, B, N, M, <, >, /)
    2. Sinusoidal Preset Controls
    3. Pattern Keys (Open Line Graphics)
    4. Key Access(/.]\)
    5. Pattern Preset Controls

    Special Library Keys

    1. (Key Access Z, X, C, V, B, N, ,, ., /)
    2. Chart Maker
    3. Wheel Maker
    4. Flower Maker
    5. Special Libraries Preset Controls

    Perspective Components Keys (Function Keys)

    1. Key Access (F1, F2, F3, F4, F5, F6, F7, F8, F9, F10, F11, F12)
    2. Preset Controls

     

    ABOUT THE LIBRARIES

    Scribble boards come complete with thousands of graphic symbols and libraries that you can use to create almost everything imaginable. The online version contains generic symbols used general purpose applications in graphic design, business, science, engineering and education.

    Graphic Library Key Map The graphic image that appears when you press a key on your keyboard is dependent on which key you press, and whether or not you are in pattern mode, scribble mode or animation mode. As well, the shape and dimensions of the image will depend on the text box settings specific to that key's graphic image (which are highlighted in gray after your press the image).

    A complete description of each graphic associated with each key is located on the Graphic Key Library page. Also on this page are a number of scribble boards that you can practice on. The page is structured so that it is easy to learn about each graphic key images (with illustrations and compositions included), how the text box values effect the image and step by step instructions on how to create simple as well as complex illustrations.


    Accessing Library Graphics and Symbols

    The online version of scribble board has a complete library of drawing symbols that can be generated with your keyboard's keys, also known as scribble keys. Pressing a keyboard key will either activate a complete library of symbols or a specific symbol. For example, pressing the Z key on your keyboard when in scribble mode displays an oval image on the design board. .On the other hand, pressing the B key on your keyboard will cycle through a series of costume mask symbols.

    Automatic drawing generators are a central part of Scribble Board’s graphic library. Once an automatic generator is activated, it will cycle through the images in the library associated with it. When you press the B key you access one of the Scribble boards automatic drawing generators. Pressing the B key, will activate the parametric or closed curve automated drawing generator. This automated drawing generator is preset for costume mask generation. When initially pressed it will cycle through 100 different mask symbols. Selecting one of the mask symbols requites that you click your mouse button. This will stop the drawing generator and the last image generated will display on the design board. After you have stopped the generator you can drag the image (drag mode), or recolor it (color mode). You can also remove it with the remove last button.

    The online version of Scribble Board has two automatic drawing generators and one semi-automatic generator. In addition to the parametric drawing generator there are the isometric drawing generator (the underscore key), the and the wave drawing generator. (the V Key). .

    You can control the number of images generated (graphic images retrieved) with the parametric (B key) and wave (V key) machines as well as the type of graphics generated. The number of images text box in the Automated Drawing Generator panel will generate a set number of images based on the value entered into the number of images text box. These text boxes are highlighted in gray after you activate the automatic drawing generator. The online version of the isometric automatic drawing generator will produce a different isometric with each press of the minus key.

    Setting Symbols Dimension and Effects

    The dimensions of each of the library images can also be altered according to your needs. After you press a scribble key on your keyboard, the text boxes that control the dimensions of the library image are highlighted in gray. For example after pressing the Z key, which generates an ova, the width, height, line width and rotate text boxes will be highlighted in gray. The width, height, line width and rotate text boxes are used to modify the dimensions of most keyed images. Simply change the text box values(highlighted in gray) that appear with the library image generated and press the graphic key to create a new image.

    Changing the width and height values in the dimensions panel to 200 pixels and 100 pixels and then pressing the Z key again will create an oval with a width of 200 pixels and a height of 100 pixels. Similarly, entering in 45 into the rotate text box, also in the dimensions panel, and pressing the Z key one more time will create an oval that is rotated 45 degrees.

    If you want an oval drawn with a different line width, enter in a different value in the line width text box in the dimensions panel and press the Z key again. For example, entering 1 in the line width field and pressing the Z key again will create an oval with a line width of 1 pixels. Similar, entering 10 into the line width field and pressing the Z key again will create an oval with a very thick 10 pixel line. If you want to completely fill in the oval with a solid color, you can enter in line widths that are the same value as the actual width and height of the oval.

     

    Types of Shapes

    The shapes that the online version of this Scribble Board comes with are divided into five different categories: closed line shapes, closed curve shapes, open curve shapes, open line shapes and special shapes. Special shapes and functions, like the automatic drawing machines, are in general accessed with the keys on the first row of the keyboard. Open curve shapes in general are accessed with the keys on the second row of your keyboard, Closed curve shapes are, in general, accessed with the keys on the third row of your keyboard. . Closed line shapes are accessed on the top row (fourth row) of the keyboard(the numeric keys).

    Closed line shapes for the most part include everyday geometric shapes such as crosses, triangles, rectangles octagons and regular and irregular polygons. Closed curve shapes include cardioids, nephroids and spirals as well as a number of other that’ advanced graphic designers use.

    Open line shares include waveform patterns known as square wave and triangle and trapezoid patterns. Open curve shapes include many shapes that are used in sewing. These have a variety of different names, that often relate to what the open curve resembles. Sine waves, tangent waves are two common type of open curve shapes.

    Some shapes can not be precisely classified as either closed curve, open curve, closed line or open line shape. A number of Scribble Board shapes are actually a combination of closed line and closed curve shapes, such as the Flower of Life, an ancient shape found several thousand of years ago in the ancient pyramids of Egypt.

    Many of the shapes that are generated with the scribble keys can be altered to form a wide variety of other shapes. For example, the polygon generator (Key 9), can generate regular and irregular polygons with any number of sides. The number of sides is specified in the sides text box within the geo2 panel. The width and height values for the polygon, like many of the keyed images are set in dimensions panel. If the width and height values are set equal, a regular polygon will be drawn. If not, the polygon will be a irregular polygon with a width equal to the width in the width text box and a height equal to the value entered in the height text box.

    Because the graphics generated with the Scribble Keys can be altered significantly with the settings in their associated text boxes, the scribble keys can be used as object makers. Specifically, the L key, can be used to make a variety of designs that resemble candles. After pressing the L key (when in Scribble mode), changing the values in the text boxes that are highlighted in gray, and then repressing the L key will illustrate the wide variety of designs you can generate (see the L Key for further instructions).

    The object makers let you construct multisided and multi curved objects such as flowers, furniture, candles and architectural ornaments. As well wheel maker and chart makers are also included for online business and educational applications. Instructions for these constructions are discussed in the Scribble Key section.

     

    A complete list of shapes and their properties are given in the keyboard graphic library page.

     

    THE GRAPHIC KEYBOARD

    The functionality of the keyboard is arranged such that different shapes with similar geometric characteristics are placed in the same row on the keyboard. For example, closed line shapes like squares, rectangles, rhombus, quadrilaterals and hexagons as well as closed line object makers can be generated with the the keys on the fourth row(top row) of the keyboard (the numeric keys, 1,2, 3, 4, 5, 6, 7, 8, 9, -, =).

    CLOSED CURVE KEYS

    he third row of the keyboard, which contains the keys Q, W, E, R, T, Y, U, I, O, and P as well as “[“ {(left bracket), and “]” (right bracket,) contains mostly closed curve shapes also called parametric. These shapes are often used for sewing and stitch applications. The stitch keys when pressed will generate closed curved shape objects such as cardioids(heart shaped figures), nephroids(kidney shaped figures There are also a few open curve shapes on this row, such as the parabola, the catenary as well as closed curve and closed line flower makers.

    Although the parametric closed curves are used primarily to generate closed curve shapes, they also can be used to generate closed line shapes as well as hybrid shapes that are partially closed line and closed curve. The delta time setting in the Timing Panels can be used to control the curvature of the curves. Very small settings in the order of 0.5 to 2 tend to draw straight lines and very large settings over 25 tend to produce very curved settings.

    OPEN CURVE KEYS

    The second row of the keyboard, which contains the keys A, S, D, F, G, H, J, K, L, ;(comma) and quote{“} for the most part contain open curved shapes These shapes are of a class of shapes known as sinusoidal's (wave shapes) and can be used to draw clothes, hats, and curved architectural design. The quote key generates a closed elliptical curve that has a sinusoidal wave shape superimposed on it. This key can be used for the illustration of skirts, sleeves and other fashion items.

    COMPLEX, SPECIALTY AND COMPOSITE KEYS

    The third row of the keyboards, which contains the keys Z, X, C, V, B, N, M, , (comma), “, “.” (period), and backslash “/.” Contain special functions as well as open line repeating waveforms, such as square waves and triangle waves are included on this keyboard row. Other drawing tools on this row include the sphere maker, the wheel maker(also used for the generation of pie charts).

     

    CLOSED LINE KEYS

    The geometric scribble keys are used to generate closed line graphic shapes, also known as polygons. Artists, graphic designers, fashion designers and architects can use the geometric keys permit to construct regular, irregular, convex and concave polygons of any number of sides.

    With the polygon generator (key 9) you can generate both regular and irregular polygons. The number of sides is set in the side’s text box in the geo2 panel. The height and width are set in the height and width text boxes in the dimension’s panel. Regular polygons are created when the height and width are set equal.

    For more control over polygons, the angles and ratio of the dimensions of a polygon generated with the geometric scribble keys can be set with not only the dimension fields in the dimensions panel, but other dimensions field found in the geo1 and geo2 panels. The triangle generator (key 3) in addition to letting you set the height and width of a triangle, also lets you set one angle in the triangle. The 4-gon generator (the 4 key) also lets you fix the angle, which permits you to generate not only rectangles and squares, but a wide variety of parallelograms.

    A number of geometric keys, called object makers are used to create a wide variety of everyday design objects. These include the house planner(key 5). With this key, house designers and those that need to make house and city scene designs, can construct plans as polygon units and then make complex patterns based on them. This gives designers the ability to explore different design options quickly.

    The 8 key, a general purpose polygon key, generates an eight sided polygon that lets you control the ratio of the heights and the widths. This allows you to create precision shapes all perfectly aligned to form a wide varsity of intriguing patterns. Most importantly though, the tool lets you put together complex design prototypes without spending a lot of time.

    The primary keys used to make polygons include the 3, 4, 5, 6, 7, 8 and 9 keys. The three, four and five and 8 keys are objects makers used to create three, four, five and eight sided based shapes. The 6 key, generates the flower of life, an ancient geometric form, constructed from circles and hexagons. The seven key is a general trapezium maker and the 9 key is used to generate a n-gon with a given number of sides and a given height and width.

     

     



     

     


    CONTROL PANELS – PRESETS

    1. About the Preset Control Panels
    2. Dimensions Control Panel
    3. Rotate and Tip Control Panel
    4. Scale Control Panel
    5. Geo1 Control Panel
    6. Geo2 Control Panel
    7. Parametric Control Panel
    8. Automated Drawing Control Panel
    9. Timing Controls Panel
    10. Sinusoidal Curves Control Panel
    11. AM Control Panel
    12. FM Control Panel
    13. Properties Panel

     

    CONTROL PANELS – PRESETS

    About the Preset Control Panels

    At the top of the Scribble Board on startup are ten panels which contain from 3 to 6 text boxes each. These text boxes are used to set different properties of the graphics generated when a Scribble key is pressed.

     

    ScribbleBoard Panel The 10 control panels shown on the right include the

    1. Dimensions
    2. Rotate and Tip
    3. Scale
    4. Geo1
    5. Automated Drawing Generator
    6. Sinusoidal Curves
    7. Geo2
    8. Timing
    9. FM
    10. AM
    11. Properties

     

    Green button move panel scribble mode Eliminate Mouse and Keyboard Fatigue with Move Panels

    Moving your mouse to change dimensions, settings or resizing an object can result in quite a bit of mouse movement and key pressing. Ask any graphic designer or CAD worker, and they will tell you, moving a mouse around all day can cause problems as well as can increase project time. In fact, moving the mouse and setting control values is such a big deal, ScribbleBoard development efforts are now underway to devise even more efficiencies methods to draw with even less movements and less data entry (see the Desktop Version Section).

    Helping to eliminate the problem in the online version of ScribbleBoard are movable panels. The movable panels can be moved so that they are in close proximity to where you are drawing, eliminating the need to move your mouse when you want to make quick changes. But not only that, when in Freehand Drawing mode, you can move panels automatically as you draw. This makes it much quicker and easier to change line widths and tips.


    Dimensions panel move ScribbleBoardDimensions Control Panel

    The most often used text boxes are in the dimensions panel. These text boxes are used to set the width, height, line width and rotation of the object generated with the scribble key. The shift x and shift y controls are only used in Pattern Mode and Simulation Animation Mode.

     

    dimensions width panel scribbleboardWhen you roll your mouse over a text box in the Dimensions panel, or for that matter any text box, the tool tip for that text box will appear. On the figure on the left, the "width" tool tip is displayed because the cursor is over the width text box.

    The dimensions panel has 6 text boxes. These include from left to right

    1. Width: Horizontal width of the graphic in pixels
    2. Height: Vertical height of the graphic in pixels
    3. Line Width: Width of the lines used in pixels
    4. Rotate: Number of degrees object is rotated clockwise
    5. Shift x : Percentage of width that the object is shifted right (pattern and animator mode only).
    6. Shift y : Percentage of height the the object is shifted down (pattern and animator mode only).

    Many of the panels are specific to control of specific types of graphic library elements. However, the Dimensions panel settings applies to almost all the graphics library elements. And that's because the Dimensions panel has text boxes for setting the width and height of the graphics (in pixels), the initial rotation of the graphic (in degrees), as well as a text box for controlling the width of the line (in pixels) used for constructing the library element (72 pixels is about 1 inch).

    On startup the line width is set to 5 pixels. If you want your scribble key graphics drawn with a thinner line you can set line width field all the way down to 1 pixel (about 1/72 of an inch). At such a small value of line width, it may be difficult to select scribble graphic or lines for dragging or erasing. For these operations, you might need to zoom in. Press the right mouse button to display the context menu that contains the zoom in command.

    When you select a graphic library element from the library (by pressing a key in Scribble mode or holding down a key and clicking your mouse in Pattern mode), the text boxes that control the dimensions, shape and orientation of the graphic are highlighted in gray. For example, after you press the 2 key in Scribble mode, the cross key, a cross will appear that has a width equal to the values set in the width text box and a height equal to the value in the height text box in the dimensions panel. The text boxes that control the dimensions of the cross, the width, the height, the linewidth and the rotate fields will be high lighted in gray after you press the 2 key. Changing the values in any of the gray text boxes and pressing the two key again, will generate a new cross that has the new values set in the text fields.

    Some text boxes, specifically the shift x and shift y text boxes in the dimensions panel, are activated only when in pattern mode and animator mode. When in pattern mode or animator mode, the shift x and shift y keys are used to set the distance an object will move in the horizontal and vertical direction. The values in the shift x and shift y text boxes is multiplied by the values in the width and height fields to determine the distant that the object will be shifted when the mouse button is pressed (see pattern and animator mode in the Operation Modes of the User Manual).

    Finding out which text boxes affect a specific graphic requires that you press the scribble key associated with it and examining which text boxes are high lighted in gray.
    Helping you find out exactly how to use the controls for special effects and shape changes, you can look at the graphic library key which lists which text boxes that are associated with each Scribble key.

     

    scribbleboard cross width height settings dimensions panelIn this figure, the cross that was generated has a width of 100 pixels, a height of 50 pixels, a line width of 5 pixels and a zero degree rotational orientation.

     

     

     

     

     

     


     

    scribbleboard rotate tip controlRotate and Tip Control Panel

    The text box entries in the Rotate Control Panel are used to control the number of degrees the object will rotate. Position the mouse cursor over the rotateInc text box and either decrement or increment the value with the Up and Down arrows or type in a new values.

     

    The rotate and tip panel has 4 text boxes. These include from left to right

    1. Rotate Inc Used to set the number of degrees rotated per mouse click
    2. Rotate X Used to set the x coordinate of the rotation point
    3. Rotate Y Used to the y coordinate of the rotation point
    4. Reserved Used in deskTop Version exclusively

     

    scribbleboard scale control Scale Control Panel

     

     

    The Scale panel has 4 text boxes. These include from left to right

    1. ScaleXInitial
    2. ScaleYInitial
    3. ScaleXInc
    4. ScaleYInc

     

     

    geo1 panel scribbleboardGeo1 Panel

    The controls for the geometric keyboard row (keys 0 through 9 as well as the minus and equal keys) are controlled with the text box values entered in the dimensions, geo1 and geo2 preset panels.

    The geo1 panel contains two two extra width and height fields that enable make it easier to control the shape of many sided forms. The architectural object makers, keys 5, 6 and 8, use the values set in the heighttwo, lengthTwo, heightthree and lengththree text boxes. Changing the values in these fields lets you create a wide variety of architectural, industrial and logo designs quickly.

    The geo1 panel has 4 text boxes. These include from left to right

    1. heightTwo
    2. heightThree
    3. widthTwo
    4. widthThree

    geo2 panel move scribbleboardGeo2 Panel

    Four sided figures like parallelograms, squares, trapezoids (key 4) as well as triangles can be further specified with thetaOne text box in the geo1 control panel. The value in this text box defines a the measure of a unique angle in the geometric object. For example, the value will set the value of the leftmost angle in a triangle.

    The geo2 panel has 4 text boxes. These include from left to right

    1. thetaOne: fix the lower left most angle of a slanted polygon
    2. Sides: set the number of sides the polygon has
    3. radius Circle - sets the radius of the circle for the Flower of Life key
    4. marks - used in desktop version

    The radius of the circles in the Flower of Life(key 6) are preset with the radiusCircle text box in the Geo2 panel. If the radius of the circles on the vertices of the hexagon, the value of the width and height are set all equal, the classical version of the Flower of Life can be constructed.

    The polygon generator (Key 9), can generate regular and irregular polygons with any number of sides. The number of sides is specified in the sides text box within the geo2 panel. The width and height values for the polygon, are set in dimensions panel, determine whether or not the polygon is a regular or irregular polygon. If the width and height values are set equal, a regular polygon will be drawn. If not, the polygon will be a irregular polygon with a width equal to the width in the width text field and a height equal to the height entered in the height text field.

    Generally for the top row of alphabetical keys, Q, W, E, R, T, Y, U, I. O, P, [, ] and \

     

    Parametric Control Panel

    automatic drawing generator scribbleboardAutomated Drawing Generator Panel

    The automated generator panel lets you control the number of images generated when either the closed curve or open curve drawing generators are accessed (key V and key B). As well, the text boxes will also let you set the amount of time an image will appear on the design board before the next image is generated. Additionally, you can set the type of images generated by setting different values in the image control text boxes (the aHeight and bHeight text boxes).

    The Automated Drawing Generator panel has 4 text boxes. These include from left to right

    1. aHeight
    2. bHeight
    3. Image View Time
    4. Number of Images

    The number of images that will be generated when either the V or B key is pressed will be equal to the number entered into the number of images text box. The amount of time the image will stay on the screen is determined from the value in the image view time text box. The value entered is in one-one thousandths of a second. A value of 200, for example, will display a new image every 0.2 seconds (or 200/1000 of a second).

    Besides the automated drawing panel text boxes, the color of the images generated with the automatic drawing generator can be set with the color picker. Simply choose a color from the color picker and then press the B or V key.


     

    time panel move scribbleboardTiming Controls Panel

     

     

     

    The Timing Controls panel has 3 text boxes. These include from left to right

    1. lowerTime
    2. upperTime
    3. deltaTime

     

     

     

    sinusoidal curves control panel scribbleboardSinusoidal Curves Control Panel

    Generally for the middle row of alphabetical keys: A, S, D, F, G, H, J,K, L. ;.

    The Sinusoidal curves panels is used to set dimensions of keyed graphics that are set with the sinusoidal curve keys (which for the most part are on the second row of your keyboard). Within the sinusoidal curve panel are the repeat, phaseshift, exponent and base fields.

    The Sinusoid Curves Control panel has 4 text boxes. These include from left to right

    1. repeat
    2. phaseShift
    3. exponent
    4. base

    The value in the repeat field determines the number of times the sinusoidal curve will repeat itself in the horizontal direction. The number of times a waveform repeats is also known as the number of cycles.

    As an example if the width field (in the dimensions panel) was set to 100 pixels, and the repeat field was set to 3, and the A key was pressed, a sine wave that repeats itself 3 times within the 100 pixel width will be generated. If the repeat field was set to 1, there would be only one sine wave within the 100 pixel width.

    The value of the repeat set will determine how many times a given waveform object will repeat in the horizontal direction.

    EXPONENT Used to increase the height of a function. Small changes in the exponent result in large changes in height. Exponent is often set between 0 and 1.

    BASE Used to increase the height of a function. Small changes in the exponent result in large changes in height. Exponent is often set between 0 and 1.

     

    AM Control Panel

    The AM (Amplitude Modulation) Control panel has 4 text boxes. These include from left to right

    1. AMX
    2. AM1
    3. AMY
    4. AM2

    AMX Controls curved amplitude in the horizontal direction
    AM1 Controls line amplitude in the horizontal direction
    AMY Controls curved amplitude in the vertical direction
    AM2 Controls exponential amplitude in the vertical direction

    fm frequency modulated panel move scribbleboardFM Control Panel

     

     

    The FM (Frequency Modulation) Control panel has 4 text boxes. These include from left to right

    1. FMX
    2. FMY
    3. FM2X
    4. FM2Y

     

    FMX Controls repetition rate in the horizontal direction
    FMY Controls repetition rate in the vertical direction
    FM2X Secondary control for repetition rate in the horizontal direction
    FM2Y Secondary control for repetition rate in the vertical direction

     

     

     

     

    properties panel move scribbleboardProperties Panel

    The properties panel is used to determine the properties of different graphics located at different locations on the Scribble Board. The mouse x, y text box in this panel gives the current location of the mouse cursor.

    The Properties Panel presently has 13 text box values. From top to bottom these are

    1. Total Objects
    2. Mouse(x, y)
    3. Object Number
    4. Origin(x, y)
    5. Color
    6. Line Width
    7. Width
    8. Height
    9. Angle
    10. Math Shape
    11. Rotation
    12. Shape Name
    13. Parametric Capture

    For the online version, the most useful text box is the Mouse (x, y) text box. And that's because the Mouse (x, y) text box continually displays the current position of the mouse cursor. For alignment and positioning, this makes the Mouse(x, y) text box very useful. More alignment features that use the x and y coordinates of the mouse cursor are in development for the desktop version of Scribble Board. The desktop version of ScribbleBoard has a number of other elements in its Property Panel that are used for group selection, scaling, copying and a number of other advanced functions that the online version doesn't have (select the Desktop Version Tab above to find out more).

     

     

     

     

    APPENDIXES

    1. Tips, Tricks and Common Problems
    2. Library Key Map

    FAQ (Frequently Asked Questions) Mail your questions to mark.c.stansberry@perfectdisplay.com.

    Why does freehand drawing mode sometimes turn on by itself? Well it actually isn't turning on by itself. It just so happens that when you roll your mouse cursor over the Reserved text box in the Rotate and Tip panel, Freehand Drawing Mode is automatically turned on. Originally designed in as a feature, a change is now planned for this feature gone astray. Until then, either move the Rotate and Tip panel where it is out of the way, or simply avoid rolling your mouse cursor over the Reserved text box in the Rotate and Tip panel.

    Why, when in Scribble mode and changing the contents of the text box field, an unintended graphic image appears? . This is often because the focus (the location of your mouse cursor) is not within the text field. Because Scribble Mode responds to key presses by generating an image when the focus is on the ScribbleBoard, an image that corresponds to the Scribble Key will be produced when you press a number when you think the focus is in the text field, but it actually isn't. Click in the text fied to assure that your cursor is in the text field before you type in a text field. Pattern mode, because it requires that a key be held down and then a mouse click, is less susceptible to accidental graphic placements. For the most part though, accidental graphic placements are more common on laptops. Sometimes the mouse touchpad is accidently moved when you type. This will happen even more often when you type in the numbers in the middle of the numeric key row, such as 5,6 7 and 8.

    Sometimes the Drag mode appears to be still on, even though it has been clicked off? This is a fix that is in que. You will only notice it if you turned off drag mode and then attempt to drag an object that was previosly selected in drag mode. After you drag it one more time, with the drag mode button off, the drag listener for that object will be removed.

    What are the Most Useful Tips and Tricks?

     

    UpComing Tutorials, Lessons and Resources

    Driving the development of ScribbleBoards and the Explorer lines is a continued commitment to technical support. As new drawing and illustration features are planned, new lessons are also planned and created. The lessons provide the framework for the development of new design tools that expedite the graphic design process, allowing for higher levels of creativity and design productivity.

    Not only are a continued flow of new lessons about ScribbleBoard new features continually added, but also new articles are written related to graphic design, drawing, technical illustration and drawing CAD. Not only that, our research tutorials also cover new graphics hardware, new software and just plain new graphic and CAD news. But that's not all, we also add new resources that the graphic and CAD community need to keep there competitive edge. We cover the graphic and CAD conferences, emerging graphic and CAD social networks and the latest research on graphics out of the leading universities and colleges.

    Cartooning with ScribbleBoard

    1. Special Cartooning Features
    2. Political Cartooning
    3. Trials in Fashion
    4. Bicylce Beauty

    Reference and Resouces Guide

    1. Medical Illustration
    2. Drawing Animals
    3. Scientific Illustration
    4. Botanical Illustration
    5. Business Presentations

    MultiChatting, MultiDrawing and MultiTasking with ScribbleBoard

    Perspective Guides - Upcoming

    1. The Hourglass in Perspective - A Guide to Perfect Human Perspective
    2. The Art of Perspective Illustration

    Fractals Research

    1. Sine Wave Fractals
    2. Cosine Wave Fractals
    3. Tangent Fractals
    4. Ellipse Fractals
    5. Cycloid Fractals
    6. Cardioid Fractals
    7. Limacon Fractals
    8. Nephroid Fractals
    9. Golden Rule Fractals
    10. Circular Fractals
    11. Spiral Fractals
    12. Diamond Fractals
    13. 3D Fractals
    14. 2D Fractals

     

    Geometric Construction Upcoming Tutorials

    1. Using Drafting Widgets, the Protractor, Compass, T-Square and Triangles Drafting
    2. Using Scribble Boards to Create E-Learning Materials for Math, Science and Art Classes

    Art Social Networks

    1. Deviant Art

    Art Employment Networks

     

    More Upcoming Tutorials

    1. Maximizing Performance with Scribble Board
    2. How to Draw Stitch work with StitchWitch with Scribble Board
    3. Creating Enticing Trims, Borders and Embellishments with the StitchWitch Widget
    4. Creating the Perfect Face with the Face Widget
    5. Game Board Widget
    6. Using Scribble Board in Online Business Meetings
    7. Work Sharing with Scribble Board
    8. Using Scribble Board to Teach Online Drawing Classes
    9. The Art of Fabric Design
    10. How to Draw Compelling Charts
    11. Creating 3D Effects
    12. Learn to Draw
    13. Using Contours in Drawing and MapMaking
    14. Perspective Drawing with ScribbleBoard
    15. How to Import PDF images into Photoshop
    16. How to Make Drawing Games
    17. How to Draw Manga Cartoons
    18. Shading
    19. Color Design
    20. Design Exploration with Automated Drawing Machines
    21. Electromagnetic Fields
    22. V's In Perspective
    23. Research Reference Room
    24. Shapes
    25. Forms
    26. Curve Stitching
    27. Math Shapes
    28. Math Curves
    29. Curve Names, Glossary of Shapes with Metamorphical Names
    30. Naming and Classification of Curves
    31. Basic Geometric Shape Names
    32. Google Images, Surfaces
    33. Google Images, Textures
    34. Google Images, Brush Strokes
    35. Google Images, Pen Strokes
    36. Google Images, Pen Strokes
    37. Google Images, Parametric Curves
    38. Google Images, Mathematical Constructions
    39. Google Images, Curve Design
    40. Google Images Bezier Curves
    41. Google Images, Shadows
    42. Google Images, Lighting
    43. Google Images, Optics
    44. Force Diagrams
    45. Geometric Constructions
    46. Geometric Constructions, 3D
    47. Crystal Structures
    48. Molecular Geometry
    49. Scanning Electron Microscope, SEM
    50. Microscopic Photography
    51. Nanotechnology
    52. Perspective Constructions
    53. Horse Back Riding
    54. Plunging Tops
    55. tops plunging victoria secret
    56. Color
    57. Shadows and Perspective, Light Source Above a Point on the Ground Plane, Non Horizon Line Based
    58. Perspective Nine, Shadows from a Light Source in a Room on a Ladder
    59. Shadows, Reflections and Light Sources
    60. Elements of Perspective
    61. Watercolor
    62. Handprint
    63. Modeling School of Kate Moss
    64. Google Images, Shoulders
    65. Google Images, Faces
    66. Google Images, Chest
    67. Google Images, Arms
    68. Google Images, Legs
    69. Google Images, Nylons
    70. Google Images, Stockings
    71. Google Images, Hands
    72. Google Images, Neck
    73. Google Images, Rib Cage
    74. Google Images, Thigh
    75. Google Images, Ankles
    76. Google Images, Wrists
    77. Google Images, lingerie
    78. Google Images, Buttocks
    79. Google Images, Feet
    80. Google Images, Toes
    81. Google Images, Knees

     

    Graphics Market and Business Resources and New

    1. Graphic Conferences and Trade Shows
    2. Graphic and Illustration Organizations
    3. Graphic News
    4. What's New in Electronic Pens and Tablets, Products, Patents and License Agreements

     

    Other

    1. Micromachine Design and Development
    2. Word Art, Graphic Design using Microsoft's Word's Graphic Design Tools
    3. Sketch Book of Ideas and Stories


     

     

     

     

    The online version of ScribbleBoard is where it all just begins. The offline desktop version is where hundreds of more features and thousands of more library components can be found. Find below a listing of features that are in development on the desktop version.

    1. Compact floating electronic pen controls allow for quick changing of linewidths, shape colors and erasers.
    2. Automatic turn off of freehand drawing mode when drag button is enabled.
    3. Multiple Object Highlight Options for Object Selection
    4. Automated Color Generation
    5. Automated Color Theme Generation
    6. Drag Enable in Select Mode
    7. Multifunctional Controlled Parabolas
    8. Text Entry Box for Labels and Paragraphs.
    9. Automated Stroke Variation
    10. Enhanced Electronic Pencil Controls
    11. Enhanced Electronic Pen Controls
    12. Partial Polygons and Partial Circles
    13. Chart Maker, Wheel Maker
    14. Amplitude Modulation Control Panel
    15. Eraser Size Control
    16. Quick Scale and Click Scale
    17. Line Edge Control, Mitered Corners, Square Corners
    18. Object Color Fill
    19. Arrange, Move Back, Move Top, Move Specific Layer, Move Back One Layer
    20. Erase Last Specified Number of Images
    21. Erase Specific Image Number
    22. Quick Click Dimensions Settings
    23. Quick Click Rotation
    24. Quick Click Object and Pixel Color
    25. Single Buttons for Quick, Click, White Out Erase
    26. Image Buttons
    27. Click Rotate
    28. Select Multiple Objects
    29. Select Multiple Objects and Copy
    30. Select Multiple Objects and Export
    31. Vector File Save
    32. Vector File Import
    33. JPEG File Save
    34. JPEG File Import
    35. Sound Instructions
    36. Video Instructions
    37. Text Entry Full Version and Text Entry Shorthand
    38. Customized labels for text boxes
    39. Free hand Drawing Mode Button
    40. Automatic Library Cycling for Keyboard Graphics
    41. Drag and Scale to complement Click and Scale
    42. Text Box Following - the Electronic Media Tool
    43. Undo Last Command
    44. Rotating already Placed Object Documentation
    45. Parabola ECO, Height and Width Specifications as Opposed to just one Width Specification with steepness specification.
    46. StitchWitch

    With the StitchWitch widget all of the stitches that are available on Singer sewing machines can be created. When you activate the StitchWitch, you can cycle through the library one at a time, or view groups of stitches according to the PerfectDisplay's stitch classification system. Find below, a list of stitches from Singer Sewing Company and a list of basic stitches.

    1. Acrobat Stitch
    2. Alphabet - Block
    3. Alphabet - Italic
    4. Alphabet - Script
    5. Angle
    6. Arch
    7. Arch Reversed
    8. Argyle
    9. Ariel
    10. Arrow
    11. Arrowhead
    12. Art Deco
    13. Asterisk
    14. Automatic Back-Tack
    15. Band
    16. Banner
    17. Bartack
    18. Basting
    19. Bead
    20. Beak
    21. Bicycle
    22. Blanket
    23. Blind Hem
    24. Block
    25. Bluebells
    26. Box
    27. Button Sewing
    28. Buttonhole
    29. Cabin
    30. Car
    31. Castle
    32. Check-up
    33. Chevron
    34. Crescent
    35. Crescent - Reversed
    36. CrissCross
    37. Crossed Circle
    38. Crossed Flower
    39. Crossed Leaf
    40. Crossed Pin Stitch
    41. Crossed Stitch
    42. Crossed X
    43. Crown
    44. Crystals
    45. Curls
    46. Curve Mending
    47. Curve or Serpentine
    48. Curved Pin Stitch
    49. Darning
    50. Decorative Overedge
    51. Dewdrops
    52. Diagonal
    53. Diamond
    54. Domino
    55. Double Action
    56. Double Crescent
    57. Double Crescent (Reversed)
    58. Double Leaf
    59. Double Overedge
    60. Double Overedge (02)
    61. Double Overedge (Reversed)
    62. Double Peak
    63. Double Peak (Reversed)
    64. Double Ric Rac
    65. Double Triangle
    66. Double X
    67. Dress-size Buttonhole
    68. Dress-size Key Buttonhole
    69. Dress-size Round Buttonhole
    70. Droplet
    71. Edged Honeycomb
    72. Elastic Blind Hem
    73. Embroidered Leaf
    74. Entredeux
    75. Excalibur
    76. Excalibur - Dense
    77. Eyelashes
    78. Eyelet
    79. Faggoting
    80. Fancy Beads
    81. Feather
    82. Fern Leaf
    83. Fishbone
    84. Fishtail
    85. Floral
    86. Floral (01)
    87. Floral
    88. Flower &amp; Leaves
    89. Flower Cluster
    90. Fountain
    91. Four Leaf Clover>
    92. Four-Point Lingerie
    93. Greek Key
    94. Greek Key Open
    95. Half Arrowhead (01)
    96. Half Arrowhead (01)
    97. Half Arrowhead (02)
    98. Half Bead
    99. Half Diamond
    100. Half Pyramid
    101. Heart
    102. Heart Chain
    103. Hemstitch
    104. Herringbone
    105. Holly & Bell
    106. Hollyhock
    107. Honeycomb
    108. Horizon
    109. Hourglass
    110. House
    111. Icicle
    112. Jet
    113. Jewel Stitch
    114. Jeweled Border
    115. Joining
    116. Key
    117. Kite
    118. Kite Tail
    119. Lace
    120. Latice
    121. Leaf
    122. Leaf Stem
    123. Leaf Stem Crossed
    124. Leaf Vine
    125. Lightening
    126. Long Oblique
    127. Looped
    128. Loops
    129. Lozenge
    130. M Stitch
    131. Maple Leaf
    132. Mountain
    133. Multi Hem Stitch
    134. Multi-Stitch Overedge
    135. Multi-Stitch Zig-Zag
    136. Necklace
    137. Overedge (01)
    138. Overedge (Reversed)
    139. Pansy
    140. Pavilion
    141. Peak Point
    142. PennantPin Stitch
    143. Pin Stitch (Reversed)
    144. Pine Tree
    145. Pinecones
    146. Pinpoint
    147. Platform
    148. Podium Stitch
    149. Pointed
    150. Pointed
    151. Pulse
    152. Puppy
    153. Pyramid
    154. Quilting
    155. Rampart
    156. Random Zig-Zag
    157. Ribbon
    158. Ric-Rac
    159. Royal
    160. Running Quilt
    161. Sail Stitch
    162. Sampler X
    163. Sand Castle
    164. Sapphire
    165. Scallop
    166. Seagull
    167. Semaphore
    168. Semi-Circle
    169. Shell or Lingerie
    170. Ship
    171. Shirt-size Buttonhole (Wide Bartack)
    172. Shirt-size Key Buttonhole
    173. Shirt-size Round Buttonhole
    174. Slant Overedge
    175. Slant Overedge (Reversed)
    176. Slant Pin
    177. Slant Zig-Zag
    178. Snowflake stitch
    179. Solid Scallop
    180. Solid Scallop (Reversed)
    181. Sphere
    182. Spiny
    183. Stacked Triangle
    184. Star
    185. Star Flower
    186. Starburst
    187. Stem Stitch
    188. Steps
    189. Straight
    190. Straight Feather
    191. Straight Stitch with Auto Tie-Off Function
    192. Straight Stretch
    193. Stretch Blind Hem
    194. Stretch Overedge
    195. Stretch Patching
    196. Strong Overedge
    197. Strong Overedge (Reversed)
    198. Strong Stretch Stitch
    199. Sunburst
    200. Sunburst (Reversed)
    201. Swan
    202. Tacking
    203. Tatting
    204. Tent Point
    205. Tents
    206. Thorn
    207. Thorned Vine
    208. Three Step
    209. Three Step Zig-Zag
    210. Tiara
    211. Tiara (Reversed)
    212. Triangle Flower
    213. Tulip
    214. Tulip (Reversed)
    215. Tulip Vine
    216. Turkish
    217. Vine
    218. Walls of Troy
    219. Wave
    220. X Stretch
    221. Y Border
    222. Zig-Zag
    223. Zig-Zag (1.9mm)
    224. Zig-Zag (3.0mm)
    225. Zig-Zag (5.0mm)
    226. Zig-Zag (6.0mm)
    227. Zig-Zag Point

    SOURCE: :STICH LIST FROM SINGER - Full List at http://www.singerco.com/resources/stitch_ref.html

     

    Basic Stich List

    1. back tack
    2. backstitch
    3. bar tack
    4. basting stitch
    5. blanket stitch
    6. blind stitch
    7. buttonhole stitch
    8. chain stitch
    9. cross-stitch
    10. catch stitch
    11. cross-stitch tack
    12. darning stitch
    13. embroidery stitch
    14. hemming stitch
    15. lock stitch
    16. overcast stitch
    17. overlock stitch
    18. pad stitch
    19. running stitch
    20. sailmakers stitch
    21. sashiko stitch
    22. slip stitch
    23. tack stitch
    24. tent stitch
    25. top stitch
    26. whip stitch
    27. zigzag stitch

     

    Notions

    Work Log for ScrribleBoard Lessons Documentation

    Tuesday, January 18, 2011, Work Log: Proof and Edit Cross-Reference Section. Add Fashion Designers Reference Section, Kira Plastinina to Lesson 7 references. Continue cross-referencing Graphic Key Documentation and proof. Note any changes needed in that cross-reference. Integrate the lessons and graphic library cross-reference into master site keyindex.

    Monday, January 17, 2011, Work Log: Added Rough Draft of Cross-Referenced Index. Proof and Additions Needed, Reviewed lessons 1 through 56 plus sections reviewed. Several corections made. Listed focus of changes in the cross-reference that pertain to documentation and program. Started cross-referencing graphic key documentation. First row completed.

    Sunday, January 16, 2011: Create Word Index (Cross Reference Index), Review Documentation, List Major Changes to Make in Reviewer Log. See Worklog, Reviewer and Work Priority List Lessons 1 Through 56. Rough Index

    Saturday January 15, 2011: Further work in User Manual (About, Operating and Control Sections). Screen shots added in with new copy.

     

     

    Reviewer Comments and Change Recommendations

    Complete Lessons Documentation, Proof, Add Changes, Note Areas Where Major Rewrites or Additions are Needed

    1. Lesson 2: Need new image. Present image doesn't have panel names listed.
    2. Lesson 3: Although the image does get the point across, the black in the picture gives too much weight to the bottom of the picture.
    3. Lesson 4: Its difficult to see the settings on this picture. You might want to add a close-up of the settings.
    4. Lesson 6: Organize the text near the end of the section.
    5. Lesson 7: Need new names for the different keys. Comma Key
    6. Lesson 15: Add Paint Strokes Illustration

    Make Program Changes as Necessary

    1. Change Resereved Tip Roll Over Feature
    2. Alter Drag Functionality
    3. Change Real Time Help Box So That You Can Move it Out of the Way and Close It. Add Green Move Panel Box
    4. Add Label to Property Panel
    5. Consider adding toolitps on and off feature to display the names of each textbox all at once.
    6. Comma Key: Change Factors for Width and Height Dimension Settings Ditto for a number of others. Check

     

    Cross Reference Draft

    Keyword, KeyPhrase, Key Topic

     

     

     

     

    Alphabetical By Section Number/Name(Tab)

    1-Key Freehand Drawing Mode, 6
    2-Key Center Line Key, 43
    3-Key Triangle Maker, 21
    6-Key Flower of Life, 10
    A-Key, 35
    Adobe Acrobat Pro,
    Adobe Illustrator,5
    Adobe Photoshop,
    Aged Shutter Design 34
    aHeight Text Box, 1
    aHeight Text Box, User Manual – Control Panels
    aHeight Text Box, 25
    Alignment, 27
    ALT Key, User Manual – Modes of Operation
    AM Control Panel, User Manual – Control Panels
    AM Control Panel, User Manual – Control Panels
    AM1 Text Box, User Manual – Control Panels
    AM2 Text Box, User Manual – Control Panels
    AMX Text Box, User Manual – Control Panels
    AMY Text Box, User Manual – Control Panels
    Angle Property Text Box, User Manual – Control Panels
    Animation Mode, User Manuals About
    Animator Mode, 49
    Animator Mode, User Manual – Modes of Operation
    Architectural Design Tools, 11
    Automated Drawing Control Panel, User Manual – Control Panels
    Automated Drawing Generators, User Manuals About
    Automatic Drawing Generator, 28
    Automatic Drawing Generator, 56
    Automatic Drawing Generator Panel, 1
    Automatic Drawing Generator Panel, 25
    Automatic Shift, 3
    B key, 1
    B Key User Manual – Control Panels
    B Key Automatic Drawing Generator 56
    Balloons 12
    Base Text Box User Manual – Control Panels
    BHeight 1
    Bheight Text Box User Manual – Control Panels
    C – Key (Lacemaker) 3
    C –key Compositions, 28
    Center Line, 43
    Chin 49
    Circle Stack 55 Scale Values not blued out
    Click Color User Manual – Modes of Operation
    Click Eraser 45
    Click Eraser 47
    Click Eraser User Manual – Modes of Operation
    Color Background 50
    Color Click Mode User Manual – Modes of Operation
    Color Diffusion Plaid 37
    Color Mode User Manual – Modes of Operation
    Color Picker 4, 5
    Color Picker 26
    Color Picker 48 Need Color Picker Image
    Color Picker User Manual – Modes of Operation
    Color Property Text Box User Manual – Control Panels
    Color References 5
    Color Scheme 49
    Comma Key Lacemaker 8
    Concentric Oval Key 12
    Concentric Oval Key 42
    concentric oval keys 2
    Concentric Ovals
    costume mask library 1
    Crackling Techniques 34
    Crop 5
    Crop 6
    Cross Key 43
    Cross Key User Manual – Control Panels
    Curved Grid Lines 46
    Custom Grids 46
    Custom Rulers 46
    Custom Versions User Manuals About
    Cycles per second 18
    D Key Open Stitches 19
    Delete Button 45
    Delete Multiple Objects User Manual – Modes of Operation
    Design Maker Tool 22
    Design Maker Tool 34
    Design Modes User Manual – Modes of Operation
    Dimension 35
    Dimensions Control Panel User Manual – Control Panels
    Dimensions Curve Panel
    Dimensions Height Text Box User Manual – Control Panels
    Dimensions Line Width Text Box User Manual – Control Panels
    dimensions panel 1
    Dimensions Panel
    Dimensions Panel 10
    Dimensions Panel 12
    Dimensions Panel 20
    Dimensions Rotate Tip Text Box User Manual – Control Panels
    Dimensions Shift X Text Box User Manual – Control Panels
    Dimensions Shift Y Text Box User Manual – Control Panels
    Dimensions Width Text Box User Manual – Control Panels
    Dot Drawing 26
    Double Line Effect 13
    drag button 1
    Drag Mode 13
    Drag Mode 36
    Drag Mode User Manual – Modes of Operation
    Drawing Faces 43
    Edit Modes User Manual – Modes of Operation
    Electronic Waveforms 19
    Enamating Star Brush 25
    Erase All Eraser User Manual – Modes of Operation
    Erasing User Manuals About
    Erasing Entire Screen 6
    Erasing in Freehand Drawing Mode 6
    Exponent Text Box User Manual – Control Panels
    Eye Guidelines 44
    Eye Layout 44
    Eye Layout 45
    Eyeball Layout 44
    Eyebrows 47
    Eyelashes 45
    Eyelids 45
    Eyelids 51
    Eyes 53
    fabric design 2
    Face 42
    Face Center Line 43
    Face Color Theme 48
    Face Drawing 4
    Face Grid 43
    Face Symmetry 53
    Face Undertones, Primer Colors 50
    Facial Features 26
    Fashion Buttons 33
    Fashion compositions 6
    Fashion drawing 6
    Fashion Figures 7
    Feminine Features 53
    Flower Design 9
    Flower Maker 9
    Flower of Life 13
    Flower of Life Compositions 13
    Flower of Life Compositions 13
    Flower of Life Construction 10
    Flower of Life Key 10
    Flower of Life Key 13
    FM Control Panel User Manual – Control Panels
    FM panel 1
    FM Panel 18
    FM Panel 19
    FM Panel 20
    FM Panel 35
    FM2X Text Box User Manual – Control Panels
    FM2Y Text Box User Manual – Control Panels
    FMX Text Box User Manual – Control Panels
    FMY Text Box User Manual – Control Panels
    Forehead 49
    Forehead 53
    Freehand Drawing 52
    Freehand drawing mode 6
    Freehand Drawing Mode 26
    Freehand Drawing Mode 51
    Freehand Drawing Mode User Manuals About
    Freehand Drawing Mode User Manual – Modes of Operation
    Freehand Drawing Tool 34
    Freehand Drawing Tool 50
    Frequency X Text Box 20
    Frequency Y Text Box 19
    Frequency Y Text Box 20
    G Key Open Curve Stitches 18
    Geo1 Control Panel User Manual – Control Panels
    Geo1 Panel 22
    Geo2 Control Panel User Manual – Control Panels
    Geo2 Panel 10
    Geo2 Panel 11
    Geo2 Panel 14
    Graphic Libraries User Manuals About
    Graphic Libraries Accessing User Manuals About
    Graphic Overlay Sine Harmonics 17
    Graphic Overlays Flower of Life 13
    Graphic Wave Density 17
    Graphics Overlay Technology 12
    Grayed Text Boxes 20
    Grid Tool 36
    H Key Damped and Shoot Stitches 20
    Height Property Text Box User Manual – Control Panels
    HeightThree Text Box 11
    HeightThree Text Box 22
    HeightThree Text Box User Manual – Control Panels
    HeightTwo Text Box 11
    HeightTwo Text Box 22
    HeightTwo Text Box User Manual – Control Panels
    Hemming Stitch 18
    Hexagon 10
    Highlighted Text Boxes User Manuals About
    Highlights 51
    Horizontal Scaling 55
    Horizontal Shift Calculation 35
    image view time text box 1
    Image View Time Text Box User Manual – Control Panels
    Import Adobe PhotoShop 5
    Import Photoshop and Illustrator
    Internet Explorer File Menu Option 5
    Invisible Stitch 18
    Ips 47
    Irregular Octogon Maker 22
    Irregular Polygons 14
    Jaw 49
    Jaw 53
    Key A Wave Maker Tool 5
    Key 4, Planning Tool 11
    Key 6 13
    Key 8 34
    Key 8 Design Maker 22
    Key 9 User Manual – Control Panels
    Key 9 – Polygon Generator 14
    Key Z, Oval Drawing Tool 4
    L Key Compositions 28
    L Key Sine Harmonics 17
    Lace Maker 3
    Lace maker Tool 8
    Lavr 27
    LED Lighting 37
    LengthThree Text Box 11
    LengthThree Text Box 22
    LengthTwo Text Box 11
    LengthTwo Text Box 22
    Light Shading Techniques 26
    Light Waveforms 19
    Line and Freehand Dual Mode Operation 47
    Line Mode User Manual – Modes of Operation
    Line Tool 47
    Line width 26
    Line Width Property Text Box User Manual – Control Panels
    Line Width Text Box 52
    Linewidth 20
    Linewidth 43
    Lips 48
    Lips 49
    Lips 53
    Luminescent 34
    Math Shape Property Text Box User Manual – Control Panels
    Metallic Design 34
    Mode Button Control User Manuals About
    Mode Button Control Panel 4
    Mode Control Buttons User Manuals About
    Mode Control Buttons Panel User Manual – Modes of Operation
    Mouse (x, y) or mouse coordinate text box. 43
    Mouse dexterity 6
    Mouse x y text box 3
    Mouse(x, y) Property Text Box User Manual – Control Panels
    Multiple Hump Stitch 19
    Nose 47
    Nose 49
    Nose guideline 47
    Noses 53
    Nostril 47
    Nostrils 54
    number of images text box 1
    Number of Images Text Box User Manual – Control Panels
    Object Number Property Text Box User Manual – Control Panels
    Open Curve Graphics 18
    Origin(x, y) Property Text Box User Manual – Control Panels
    Oval Drawing Tool 4
    Oval Tool 34
    Overdamped Stitches 20
    Overlayed 1
    Overshoot Stitches 20
    P Key Flower Maker 9
    Painting 15
    Painting Freehand Mode 15
    Painting Scribble Mode 15
    Paper Doll 22
    Parabola Maker 34
    Parametric Capture Property Text Box User Manual – Control Panels
    Parametric Control Panel User Manual – Control Panels
    Partition Design 39
    pattern mode 2
    Pattern Mode 18
    Pattern Mode 27
    Pattern Mode 35
    Pattern mode 36
    Pattern Mode 42
    Pattern mode 46
    Pattern Mode 49
    Pattern Mode User Manual – Modes of Operation
    Peach 54
    Pen and Ink 8
    Pencil sketching 6
    Perfect Face 44
    Perfect Face 44
    Perfect Face 45
    Perfect Face 46
    Perfect Face 46
    Perfect Face 46
    Perfect Face 48
    Perfect Face 49
    Perfect Face 50
    Perfect Face 51
    Perfect Face 52
    Perfect Face 53
    Perfect Face 54
    Perfect Fashion Figure 7
    Perfect figure 7
    Period Key Grid and Ruler Tool 36
    Period Key, Grid and Ruler Tool 39
    Period Key, Grid and Ruler tool 46 Repeat Text Box Not in Gray as it Should B, role of timing panel should be discussed.
    Perspective Curves 51
    Petal Key 9
    PhaseShift Mode User Manual – Modes of Operation
    PhaseShift Text Box User Manual – Control Panels
    Pin point erase 6
    Pin Point Eraser User Manual – Modes of Operation
    Plaid 36
    Plaid Lighting 37
    Plaid Optical Illusions 37
    Plaid Sett 36
    Plaid Tool 38
    Plain Bands 36
    Planning Tool 11
    Polygon Generator User Manual – Control Panels
    Polygon Generator Key 14
    Polygon Resources 14
    Polygons 14
    Polygons Irregular 14
    Polygons Regular 14
    Pottery Design 17
    Preset Control Panels User Manuals About
    Preset Control Panels User Manual – Control Panels
    Printing
    Printing User Manuals About
    Properties Control Panel User Manual – Control Panels
    Proportion and layout, figure and head 6
    Proportional Scaling 55
    Purple Lace 27
    Quadrilateral Maker 34
    Quick Color User Manual – Modes of Operation
    Quick erase 6
    Quick Erase 51
    Quick Erase Mode User Manual – Modes of Operation
    Quick Eraser User Manual – Modes of Operation
    RadiusCircle 10
    RadiusCircle Text Box User Manual – Control Panels
    Rectangular Grid 46
    Rectangular Rulers 46
    References Fashion Illustration, Figure Drawing 6
    References Flower of Life 13
    References Metatron’s Cube 13
    References Noses 49
    References Sacred Geometry 13
    References Spherical Grids 12
    Regular Polygons 14
    Remove Last
    Remove Last Button 2
    Remove Last Button 13
    Remove Last Button 28
    Repeat 18
    Repeat Text Box 19
    Repeat Text Box 39
    Repeat Text Box User Manual – Control Panels
    Reserved Text Box 52
    Reserved Text Box User Manual – Control Panels
    Reserved Tip Text Box 26
    Resources Polygons 14
    Resources Color Palettes 53
    Resources Drawing Eyes 51
    Resources Drawing Hair 54
    Resources Face 53
    Resources Face Shading 52
    Resources Fashion 33
    Resources Grids 21
    Resources Lips 48
    Resources Origami Design 22
    Resources Plaid 36
    Resources Pottery Design 17
    Resources Shading 52
    Resources Spheres 16
    Resources Stitches 19
    Resources Stitches 20
    Resources Strokes 24
    Resources Trees 25
    Resources Triangles 21
    Resources Waverfomrs 19
    Resources Weaves 19
    Resources: Fashion Figure 7
    Resources: Flowers 9
    Resources: Pajama Design 28
    Ribbon Design 5
    Rotate 18
    Rotate and Tip Control Panel User Manual – Control Panels
    Rotate and Tip Panel
    Rotate and Tip Panel 26
    Rotate and Tip Panel 52
    Rotate Mode User Manual – Modes of Operation
    Rotate Text Box 12
    Rotate text box 36
    Rotate Text Box 39
    RotateInc Text Box User Manual – Control Panels
    RotateX Text Box User Manual – Control Panels
    RotateY Text Box User Manual – Control Panels
    Rotating Objects User Manual – Modes of Operation
    Rotation Property Text Box User Manual – Control Panels
    Ruler Tool 36
    Running Stitch 18
    Sacred Geometry 10
    Save File 6
    Save the File With Adobe Acrobat, Step by Step 5
    Saving
    Saving User Manuals About
    Saw Tooth Tool 38
    Scale User Manual – Control Panels
    Scale Control Panel User Manual – Control Panels
    Scale Mode 28
    Scale Mode 55
    Scale Mode User Manual – Modes of Operation
    Scale Panel 28
    ScaleXInc Text Box 28
    ScaleXInc Text Box User Manual – Control Panels
    ScaleXInitial Text Box User Manual – Control Panels
    ScaleYInc Text Box 28
    ScaleYinc Text Box User Manual – Control Panels
    ScaleYInitial Text Box User Manual – Control Panels
    Scaling 55
    Scribble Key User Manual – Control Panels
    Scribble Keys User Manual – Modes of Operation
    Scribble Mode 4
    Scribble Mode 49
    Scribble Mode User Manual – Modes of Operation
    Scribble Mode User Manual – Modes of Operation
    Scribble Mode User Manual – Control Panels
    ScribbleWidgets User Manuals About
    Select Mode User Manual – Modes of Operation
    Sett 38
    Shading 53
    Shading Sine Wave 17
    Shading Scheme 50
    Shape Name Property Text Box User Manual – Control Panels
    Shift x 3
    Shift x text box 35
    Shift y 3
    Shift y text box 35
    Shifted Wave 5
    Shutter Design 39
    Sides Text Box User Manual – Control Panels
    Sine wave User Manual – Control Panels
    Sine Wave Shading 17
    Sinusoid Curves Panel 20
    Sinusoid Curves Panel 35
    Sinusoid Curves Panel 39
    Sinusoidal Curves Control Panel User Manual – Control Panels
    Sinusoidal Curve Panel
    Sinusoidal Curves Panel 18
    Sinusoidal Curves Panel 19
    Skirts 36
    Slip Stitch 18
    Space Age Design 34
    Space alien 47
    Sphere 3D 16
    Sphere Division 16
    Sphere Grids 16
    Sphere Resources 16
    Spheres 16
    Spherical Eye Grid 44
    Spherical Grid 42
    Spherical Grids 12
    Spherical Micro Canvases 16
    Spiral Density 30
    Spiral Graphic Overlays 32
    Spiral Lighting Elements 29
    Spiral of Archimedas 30
    Spiral Overlays 32
    Spiral Paintings 30
    Spiral Strokes 30
    Spiral Turns 30
    Spirals 29
    Spirals 33
    Stippling 52
    Stippling 54
    Stippling Instructions 26
    Stitch Density 18
    Stitch Group 19
    Stitch Work 18
    Stitches 19
    Stitches Overdamped 20
    Stitches Overshoot 20
    Stitches Underdampled 20
    Stroke Curvature 24
    Stroke Design Tools 24
    Stroke Gradient Variation 24
    Stroke Library 24
    Stroke Rotation 24
    Stroke Width Variation 24
    Swatch Making 35
    Swimsuits 36
    Tartan 36
    Tartan 38
    ThetaOne Text Box User Manual – Control Panels
    timing panel 1
    Timing Panel 30
    Timing Panel 39 Check These Settings if they are rigth
    Tip Color Changing 6
    Tip Size, Changing 6
    Total Objects Property Text Box User Manual – Control Panels
    Tree Design 25
    Triangle 21
    Triangle Equilateral 21
    Triangle Grid 21
    Triangle Key 21
    Underdamped Stitches 20
    Vanishing point 47
    Vertical Scaling 55
    Vertical Shift Calculation 35
    Wacom bamboo electronic pen 6
    Wave Maker Tool 5
    Waveform User Manual – Control Panels
    Weaving 19
    Weaving Waveforms 19
    White Out Eraser User Manual – Modes of Operation
    White out Erasing 6
    Width Property Text Box User Manual – Control Panels
    WidthThree Text Box User Manual – Control Panels
    WidthTwo Text Box User Manual – Control Panels
    Wire frames 5
    X – Key Compositions 28
    X key 2
    X Key 42
    X Key Sphere Key 16
    X Key Spherical Grid 12
    Y Key – Star Brush Enamating 25
    Z Key Oval Maker 22
    Zoom Context Menu 48
    Zoom In Option 48
    Zoom Options User Manual – Modes of Operation