Speech bubbles in Muse

Hi,
I'm designing my site in Muse.
A main feature will be interviews.
I'll be designing a jpeg background, with name of interviewee seperately designed at the top - do I need to merge these as 1 in PS or can I layer in Muse?
But my main question, is I want the interview in speech bubbles centered down screen, with triangle tip pointing left or right of screen depending on whom is speaking. Ideally, i'd like the text to be searchable on google.
Any ideas for how to do this?
I am aware of a speach bubble code creator on the web is that addable to Muse?
Obviously the bubbles would need to be adjustable for the amount of speech, but as interviews are past won't need changing once created.
Might add, photos/sound clips/links at some point but getting the background up with interview in speech bubbles is the main task.
Thanks so.
Tanya

Right, couldn't see 1. Thought was web design, have reposted

Similar Messages

How can I make rectangular speech bubbles that adapt to the text inside them without the "arrow" that points towards where the bubble is coming from getting changed?

I have to make lots of speech bubbles (150+) that all have texts inside them which differ in length. I want the speech bubbles to look the same in terms of style, but I need different sizes of course for each text. This means that the rectangular part of the speech bubble should adapt in length and width to the text inside it, while the "arrow" pointing towards where the bubble is coming from (e.g. the person who speaks) should stay the same on every bubble. So is there a way or a workaround to make such "adapting" speech bubbles?
I appreciate any kinds of help
Thanks in advance!

Here's another way I found:
1. Draw a speech bubble. Mine is a rectangle with rounded corners and a triangular pointer added with Pathfinder > Add
2. Drag out a frame the same size as the speech bubble. Select the speech bubble and Copy; then select the empty frame and choose Edit > Paste Into...
3. Alt-Drag the frame with the pasted speech bubble to make a copy, then crop one copy to leave only the top of the bubble showing, and crop the other copy to leave only the bottom.
4. Drag out a text frame and insert a table consisting of 1 column, 3 rows. Set the text frame to Autosize > Height Only.
5. Set the stroke/fill of the top and bottom rows to none, and style the middle row to match the speech bubble, (in my case a white fill and 2pt stroke; left and right).
6. Anchor (paste) a copy of the speech bubble top in the top table row, and a copy of the speech bubble bottom in the bottom row.
Getting the 3 parts to match up with is where you just have to work on it until you get it right. Use the positioning tools in Anchored Object options and the column width setting in Cell options to line everything up.
Enter your text in the middle row. (Hey, look at that...a valid application of Comic Sans!) With the Cell Height set to an "At Least" setting, the cell will expand to fit whatever text you enter, pushing the the bottom row down, with the text frame auto-sizing to keep everything in play...

How do I change the color of my speech bubbles in text messaging?

OK community members.....am I crazy or wasn't there a way to change the color of the speech bubbles in Messages? I just went from a 3gs to a new 4s and I can't seem to find where that can be done or even if it can be done. I was thinking I was able to do it on my 3gs. Thanks!!

Speech bubble colour cannot be changed. SMS is green and iMessage is blue and that's it I'm afraid.

Can't see speech bubbles!

ok, I know this is very stupid, BUT when I open a chat session and the box with my buddy is displayed I can't see the chat speech bubble where my messages are usually displayed, nor can I see the "..." when i'm typing. This also happens with my buddies during the chat session. (It gives a "?" in a blue box next to our pics) What can I do to fix this??? Thx ahead of time!

Hi,
Welcome to the  Discussions
Are you set in iChat View Menu > Messages to use Balloons (Speech Bubbles) ?
You can only change this when a Text Chat window is open (Even if you don't send anything).
A ? in a Bubble (or other Style) means a Pic is Coming (obviously sometimes it does not arrive).
Can you Send Files (or receive them) without opening a chat ?
(Just drop the file on a Buddy's name in the Buddy list)
If you cannot is port 5190 open on the UDP Protocol in your Routing device ?
It may also pay to split the Login port in iChat Menu > Preferences > Accounts > Server Settings from 5190 and change it to 443 (This is on TCP and some routers don't like the same port used twice).
You can only do this whilst Logged Out (use the Account Info tab and deselect "Use this Account")
In Snow Leopard/iChat, if you make this change, you have to Hit the Enter key to "Set" the port change.
7:56 PM Wednesday; September 22, 2010
Please, if posting Logs, do not post any Log info after the line "Binary Images for iChat"

Speech bubble like component in flex

I need to use a speech bubble like component in my flex project.Due to timing constraints i am not position to invest my time in creating a component like that from scratch.Anyone knows any flex speech bubble component which is free to use?

Here are some things to check:
1) -use-network=true Project - Properties - Flex Compiler - Additional compiler arguments, add -use-network=true
2) Verify that the relative paths to the video files are correct on the server.
3) Could be a timing issue. If the video is not streaming and its not loaded yet, black screen could be the result.
If this post answers your question or helps, please mark it as such.

