{"id":814,"date":"2022-01-26T13:17:25","date_gmt":"2022-01-26T13:17:25","guid":{"rendered":"https:\/\/bunnypic.com\/?p=814"},"modified":"2022-02-17T04:44:06","modified_gmt":"2022-02-17T04:44:06","slug":"add-speech-bubble-in-photo-online","status":"publish","type":"post","link":"https:\/\/bunnypic.com\/add-speech-bubble-in-photo-online\/","title":{"rendered":"Add Speech Bubble To Photo Online – BunnyPic"},"content":{"rendered":"\n
\"image<\/figure><\/div>\n\n\n\n

Speech bubbles can be a great way to add text to your photos to convey dialogue. It is far better than using boring old quotation marks and can be better for storytelling. If you\u2019ve ever wanted to create a comic, meme or flyer read on to learn how to add speech bubbles to your photos online.<\/p>\n\n\n\n

Our BunnyPic editor will allow you to do just that for free and it is totally online \u2013 no sign-up, no installation required. BunnyPic is an online Photoshop tool, meaning it has almost all the features and benefits of Photoshop without the hefty costs<\/strong><\/a>.<\/p>\n\n\n\n

In this article, I\u2019ll teach you how to add simple speech bubbles to your photos online using BunnyPic and how to edit them so that the text fits properly and they make sense to illustrate your story.<\/p>\n\n\n\n

What is a Speech Bubble?<\/h2>\n\n\n\n

A speech bubble or balloon is a graphic shape that appears on top of characters to show their thoughts or speech. A speech bubble is most commonly used in comics<\/a>, books, cartoons, and promotional flyers. <\/p>\n\n\n\n

How to Add Speech Bubbles Online Using BunnyPic<\/h2>\n\n\n\n

Adding speech bubbles to comics might be more complicated but below we\u2019ll learn how to add simple speech bubbles to your photos. These can be great for your social media feed or just making your family photos a bit playful. If you are thinking of creating memes it\u2019s also great for that.<\/p>\n\n\n\n

1. Open Your Image<\/h3>\n\n\n\n

First, we\u2019ll need to import our image into the editor. Go to the Bunnypic editor<\/a><\/strong>, click Open from Computer<\/strong> and select the photo you want to add a speech bubble to.<\/p>\n\n\n\n

\"Importing<\/figure><\/div>\n\n\n\n

2. Create the Speech Bubble Shape<\/h3>\n\n\n\n

Next, we need to create the shape of the speech bubble. This is really easy to do as BunnyPic provides a huge library of custom shapes that you can access.<\/p>\n\n\n\n

To add a speech bubble:<\/p>\n\n\n\n

  1. On the left toolbar, click and hold the Rectangle Shape tool<\/strong>.<\/li><\/ol>\n\n\n\n
    \"Choose<\/figure><\/div>\n\n\n\n
    1. From the menu, select Custom Shape <\/strong>option.<\/li>
    2. Now, from the top toolbar click on the shape. This will open a library of different shapes \u2013 select the speech bubble icon.<\/li><\/ol>\n\n\n\n
      \"selecting<\/figure><\/div>\n\n\n\n
      1. Select the fill and stroke colors for your speech bubble. I\u2019m going with the traditional black and white.<\/li><\/ol>\n\n\n\n
        \"selecting<\/figure><\/div>\n\n\n\n
        1. Click and drag on the screen where you want the speech bubble to draw it.<\/li><\/ol>\n\n\n\n
          \"speech<\/figure><\/div>\n\n\n\n

          We have created the speech bubble now all we have to do is add text inside of it.<\/p>\n\n\n\n

          3. Add Text inside the Speech Bubble<\/h3>\n\n\n\n

          To add dialogues to our image we have to add text to convey our story. You can easily do this by selecting the Type Tool<\/strong> and typing in your text onto the image.<\/p>\n\n\n\n

          \"adding<\/figure><\/div>\n\n\n\n

          However, as you can see the text is pretty plain and boring. We can make it more interesting by changing up the font. To do this, go to the top toolbar and select a different font from the thousands of fonts from the BunnyPic library.<\/p>\n\n\n\n

          \"\"<\/figure><\/div>\n\n\n\n

          Now it looks much better.<\/p>\n\n\n\n

          How to Add Multiple Speech Bubbles in Your Photos<\/h2>\n\n\n\n

          If you are making a comic or just want to add more than one speech bubble into your photos you might have to follow a different process. Adding multiple speech bubbles can make the image look congested so it\u2019s important to properly arrange and edit your text and shape so they are consistent.<\/p>\n\n\n\n

          Here\u2019s how to add multiple speech bubbles to your photos online with BunnyPic.<\/p>\n\n\n\n

          1. Add Text to your Image<\/h3>\n\n\n\n

          With your image open in the BunnyPic editor<\/a><\/strong> type some text to add to your speech bubbles. It\u2019s better to create text boxes by clicking and dragging with the Type tool<\/strong>. Inside the text box type in your text.<\/p>\n\n\n\n

          \"man<\/figure><\/div>\n\n\n\n

          2. Create a New Layer<\/h3>\n\n\n\n

          Next, you need to create a new layer for the speech bubbles.<\/p>\n\n\n\n

          1. Open the Layers<\/strong> panel by clicking on the layers icon on the right toolbar.<\/li>
          2. Click on the New Layer<\/strong> icon (folding page icon) to create a new layer.<\/li><\/ol>\n\n\n\n
            \"creating<\/figure><\/div>\n\n\n\n
            1. Next click on Effects<\/strong> (marked with an \u201ceff\u201d icon) and select Stroke<\/strong>.<\/li>
            2. From the prompt, adjust the sliders to your liking. Adjust the Stroke Size to 5px<\/strong>, Position: Outside<\/strong> and a Black Fill<\/strong>.<\/li><\/ol>\n\n\n\n
              \"adding<\/figure><\/div>\n\n\n\n
              1. Click OK<\/strong>.<\/li><\/ol>\n\n\n\n

                Now that we have our layer created we will create the speech bubble.<\/p>\n\n\n\n

                3. Create the Speech Bubble<\/h3>\n\n\n\n

                We have everything in place and now all that\u2019s left is to create the actual speech bubble. Before proceeding with the steps, make sure you have your new layer selected at all times.<\/p>\n\n\n\n

                1. With the new layer selected, select the Eclipse Selection tool<\/strong>. You can select any other selection tool you like if you want a different shape for your speech bubble.<\/li>
                2. With the Eclipse selection tool create a selection covering your text.<\/li><\/ol>\n\n\n\n
                  \"selecting<\/figure><\/div>\n\n\n\n
                  1. Once you\u2019re happy with the selection go to Edit > Fill > Foreground color<\/strong> and click OK<\/strong>.<\/li><\/ol>\n\n\n\n
                    \"adding<\/figure><\/div>\n\n\n\n

                    Your speech bubble should appear with a black stroke and white fill. If it doesn\u2019t have a white fill it might be that the foreground color is incorrect. You can change the foreground color from the bottom-left and choose the color you want your speech bubble to be.<\/p>\n\n\n\n

                    Once done repeat it for the other text and your image should be looking something like this:<\/p>\n\n\n\n

                    \"final<\/figure><\/div>\n\n\n\n

                    4. Add the Final Touches<\/h3>\n\n\n\n

                    You can stop after creating the speech bubble if you like however you can add some final touches to make your speech bubble neater.<\/p>\n\n\n\n

                    First, we\u2019re going to connect the two speech bubbles with each other so that the order would be proper. And then we\u2019ll draw a shape with the speech bubble to show the character saying it.<\/p>\n\n\n\n

                    1. With the Speech Bubble layer selected click on the Brush tool<\/strong> or press B on your keyboard<\/strong>.<\/li>
                    2. Next, draw a stroke connecting the two speech bubbles together.<\/li><\/ol>\n\n\n\n
                      \"connecting<\/figure><\/div>\n\n\n\n
                      1. When that\u2019s done select the Pen tool<\/strong> or press P on your keyboard<\/strong>.<\/li>
                      2. Create a shape with a black outline and white fill similar to this one.<\/li><\/ol>\n\n\n\n
                        \"image<\/figure><\/div>\n\n\n\n

                        Congratulations! You\u2019ve just learned how to add multiple speech bubbles into your photo.<\/p>\n\n\n\n

                        If you want a more detailed video tutorial on adding speech bubbles to comics you can check out this video:<\/p>\n\n\n\n

                        \n