Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 12
  1. #1
    Join Date
    Apr 2013
    Posts
    2

    Default PNG and Transparent Background

    Hi,

    I'm a new user to Xara and to graphics program in general. I'm using Xara Photo & Graphic Designer 2013 and wish to convert a JPEG image (my company logo) so that it's a PNG file with full transparency. I feel like I may have bitten off more than I can chew but hoping someone can provide some step by step instruction on how (or if) I can do this. To all who help, thanks in advance!

  2. #2
    Join Date
    Feb 2010
    Location
    Ottawa, IL USA
    Posts
    1,138

    Default Re: PNG and Transparent Background

    Can you re-create your logo in Xara? I would import your JPG, then using the pen tool draw the shapes and/or type the letters of your logo with the appropriate font, group it with the non-letter graphics - then export that to PNG format with Alpha transparency. Although there's a trace tool, it won't make a clean logo. Xara doesn't directly convert JPGs to PNG files. You make PNG files from Xara created graphics.

  3. #3
    Join Date
    Apr 2013
    Posts
    2

    Default Re: PNG and Transparent Background

    Hey Gamerprinter,

    Wow, thanks for the quick reply. Much appreciated. I can't re-create the logo - it's quite detailed. I do see in Xara Photo & Graphic Designer 2013 an option to "Export PNG", not sure if that is part of my solution but I expect I have to remove all of the background first. I saw one video on Xara Extreme Pro that shows how to do this and though the exact same tools aren't available in my version I've come close. The problem is screening out all of the background as the logo is quite detailed. Is there a way to automatically select all of the non-white areas of an image? By the way you can click here to view the image I'm working on.

    Thanks again!

  4. #4

    Default Re: PNG and Transparent Background

    Try the MEHDI eraser available in the Live Effects menu.

    Click image for larger version. 

Name:	mehdi.jpg 
Views:	297 
Size:	77.4 KB 
ID:	95651

  5. #5

    Default Re: PNG and Transparent Background

    But be careful to not remove inner areas that should remain solid color...

    Mike
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	capture-000235.png 
Views:	125 
Size:	70.9 KB 
ID:	95653  

  6. #6

    Default Re: PNG and Transparent Background

    Yes, unfortunately this is unavoidable when removing all white pixels. However it is easily fixed by adding a white shape to the area to remain white and sending to back..

    Click image for larger version. 

Name:	2013-04-17_145900.jpg 
Views:	176 
Size:	63.9 KB 
ID:	95654

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

    Default Re: PNG and Transparent Background

    You can also do this by using a Stained Glass Transparency and again you will need to create a white shape and send to the back.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	logosample.jpg 
Views:	148 
Size:	32.5 KB 
ID:	95656  
    [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.

  8. #8
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,917

    Default Re: PNG and Transparent Background

    Erasers and transparencies work after a fashion but there's nothing that beats the shape editor tool to trace around an object and then intersect the shape. It may sound difficult but as most Xara user are aware you can soon get up to speed using the draw line / bend line way of working.

    This logo isn't a great example for this method as it has an overlay of the company name in text. Basically you'd need just the crest without the text ovelay.

    Anyway for what it's worth here's a video of using the shape editor tool to cut out the crest and the xar file I used to do it. (I don't mind posting the xar file as it's fairly useless with the text on top)
    Attached Files Attached Files
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  9. #9
    Join Date
    Aug 2000
    Location
    Virginia
    Posts
    4,432

    Default Re: PNG and Transparent Background

    I'm with Egg on this one. I've had way better results cutting out than with the erasers when it comes to backgrounds.

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

    Default Re: PNG and Transparent Background

    Actually in my example above I used the shape tool to trace the white shape I placed behind the stained glass transparency just as Egg did in the video. The stained Glass transp removed all the white, then I traced the crest to create the white shape to put it back where it was needed. If you look closely at my example you will notice that I missed a couple of bits that should have been cut out because I was in a rush.

    Of course the Stained Glass method only works in this case as the image is black and white.
    [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.

 

 

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
  •