Pena Contents
Introduction
Control Pane
Brush Pane
Texture Pane
Effects Pane
Color Picker
Save/Load Pane
Selection Pane
  • Selection Pane Introduction
  • What Are Selection Masks?
  • Using The Rubber Pane
  • Square/Rectangle Mask
    Circle/Ellipse Mask
    Text Mask
    Magic Wand
    Invert Mask
    Add To Masks
    Erase From Masks
    Freehand Add
    Freehand Erase
    Copy And Paste
    Erase/Manage Masks
    Set Mask Color
     
    Preferences Pane
    Intelligent Canvas
    Wacom Bluetooth Stylus
    Jot Bluetooth Stylus
     
    The Effects Library
    Effects Introduction
    Color Source Effects
    Procedural Source Effects
    Color Filter Effects
    Spatial Filter Effects
    Math and Logic Effects
    Special Effects
     
    Artists Gallery
    The Artist Gallery
     
    Pena Support
    Troubleshooting

       

      Previous SectionHide ContentsNext Section

      The Selection Pane

      Selection Pane Introduction


      You access the Selection Pane by tapping the Selection Pane icon on the Control Pane:

      This next section outlines the basic functionality of the Selection Pane, or you can view the video tutorial Pena Tutorial #6 - Using the Selection Pane.

      When the Selection Pane opens it will attach either to the top or bottom of the Control Pane, depending on where it can fit better.

      Changing the position of the Control Pane will also change the position of the Selection Pane.

      To close the Selection Pane simply hit the Selection Pane icon on the Control Pane. Opening up most other panes will also close the Selection Pane.

      The Selection Pane lets you perform the following functions:

      • Inhibit Drawing - Use Selection Masks to create areas of the Canvas that you can only draw on. All other areas can not be painted on until you change the selection areas.
      • Define Intelligent Canvas - Selection Masks are used to create your Intelligent Canvas Surfaces.
      • Create Text - Selection Masks are used to create text in your painting. Any of the built-in iPad fonts can be used as your font.
      • Copy and Paste - You can use Selection Masks to copy existing areas of your painting and paste it other places. The paste can be rotated and re-sized as you desire.
      The Selection Pane lets you create Selection Masks in a number of ways:

      • Circles - You can define any circular, oval, or elliptical masked area. These areas can be rotated and re-sized.
      • Squares - You can define any square, or rectangular masked area. These areas can be rotated and re-sized.
      • Freehand - You can paint and erase freehand selection areas. Your current brush shape and size is used while painting.
      • Magic Wand - You can use a magic wand to select areas of a painting. The tolerance of the wand can be specified.
      • Text - You can use text to create or erase selection mask areas. The font and text size, orientation, rotation, and scaling can be controlled.
      When creating mask areas they can be added to existing areas, removed from existing areas, and inverted with existing areas.

       

      What Are Selection Masks?


      Regardless of how you intend to use Selection Masks, they are always the same thing. Selection Masks let you specify areas of the Canvas that you want to treat in some special way.

      You can think of a Selection Mask as being similar to a paper stencil. For example, when you spray paint on a paper stencil the paint only goes where there are holes in the stencil.

      Pena keeps a buffer that is the same size as the Canvas. This buffer keeps information about what pixels in your Canvas can be drawn, and what pixels can not be drawn. This buffer is the Selection Buffer.

      Note that since the Selection Buffer only specifies which pixels on your Canvas can be drawn on, and which can not, it, in itself, is not antialiased. Selection masks you create will appear to have the jaggies. However, in most cases, when applied, the results will not have the jaggies.

      The rest of the descriptions in this section of the manual will teach you how to create selection areas. However, here we will show you exactly what they can do:

       

      Example 1, Setting an area to restrict your drawing...

      The following three photos show a sequence where we add text on-top of an existing image:

      We started with the left picture. We took a photo from our photo album using the Texture Pane and put it on our Canvas.

      Next, we used the Text Tool to make a selection mask of the word Magnolia, and the Rectangle Tool to make a selection mask underline below the word. This is shown in the center picture.

      Finally, the right hand picture shows the finished result. We selected the Brush Program effect Warp Drive and turned on Use Selection Mask and then selected the Flood Canvas icon from the Control Pane to flood the entire screen with the Warp Drive effect.

      Because we had created our selection areas, the Warp Drive effect was only drawn into those areas and the rest of the Canvas was left untouched.

       

      Example 2, Tinting a flower...

      The following three photos show a sequence where we select a portion of an existing image and change the color of that area:

      We started with the left picture. Using the same photo as our previous example we placed it on our Canvas.

      Next, we used the Magic Wand and the Circle Tool to carefully select just the white petals of the Magnolia. This is shown in the center picture. The semi-transparent greenish tint shows our selected area.

      Finally, the right hand picture shows the finished result. We selected two Brush Program effects, Texture #1 (using our Magnolia) and 4-Color Gradient with output set to Multiply. We then turned on Use Selection Mask and then selected the Flood Canvas icon from the Control Pane to flood the entire screen with the combined Texture #1 multiplied with the 4-Color Gradient effect.

      Because we had created our selection areas, the final combined effect was only drawn into the white petal area we had selected, and the rest of the Canvas was left untouched.

       

      Using The Rubber Pane


      When the Selection Pane is visible you will also see the Rubber Pane floating somewhere on the Canvas:

      The Rubber Pane is used to manipulate the position, scaling, rotation angle, and basic size of your selection area.

      The Rubber Pane will automatically disappear when you are manipulating the Canvas, and also when the Selection Pane closes.

       

      Moving The Rubber Pane...

      At the bottom left of the Rubber Pane is a left/right arrow. Tap the arrow, hold, and drag your finger to move the Rubber Pane anywhere on the Canvas.

       

      Using The Anchor Icons...

      There are four Anchor icons on the Rubber Pane. Each Anchor is a different color:

      • Top Anchor - Yellow
      • Right Anchor - Cyan
      • Bottom Anchor - Magenta
      • Left Anchor - White
      When an Anchor is active, it has a yellow highlight (all our Anchors in the picture above are active). When an Anchor is inactive its icon will not have a yellow highlight.

      We are going to do a quick tutorial here to show how the Anchors are used.

      Look at the Selection Pane, the left most icon is Square and Rectangle Mask. The symbol is a dotted square. Tap that so that it is highlighted. This means you will be making a square or rectangular mask:

      Also make sure the Move and Scale icon on the Rubber Pane is lit. If it is not, tap it:

      If you have previously played with this, there is probably already a rubber rectangle showing on your Canvas. If this is the first time, there will be no rubber rectangle showing on the Canvas.

      If you do not see a rubber rectangle showing on the Canvas, tap, hold and drag on the Canvas and a rubber rectangle will stretch with your finger. Release when you have a nice sized square.

      Note that your rubber rectangle probably looks something like this:

      You will notice a couple of things about the rubber rectangle:

      • It is dashed and the dashes are moving (technically it is called marching ants).
      • It changes color.
      The two above features are simply to make the rubber rectangle visible against just about any type of background.

      You will also notice that there are four colored squares in the middle of each side, and a square in the center.

      Each of the four colored square on the sides of the rubber rectangle match, in color, to one of the Anchors on the Rubber Pane. You will also notice that they are in the same position... Top box and Anchor are both yellow, etc.

      This is to remind you which Anchor is controlling what part of the rubber rectangle. This is especially useful if you rotate the rectangle, where it is easy to lose your orientation.

      You will also notice that each of the colored squares on the rubber rectangle sides have a black 'X' through them. This corresponds to a highlighted Anchor. If the Anchor has a yellow outline (is lit), then the corresponding square will have a black 'X'. If the Anchor is not lit, the corresponding square will a solid color.

      So what exactly do the Anchors mean and do?

      An Anchor that is lit (yellow highlight) means that side can not be moved. In other words, it is anchored.

      Any Anchor that is not lit, that corresponding side of the rubber rectangle is free to move.

      If all the Anchors are highlighted, then all sides of the rubber rectangle are unchangeable. In this case, you can move the entire rubber rectangle.

      If one or more Anchors are not highlighted, then manipulating the rubber rectangle will change its size.

      Try it... start out by making sure all four Anchors are highlighted. If any Anchor is not highlighted, tap it to highlight it.

      Now tap, hold, and drag on your Canvas (we are assuming you already made a rubber rectangle). Your rubber rectangle should move with you, but not change size.

      Now do the opposite. Turn all the Anchors off, so they are unlit. Again, tap hold and drag on the Canvas. Since no side is now anchored, all sides are free to move, and the entire box will re-size as you drag.

      Go ahead and play with other combinations. The gesture you use depends a bit on which Anchors you have in play:

      • If you have opposing Anchors unlit (such as left/right) - dragging from left to right (or down to up for up/down Anchors) will cause the box to shrink, and dragging to the left will cause them to grow.
      • If unlit Anchors are not opposing (say, left only, or a corner, etc) then the box will grow and shrink as you would expect, based on the direction of your finger.
      Note that the Anchors work regardless of the orientation of the device. That is, if you rotate the device, the top Anchor is still the yellow one.

       

      Move and Scale versus Rotate...

      The upper left icon in the Rubber Pane is the Move and Scale icon:

      When it is highlighted yellow, manipulating the rubber box on the Canvas will cause it to Move, and Scale (depending on the Anchors), as shown in our brief example above.

      Below the Move and Scale icon is the Rotate icon:

      When it is highlighted yellow, manipulating the rubber box on the Canvas will cause it to rotate:

      Note how the Anchor colored boxes on the edge of the rubber rectangle stick to their side and rotate with the box. This helps remind you which side of the box is which, as you rotate it.

      When rotating the rubber box, move your finger right or left to change the rotation angle.

      You can also tap the Rotate icon a second time. You will get this Pop Up:

      You can use the thumb wheel to dial in the rotation angle, or use the text area to enter it with the keyboard.

      When you are Rotating, Anchors don't matter except as a reminder of orientation. Anchors only come into play when you are using Scale or Move.

       

      Clearing Paths, Transforms, and Mass Changes to Anchors...

      If you tap the Clear icon on the Rubber Pane (not the Select Pane):

      You get the following Pop Up:

      These let you control your path and transformation, as well as perform mass operations on your Anchors.

      Before we explain the choices we should explain exactly what we mean by path and transformation.

      The path is the shape itself. The choices on the Selection Pane that have shapes are Square/Rectangle, Circle/Ellipse, Magic Wand, Text, and Copy and Paste.

      So, for example, the path for the Square/Rectangle is the rubber rectangle you specify (as demonstrated in the example earlier).

      For Text, the path would be the shape of the text.

      The transformation is something that you have applied to the shape, such as Rotation. For certain shapes, such as Text, Magic Wand, and Copy and Paste it also includes size changes.

      Tap the Cancel button to dismiss the Pop Up without taking any action. Otherwise the following choices are available:

      • Clear path and transformation - This clears the current path and its transformation. Any rubber shape on the screen will disappear. Any rotation and scale will be reset. You can now create a new mask. For example, if you were using Square/Rectangle you will no longer see a rubber rectangle. Simply stroke on the Canvas to make a new one.
      • Clear transformation only - This clears only the current transformation. The current path remains unaffected. For Square/Rectangle and Circle/Ellipse the clears the Rotation only. For the other mask types this clears both the Rotation and Scale (size changes).
      • Turn All Anchors Off - Select this to quickly turn off all Anchors.
      • Turn All Anchors On - Select this to quickly turn on all Anchors.
      • Invert All Anchors - Select this to turn Anchors that were on, off, and Anchors that were off, on.
       

      Square and Rectangle Masks


      On the very left of the Selection Pane is the Square and Rectangle Mask icon. This lets you create square and rectangular masks. We have already shown how this works in the Rubber Pane example above.

      Tap the Square and Rectangular Mask icon and it will highlight. If there is already a rubber rectangle visible, you can manipulate that or tap the Red X in the Rubber Pane and clear the Path and Transformation to make a brand new rectangular area.

      If no rubber rectangle is visible, tap, hold, and drag on the canvas to create your new area, then use the Rubber Pane to make it the size you want:

      When you have the desired area outlined, tap one of the following to create the selection mask:

      Tap the Add To Masks icon to create the selection mask under the rubber rectangle area.
      Tap the Erase From Masks icon to clear the selection mask under the rubber rectangle area.
      Tap the Invert Masks icon to invert the selection mask under the rubber rectangle area.

      To toggle whether or not you are using your selection area for painting use the Use Selection Area icon on the Control Pane.

      Note that the Square/Rectangular Mask and the Circle/Ellipse Mask share the same area. You can switch between the two to flip between a rectangle, ellipse, and back again.

       

      Circle and Ellipse Masks


      Next to the Square and Rectangle Mask icon is the Circle and Ellipse Mask icon. This lets you create circular and elliptical masks. This works the same way as the Square and Rectangle Mask icon in the Rubber Pane example above, except you will see a rubber circle instead of a square.

      Tap the Circle and Ellipse Mask icon and it will highlight. If there is already a rubber ellipse visible, you can manipulate that or tap the Red X in the Rubber Pane and clear the Path and Transformation to make a brand new elliptical area.

      If no rubber ellipse is visible, tap, hold, and drag on the canvas to create your new area, then use the Rubber Pane to make it the size you want:

      When you have the desired area outlined, tap one of the following to create the selection mask:

      Tap the Add To Masks icon to create the selection mask under the rubber elliptical area.
      Tap the Erase From Masks icon to clear the selection mask under the rubber elliptical area.
      Tap the Invert Masks icon to invert the selection mask under the rubber elliptical area.

      To toggle whether or not you are using your selection area for painting use the Use Selection Area icon on the Control Pane.

      Note that the Square/Rectangular Mask and the Circle/Ellipse Mask share the same area. You can switch between the two to flip between a rectangle, ellipse, and back again.

       

      Text Masks


      Next to the Circle and Ellipse Mask icon is the Text Masks icon. This lets you create masks using text in any of the many fonts that come with your iPad.

      When you tap the Text Masks icon it will highlight. Depending on the state of the Text Mask (how it was last used) you may, or may not get a Pop Up. If you do not see a Pop Up, tap the Text Mask icon a second time, until you see this Pop Up:

      Use the above Text Pane Pop Up to select the font, text size, and the text you want to display.

      To select the font, tap and drag the font list, or use the quick index to the right of the font list, to find the font you want to use.

      To change the font size, tap the size text field to the upper right of the font list. Enter the desired size using the keyboard.

      To enter the text you want to display, tap the text field to the upper left of the font list. Enter the desired text you want to display.

      At any time while using the Text Mask system, you can tap (or double tap) the Text Mask icon to see the above Text Pane and make any changes to the desired text. For example, you could change the font, or the size, or the text you are displaying.

      Once you have entered what you want, dismiss the Text Pane by tapping on the Canvas outside of the pane.

      You will now see your rubber text somewhere on the Canvas. If you don't see your text, tap the X in the middle of the Rubber Pane and select Reset Path and Transform. That will center the text on the screen.

      In the example above we entered Hello World as the text to display. As you can see, instead of a rubber outline of the text you see a the text as a solid color.

      Use the Rubber Pane to move and rotate the text. You will not see Anchor Colors for Text Masks, as the text orientation is fairly obvious.

      You can also re-size the Text use the Rubber Pane. However, it is better to size the text using the Text Pane. Resizing the Text using the Rubber Pane can cause unwanted distortions because it is applying a scale. Resizing the Text using the Text Pane re-renders it at the new size giving you a much cleaner result.

      When you have the text oriented as you want, tap one of the following to create the selection mask:

      Tap the Add To Masks icon to create the selection mask under the text area.
      Tap the Erase From Masks icon to clear the selection mask under the text area.
      Tap the Invert Masks icon to invert the selection mask under the text area.

      To toggle whether or not you are using your selection area for painting use the Use Selection Area icon on the Control Pane.

       

      Magic Wand


      The Magic Wand icon allows you to select areas on your Canvas that have similar colors to the area you tap.

      Select the Magic Wand icon so that it is highlighted and then tap on the screen. You will see a rubber band line around all connected areas to where you tapped that share same colors and features.

      For example, you can see where we tapped in the image below, and the resulting area that was selected:

      The results you get will depend totally on what part of the Canvas you tap on, and how it is connected, color wise, to other parts of the Canvas. You may need to tap several times in different areas before you get the area you want highlighted.

      If you can not seem to get the area you want highlighted, tap the Magic Wand icon a second time and you will see the following Pop Up:

      Use the thumb wheel to dial in the tolerance you want for the Magic Wand, or tap the numeric field and enter the value with the keyboard.

      The lower the tolerance, the more picky Magic Wand is at selecting areas. Higher values will select more, lower values will select less.

      You can use the Rubber Pane to move, rotate, and distort the selected area if you desire.

      When you have the area oriented as you want, tap one of the following to create the selection mask:

      Tap the Add To Masks icon to create the selection mask inside your magic wand area.
      Tap the Erase From Masks icon to clear the selection mask inside your magic wand area.
      Tap the Invert Masks icon to invert the selection mask inside your magic wand area.

      To toggle whether or not you are using your selection area for painting use the Use Selection Area icon on the Control Pane.

       

      Invert Mask


      Regardless of what tool you used to create your selection area (Square, Circle, Text, or Magic Wand) you need to actually create your mask.

      The Invert Mask icon lets you invert the mask under the current selection area.

      Consider the following example:

      In the above image, we used the Square Mask icon to create a square to the left of the circle. We used the Add To Mask icon to set the entire square area as a mask (the square area was totally green).

      We then created a Circle selection area on the right side of the Square, as you see by the rubber selection circle in the image above.

      Tapping the Invert Mask icon flipped the mask inside the circle. Everywhere there was a selection area, it is turned off, and everywhere there is not a selection area, it was turned on.

      To toggle whether or not you are using your selection area for painting use the Use Selection Area icon on the Control Pane.

       

      Add To Mask


      Regardless of what tool you used to create your selection area (Square, Circle, Text, or Magic Wand) you need to actually create your mask.

      The Add To Mask icon lets you create a mask under the current selection area.

      Consider the following example:

      In the above image, we used the Square Mask icon to create a rotated square.

      The image on the left shows the square just before we tapped the Add To Mask icon. The rubber square shows the area we want to add a mask.

      The image on the right shows the square just after we tapped the Add To Mask icon. You can see that the interior of the square is now been turned into a solid selection area.

      To toggle whether or not you are using your selection area for painting use the Use Selection Area icon on the Control Pane.

       

      Erase From Mask


      Regardless of what tool you used to create your selection area (Square, Circle, Text, or Magic Wand) you need to actually create your mask.

      The Erase From Mask icon lets you remove a mask under the current selection area.

      Consider the following example:

      In the above image, we used the Circle Mask icon to create a hollow circle area.

      The image on the left shows the circle we want to turn into a selection area.

      The second image shows the area after we tapped the Add To Mask icon. In this image, the entire interior of the circle has been turned into a solid mask.

      In the third image, we re-sized the circle to be smaller, but still centered on the larger area.

      In the last image, we use Erase From Mask to remove the selection mask from the smaller circular area. This leaves us with a ring as the final selected region.

      To toggle whether or not you are using your selection area for painting use the Use Selection Area icon on the Control Pane.

       

      Freehand Add


      The Freehand Add icon allows you to freehand create selection areas.

      To use the Freehand Add, first setup your Brush in the Brush Pane. The shape and size of the Brush is honored, but rotation, offset, and taper, are ignored.

      Return to the Selection Pane and tap the Freehand Add icon so that it is highlighted.

      Paint on the Canvas and everwhere you paint you will create selected areas the size and shape of the brush.

      Note that you are only painting in Dot Mode. Line and Curve mode are ignored when freehand painting selection areas.

      To toggle whether or not you are using your selection area for painting use the Use Selection Area icon on the Control Pane.

       

      Freehand Erase


      The Freehand Erase icon allows you to freehand remove selection areas.

      To use the Freehand Erase, first setup your Brush in the Brush Pane. The shape and size of the Brush is honored, but rotation, offset, and taper, are ignored.

      Return to the Selection Pane and tap the Freehand Erase icon so that it is highlighted.

      Paint on the Canvas and everwhere you paint you will erase any selected areas under your brush.

      Note that you are only painting in Dot Mode. Line and Curve mode are ignored when freehand painting selection areas.

      To toggle whether or not you are using your selection area for painting use the Use Selection Area icon on the Control Pane.

       

      Copy And Paste


      Use the Copy And Paste icon to copy existing areas of your canvas and paste them in other places. You can use the Rubber Pane to move, rotate, and re-size your paste object.

      Unlike the other tools on the Selection Pane, that mainly create selection areas, the Copy and Paste tool requires selection areas to exist. If you do not have any selection areas, or anything currently in the Copy and Paste buffer, you will see the following message when you tap on the Copy and Paste icon:

      If you see the above message, use the other tools in the Selection Pane to create the selection mask over the area you want to copy.

      Once you have a selection mask created, and tap on the Copy and Paste, it may appear that nothing happened except the rubber selection area may have disappeared. This is because if there is no copy and paste buffer, but there is a selection mask, the Copy and Paste tool will automatically copy the selection area. If this is the case, tap, hold, and drag on the screen and you will see your copied image drag with your finger. Use the Rubber Pane controls to rotate, change size, etc, then tap the Copy and Paste icon again to get the Pop Up to paste:

      If, on the other hand, you already do have something in your copy and paste buffer, you will see the following Pop Up:

      Additionally, once you are already using the Copy and Paste tool, a second tap on the Copy and Paste icon will display the above choices.

      Use the Rubber Pane controls to move, rotate, and re-size the object you want to paste, then tap the Copy and Paste icon again to get the above choices.

      Tap the Cancel button to dismiss the Pop Up without taking any action. Otherwise the following choices are available:

      • Paste existing area - Tap this choice to paste your current object where it is. Once your tap this, the object will be pasted and you can again move the object to another location, re-size it, rotate it, and repeat this choice to paste it again.
      • Copy selected area - Tap this to replace any current object in your copy and paste buffer with the selected areas of the Canvas.
      • Clear Copy / Paste Buffer - Tap this to clear your copy and paste buffer.
      Pena remembers your last copy and paste buffer and restores it each time you run the application. Pena can also save your copy and paste buffer when you save your Canvas.

       

      Erase/Manage Masks


      The Erase and Manage Masks icon lets you do some simple management tasks with the current selection area.

      Tap the Erase and Manage Masks icon and you will see the following Pop Up:

      Tap the Cancel button to dismiss the Pop Up without taking any action. Otherwise the following choices are available:

      • Clear all selected areas - Tap this choice completely clear your selection masks from the entire Canvas.
      • Select entire screen - Tap this choice to set a selection mask over the entire Canvas.
      • Invert entire screen - Tap this choice to invert the selection mask over the entire Canvas. What was selected before will be unselected, and what was unselected will now be selected.
       

      Set Mask Color


      The Set Mask Color icon lets you specify the color that selected areas are shown in, when in the Selection Pane.

      By default, the mask color is a light greenish semi-transparent color. However, that color may not work for you if you are painting a green scene.

      To change the mask color, tap the Set Mask Color icon. You will see the Color Picker Pop Up. Select the desired mask color and dismiss the Color Picker by tapping anywhere on the Canvas.

      Note that while you can change the alpha of the mask color in the Color Picker, the Selection Pane will always set it to semi-transparent. You can not override the transparency of the mask color.

       

      Previous SectionHide ContentsNext Section

    pena © 2014 by David Cook
    Apple®, the Apple logo, iPad, iPad Air, iPad Mini, iPod, iPhone, and iTunes
    are trademarks of Apple Inc., registered in the U.S. and other countries.
    Wacom®, and Wacom Intuos Creative Stylus are trademarks of Wacom, registered in the U.S and other countries.