The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> pulling and editing images from a larger image
essex23
post Aug 12 2019, 07:43 AM
Post #1





Group: Members
Posts: 7
Joined: 7-August 19
Member No.: 26,950



So I am working to update my company's knowlewdge-base articles, and we are refreshing a lot of the images attached to them. One of the things I am trying to do is update the "bullet points" inserted into the imaged by Snagit. We just have the base version which only has 3 styles of numbers images, anxd that just won't cut it.

So I was looking around online and found some images for bullet points I liked, but they are all vector images, and I have ZERO editing or image manipulation experience or tools to do anything with. I would need to pull each image out and edit the colors to match our company's official color pallete.

My other option is to use the images for bullet points that I made using MS Paint (don't laugh...it's what I had to use. lol). So now I have 10 files for a design that I am REALLY liking and think would be highly received by our project lead as well...but again, need to cut them out so all I have is the image and not the background.

The issue....it is a round image. circle over a larger half circle look. I am attaching images to show what I am talking about.


Can anyone help me with getting this done so I can present a final template for my company to use going forward with this project? Trying to get this design finalized and presented in the next few days.

This post has been edited by essex23: Aug 12 2019, 07:44 AM


Attached thumbnail(s)
Attached Image Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
pandy
post Aug 12 2019, 08:37 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



If I understand the problem right, you need to either make the image background match the page background or make the image background transparent. The last would be the best option. I don't know what Paint is capable of, but you'll find lots of (free) software that can do the job. Surely you must be allowed to install an image editor? If not, maybe you can do it on your own computer.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
essex23
post Aug 12 2019, 09:57 AM
Post #3





Group: Members
Posts: 7
Joined: 7-August 19
Member No.: 26,950



QUOTE(pandy @ Aug 12 2019, 08:37 AM) *

If I understand the problem right, you need to either make the image background match the page background or make the image background transparent. The last would be the best option. I don't know what Paint is capable of, but you'll find lots of (free) software that can do the job. Surely you must be allowed to install an image editor? If not, maybe you can do it on your own computer.


Yes, I think it is the second option of making the background transparent. Problem is, my company does not like letting anyone install software NOT related to business needs on ANY computer. I had to be able to add the Windows Classic Shell to my Windows menu because I can't stand and have a hard time finding my way around the Win8 based menu.

I downloaded Adobe Illustrator over the weekend at home to try to get the image separate from the background, but I am just not good enough to get it cleanly separated 100% to create a single image with a transparent background to use by itself. Hard to do with only a mouse and a hand that shakes like the Waco Kid from Blazing Saddles.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 12 2019, 06:51 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Use the fill tool (I think it's called). Usually looks like a bucket that paint is poured from. With the right settings you should be able to fill the background with a solid color. Maybe you need to do some pixel work first just to the right of the orange half circle where the sphere is a very light gray. Choose a strong color that doesn't exist in the image for the background, for example puke green. Then you make the green transparent.

I used the magic wand to select the background, tolerance set to 0. As you see it's just a small section between 12 and 1 o'clock that needs to be redrawn manually.


Attached thumbnail(s)
Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Aug 13 2019, 04:07 PM
Post #5


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE(pandy @ Aug 12 2019, 04:51 PM) *
I used the magic wand to select the background, tolerance set to 0. As you see it's just a small section between 12 and 1 o'clock that needs to be redrawn manually.
I think it would be easier to do 3 simple geometric selects, rather than try to tweak the magic wand selection:

A circle selection for the orange half-circle.
A rectangular subtraction to remove the right half of the orange half-circle.
A circular addition to restore the center ball.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 13 2019, 06:57 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



I don't think the shapes are perfect circles. But if you have a selection tool that does ellipses and can be nudged to fit...

The really best way is probably to edit the original, if it still exists, and change the background color there.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 06:14 AM