Fontself Application on MySpace

 

  1. What is the Fontself App on MySpace?
  2. Writing your message and choosing a font
  3. Fine-tuning the look and format of your message
  4. Posting your message
  5. Adding additional info and notes to your message
  6. Creating your smiley
    • How do I create smileys?
    • Overview of the interface and toolbars
    • Creating & fine-tuning the look of your emoticon
    • Inserting your smiley into a message
  7. Buttons


1. What is the Fontself App on MySpace?

The Fontself App on MySpace allows you to send original messages, as well as your own smileys and pictograms created from drawings, uploaded pictures and webcam pics. You can send your message directly to a friend’s mailbox or publish it:

  • in your friend’s page
  • as a notification
  • in your profile
  • in your own blog

[ Return to index ]


2. Writing your message and choosing a font

  1. Select a font from the list to customise the look of your message
  2. Choose the size of the font you like
  3. Type your text in the editor
  4. Customise your the look of your message

[ Return to index ]


3. Fine-tuning the look and format of your message

Depending on the area of your MySpace that you’d like to post your message, you may want to select either:

  1. One of the availale “standard” widths, suitable for most areas of MySpace, or
  2. Select Other Size, and type in the desired custom width
  3. Feel free to experiment with different widths in different sections of your site, to achieve and even more personalized look for your MySpace pages.

[ Return to index ]


4. Posting your message

Once you are done customising your message, decide how you want to send/publish it in MySpace. You could send your message directly to a friend’s mailbox or publish it:

  • in your friend’s page
  • as a notification
  • in your profile
  • in your own blog

[ Return to index ]


5. Adding additional info and notes to your message

Before you send or post your message, you can edit the Subject, add a note for your friend, and select the category under which this message should be filed. Once you’re done with these, you can post away!

[ Return to index ]


6. Creating your smiley

So, you would like to create that extra cool personalized emoticon for your MySpace messages? You can!

Click on the tab Create your smileys and log in to Fontself so you can start creating right away (we need to register you, so we can save and retrieve your creations to your own personal pack). If you have not registered yet, don’t worry! It only takes 2 minutes.

[ Return to index ]


How do I create smileys?

The Fontself Application is very intuitive so you’ll be creating and using smileys in no time.

First, create your smiley:

  • draw or customise an image into a smiley
  • Assign a shorcut to your smiley: this is the ‘text shortcut’ that you will use to ‘recall’ this smiley when you want to use it from any of our apps.
  • Save it. DONE! Your smiley is ready to be used

Using your smiley: go back to the text editor and your smiley will be ready to use!

  • Compose your message as you do normally
  • To Insert your custom smiley into the message, simply type in the ‘shortcut’ you entered above or find and select your smiley from the Smileys menu
  • Done! You have created a message using both our cool public fonts and your own custom-designed smiley.

[ Return to index ]


Overview of the interface and toolbars

1 Option Items

You may start creating your smiley/illustrated word by:

  • Drawing with a digital pen or mouse
  • Uploading a picture file or the scan of a drawing
  • Take a picture from your webcam and tweak it

2 Canvas area

This is the area where you can paint, modify and resize your pictures

3 Personal pack

This section shows all your creations and their associated shortcut keywords. Your personal pack, contains your smileys and pictograms.

Once you are done with your doodle, go to the “Write” tab, in order to edit your message and send your emoticon. Whenever you type the exact shorcut keyword associated to one of your own smileys/illustrated words, the Fontself App will automatically it with the image.

Example above:
Type “Punkoala” in the text editor when composing your message and see what happens.

4 Preview area

The preview shows your smiley to scale compared to the size of a regular Fontself font. From here, you can adjust the alignment and letter spacing for your creations.

[ Return to index ]


Creating & fine-tuning the look of your emoticon

With the editing tools available you can paint, retouch and draw any image you want.

Once you are happy with what you’ve created, type a keyword (shortcut) for it and click on “Create”. From that point on, that shorcut (e.g. ‘Punkoala’) will always be associated with and replaced by the actual image of a koala that you created.

Once you click on “create”, your new smiley appears in the preview area as well as in the “Adjust” tab.

Check how the your smiley’s height/width looks next to the sentence “you have created”; that is exactly how it will appear in your your messages when combined with other fonts.

If you want to modify how your smiley aligns and looks with respect to other fonts, you can enhance it in 3 ways:

  • Drag your smiley up and down to adjust its position with respect to the baseline (i.e. the imaginary line where the other letters sit)
  • Resize your smiley with scale buttons (top left)
  • Rotate it using the rotate buttons
  • Don’t forget to”Save font” to make your changes permanent

Example of smileys with correct and incorret alignment

    ok_icon2
    preview_icon_05

[ Return to index ]


Inserting your smileys into a message

To start using your newly created smileys, go back to the text editor by clicking on the Write on the top left of the application.

From the editor, write your message.

Select your smiley, by clicking on the Smileys dropdown menu, and clicking on the thumbnail of your smiley. Or, you can always type the keyboard shortcut you assigned to it, and our editor will automatically replaced it by your smiley.

There it is! A message featuring your own personal smiley!

And here’s how you can use it to customize your MySpace pages!

[ Return to index ]


7. Buttons

Picture 1 Pen This tool paints your image, in whatever color you have selected, and whatever size you have selected.
Picture 2 Upload Function This option enables to upload a personal file like a picture or the scan of a drawing
Picture 3 Webcam Photo You can take pictures of yourself from the webcam of your computer with it
Picture 4 Eraser This is an anti-Brush tool and a background whitener. It erases whatever information wherever you click and drag it.
Picture 7 Eyedropper This tool works by changing your foreground color to whatever color you click on.
Picture 6 Pen color This enables to change the pen color
Picture 8 Pen size The size of the pen is indicated by a number. You can enlarge or reduce the size of it
Picture 14 Undo It erases the last change done to the document reverting it to an older state.
Picture 15 Redo The opposite of undo is redo. The redo command reverses the undo or advances the buffer to a more current state.
Picture 13 Crop The Crop tool selects your image to the specific part you choose. Any information that was on the outside of the box is now gone. Now you can focus on the part that interest you.
Picture 12 Move Use this tool to, well, move things after zooming in or out. It’s for moving your entire image within a window. So if you’re zoomed in and your image area is larger than the window, you can use the Hand Tool to navigate around your image. Just click and drag.
Picture 21 Fit on screen This tool resizes your picture to the screen size
Picture 20 Show all your images This tool resizes your picture with its borders
Picture 10 Zoom in Zoom into a specific area of the image to see more details and be more precise when painting
Picture 9 Zoom out Zoom out to see the previous view of your image
Picture 17 Scale up It increase the size of your picture compared with a Fontself font
Picture 16 Scale down It diminishes the size of your picture compared with a Fontself font
Picture 19 Rotate right This tool rotate your picture clockwise
Picture 18 Rotate left This tool rotate your picture counter-clockwise