-
08-03-2007, 11:41 PM #1Retired Moderator
- Join Date
- Jul 2007
- Location
- Mililani, Hawaii
- Posts
- 850
- Thanks
- 12
- Thanked 135 Times in 85 Posts
Created a Graphic Carrier Logo using Photoshop
HOW TO CREATE A GRAPHIC CARRIER LOGO USING PHOTOSHOP
Createing a carrier logo out of an existing graphic can be difficult. In this guide I will show you the tricks in photoshop that we use to make them.
I will be using Adobe Photoshop CS2 (if youd like to buy me CS3 I can show you in CS3 another time
) some commands and functions may be similar in other version of Photoshop or even the Gimp.
GRAPHIC CARRIER LOGO
STEP 1: Open Photoshop and click on File->New or Ctrl+N

STEP 2: Configuration (see screenshot below)
Things that need to be set exact are the red, then press OK
STEP 3: Zoom In
Click on the Magnifying glass in your tool bar

Click on your Work area a few times until you zoom in and can see well.

STEP 4: Getting your picture
This picture can be from anywhere. Iam going to use this picture and open it in photoshop

Of course i dont want all the excess things, just the logo of the windows. So, choose the square marquee tool from your tool bar. If you dont see a square, click down on it and hold until a menu comes out and choose a square.

Now make a square around it, by holding down in one corner and draging to the adjacent corner.

Now go to image->crop

You should now see something like below:
Next double click on the layer labeled background and you should have a screen that appears like this, just press OK
I only want the blue circle, so were going to have to do some tweaking. this can be done many ways, I will show you one.
First press ctrl+d to deselect the object.
Select the magic wand tool from the tool bar

Click in the black area of the image - if you get some of the blue circle, you may need to change the tolerance. In this case I set the tolerance to 40

You should then come up with something like this:

Inbetween the dotted lines is the area that is selected. so we want to get rid of that area and get it transparent. We dont have a transparent background to begin with, so we need to make one.
Click on the new layer button underneath the layer window

You will then have a new layer like this:


Now you have two separate active layers like this:

Click on Layer 1 and drag it below layer 0 so it looks like this:

Click back on Layer 0 to select it and highlight it

Yes that looks confusing, but thats whats needed
Now that we have a transparent background, anything we delete from Layer 0 will be gone and we will have transparency showing through. Go back to your image which should still have dashing/flashing lines, and press the delete key

When we look at it upclose, it doesnt look so great... good thing the icon is really small

First thing to clean this up is to select the elliptical marquee tool, its the same as the square or rectangular marquee tool, just hold down and a menu will appear like below, choose elliptical marquee tool

Make a circle around the windows icon, trying to avoid as much of the nasty bits as possible. THis can be tricky, practice makes perfect..

Once you have it pretty centered and good, press ctrl+shift+i this will invert the marquee. right now its selecting the good stuff, we want to select the bad stuff outside of what we selected, inverse will do that for us and give us this

Now that the outside of our good image is selected, you can press delete and get this

STEP 5 Combing pictures
Not bad. Now what you ask? well we need to get it into the carrier icon format, which is about 44x20 pixels. Remember that new file we created in step one, we are now gonna to move this object into that object.
Click and drag on your image using the move tool in the tool bar

Once you draged it , it should look like this, now your modified image is in the carrier logo settings image.

Now press ctrl +t this will give you the free transform tool

Hold shift and drag the corners inwards until the image is able to fit in the designated box. You may need to move it around and center it until you get it right in the middle. release and grab the middle to move the box around.

Once you have gotten it centered and in the box, press the check mark at the top tool bar.

You have completed your first carrier logo, now its time to save.
STEP 6: Saving your images
We will first save the white version that we just completed. Click on File->save as

Save in the C
phonedmg folder

Use the file name: FSO_CARRIER_LOGO.png (this is case sensitive)
Use the file format: .png
The click save

Another pop up will appear and say None or Interlaced, choose Interlaced and press OK

Step 8: Saving the other image
Follow the same saving procedures as STEP 6. go to file->save as

Save in the C
phonedmg folder

Except this time use the file name: Default_CARRIER_LOGO.png (this is case sensitive)
Use the file format: .png
The click save

Another pop up will appear and say None or Interlaced, choose Interlaced and press OK

