How to draw an ellipse (hula hoop) around a person's waist?

I need to draw an ellipse including arrows around a person's waist to show the direction of exercise movements. I don't have a graphics program as this is a one off project. Is there a way to do it with Photoshop CS5 or is there a plug in I can use with CS5? Someone on the internet referenced the stroke tool but I haven't been able to use anything with the ellipse tool. It needs to look as if the person was standing inside the ellipse (wide line) sort of like a hula hoop with arrows to show the direction. Thanks for any ideas.

Hello there!
Here are some steps so you can see what to duplicate at home:
1. Create a eclipse shape.
2. Change the Fill to nothing, then the stroke.
3. To transform the ellipse, Press Command+ T.
4. Select the Eraser tool. Erase the portion of the ellipse that interferes with the woman.
5. You can see below the portion that i removed so it appears that the ellipse is surrounding the woman.
6. To create the arrows, I just selected the pen tool, and adjust the fill/stroke. Draw a arrow on the stroke of the ellipse.
7. You can see the arrow I created below. I then duplicated these shapes (Command-J) and spread them around the ellipse with the Move tool.
8. Below you can see my finished product.
Please let us know if you have any questions.
Janelle

Similar Messages

Creating a "hula hoop" around someone

I'm using CS4 on an iMac. I have a photo of a woman. I need to creat "swooshes" or "hula hoops" swooshing around her. I can't find a good tutorial that will show me how to do this. I am then cutting her out to import her into an illustrator file, so the hoops need to have hard edges. I'd like them to look 3D, if possible. Is there a good tutorial for something like this out there? Basically, I want it to look like she's spinning without actually having her become blurry.
Julie

If anyone is looking for a great idea for a website, then a central index for all the really great tutorials would fit the bill IMO. A small thumbnail of the end result hot linked to the tutoral page. I have seen a great tut a while back, but can't find it now. I think it was Planet Photoshop. Anyway, this tutorial goes a step or two beyond wrapping hoops around people.
http://planetphotoshop.com/3d-streaks.html

How to draw a line(shortest distance) between two ellipse using SWING

how to draw a line(should be shortest distance) between two ellipse using SWING
any help will be appreciated
regards

