5 Replies Latest reply on Feb 21, 2014 6:35 PM by sinious

    Help drawing a speech bubble with the Line Tool

    ole_p

      Hello,

       

      I'm trying to draw this speech bubble, but having a problem with the part that shoots out:

       

      speech_bubble.png

      Anybody know how to get the proportions right though?

      d.png

       

      Not sure how since we're dealing with lines and not shapes. Here's the source: speech_bubble.fla

       

      Many thanks!

       

      Ole P.

        • 1. Re: Help drawing a speech bubble with the Line Tool
          sinious Most Valuable Participant

          It's just how the Flash line system works. The miter extended to 3.0 is pushing each line connection out. You're better off drawing the shape yourself. You can see even setting miter down to 2.5 flattens the cornering. There's no property adjustment you can make if you want the sharp edge. It's uniform if you lose the miter.

          1 person found this helpful
          • 2. Re: Help drawing a speech bubble with the Line Tool
            ole_p Level 1

            You're absolutely right.

             

            What would be the best way of drawing it though? Should I do "Modify" - "Shape" - "Convert lines to fills" on what I already got, or is there a better way?

             

            Also, the big circle should remain line-based right?

            • 3. Re: Help drawing a speech bubble with the Line Tool
              sinious Most Valuable Participant

              I'd suggest just using the normal drawing tools (circle / line, or pen if you like), drawing the outer shape, then duplicating that shape and shrinking it as much as you want to cut into the outer shape, then just change the bitmaps color and let Flash flatten it into the original bitmap. It will cut out the inside. Easier shown than explain I s'pose.

               

              e.g. (I'm not a designer, just examplifying here):

               

              Draw your basic shape (this is a oval and a curved triangle joined as a bitmap) on 1 layer:

               

              cut1.png

               

              Now just copy your bitmap, make a new layer above, paste in place and transform it smaller. Color that copy a different color (I did black for obviousness). You'll need to go in with the select tool and adjust some of the irregular lines as you see me zoomed in here loosely fixing:

               

              cut2.png

               

              Not symmetrical but you get the idea. After you get yours just how you want it, cut the cutout bitmap (black for me) and paste it back into the same layer as the original shape. This will merge the bitmaps. More to the point, you can select the cutout bitmap alone:

               

              cut3.png

               

              Then just delete the inner bitmap. Here's slapping a ugly blue radial rectangle under it to show it's just a bitmap outline:

               

              cut4.png

               

              There's many ways to do it but this is a pretty simple way. You could always just use the pen as well, drawing the outer lines, then the inner. I just find it easier using something like the circle tool to know my outer shape will be symmetrical.

              1 person found this helpful
              • 4. Re: Help drawing a speech bubble with the Line Tool
                ole_p Level 1

                Thanks a lot man!

                 

                > Here's slapping a ugly blue radial rectangle under it to show it's just a bitmap outline:

                 

                For a second there I thought you were being artistic

                • 5. Re: Help drawing a speech bubble with the Line Tool
                  sinious Most Valuable Participant

                  Haha, you're welcome.