Unlike the text version, we dont need to change our image because it will work on both white and black backgrounds, so we just need to make two files so they show up on both backgrounds. If our image was very black or very white, we would then need to adjust colors accordingly.
Thats it, youve done it, youve created a graphic carrier logo!
Please remember there are many ways to get this outcome, Ive taken you through one way to do it. The best thing to do in photoshop is to play, and learn through internet tutorials and other means. Tools such as the pen tool and color range can also do wondering and make difficult tasks a breeze. Try those tools out and play with them, get to know them.
If youve read this guide and my other guide text carrier logo using photoshop you are now armed with the tools to make anything you want! Be sure to help out the community, add to this techniques that I did not cover or make it easier. Good Luck!Last edited by arthursdomain; 08-03-2007 at 11:57 PM.
ARTHURSDOMAIN
ModMyI.com Apps Reviewer
Retired ModMyi.com Moderator
Follow me on twitter: twitter.com/laynem
Reviewed Apps: Oregon Trail, Who Has The Biggest Brain, Lock Puzzle, Tweetie
Want an app reviewed? PM me with the app name
-
The Following 13 Users Say Thank You to arthursdomain For This Useful Post:
captkoons (04-02-2008), Chase817 (04-08-2008), colouny (11-25-2009), Coolmike (09-24-2008), gameon (12-18-2007), kingmark305321 (07-23-2008), kryptedak (10-25-2007), meejoo (09-24-2009), nevarDeath (10-03-2007), newskin (12-23-2008), o0rohan0o (09-12-2010), pouncer11 (01-02-2009), selv4m (08-14-2010)
-
08-04-2007, 10:59 AM #2Super Sneaky Moderator
- Join Date
- Jul 2007
- Location
- City of Brotherly Love
- Posts
- 1,835
- Thanks
- 104
- Thanked 321 Times in 176 Posts
Great guide arthur
-
08-04-2007, 08:37 PM #3
A wiki ??? Great Guide.
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Old School Gaming Matrix
Deviant Art
"Don't think you can, know you can"




-
08-06-2007, 12:45 AM #4Owner / Founder - ModMyi
aka poetic_folly
- Join Date
- May 2007
- Location
- Tampa, Florida, United States
- Posts
- 8,207
- Thanks
- 508
- Thanked 4,484 Times in 1,114 Posts
Deserves a Wiki.
-
09-12-2007, 02:56 PM #5
I'm using photoshop 5.5 and I cannot find this check mark that you talk about.

What is the command or function? Maybe I can find it that way. All I know is that this is the only thing I couldn't do and I can't save my logo anything other then a PSD file which won't work.
-thanks!
-
10-03-2007, 09:28 AM #6Green Apple
- Join Date
- Jun 2007
- Location
- Sand Springs Oklahoma
- Posts
- 84
- Thanks
- 8
- Thanked 3 Times in 3 Posts
This is a truly awesome guide, thanks a load man!

When asked what he would say to the columbine killers, Marilyn Manson said, "I would say nothing to them. I would listen to what they have to say, because that's what nobody else did" from the movie Farenheit 9/11
-
12-18-2007, 07:58 AM #7
What about something difficult like this? (I wish there was some kind of online program that would do it for you for like transparent stickers, or something.
)
-
12-18-2007, 11:57 AM #8
Thanks Arthur, That was great. All worked for me and the text write up you did. Wonder if its possible to have text and graphic? Would you have to mod the network logo and the edge icon to get that?
-
03-14-2008, 09:31 AM #9
in photoshop cs3 there a function to free such pictures.
Just search in filter, one of the first 5 possibilities.
-
03-18-2008, 09:50 PM #10
which file folder do i place these files in...
thank you in advance
-
04-08-2008, 01:28 AM #11My iPhone is a Part of Me
- Join Date
- Dec 2007
- Location
- Nar Nar Goon, Victoria, Australia
- Posts
- 741
- Thanks
- 83
- Thanked 88 Times in 71 Posts
When I try to copy my carrier images over it says I have don't have privileges to complete this action...
How can I overcome this?
Please help!
Thanks in advance.16GB iPhone 3G
2.2 Pwned
Dedicated Cydia User
2.2 GHz Intel MacBook
Mac OS X 10.5.5
Bootcamp w/ Windows XP
-
07-29-2008, 01:03 AM #12
I just made a carrier icon for my phone but it seems that RIGHT after the icon i see a clock icon...is there any way to get rid of that icon...it is overlaping my wifi/3g/E icon and it is starting to bug me...i was going to attach a picture but its REALLY bad and you can't really tell what it is so i am sorry i can not be much of help in that department. I am assuming that it is the clock that goes in front of the time, but on the video [ame="http://au.youtube.com/watch?v=pL3VaF3LnRY&feature=related"]YouTube - iPhone 3g Custom Carrier Banner[/ame] he seemed to do the same thing i did, but he did not get that problem T_T
Regards,
Strider
EDIT: ok i gave in and just posted the image...the only way i could even get somewhat of a clear shot is if i zoomed in all the way...sorry, its a philippino camera rofl

EDIT2: So it turns out that the little clock that was bugging me was my alarm to wake up in the morning...who would have guessed right? :-/ sorry for the dumb questionLast edited by ggaimbot; 07-29-2008 at 12:26 PM.
-
-
07-30-2008, 02:31 AM #13iPhoneaholic
- Join Date
- May 2008
- Location
- Dewsbury, UK
- Posts
- 354
- Thanks
- 11
- Thanked 16 Times in 12 Posts
This is a fantastic guide, off to install Photoshop and make a coloured Apple logo.

"Everybody has common sense, but most just don't use it, then you wonder why?" - Neo-Tech
-
12-23-2008, 12:59 PM #14
Thank you for this, took me a little while longer since im using GIMP, but finally got the hang of it. Thanks again



LinkBack URL
About LinkBacks
Reply With Quote