Best way to create a speech bubble effect?

Hi there,
I'm currently writing a simple game using java 2D, on screen i would like to show some text surrounded by a speech bubble which will be used to show what a character is saying. I need the text to be scrollable as there might be alot of it and dont want to clog up the screen.
Initially i wanted to create this directly on the JPanel im using but could not figure out how to add a scrollable text area directly onto a JPanel (if its even possible!).
So i thought just use a pop up text box that would already be scrollable, but how can i get a pop up to have the appearence of a speech bubble?
Any help or hints would be appreciated.
Many thanks

Oh boy, do I have the thing for you.
A while back I built a quote class that looks like a quote in cartoon or something.
So I'll post the quote class, along with my Draggable and Resizeable classes, which make these things a snap. In order to drag or resize, you must set the layoutmanager to null of course
currently the quote extends JComponent and does not draw its background (so it's see-through) you can change this to JPanel to show the background, but you'll probably never want to do this.
You are welcome to use and to modify this code, but please do not change the package or claim it as your own work.
Quote.java
===========
* Created on May 25, 2005 by @author Tom Jacobs
package tjacobs.ui;
import java.awt.Color;
import java.awt.Font;
import java.awt.FontMetrics;
import java.awt.Graphics;
import java.awt.LayoutManager;
import javax.swing.JComponent;
import javax.swing.JPanel;
public class Quote extends JComponent {
     String mTxt;
     public Quote() {
          super();
     public Quote(String s) {
          this();
          setText(s);
     public void setText(String txt) {
          mTxt = txt;
     public void paintComponent(Graphics g) {
          super.paintComponent(g);
          int width = getWidth();
          int height = getHeight();
          g.setColor(Color.RED);
          int wid = width / 10;
          int ht = height / 10;
          g.drawArc(wid / 2, ht / 2, wid * 9, ht * 9 , 0, -30);
          g.drawArc(wid / 2, ht / 2, wid * 9 , ht * 9, 0, 300);
          int ptx1 = (int) (width / 2 + wid * 18 / 4.0 * (Math.cos(30 * Math.PI / 180)));
          int pty1 = (int) (height / 2 + ht * 18 / 4.0 * (Math.sin(30 * Math.PI / 180)));
          int ptx2 = (int) (width / 2 + wid * 18 / 4.0 * (Math.cos(60 * Math.PI / 180)));
          int pty2 = (int) (height / 2 + ht * 18 / 4.0 * (Math.sin(60 * Math.PI / 180)));
          g.drawLine(ptx1, pty1, width, height);
          g.drawLine(ptx2, pty2, width, height);
          if (mTxt != null) {
               int x = (int) ((width / 2) * (1 - Math.sqrt(2) / 2));
               int y = (int) ((height / 2) + (height / 2 * Math.sqrt(2) / 2));
               int sqwidth = (int) (width * Math.sqrt(2) / 2);
               int sqheight = (y - height / 2) * 2;
               System.out.println("x = " + x + " y = " + y);
               Font f = g.getFont();
               FontMetrics fm = g.getFontMetrics();
               FontMetrics last = fm;
               float pt = f.getSize();
               while (fm.stringWidth(mTxt) < sqwidth && fm.getHeight() < sqheight) {
                    last = fm;
                    pt += 2;
                    f = f.deriveFont(pt);
                    fm = g.getFontMetrics(f);
               int x_diff = sqwidth - fm.stringWidth(mTxt);
               int y_diff = sqheight - fm.getHeight();
               g.setFont(f);
               g.drawString(mTxt, x + x_diff / 2, y - y_diff / 2 - fm.getHeight() / 5);
WindowUtilities.java
this contains draggable and resizeable
============
package tjacobs.ui;
import java.awt.*;
import java.awt.event.*;
import java.io.File;
import javax.swing.JFrame;
public abstract class WindowUtilities {
     public static final int RESIZE_MARGIN_SIZE = 4;
     public static final String VISUALIZE_FILE = "locations.dat";
     private static File sVisFile;
     private static class Entry {
          Class key;
          Point size;
     static {
          sVisFile = new File(VISUALIZE_FILE);
     public static Point getBottomRightOfScreen(Component c) {
         Dimension scr_size = Toolkit.getDefaultToolkit().getScreenSize();
         Dimension c_size = c.getSize();
         return new Point(scr_size.width - c_size.width, scr_size.height - c_size.height);
     public static Window visualize(Component c) {
          return visualize(c, true);
     public static Window visualize (Component c, int width, int height) {
          return visualize(c, true, width, height);
     public static Window visualize(Component c, boolean exit, int width, int height) {
          JFrame f;
          Window w;
          if (c instanceof Window) {
               w = (Window) c;
          else {
               f = new JFrame();
               f.getContentPane().add(c);
               w = f;
          w.setSize(width, height);
          w.setLocation(100, 100);
          if (exit) {
               w.addWindowListener(new WindowClosingActions.Exit());
          w.setVisible(true);
          return w;
     public static Window visualize(Component c, boolean exit) {
          JFrame f;
          Window w;
          if (c instanceof Window) {
               w = (Window) c;
          else {
               f = new JFrame();
               f.getContentPane().add(c);
               w = f;
          w.pack();
          w.setLocation(100, 100);
          if (exit) {
               w.addWindowListener(new WindowClosingActions.Exit());
          w.setVisible(true);
          return w;
     public static class Draggable extends MouseAdapter implements MouseMotionListener {
        Point mLastPoint;
        Component mDraggable;
        public Draggable(Component w) {
            w.addMouseMotionListener(this);
            w.addMouseListener(this);
            mDraggable = w;
        public void mousePressed(MouseEvent me) {
               if (mDraggable.getCursor().equals(Cursor.getPredefinedCursor(Cursor.HAND_CURSOR))) {
                    mLastPoint = me.getPoint();
               else {
                    mLastPoint = null;
          private void setCursorType(Point p) {
               Point loc = mDraggable.getLocation();
               Dimension size = mDraggable.getSize();
               if ((p.y + RESIZE_MARGIN_SIZE < loc.y + size.height) && (p.x + RESIZE_MARGIN_SIZE < p.x + size.width)) {
                    mDraggable.setCursor(Cursor.getPredefinedCursor(Cursor.HAND_CURSOR));
        public void mouseReleased(MouseEvent me) {
            mLastPoint = null;
        public void mouseMoved(MouseEvent me) {
               setCursorType(me.getPoint());
        public void mouseDragged(MouseEvent me) {
            int x, y;
            if (mLastPoint != null) {
                x = mDraggable.getX() + (me.getX() - (int)mLastPoint.getX());
                y = mDraggable.getY() + (me.getY() - (int)mLastPoint.getY());
                mDraggable.setLocation(x, y);
     public static class Resizeable extends MouseAdapter implements MouseMotionListener {
          int fix_pt_x = -1;
          int fix_pt_y = -1;
        Component mResizeable;
          Cursor mOldcursor;
          public Resizeable(Component c) {
               mResizeable = c;
               c.addMouseListener(this);
               c.addMouseMotionListener(this);
          public void mouseEntered(MouseEvent me) {
               setCursorType(me.getPoint());
          private void setCursorType(Point p) {
               boolean n = p.y <= RESIZE_MARGIN_SIZE;
               boolean s = p.y + RESIZE_MARGIN_SIZE >= mResizeable.getHeight();
               boolean w = p.x <= RESIZE_MARGIN_SIZE;
               boolean e = p.x + RESIZE_MARGIN_SIZE >= mResizeable.getWidth();
               if (e) {
                    if (s) {
                         mResizeable.setCursor(Cursor.getPredefinedCursor(Cursor.SE_RESIZE_CURSOR));
                         return;
                    mResizeable.setCursor(Cursor.getPredefinedCursor(Cursor.E_RESIZE_CURSOR));
                    return;
               if(s) {
                    mResizeable.setCursor(Cursor.getPredefinedCursor(Cursor.S_RESIZE_CURSOR));
                    return;
          public void mouseExited(MouseEvent me) {
               if (mOldcursor != null)
                    ((Component)me.getSource()).setCursor(mOldcursor);
               mOldcursor = null;
        public void mousePressed(MouseEvent me) {
               Cursor c = mResizeable.getCursor();
               Point loc = mResizeable.getLocation();
               if (c.equals(Cursor.getPredefinedCursor(Cursor.SE_RESIZE_CURSOR))) {
                    fix_pt_x = loc.x;
                    fix_pt_y = loc.y;
                    return;
               if (c.equals(Cursor.getPredefinedCursor(Cursor.E_RESIZE_CURSOR))) {
                    fix_pt_x = loc.x;
                    fix_pt_y = -1;
                    return;
               if (c.equals(Cursor.getPredefinedCursor(Cursor.S_RESIZE_CURSOR))) {
                    fix_pt_x = -1;
                    fix_pt_y = loc.y;
                    return;
          public void mouseReleased(MouseEvent me) {
               fix_pt_x = -1;
               fix_pt_y = -1;
          public void mouseMoved(MouseEvent me) {
               setCursorType(me.getPoint());
          public void mouseDragged(MouseEvent me) {
               Point p = me.getPoint();
               int width = fix_pt_x == -1 ? mResizeable.getWidth() : p.x;
               int height = fix_pt_y == -1 ? mResizeable.getHeight() : p.y;
               mResizeable.setSize(new Dimension(width > 1 ? width : 1, height > 1 ? height : 1));
}

Speech bubble - how do I add to iDVD or iMovie?

A few months ago someone showed me how to use iMovie and iDVD. I liked the additional feature they showed of being able to add "speech bubbles" to show text for individual frames/images. Unfortunately, I can't find or remember how to find this feature. Anyone able to help?
Many thanks
G4 PowerPC Mac OS X (10.4.8)

Welcome annie!
Could it have been a plugin?
iBubble
(Click on "iBubble" above to go to the download
site)
Sue
Thanks so much Sue. It must have been this plug in iBubble. The site is down at the moment so I can't download/purchase the add on but I am quite sure this is what I wanted. Many, many thanks.
G4 PowerPC Mac OS X (10.4.8)

Is there any possible way to add speech bubbles on iMovie?

I'm trying to make a stop-motion but I need speech bubbles.

Don't know, I never use the Apple headsets. Have you tried it?

How to quickly switch between speech bubble and highlight text in pdf viewer in Maverics. Can now only use menu to change to speech bubble in Maverics (Tool Icon gone since Lion and no shortcut listed)

I use Preview to mark up student assignments, switching between the speech bubble and highlight markup tools. The speech bubble is not on the toolbar since Maverics upgrade. It also have no shortcut, which means navigating the menu every time since the Text shortcut, under which the speech bubble is now located does not remember the previously selected item and always reverts to plain text.
From a usability point of view, for me this is a massive step backward since the Lion version...
Or is there some hidden magic that will let me switch between these tools without having to navigate the menu everytime...
Neal

100% agreed with this. The new interface is far too bulky, Even on my gaming computer's massive 21inch monitor, it's nearly impossible to keep up with my chat group of 23+ people. I constantly have to scroll back up to read messages, making it furstrating and inconveniant. And now that the update is being forced on all of them, they're complaning of the same issues. Like said previously, these are full computers, Not bloody tablets or cell phones, but even then the new skype's even more useless on my Venue8 Pro tablet, I get to see a whole 3 messages at a time (And don't get me started on the Win8 Skype app). And what made it worse, MS has removed all previous versions of skype from the internet. THEN even when I managed to get my hands on an old version, I can only log it in once before it kicks me off and gives me a worthless error message, "Skype Can't Connect". (But seriously, what happened to giving us error codes guys? Advanced users like myself want to be able to fix the issue ourselves!) MS, I'm sorry but, you need to stop fixing things that are not broken. I'm wasing my time trying to correct this now, and I really don't apreciate that. What happened to quality control and testing?

Speech Bubble not showing up

I am using a 3d animation program. After I export a specific animation to Java 3d, the speech bubbles does not show up. Everythign else works fine. Is there any new Java 3d library I have to install to make this work...
Appreciate your reply
Vazin

I don't know what you think is missing. The screen shot you posted looks fine except for the buttons on the toolbar. If you still think that there is something missing, then I would guess it has to do with whatever you used to change the buttons in the toolbar.
Edit: I don't have the options at the top; is that where you should see something? Regardless, I go back to blaming whatever you've loaded that is affecting the buttons.
Message was edited by: Barney-15E

Speech bubbles in PSE 10?

How does one make speech bubbles in photo shop elements 10?

Screenshots at http://bit.ly/I6MZbR may hep in better understanding the worflow...

I do not have a speech bubble option in Preview...

The latest version of Preview app from OS X Mountain Lion onward feature a couple of fun menu items that let you quickly add comic book styled speech bubbles to any photo. It’s extremely easy to use, but it’s also easy to overlook, so here’s how to use them to add some humor to any picture:
Open an image in Preview and click the “Show Edit Toolbar” button that looks like a square with a pen in it, or hit Command+Shift+A
Click on either the speech bubble icon or the thought bubble icon, then click and drag on the picture to place the bubble
Type what you want in the bubble, adjusting the font and size as desired using the Fonts panel
I have Mountain Lion 10.8.2 and version 6.0.1. (765.4) of Preview. What gives?

I can't believe that was the answer to my problem.
How obvious, lol. It is SO obvious, it blows my mind how simple a solution it is.
Thank you for your answer.

How to color a speech bubble itself?

I'm working with PE11. Eaisrsy to insert a speech bubble from the gaphics and to change the color of the text, but I also want to change the inside's color of the bubble? Is this possible and how?
Thx,
Jan

jan breugel
I have an idea on how to go about changing the color of the inside of the speech bubble independent of changing the font color as well. This is an all Premiere Elements idea, no Photoshop Elements involved.
I do not know how much experience you have with Premiere Elements (any version) so I will give you the plan, and then you can tell me how
much detail I need to go into.
Expert workspace
1. From Graphics/Thought and Speech Bubbles, drag one of the Speech Bubble into Video Track 2.
2. From fx Effects/Image Control/Color Replace, drag the Color Replace effect into the Speech Bubble clip on Video Track 2.
3. Under Applied Effects Tab/Applied Effects Palette/Color Replace Panel expanded, use the set up icon in the panel to change the
color inside the Speech Bubble. Reminder, in the set up, Target Color = old and Replace Color = new.
4. Double click the Speech Bubble clip on Video Track 2 to open the Titler. In the Titler/Text Section, use the Color Properties to change the color of the
font. Close out of the Titler.
5. With the Titler closed, select the Speech Bubble clip on Video Track 2, and resize and reposition it as needed.
Looking forward to exploration and experimentation with the suggestion.
Please let me know if any questions or need clarification.
Thanks.
ATR

Why is there a tiny blue speech bubble next to one of my contacts?

Today I went to send a text message to someone and as I was selecting the person from my contact list I noticed that one 1 of my contacts had a tiny blue speech bubble next to his name. I know that the blue speech bubbles when texting mean that you are using iMessage, but I don't know why this little icon appeared next to this contact's name. And why it would show up only next to his name and not next to any others' who have iMessage enabled. Any ideas what this symbol means?

I've read a lot of conflicting info re that tiny empty blue text bubble icon next to a contact - including the contributions above. My wife has a Blackberry (so no iMessage) and my son a Samsung/Android (so no iMessage), but both have the empty blue text bubble icon next to the telephone icon in their contact information in my iPhone. So the bubble has nothing to do with iMessage.
I thought maybe it indicated that I had sent a text message to a contact at some point in the past, but I have contacts to whom I sent text messages who don't have the text bubble icon.
I thought maybe it indicated that my correspondent had kept our past conversations on their phone, but I've run experiments deleting those conversations, and the icon remains. I thought it might indicate that I had kept our past conversations on my phone, but no.
Does no one have the definitive answer?

Why is it when i send a text to another iphone it is not appearing in blue speech bubble when i know they have their imessage turned on?

Why is it when i send a message to another I Phone user the text does'nt appear in a blue speach bubble when i know for sure the other person has their imessage turned on? Please help this is driving me nuts!!

Read through this:
http://support.apple.com/kb/TS2755

Speech bubbles in Muse

Similar Messages

Maybe you are looking for