ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Create a Transparent Image Background Using Pixlr

Updated on August 27, 2014

Create images with transparent backgrounds

Source

A designer without Photoshop

When my previous computer went to silicone heaven, I was faced with the challenge of buying new software. I'm a designer and have used Photoshop forever but it's so expensive, particularly when I'd just bought a new laptop.

So here was my challenge - could I work without Photoshop? Could I discover something free that I could use instead?

Well, that was over a year ago and I don't miss Photoshop at all.

Create transparent backgrounds easily and quickly

Use a free online service to create your graphics

I love this photograph. It's a stock image I purchased a couple of years ago and I've used it in several designs. But the problem is that it has a solid white background. How can I change that?

Not only can I do so free, without the need of any special computer programs, but it takes only a minute and is so easy to do.

By using pixlr (I use the Google Chrome app but it's available as a website too) anyone can achieve professional results.

Using Pixlr

Online or as an app

When I discovered this online app, I thought it was likely to be an inferior version of the professional programs I've used for the last twenty years.

'Maybe' I thought 'I can use it until my finances have recovered and I can buy proper professional gear again.' That hasn't been necessary.

So here's a demonstration showing you how to easily create a transparent background for your images - in mere minutes.

If you're in a hurry, click here to jump to the quick guide.

Here you see my image uploaded to pixlr.com

Source

Step 1

The wand tool

You can see in the image above that the sunflower is now outlined. This is because I have tapped on the white area with the wand tool.

The wand tool (also known as the 'magic wand') is the third button down on the left hand side of the toolbar - you can see that it is selected because of its paler colour.

Source

Step two

Invert

Click the 'edit' link on the top horizontal toolbar. You'll see the option to 'invert selection'.Choose this option.

Once you have done this, click 'edit' again. This time, select 'copy'.

Source

Step three

Open new image

Click 'file' at the top left of the horizontal toolbar and then 'new image'. You'll see a popup (as shown in the screenshot above) where all the details are already filled out.

All you must make sure to do is check the box alongside the word 'transparent'.

Source

Step four

Simply paste

The screenshot above shows you that a new canvas area has now opened. The grey and white background confirms that your new image will have a transparent background.

Remember that in the previous step we copied the selected area? (The selected area being the sunflower). Now, all we need to do is paste via the 'edit' link.

Source

Step five

The pasted image

You can see on the screenshot above that the sunflower is now pasted into the new image with the grey and white background indicating its transparency.

Now all we have to do is save the image.

Source

Save the image

Save and you're done

Either use the 'file' link, then 'save' or press control+s to save your image. When the dialogue box pops up (as pictured above) you can title your image.

Be sure to save the images as a png file.See the dropdown box above.

Now I can use my sunflower on any background I wish. Plain, textured, with or without copy - my image is suddenly far more adaptable and can be used in so many different ways.

See the image here on a grey background

Source

Quick guide

Below is a quick guide to creating your images with transparent backgrounds

Here are the six quick and easy steps for quick reference.

Source
  1. Upload your image to pixlr.com
  2. Click on the white background area with the wand tool
  3. Edit > invert selection.Edit > copy
  4. File > new image. Be sure to check the 'transparent' box
  5. Edit > paste
  6. File > save. Be sure to save your image as a png file

InDesign Cloud

Adobe InDesign CC | Free Trial Available
Adobe InDesign CC | Free Trial Available

If only this had been available years ago... This is cloud version of InDesign and has many advantages over merely purchasing the software. One important one is that you can pay for it on a monthly basis at a low fee. Save even more by paying annually. Truly brilliant.

 

InDesign

Recommended graphics program

I was delighted to learn that there was no need for me to buy Photoshop. Even though I've been using it for so many years, it's been easy to adapt to the free online app.

I searched long and hard though to find a free or less expensive substitute for InDesign. I used InDesign daily and I knew that it was a program I couldn't do without. It is the professional design tool.

The cost was prohibitive though but I found a wonderful solution - the cloud version.

See the column on the right to learn more.

At one time, these professional programs were only available at high cost - often it was the design studio owners who bore the cost to ensure that their designers had the latest up-to-date versions.

Now anyone can enjoy and benefit from these professional services.

© 2014 Jackie Jackson

Comments

    0 of 8192 characters used
    Post Comment

    • BritFlorida profile imageAUTHOR

      Jackie Jackson 

      3 years ago from Fort Lauderdale

      @CelebrateUSA - thanks so much.I'm so glad it helps.

    • CelebrateUSA profile image

      Ken Kline 

      4 years ago from Chicago, Illinois

      Outstanding. This item has been a problem for me and I though only InDesign could accomplish this. Five stars!

    • BritFlorida profile imageAUTHOR

      Jackie Jackson 

      4 years ago from Fort Lauderdale

      I have to admit that I'd been using Pixlr for a while before I figured it out :) Thanks sukkran.

    • sukkran trichy profile image

      sukkran trichy 

      4 years ago from Trichy/Tamil Nadu

      I am using pixlr but I don't know this trick. Thanks for your useful Tips.

    • BritFlorida profile imageAUTHOR

      Jackie Jackson 

      4 years ago from Fort Lauderdale

      @LadyMermaid - don't worry, if my clunky brain can cope with it I know that yours can :)

    • Ladymermaid profile image

      Lorelei Cohen 

      4 years ago from Canada

      Sounds like a program that I could really make good use of. I need things easy as my old brain goes into clunker mode when it runs into new concepts. Thank you for the handy tutorial on backgrounds. Very helpful.

    • BritFlorida profile imageAUTHOR

      Jackie Jackson 

      4 years ago from Fort Lauderdale

      @SheilaMilne - thanks for reading. I think you'll like pixlr.

    • BritFlorida profile imageAUTHOR

      Jackie Jackson 

      4 years ago from Fort Lauderdale

      @SheGetsCreative - thanks so much for forwarding it - I appreciate it.

    • SheilaMilne profile image

      SheilaMilne 

      4 years ago from Kent, UK

      I have to admit I don't know Pixlr but I'll definitely investigate. I've been using GIMP but that's really over-complicated for my needs.

    • SheGetsCreative profile image

      Angela F 

      4 years ago from Seattle, WA

      Good job explaining Pixlr's tools. I've used it several times, but your instructions make it so easy to follow, so I'm forwarding to a friend who needs a bit of help in the graphics dept.

    • BritFlorida profile imageAUTHOR

      Jackie Jackson 

      4 years ago from Fort Lauderdale

      @CherylsArt - I imagine that it works well on the iPad too. I can't say for certain because himself thinks that our iPad is 'his' - therefore I rarely get a chance to use it!

    • CherylsArt profile image

      Cheryl Paton 

      4 years ago from West Virginia

      @BritFlorida - that's a good point that it's online and can be used on any computer. Thanks.

    • BritFlorida profile imageAUTHOR

      Jackie Jackson 

      4 years ago from Fort Lauderdale

      @BrianRS - Elements is a lovely program. I do like free though:) Thanks for dropping by!

    • BritFlorida profile imageAUTHOR

      Jackie Jackson 

      4 years ago from Fort Lauderdale

      @CherylsArt - something I love about Pixlr is that it's online so I can use it on any computer. There's even a phone app. I rarely use the phone version as I seem to be chained to the laptop but it comes in very handy when I'm out and about.

    • BritFlorida profile imageAUTHOR

      Jackie Jackson 

      4 years ago from Fort Lauderdale

      @Brite-Ideas - thank you Barbara! I'm glad it's helpful.

    • BrianRS profile image

      Brian Stephens 

      4 years ago from France

      I use Photoshop Elements to do similar tricks, but of course you have to pay for that program. Brilliant that you can do something so useful with a free program.

    • CherylsArt profile image

      Cheryl Paton 

      4 years ago from West Virginia

      That is so cool. I do have the option of erasing the background in Paint Shop Pro, but it is so nice to know that other options are available too.

    • Brite-Ideas profile image

      Barbara Tremblay Cipak 

      4 years ago from Toronto, Canada

      Jackie, wonderful! looks great here, and pinning this for future reference, thank you for this

    • BritFlorida profile imageAUTHOR

      Jackie Jackson 

      4 years ago from Fort Lauderdale

      Hi @bead at home mom - thanks for dropping by and for your kind words. Pixlr is very easy to use. It looks a little daunting at first but you'll soon get used to it. If you have any questions, just ask!

    • bead at home mom profile image

      Teri Hansen 

      4 years ago

      I have just heard about pixlr I think I just read about it in Time as one of the top 50 staff picks of websites. Great tutorial Jackie thx for your never ending giving of yourself and your knowledge. I know I will giving it a look have never had Photoshop now I see I can scratch it off my wishlist.

    • BritFlorida profile imageAUTHOR

      Jackie Jackson 

      4 years ago from Fort Lauderdale

      Thanks so much Linda. I'm glad it's useful.

    • LindaSmith1 profile image

      LindaSmith1 

      4 years ago from USA

      W0nderful! I am coming back to this one because I could figure it out one iota. Happy you did this hub!

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)