Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 19
  1. #1
    Join Date
    Mar 2007
    Location
    ...Granada province, Andalucia, Spain
    Posts
    5,302

    Default Shiny Text Mini Tutorial

    Attached is a .xar file and a .png of a method for creating highlights to add to your lettering.
    I used Milk Script (warning: captcha solving required to download) to achieve this, it's a nice retro style font and the mini-tutorial will make it look even retro-ier.
    Bob.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	shiny text.png 
Views:	163 
Size:	50.9 KB 
ID:	95699   Click image for larger version. 

Name:	shiny.png 
Views:	119 
Size:	12.9 KB 
ID:	95701  

    Attached Files Attached Files
    ** Detailed "Create A Spinning Logo Tutorial" is available in .pdf format for download at this link **
    Outside of a dog, a book is a man's best friend. Inside of a dog, it's too dark to read. Groucho Marx.

  2. #2
    Join Date
    Jun 2002
    Location
    Dunoon, Scotland
    Posts
    4,778

    Default Re: Shiny Text Mini Tutorial

    Nice simple tut. Bob. Good effect with the highlights.
    Design is thinking made visual.

  3. #3
    Join Date
    Mar 2007
    Location
    ...Granada province, Andalucia, Spain
    Posts
    5,302

    Default Re: Shiny Text Mini Tutorial

    Thanks, Peter. Simple but effective.
    Bob.
    ** Detailed "Create A Spinning Logo Tutorial" is available in .pdf format for download at this link **
    Outside of a dog, a book is a man's best friend. Inside of a dog, it's too dark to read. Groucho Marx.

  4. #4
    Join Date
    Aug 2000
    Location
    London, UK
    Posts
    1,174

    Default Re: Shiny Text Mini Tutorial

    Thanks, Bob, that's truly fortuitous, as it's just what I need right now. Will post end result in due course. Most grateful!

  5. #5

    Default Re: Shiny Text Mini Tutorial

    Quote Originally Posted by iamtheblues View Post
    Attached is a .xar file and a .png of a method for creating highlights to add to your lettering.
    I used Milk Script...
    Milk Script is a commercial font:
    http://www.myfonts.com/fonts/sudtipo...lar/specs.html

    But you can use any script font (well, any font). Script fonts do work best, but any cursive italic that connects letters to each other can work well too.

    However. I think the same effect can be made easier. It's how I use to do it when I wanted to achieve this effect.

    Type your text.
    Convert to editable shapes.
    Ungroup.
    Move any letters with connectors into a more pleasing arrangement if desired.
    Select all the shapes.
    CTRL + 1 to add shapes.
    Color the text.
    Add an outline. For 55 pt text like in this tut, 1 point seems to work well.
    Right-click and drag a copy.
    Color it black (or whatever).
    Remove the outline.
    Position this text over the colored, outlined version.

    Take care, Mike
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	capture-000250.png 
Views:	100 
Size:	70.1 KB 
ID:	95721  

  6. #6
    Join Date
    Dec 2007
    Location
    Sunshine Coast BC, Canada. In a beautiful part of BC's temperate rainforest
    Posts
    9,864

    Default Re: Shiny Text Mini Tutorial

    Both methods posted here are very good but just like almost anything in Xara there are many ways of doing this. Here is my method Note this method requires a version that has the opacity mask feature, but it gives you a result that is still editable text.

    1. With your text tool click and type your text you want a text line not a column or box, make it what ever font, size and colour you wish
    2 Use the keyboard shortcut Ctrl +K and make two clones
    3. Open the page and layer gallery and select the first clone (the one directly on top of the original text) and make it white
    4. Select the top clone and make it black and offset it down and to the right if you want highlights at the top left. Cut it to the clipboard (Ctrl +X)
    5. Select the white text and right click it and select paste opacity mask from the right click menu
    6. The Opacity mask shape can be selected and moved around to adjust the hightlights and the whole opacity mask can be feathered and you can use the profile sliders to adjust the edges of the reflections.
    7. Select all layers of the text effect and soft group. You can now move it around and it's still editable text.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	shiny text.jpg 
Views:	95 
Size:	31.1 KB 
ID:	95722  
    [SIGPIC][/SIGPIC]
    My current Xara software: Designer Pro 365 12.6

    Good Morning Sunshine.ca | Good Morning Sunshine Online(a weekly humorous publication created with XDP and exported as a web document) | Angelize Online resource shop | My Video Tutorials | My DropBox |
    Autocorrect: It can be your worst enema.

  7. #7
    Join Date
    Jun 2009
    Location
    Reading. UK
    Posts
    6,985

    Default Re: Shiny Text Mini Tutorial

    Quote Originally Posted by mwenz View Post
    Milk Script is a commercial font:
    http://www.myfonts.com/fonts/sudtipo...lar/specs.html

    But you can use any script font (well, any font). Script fonts do work best, but any cursive italic that connects letters to each other can work well too.

    However. I think the same effect can be made easier. It's how I use to do it when I wanted to achieve this effect.

    Type your text.
    Convert to editable shapes.
    Ungroup.
    Move any letters with connectors into a more pleasing arrangement if desired.
    Select all the shapes.
    CTRL + 1 to add shapes.
    Color the text.
    Add an outline. For 55 pt text like in this tut, 1 point seems to work well.
    Right-click and drag a copy.
    Color it black (or whatever).
    Remove the outline.
    Position this text over the colored, outlined version.

    Take care, Mike
    I don't understand what you mean here?

    Featured Artist on Xara Xone . May 2011
    . A Shield . My First Tutorial
    . Bottle Cap . My Second Tutorial on Xara Xone

  8. #8

    Default Re: Shiny Text Mini Tutorial

    @ Frances

    It depends on whether the goal is to emulate a 3D effect (yours) or not (the others).

    @Rik

    See the screen shot. The upper line is of text after converting to editable objects and ungrouping. I then colored each piece a different color to highlight the 3 areas in the word "Script" where I didn't like the offset of the connecting shapes. In the lower line, I have moved a few nodes so the joins are a bit smoother. In some fonts, one can simply move a letter to align the connectors better.

    Mike
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	capture-000252.png 
Views:	90 
Size:	47.7 KB 
ID:	95723  

  9. #9
    Join Date
    Jun 2009
    Location
    Reading. UK
    Posts
    6,985

    Default Re: Shiny Text Mini Tutorial

    Thanks for that, Mike.
    I wasn't using a font that was connected. Therefore nothing needed repositioning and couldn't see why things needed moving!
    I see what you mean now.

    Featured Artist on Xara Xone . May 2011
    . A Shield . My First Tutorial
    . Bottle Cap . My Second Tutorial on Xara Xone

  10. #10
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,506

    Default Re: Shiny Text Mini Tutorial

    I used this technique to create the highlights on this neon logo.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	abd.jpg 
Views:	109 
Size:	24.0 KB 
ID:	95726  

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •