This is a mini pictorial demo of how I drag and drop and save an image as transparent
using the new Deluxe Browser from PCCrafter.com.

The following steps are Important To Remember:
 1. You should have the software program you want to work on the image, or get the white out - OPEN, you can minimize it, and then open the Deluxe Browser (or have both open, if you are comfortable with split images of 2 progams open at the same time, and just drag across to the graphic program screen).

2. Choose from the painted images (for best image quality/color), and bring into main window of browser, the picture graphic you want to use.

3. Left  click on that image with your mouse and hold down mouse Left click button, and Hold Down the Shift Key on your computer keyboard with your other hand and as you hold down the shift key, and your mouse cursor is over the image,  Drag the Image: - Note you may see a circle with a bar across it, continue to drag your mouse to the software program that may be minimized in your computers' task bar at the bottom of your computer screen.

4. As the image approaches and reaches the software program, it should open full screen to your softwares main workplace screen. Now as you drag (still holding down the shift key, you should see a "plus" sign in a box. Simply release the shift key, and your mouse and the image should appear in the workspace area.

5.  Once you have your image, in your workspace you can use it for projects, save it, create copies, layers, etc.
Your image once in your workspace, may be showing as a "png" image, or a raster image, etc. 
If you are saving the finished edited image graphic for the web and want it to save the "transparency" quality - with no white around it, save it as a  dot gif file written  as  mysavedimage.gif (whatever you name it, Name and save it in a place you will remember, when wanting to look at or use as a sig tag, or in projects) .

6. Each software program will have its own applications and options for working with your images. They all will usually allow you to add text to the image, crop it, resize it, etc.

7. Choose a program you are comfortable with to work with your images. Personally the programs that are easiest for me to use, are Adobe Photoshop Elements, and Microsoft Picture It Publishing (MS PIP). 
**When I use MS PIP, I have to drag the images from the browser into the "filmstrip" tray in the workscreen, each image can then be dragged into the workspace and they each will be transparent. This makes for easy layering, and the final cropped project or layered image can be saved as a transparent image.

8. Sometimes I choose to save created images that I make in MS PIP, as a jpg image and then save it to a folder within my "painted" folders in the Deluxe Browser directory folders. I have a folder that I created new in the "painted" images folder that I named "4My Creations". When using the deluxe browser, I can take those images and drag and drop into my other software programs and edit further if I desire, and if the images are to go on the internet, I save them after I have created final image, as a .gif file.  **see my comments on software programs

DO NOT COPY and PASTE images from the Deluxe Browser, into graphic programs, they will NOT BE Transparent, or have the white out, if you do!

The following are screen shots that I took of the process of dragging an image into a program, the image editiing program I am dragging image into is PSP 8.

 
1. Open Deluxe Browser and choose graphic

2.

3.

The above image shows the dragged image - with gray and white, checks around it - those checks are showing me the image is now transparent.
 

4.

This is the image saved as a "gif file"

To illustrate its transparency I will place it against a colored background:

5. *this image is from PCCrafter Creatable: Best Friends 
artist: Tammy DeYoung

DO NOT COPY and PASTE images from the Deluxe Browser, into graphic programs, they will NOT BE Transparent, or have the white out, if you do!


 


Once you have the "white out"....
my own notes/comments on software for graphic / photo image editing.

I personally own & have installed the following software programs:

  • Jasc's PSP 8 (which has Animation Shop within it) Version 9 is now out so there may be some good deals on PSP 8 on ebay or other software outlets.
  • Adobe Photoshop
  • Adobe Photoshop Elements
  • Microsoft PictureIt Publishing Platinum (MS PIP) c. 2001 *may no longer be available for purchase
See this offer for Microsoft Picture It! Digital Image Pro v7.0  - $25 (NOTE: this was available in August 2004 - so if you are visiting this page after this date - this offer may no longer be available).
http://store.yahoo.com/software-blowouts/mipiitdiimpr.html
From Microsoft Current: Microsoft Imaging products

I go between the various programs to edit or manipulate the images. 
It all depends on the task and what program is easiest for me to do it in. 
But if you learn only one program, it more than likely will do all the image editing and manipulation that you need or want to do for your crafting projects.

I have  created a web page  (part of my Online Printables resources pages) with a listing of various software programs, and links to their websites - so that you can see program features, download free trial versions, etc. 
Visit this page to see product options, product review &  price comparison sites, and links to tutorials, tips and help available to support or help you learn the programs.

http://teas2dine4.com/4printsoftware.html

When choosing a graphics program, choose a product that you feel you can be comfortable with, and grow with - purchase the latest editions available. 

Everyone has a different learning style and computer use comfort zone, - some programs, are easy to understand and intuitive in their design. Others may be loaded with functions, lingo or wording that only add to the confusion of learning and using its many features. There are many tutorials that others have created and placed on the internet - using almost every type of feature or function, for almost all graphic software programs currently available today.
http://teas2dine4.com/4printsoftware.html

I personally have a short attention span, and not alot of patience to completely learn any individual software program and all of its features. So I have purchased & installed many programs. 
Most users cannot afford or find it practical to do this. 
Also  Graphics / Photo image editing software programs, use up alot of disk space,  memory, & system resources on your computers. Be sure to check all of  the softwares' computer system requirements needed to have the software provide optimum performance on *your* computer.
It is best to purchase  only "one" or 2 programs and learn them and their features,  for all of your graphics projects, and or working with photos. 

If you find yourself frustrated or are not able to follow certain tutorials for various functions you want to accomplish with your graphics, Do NOT buy  the software program!  You can always, uninstall free trial program downloads, and wait a few months and try program again. 
**I usually print out any online tutorials, and have them in front of me as I follow along the steps,  while working in the software program. I three hole punch these printouts, and file in a notebook.
It makes it easy to refer back to the tutorial when needed. I often will write notes on the tutorials to indicate my own steps or progress notations. That is helpful for me - to remember how I did something, and got to different points in the editing process, or perhaps discovered my own shortcuts or a different way to accomplish something.

You may find a good way to learn a program is to Take FREE  or Inexpensive Online courses for software programs such as the 2 most popular: Jasc's PaintShop Pro and Adobe's Photoshop.
You will be able to ask questions of instructor and/or classmates.

Learn PaintShop Pro at : Virtual University | http://vu.org

Learn Photoshop at : HP Learning Center | http://www.hplearningcenter.com

See classes available at Barnes & Noble University | http://university.barnesandnoble.com

Take software for a test drive, before deciding to purchase.

Final comments / notes:
One of the nicest features of the Deluxe Browser, is that the "getting the white out" feature works with most of the popular graphic programs available - even older versions of some products. 
Just click on graphic, Be sure to hold down keyboard "Shift" key!! and with your mouse drag - keeping your finger on right click button and hold as you drag, and release into workspace (*note: for MS Picture It programs, drag graphic into "film tray" and not main workspace, from the tray you can drag it to the workspace, and it will then be transparent) 
**you may not see the image itself move with you, you may see a small circle with bar across it, once in the software program - you should see a plus sign or image sign, and then you can release the shift key & your mouse right click being held down, and image should be dropped there into the workspace**

I created this simple sig tag, by dragging various images into MS PictureIT 2002, then took the images from filmstrip tray and arranged into the final tag. Then as I usually do, to make sure the final image is transparent, I save the image within my painted images folder, in the PC Hugware directory - in a separate folder named "4mycreations" as a jpg image. Then I open my preferred software for using to "getting the white out" - Adobe Photoshop Elements - and drag from the Deluxe Browser:  "4mycreations" folder the final image I want to be transparent. I resize and or add text, etc. and save the final image as a "gif" image. 
Example:
Here is sig tag I made, first using MS PIP, and finishing up final sizing & edits using Photshop Elements:
 **Graphics used for tag and bug & leaf line  are from PCCrafter CD - Honeyville
artists Gina Jane Johnson, and Carolee Jones

For other tutorials, helpful tips, For Getting the White Out surrounding graphics,  using Various popular software programs, provided by PCCrafter forum posters in the Instruction Junctionforum, click on this link:
http://messageboard.pccrafter.com/topic.asp?TOPIC_ID=36269


Headings on this page made by me,  using Xara WebStyle4
Other images are from PC Crafter.com  Collections
available to purchase from
http://www.pccrafter.com

Note: the Basic Hugbug Browser 2.0 is available for FREE, and will be included
in any purchased graphics CDs, and it can also be downloaded from the PCCrafter website
The Deluxe Browser
that has the feature of drag and drop to get the white out
is available to purchase and download for the price of $12.95
Quoted from PCCrafter website:
(HugBug Browser Deluxe is in Windows Format only and a downloadable product)

For a limited time, when you purchase the HugBug Browser Deluxe
you will get the following for FREE...
- The Creatable "Buzz Bunnies" by Lori Gardner
- AND an extra set of Buzz Bunnies goodies! 
The extras will include HugBars, Toppers and more!
http://www.pccrafter.com/shopping/promotions/browserdeluxe.aspx


Join the PC HugClub - (monthly fee required)
and receive monthly graphic downloads and discounts
on downloadable Creatables and or Purchased Graphic CDs

Other mini-screen image tutorials I have created
for use with the Deluxe Browser 
and/or PcCrafter & other Graphic Collections:


My Teas2Dine4.com
Printables Resources Pages

To Top of Page

This page updated November 18, 2004