Welcome to TalkGraphics.com
Page 1 of 3 123 LastLast
Results 1 to 10 of 22
  1. #1
    Join Date
    Jul 2007
    Location
    Australia
    Posts
    11

    Question Help with graphic image... how to!

    I have just found out about Xtreme Pro, and purchased it on the spot. I am totally amazed at it's abilities already!

    One of the reasons I bought it is becasue I need the ability to create an image that can twist and turn on itself, and have a soft shadow that appears to have the light source directly above it.

    A perfect example of what I want to do is shown here in an image the someone created with Xtreme (got it off Xtreme website examples page)
    http://www.mentat.com.au/misc/Film_strip.gif

    As I am new to this graphic package, I would greatly appreciate any help you can give me to show me how this image (or one like it) can be accomplished. I have looked around the demos on the website, but didn't find anything that showed this feature exactly.

    Thanks from down-under!
    SunnyOz

  2. #2
    Join Date
    Aug 2006
    Location
    Boston Mass. area
    Posts
    172

    Default Re: Help with graphic image... how to!

    The film stock looks like 4 shapes + 1 line (white). (I didn't add the rectangular sprocket holes - either do these by hand or study up on blends, especially blends on a curve.)

    You then group these and clone them (Ctrl + k), change the clone to light gray, squash it, feather it, and place it behind the film stock.

    The top darker shape has the same fill and line.

    The second one down has fill of dark red and white line.

    The others are respectively all the same fill and line colors.

    The white line goes between the two dark red shapes (at the lower right of the top dark red shape).
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	film.jpg 
Views:	407 
Size:	10.4 KB 
ID:	40229   Click image for larger version. 

Name:	filmexp.jpg 
Views:	406 
Size:	14.5 KB 
ID:	40230  


  3. #3
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,926

    Default Re: Help with graphic image... how to!

    Welcome SunnyOz,
    Whoops DGehman beat me to it! I attach a mini tutorial xar file of how I'd go about it.
    Attached Images Attached Images  
    Attached Files Attached Files
    Egg

    Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor
    + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  4. #4
    Join Date
    Aug 2006
    Location
    Boston Mass. area
    Posts
    172

    Default Re: Help with graphic image... how to!

    Comparing my explanation to Egg's is like comparing a used bicycle to a new Mercedes Benz...

    And here I thought I finally grasped enough about Xara. Not yet, I guess.

    By using transparency on the shadow, Egg's version would allow any background objects or patterns to show through - much better than solid light gray. His sprocket brush is primo. Adding a final touch with fills rounds his version out nicely.
    Last edited by DGehman; 28 July 2007 at 02:33 PM.

  5. #5
    Join Date
    Mar 2005
    Location
    Leicester U.K. Fox county
    Posts
    1,754

    Default Re: Help with graphic image... how to!

    Here's an alternative method:

    1 ● Draw a line following the shape of the original bitmap.
    2 ● Make 4 copies of this line.

    3 ● Place 1 line to the top right edge of the bitmap image.
    4 ● Place another line to the bottom right edge of the bitmap image.

    5 ● Blend these lines together with 100 steps.

    6 ● 'Convert to editable shapes' [control shift 5].
    7 ● 'Convert line to shape'.
    8 ● Add shapes [control 1] to create one new shape.

    9 ● Draw 5 lines in the appropriate places and subtract these from the tape shape.


    10 ● Get another line and go to the line gallery.
    11 ● Select 'Dash patterns'.
    12 ● Select the 4th dashed line on the left (your line should now have a similar spacing to the bitmap image square holes).
    13 ● Change the line size to 1.5 pix.
    14 ● Position this dashed line on your wavy shape, ready to make the square sprocket holes.
    15 ● Clone this line and position it below the 1st.
    16 ● Blend these together and follow steps 6, 7, 8.

    17 ● Clone this new shape.
    18 ● Position it for the lower sprocket holes.

    19 ● Subtract these 2 sprocket hole shapes from the tape shape.

    20 ● 'Ungroup' shapes so that you have 5 shapes.
    21 ● Colour these shapes as desired.

    22 ● You will have to delete a few nodes etc. to correct the errors on the central image.
    Last edited by salaam; 28 July 2007 at 04:37 PM.

  6. #6
    Join Date
    Mar 2005
    Location
    Leicester U.K. Fox county
    Posts
    1,754

    Default Re: Help with graphic image... how to!

    Image instructions:
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	ticker-tape.jpg 
Views:	392 
Size:	144.5 KB 
ID:	40247  

  7. #7

    Default Re: Help with graphic image... how to!

    Quote Originally Posted by salaam View Post
    Image instructions:
    Yes, this makes very good use of the extruding technique in Xara. I wrote a quick tutorial on it a while back (see signature). The trick is to recognise it as a situation where you can use the technique.

  8. #8
    Join Date
    Jul 2007
    Location
    Australia
    Posts
    11

    Thumbs up Re: Help with graphic image... how to!

    Quote Originally Posted by salaam View Post
    Image instructions:
    WOW. I am amazed at the generosity of this group.. what a fantastic out-pouring of help. I have learnt so much, just trying out each suggesting.

    I have made the most progress with Salaam's instructions using the extruding technique. However, I have gotten stuck on Step 19.

    After I created the two lines of 'sprockets', I found that there were unwanted white dashes (that should be hidden by the tape section in front of it). I don't know how to get rid of those, before I subtract the sprockets from the main tape image.

    If I go ahead and subtract the two dashed lines (as seen in my attachment), then I get holes where I don't want them. What did I do wrong.. or not do correctly?

    http://www.mentat.com.au/misc/film_strip1_vsm.gif

    I did try to continue on, and do the rest of the instructions, but I also got stuck on the very next step (20). When I look at my image.. it doesn't say it is a group anymore.. just a shape - so it doesn't have the ungroup option available. I tried to use "break shapes".. but of course that didn't work! What am I missing here?

    Again, thanks so much for everyone's responses, and generously giving of their time! What a wealth of experience you all have!

  9. #9
    Join Date
    Mar 2005
    Location
    Leicester U.K. Fox county
    Posts
    1,754

    Default Re: Help with graphic image... how to!

    I'm glad we could be of help, these queries also give us practice and help to expand our knowledge.

    Quote Originally Posted by SunnyOz View Post
    However, I have gotten stuck on Step 19.

    After I created the two lines of 'sprockets', I found that there were unwanted white dashes (that should be hidden by the tape section in front of it). I don't know how to get rid of those, before I subtract the sprockets from the main tape image.

    If I go ahead and subtract the two dashed lines (as seen in my attachment), then I get holes where I don't want them. What did I do wrong.. or not do correctly?
    1 Draw some lines over the unwanted holes.
    2 'Convert lines to shapes'.
    3 Add these line shapes to the tape shape: 'Add shapes' [control 1]
    4 Click on the 'Shape editor tool' [F4] while the shape is selected.
    5 Now 'marquee select' the 'nodes which you want to delete and press the delete key when ready.

    This may seem tedious but with experience and practice, this should only take a minute to complete.

    The last image shows a 3D blend using the 'bevel tool'. This grey image was then place on top of a bitmap copy of the above created image and its 'transparency' was altered to 'luminosity' producing the lighting.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	tickertape-instructions.jpg 
Views:	335 
Size:	78.7 KB 
ID:	40261   Click image for larger version. 

Name:	ticker-tape-shading.jpg 
Views:	321 
Size:	22.4 KB 
ID:	40263  

    Last edited by salaam; 29 July 2007 at 11:47 AM. Reason: add image

  10. #10
    Join Date
    Mar 2005
    Location
    Leicester U.K. Fox county
    Posts
    1,754

    Default Re: Help with graphic image... how to!

    Quote Originally Posted by SunnyOz View Post
    I did try to continue on, and do the rest of the instructions, but I also got stuck on the very next step (20). When I look at my image.. it doesn't say it is a group anymore.. just a shape - so it doesn't have the ungroup option available. I tried to use "break shapes".. but of course that didn't work! What am I missing here?
    SunnyOz, Are you sure neither break or ungroup work?

 

 

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
  •