import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import javax.swing.*;
import javax.swing.event.MouseInputAdapter;
public class ELine extends JPanel {
    Ellipse2D.Double red = new Ellipse2D.Double(150,110,75,165);
    Ellipse2D.Double blue = new Ellipse2D.Double(150,50,100,50);
    Line2D.Double line = new Line2D.Double();
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D)g;
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                            RenderingHints.VALUE_ANTIALIAS_ON);
        g2.setPaint(Color.green.darker());
        g2.draw(line);
        g2.setPaint(Color.blue);
        g2.draw(blue);
        g2.setPaint(Color.red);
        g2.draw(red);
    private void connect() {
        double flatness = 0.01;
        PathIterator pit = blue.getPathIterator(null, flatness);
        double[] coords = new double[2];
        double x1 = 0, y1 = 0, x2 = 0, y2 = 0;
        double min = Double.MAX_VALUE;
        while(!pit.isDone()) {
            int type = pit.currentSegment(coords);
            switch(type) {
                case PathIterator.SEG_MOVETO:
                case PathIterator.SEG_LINETO:
                    Point2D.Double p = getClosestPoint(coords[0], coords[1]);
                    double dist = p.distance(coords[0], coords[1]);
                    if(dist < min) {
                        min = dist;
                        x1 = coords[0];
                        y1 = coords[1];
                        x2 = p.x;
                        y2 = p.y;
                    break;
                case PathIterator.SEG_CLOSE:
                    break;
                default:
                    System.out.println("blue type: " + type);
            pit.next();
        line.setLine(x1, y1, x2, y2);
    private Point2D.Double getClosestPoint(double x, double y) {
        double flatness = 0.01;
        PathIterator pit = red.getPathIterator(null, flatness);
        double[] coords = new double[2];
        Point2D.Double p = new Point2D.Double();
        double min = Double.MAX_VALUE;
        while(!pit.isDone()) {
            int type = pit.currentSegment(coords);
            switch(type) {
                case PathIterator.SEG_MOVETO:
                case PathIterator.SEG_LINETO:
                    double dist = Point2D.distance(x, y, coords[0], coords[1]);
                    if(dist < min) {
                        min = dist;
                        p.setLocation(coords[0], coords[1]);
                    break;
                case PathIterator.SEG_CLOSE:
                    break;
                default:
                    System.out.println("red type: " + type);
            pit.next();
        return p;
    public static void main(String[] args) {
        final ELine test = new ELine();
        test.addMouseListener(test.mia);
        test.addMouseMotionListener(test.mia);
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.add(test);
        f.setSize(400,400);
        f.setLocation(200,200);
        f.setVisible(true);
        EventQueue.invokeLater(new Runnable() {
            public void run() {
                Graphics g = test.getGraphics();
                g.drawString("drag me", 175, 80);
                g.dispose();
    private MouseInputAdapter mia = new MouseInputAdapter() {
        Point2D.Double offset = new Point2D.Double();
        boolean dragging = false;
        public void mousePressed(MouseEvent e) {
            Point p = e.getPoint();
            if(blue.contains(p)) {
                offset.x = p.x - blue.x;
                offset.y = p.y - blue.y;
                dragging = true;
        public void mouseReleased(MouseEvent e) {
            dragging = false;
        public void mouseDragged(MouseEvent e) {
            if(dragging) {
                double x = e.getX() - offset.x;
                double y = e.getY() - offset.y;
                blue.setFrame(x, y, blue.width, blue.height);
                connect();
                repaint();
}

How to draw lines in FCPX ?

Hi there,
I would like to have a simple Effects that will draw lines in various shape such as circle, ellipse or rectangle. How do I do it ?
I need it because I want to have an effect that is drawing an ellipse over the text.
Any ideas ?
Thanks

ok... hmmm...
You can create control points for a line but you cannot animate the control points in FCPX. If you're okay with that, then here are the basics:
Create a new top level group. Name it OSCs.
In the Inspector, select the group and in the Group tab of the inspector, select Fixed Resolution. (It should already be set to 2D - if not - set 2D)
In the Properties > Timing pane, set the length (Duration) of the group to at least as long as your project. (this step is not important in Motion but absolutely necessary for FCPX!)
With the new group selected, add the filters you will use as control points. In general, every starts with Filters > Distortion > Poke. You will need two of them. For each Poke filter, select Publish OSC in the inspector. (I recommend renaming each filter - startOSC, endOSC for example.)
Create another new group.
Go into the Library > Content and search for Crosshair -- there's three of them, use Crosshair-Minute (they're the smallest ones.) Add two of them. (It's not necessary that they're in their own group -- just more convenient.) Rename the crosshairs: keeping with the OSCs, I recommend start and end, for example.
Draw a Line.
To the shape (line), add two Behaviors > Shape > Track Points.
Rename the Track Points: Start and End.
In the Behaviors inspector for the Track Points, drag the start Crosshair image into the Source well of the Start track points and the end Crosshair image into the End Track Points. The behavior parameters will change and you'll see a bunch of new stuff. Down at the bottom, you'll see Track 1 and Track 2 — leave one checked for one of the behaviors and the other one checked for the second behavior (that's 1 track 1 and 1 track 2.) You'll also see that the Transform is set to Mimic Source. What you need to do is click the reset button on the Checked Track of each behavior and THEN change the Transform to Attach to Source. Once you do that, the line ends will snap to crosshair images (use Properties Transform X to move the crosshairs apart temporarily.)
Next step:
Select the start crosshair and in the Inspector > Properties, dial down the Position to reveal the XYZ parameters. Right click on the X and select Add Parameter Behavior > Link. Repeat this step for the Y parameter (you cannot link Position.All for this step.)
In the Behaviors inspector, for the start crosshair:
      For the Source Object, drag the OSCs group into the well.
for the X parameter
      For the Source Parameter, set Filters.startOSC.Center.X for the Position.X
                                             and set Filters.startOSC.Center.Y for the Position.Y
You will notice the line end disappear off the screen. This is normal. To correct this, at the bottom of each behavior, set the X (or Y) offset to -0.5.
Repeat for the end crosshair.
You can turn off the crosshairs (uncheck the layers.)
To test your OSCs, select *both* startOSC and endOSC (command select each layer) -- both Poke OSCs will appear and you can drag them around the canvas. The line should follow as you would expect if you've set everything up correctly.
Publish the template.
A couple of explanations:
2D fixed resolution for the OSC group: Groups in Motion that are not fixed resolution can dynamically change their boundaries. There are no fixed points of reference for Motion to calulate. If you forget to set Fixed Resolution, you can repair the condition by setting the Fixed Resolution option and then go into the Filters pane and reset the Center parameters for each Poke OSC.
Offsets of -0.5: All resolutions in the Canvas are calculated by the resolution of the X and Y dimensions of the project times the fractional position of objects (from 0.0 on the left side for X and on the bottom for Y — to 1.0 on the right side for X and on the top for Y.) The center of the canvas is 0, 0 in pixels of whatever the resolution is. To adjust the fractional position used by the OSCs (and others) to the center pixel, the value needs to be moved by 1/2 of that distance.
Clear as mud? Once you've done it a few times, it will all become second nature.
One more thing: you can publish curves... complex ones. But they have to be B-spline (you track all the points in a similar manner outlined above) and not Bezier. There's no way to control the handles for bezier curves.

I would like to know how to draw up a list in a cell (like a pull-down menu) to ease data capture, but I don't know how to do that ! Do you get the idea ? Thanks !

I would like to know how to draw up a list in a cell (like a pull-down menu) to ease data capture, but I don't know how to do that !
Do you get the idea ?
Thanks ever so much !

the numbers manual can be downlaoded from this website under the Apple support area...
http://support.apple.com/manuals/#numbers
What your looking for is written out step by step for drop downs and all other special types of user input starting around page 96 in the '09 manual.
Jason

How to Draw table in SAPscript ???

Hi all Guru of SAPScript!
I want to draw a table with column and row in SAPscript. Who can help me step by step?
Thanks!
Edited by: kathy a on May 6, 2008 11:53 AM

Hi,
Use BOx Syantax How to Draw table in SAPscript ??? Pls Read the description
Syntax:
1. /: BOX [XPOS] [YPOS] [WIDTH] [HEIGHT] [FRAME] [INTENSITY]
2. /: POSITION [XORIGIN] [YORIGIN] [WINDOW] [PAGE]
3. /: SIZE [WIDTH] [HEIGHT] [WINDOW] [PAGE]
BOX
Syntax:
/: BOX [XPOS] [YPOS] [WIDTH] [HEIGHT] [FRAME] [INTENSITY]
Effect: draws a box of the specified size at the specified position.
Parameters: For each parameter (XPOS, YPOS, WIDTH, HEIGHT and FRAME), both a measurement and a unit of measure must be specified. The INTENSITY parameter should be entered as a percentage between 0 and 100.
XPOS, YPOS: Upper left corner of the box, relative to the values of the POSITION command.
Default: Values specified in the POSITION command.
The following calculation is performed internally to determine the absolute output position of a box on the page:
X(abs) = XORIGIN + XPOS
Y(abs) = YORIGIN + YPOS
WIDTH: Width of the box.
Default: WIDTH value of the SIZE command.
HEIGHT: Height of the box.
Default: HEIGHT value of the SIZE command.
FRAME: Thickness of frame.
Default: 0 (no frame).
INTENSITY: Grayscale of box contents as %.
Default: 100 (full black)
Measurements: Decimal numbers must be specified as literal values (like ABAP/4 numeric constants) by being enclosed in inverted commas. The period should be used as the decimal point character. See also the examples listed below.
Units of measure: The following units of measure may be used:
TW (twip)
PT (point)
IN (inch)
MM (millimeter)
CM (centimeter)
LN (line)
CH (character).
The following conversion factors apply:
1 TW = 1/20 PT
1 PT = 1/72 IN
1 IN = 2.54 CM
1 CM = 10 MM
1 CH = height of a character relative to the CPI specification in the layout set header
1 LN = height of a line relative to the LPI specification in the layout set header
Examples:
/: BOX FRAME 10 TW
Draws a frame around the current window with a frame thickness of 10 TW (= 0.5 PT).
/: BOX INTENSITY 10
Fills the window background with shadowing having a gray scale of 10 %.
/: BOX HEIGHT 0 TW FRAME 10 TW
Draws a horizontal line across the complete top edge of the window.
/: BOX WIDTH 0 TW FRAME 10 TW
Draws a vertical line along the complete height of the left hand edge of the window.
/: BOX WIDTH '17.5' CM HEIGHT 1 CM FRAME 10 TW INTENSITY 15
/: BOX WIDTH '17.5' CM HEIGHT '13.5' CM FRAME 10 TW
/: BOX XPOS '10.0' CM WIDTH 0 TW HEIGHT '13.5' CM FRAME 10 TW
/: BOX XPOS '13.5' CM WIDTH 0 TW HEIGHT '13.5' CM FRAME 10 TW
Draws two rectangles and two lines to construct a table of three columns with a highlighted heading section.
POSITION
Syntax:
/: POSITION [XORIGIN] [YORIGIN] [WINDOW] [PAGE]
Effect: Sets the origin for the coordinate system used by the XPOS and YPOS parameters of the BOX command. When a window is first started the POSITION value is set to refer to the upper left corner of the window (default setting).
Parameters: If a parameter value does not have a leading sign, then its value is interpreted as an absolute value, in other words as a value which specifies an offset from the upper left corner of the output page. If a parameter value is specified with a leading sign, then the new value of the parameter is calculated relative to the old value. If one of the parameter specifications is missing, then no change is made to this parameter.
XORIGIN, YORIGIN: Origin of the coordinate system.
WINDOW: Sets the values for the left and upper edges to be the same of those of the current window (default setting).
PAGE: Sets the values for the left and upper edges to be the same as those of the current output page (XORIGIN = 0 cm, YORIGIN = 0 cm).
Examples:
/: POSITION WINDOW
Sets the origin for the coordinate system to the upper left corner of the window.
/: POSITION XORIGIN 2 CM YORIGIN '2.5 CM'
Sets the origin for the coordinate system to a point 2 cm from the left edge and 2.5 cm from the upper edge of the output page.
/: POSITION XORIGIN '-1.5' CM YORIGIN -1 CM
Shifts the origin for the coordinates 1.5 cm to the left and 1 cm up.
SIZE
Syntax:
/: SIZE [WIDTH] [HEIGHT] [WINDOW] [PAGE]
Effect: Sets the values of the WIDTH and HEIGHT parameters used in the BOX command. When a window is first started the SIZE value is set to the same values as the window itself (default setting).
Parameters: If one of the parameter specifications is missing, then no change is made to the current value of this parameter. If a parameter value does not have a leading sign, then its value is interpreted as an absolute value. If a parameter value is specified with a leading sign, then the new value of the parameter is calculated relative to the old value.
WIDTH, HEIGHT: Dimensions of the rectangle or line.
WINDOW: Sets the values for the width and height to the values of the current window (default setting).
PAGE: Sets the values for the width and height to the values of the current output page.
Examples:
/: SIZE WINDOW
Sets WIDTH and HEIGHT to the current window dimensions.
/: SIZE WIDTH '3.5' CM HEIGHT '7.6' CM
Sets WIDTH to 3.5 cm and HEIGHT to 7.6 cm.
/: POSITION WINDOW
/: POSITION XORIGIN -20 TW YORIGIN -20 TW
/: SIZE WIDTH +40 TW HEIGHT +40 TW
/: BOX FRAME 10 TW
A frame is added to the current window. The edges of the frame extend beyond the edges of the window itself, so as to avoid obscuring the leading and trailing text characters.
Reward Helpfull Answers
Regards
Fareedas

How to draw a perfect circle and how to make sure it is perfectly centered inside a square

How to draw a perfect circle and how to make sure it is perfectly centered inside a square in Photoshop elements using the Ellipse option.

1. Create a square canvas.
2. With the Elipse tool, hold down Shift (Shift forces a circle). Draw the circle anywhere on the canvas (Shape 1 in this example).
3. Simplify the circle layer
4. Ctrl-click the layer to select the circle.
5. Copy the selection to the clipboard (Edit > Copy).
6. Deselect the selection.
7. Paste from the clipboard (Edit > Paste). The pasted circle (Layer 1) will be centered.
8. Delete the original circle layer.
NOTE: Step 6 is the key. This guarantees that the pasted circle will be centered.
If you want a circle completely within a square you can simply draw and simplify a circle on any shape canvas. Ctlrl-click the circle to to select it and copy to the clipboard.
Then do File > New from Clipboard. This creates the circle cropped to a square on transparent background.

Why cant I draw an ellipse?

Hi,
I'm using MemoryImageSource source to animate a background, but I want to draw some shapes on top. Below is my update() method, and I try to draw an ellipse, and it simply doesn't show up. Why is this? How can I draw on top of this screen?
public void update(Graphics g) {
source.newPixels(); //Source is of type MemoryImageSource
g.drawImage(img, 0, 0, width, height, null); // img was constructed from MemoryImageSource
g.setColor(Color.GREEN);
g.fillOval(20, 20, 10,10); //Not displayed?
Cheers,
Lloyd

Sorry, I could draw an ellipse it just wasn't visible on screen due to the co-ordinates!

Why cant I draw an ellipse ontop of a MemoryImageSource?

Hi,
I'm using MemoryImageSource source to animate a background, but I want to draw some shapes on top. Below is my update() method, and I try to draw an ellipse, and it simply doesn't show up. Why is this? How can I draw on top of this screen?
public void update(Graphics g) {
source.newPixels(); //Source is of type MemoryImageSource
g.drawImage(img, 0, 0, width, height, null); // img was constructed from MemoryImageSource
g.setColor(Color.GREEN);
g.fillOval(20, 20, 10,10); //Not displayed?
Cheers,
Lloyd

Sorry, I could draw an ellipse it just wasn't visible on screen due to the co-ordinates!

Drawing multiple ellipses from ArrayList data

How would you draw ellipses on a panel for each index of a arraylist.
if there are 2 arraylist<Integer> and call them a and b
how would i draw an ellipse for each index(i) so that
ellipse.setFrame(a.get(i) , b.get(i) , 10, 10)
is the case for each index. I'm guessing some sort of iteration is needed.

This is how I draw would do it for a line:
int startx=10;
int starty=10;
int endx=30;
int endy=30;
ArrayList ar=new ArrayList();
ar.add(startx);
ar.add(starty);
ar.add(endx);
ar.add(endy);and than to get it out:
for(int i=0;i<ar.size();i+=4){//4 is the number of peices of info i need to get @ a time.
Graphics g=new Graphics();//or how-ever you create new graphics.
g.drawLine(i, i+1, i+2, i+3, i+4);
}this is how I managed to do most stuff..

How to draw horizontal line in smartform after end of the all line items

Hi Friends,
I am working on the smartform. I have created TABLE node in Main window.
i want to draw a horizontal line after end of the main window table node. i mean after printing all the line items of the table, I need to print one horizontal line.
Could you please help me how to resolve this issue.
FYI: I tried with the below two options. But no use.
1. desinged footer area in the table node of the main window.
2. tried with uline and system symbols.
please correct me if i am wrong. please explain in detail how to draw horizontal line after end of the main window table.
this is very urgent.
Thanks in advance
Regards
Raghu

Hello Valter Oliveira,
Thanks for your answer. But I need some more detail about blank line text. i.e thrid point.
Could you please tell me how to insert blank line text.
1 - in your table, create a line type with only one column, with the same width of the table
2 - in table painter, create a line under the line type
3 - insert a blank line text in the footer section with the line type you have created.

How to draw text vertically, or in an angle

please help me how to draw text vertically, or in an angle

I robbed the framework from Dr Las or 74phillip (don't remember which) ...
import java.awt.*;
import java.awt.geom.*;
import javax.swing.*;
import javax.swing.event.*;
public class AngleText extends JPanel {
private int      degrees = 16;
private JSpinner degreesSpinner;
public AngleText () {
    setBackground ( Color.WHITE );
} // AngleText constructor
protected void paintComponent ( Graphics _g ) {
    super.paintComponent ( _g );
    Graphics2D g = (Graphics2D)_g;
    g.setRenderingHint ( RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON );
    AffineTransform at = AffineTransform.getRotateInstance ( Math.toRadians ( degrees ) );
    Font f = g.getFont();
    g.setFont ( f.deriveFont ( at ) );
    g.drawString ( "Rotating Text!", getWidth()/2, getHeight()/2 );
    g.setRenderingHint ( RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_OFF );
} // paintComponent
public JPanel getUIPanel () {
    SpinnerModel degreesModel = new SpinnerNumberModel (
                                  degrees // initial
                                 ,0        // min
                                 ,360      // max
                                 ,2        // step
    degreesSpinner = new JSpinner ( degreesModel );
    degreesSpinner.addChangeListener ( new DegreesTracker() );
    JPanel panel = new JPanel();
    panel.add ( degreesSpinner );
    return panel;
} // getUIPanel
// DegreesTracker
private class DegreesTracker implements ChangeListener {
    public void stateChanged ( ChangeEvent e ) {
      Integer i = (Integer)((JSpinner)e.getSource()).getValue();
      degrees   = i.intValue ();
      repaint();
} // DegreesTracker
// main
public static void main ( String[] args ) {
    JFrame f = new JFrame ( "AngleText" );
    f.setDefaultCloseOperation ( JFrame.EXIT_ON_CLOSE );
    AngleText app = new AngleText();
    f.getContentPane().add ( app );
    f.getContentPane().add ( app.getUIPanel(), BorderLayout.SOUTH );
    f.setSize ( 200, 200 );
    f.setVisible ( true );
} // main
} // AngleText

How to draw vertical lines in SMART FORMS

Hi Guys,
Can anyone please let me know how to draw vertical and horizontal lines in smart forms, i have to do this in the secondary window.
thanks,
Ramesh

Hi Ramesh,
In the window output options you have option of check box to get lines.
Then you need to give the spacing for vertical and horizontal.
Another option is putting a template on window and getting the boxes, but it is quite little bit complex.
Put the cursor on the WINDOW in which the lines you want.
Right click on it>create>complex section.
In that select the TEMPLATE radio button.
Goto TAB TEMPLATE.
Name: give some name of line.
From: From coloumn.
To: To coloumn
Height: specify the height of the line.
Next give the coloumn widths.
Like this you can draw the vertical and horzontal lines.
If the above option doesnot workout then u can try the below option also
any how you can draw vertical and horizontal lines using Template and Table.
for Template First define the Line and divide that into coloumns and goto select patterns and select the required pattern to get the vertical and horizontal lines.
For table, you have to divide the total width of the table into required no.of columns and assign the select pattern to get the vertical and horizontal lines.
if this helps, reward with points.
Regards,
Naveen

How to draw horizontal line at the end of table for multiple line items

Dear Experts,
                   Pls can anyone help me how to draw horizontal line at the end of table for multiple line items . kindly help me regarding this
Thanks
Ramesh Manoharan

Hi
   I tried as per your logic but it is not solving my problem . when i am gone to table painter it is showing line type 1 and line type 2
is below format.. if u see here line type 1 bottom line and line type 2 top line both are same.. so how to avoid this ?
                          line type 1
                         line type 2

How to draw table in layout in module pool

how to draw table in layout in module pool with wizard or table control

Hi
Goto Screen Painter .
here we can create table in 2 ways,
with wizard and without wizard.
with wizard it will step by step...
for without wizard (its quite easy)
Click Table control and Drag into ur screen.
then --> click input box and place into to that table control
for two column do this two times.
then for header click the text icon in left side and drag into
correspoding places .. then ur table is ready..
then give names using double clicking the elements
See the prgrams:
DEMO_DYNPRO_TABLE_CONTROL_1 Table Control with LOOP Statement
DEMO_DYNPRO_TABLE_CONTROL_2 Table Control with LOOP AT ITAB
Reward if useful.

How to draw an ellipse (hula hoop) around a person's waist?

Similar Messages

Maybe you are looking for