Adobe Illustrator CS5 filling the area between two arches and two closed lines.

Posted on 2012-08-17
Last Modified: 2012-09-04
I created two arches with two lines connecting the ends of the arches giving the look of a bent rectangle. See image. How do i either create a rectangle and bend in in the same way with the same angle as I have in the image provided or how do I color the inside of the area between the arches and lines. I cannot seem to figure out how to do either. Please advise and thank you.
Question by:ruavol2
    LVL 4

    Assisted Solution

    I'm assuming all the lines are on the same layer. If not, they must be merged to the same layer.

    First, to color inside the area. Insure that all lines in the object are connected fully. No space in between the lines. Use your Magic wand tool (located on the left side of the work area). Click within the area you wish to color. There should now be a line of small dashes which appear to moving in a clockwise direction (also known as dancing ants). You can now use the Paint Bucket tool to color within the chosen area.

    Regarding creating the arched rectangle. I'll review and post another response.

    Author Comment

    The only reason I asked about the arched rectangle is there may have been a better simpler way and I did not know how to do it. I would bet there is and then it would just be like coloring and filling a rectangle with a twist and fold to to speak. Might help the next guy. Knowing that would be helpful thank you.

    Author Comment

    Here is what happens when I try to color it.....what am I doing wrong.
    LVL 4

    Expert Comment

    I'm sorry. I am unable to pursue your solution. Hopefully someone will be along shortly to help solve your question.

    Author Comment

    I grouped the lines together was that the right procedure....? I assume that means they are on the same layer.

    Author Comment

    This is where I want to go with this. I cannot though because every time I try to color the letter the bottom of the arc gets filled with color and not the inside of the letter. Anyone know what would work better....?
    LVL 6

    Assisted Solution

    Three ways to do this

    1. get the four sides of the selected , wand direct selections, selections select alls it doesn't matter. under the Object menu goto Live paint. select the options you might want. use the bucket gradient tool to fill the centre object.

    2. using the direct selection tool (white arrow), Drag over the corner of the group, Align the nodes (short cut opt/alt,cmd/crtl J), join the nodes cmd/ctrl J, repeat this for the remaining thre corners.

    3. (this will only work if the lines are overlapping slightly. Draw an object over th four lines (must be bigger), send this object to the back. select the new object and the four sides, in the Pathfinder palette/pane select the diveide option ( bottow row first form left icon). There should be two objects, the shape you want and the junk. delete the junk components.

    The last two steps are techniques that have work for me since Illlustrator 6.0 and are second nature to me. OPtion 2 can have issues when the lines are groups or parts of a compound object. Option 3 can be frustrating if the lines don't overlap, the overlap need only be minute but must exist.

     good luck
    LVL 22

    Accepted Solution

    If you have not been able to solve this yet you could try this method:

    First you have to join the corners of the shape. That is the vital part as has been mentioned before.
    Ungroup the shape if you already have it grouped and using the white arrow, drag over each corner and do: Command+J or Control+J if you are using a pac.
    It is important that you join each corner even though it looks ok after you have fixed three of them.

    What I want you to try is now to rotate the shape so it is laying fairly straight, not tilting like you have it on your picture. By the way, it looks on the first picture like you have involved the Perspective Grid into the picture. It might have something to do with your troubles.

    Now. Draw the backside of the envelope from scratch but using a straight rectangular two tilted lines and the @ symbol. Be sure to select the @ logo and go to the Type menu and do: Create Outline.

    You have now the envelope and the arced shape. Select the shape only now and do: Object>Arrange>Bring to Front.

    Select both shapes and do: Object>Envelope Distort>Make with Top Object. (The name Envelope Distort just happens to be called that).

    Your new envelope drawing should fly into that shape and bend along it – IF the shape is a closed one, all corners joined.

    I attach a file to show you. In this attachment there is also some purple shapes just so show how one can make a shape like yours. Two circles and a square over. Then use the Shape Builder tool (Shift+E) to join the shapes or add the Alt key to delete shapes. In this case you would hold down the Alt key and delete everything except the shape you need.

    Author Closing Comment

    I was able to get an understanding to some degree the solutions available. Thank you for the support.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Suggested Solutions

    Title # Comments Views Activity
    transparent background 5 126
    Choosing color palettes 1 100
    best online free website 29 115
    Cut image with speical pixels with Photoshop 5 38
    Because of still there more are people in the world using Adobe Illustrator older versions like CS & CS2 I wish to forward this article.. Since a long time Adobe Illustrator CS, CS2 has released, sometimes that there was a problem when someone tr…
    This article was originally published on Freehand Futurist (, an illustration and design blog created and maintained by Morgan Finley (, known as morganfinley (http:/…
    In this tutorial viewers will learn how to increase their history states in Photoshop To undo more than one history state, use Ctrl + Alt + Z, not just Ctrl + Z: View the History window by going to Window > History: The default number of history sta…
    In this Micro Tutorial viewers will learn the basic shortcuts and functions of Illustrator. The viewer will learn about the paintbrush tool, anchor points, font sizing, and more.

    760 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    13 Experts available now in Live!

    Get 1:1 Help Now