« previous next »
Pages:  [1]     Go Down

Author Topic: How to set avatar with no background?  (Read 3495 times)

0 Members and 1 Guest are viewing this topic.

Offline C5Allroad

  • Formerly HUNTERANGEL121
  • Thread Starter
  • Posts: 1235
  • Location: Miami, FL
  • Watch out, I post when half asleep.
How to set avatar with no background?
« on: Fri, 27 June 2014, 18:22:02 »
In CS6 there is no background. I save as a PNG, and then upload to GH for an avatar. Now it has a black background...
Logged

Offline Frenir

  • HHKB Viking
  • Posts: 597
  • Location: Danmörk
Re: How to set avatar with no background?
« Reply #1 on: Fri, 27 June 2014, 18:23:03 »
Try saving it as a gif instead then.
Logged

Offline C5Allroad

  • Formerly HUNTERANGEL121
  • Thread Starter
  • Posts: 1235
  • Location: Miami, FL
  • Watch out, I post when half asleep.
Re: How to set avatar with no background?
« Reply #2 on: Fri, 27 June 2014, 18:25:34 »
Tried but to no avail.
I don't know how rowdy does it. :p
In windows photo viewer there is no background. And then I upload here and I have these stupid black corners lol.
Logged

Offline hashbaz

  • Grand Ancient One
  • * Moderator Emeritus
  • Posts: 5057
  • Location: SF Bae Area
Re: How to set avatar with no background?
« Reply #3 on: Fri, 27 June 2014, 18:27:32 »
If you open the PNG locally (not in Photoshop), does it have a background?

edit: reading comprehension fail :D
Logged

Offline Frenir

  • HHKB Viking
  • Posts: 597
  • Location: Danmörk
Re: How to set avatar with no background?
« Reply #4 on: Fri, 27 June 2014, 18:27:34 »
Then go the easy (but gross) way, just make the background the same as the most common theme.
Logged

Offline noisyturtle

  • * Exalted Elder
  • Posts: 6427
  • comfortably numb
Re: How to set avatar with no background?
« Reply #5 on: Fri, 27 June 2014, 18:28:53 »
Try saving it as a .gif
Logged

Offline hashbaz

  • Grand Ancient One
  • * Moderator Emeritus
  • Posts: 5057
  • Location: SF Bae Area
Re: How to set avatar with no background?
« Reply #6 on: Fri, 27 June 2014, 18:30:19 »
Getting an animated gif to work correctly is tricky as you have to make sure it isn't resized by the forum software and is under a magical (hidden) file size limit.  Might be the same with transparency.

Maybe try a small version (less than 100 x 100) ?

edit: Maybe try downloading rowdy's avatar, editing it (as a PNG, without upconverting to whatever CS6's native format is), clear out his skull and paste yours in.
« Last Edit: Fri, 27 June 2014, 18:32:34 by hashbaz »
Logged

Offline noisyturtle

  • * Exalted Elder
  • Posts: 6427
  • comfortably numb
Re: How to set avatar with no background?
« Reply #7 on: Fri, 27 June 2014, 18:32:06 »
Quote from: hashbaz on Fri, 27 June 2014, 18:30:19
Getting an animated gif to work correctly is tricky as you have to make sure it isn't resized by the forum software and is under a magical (hidden) file size limit.  Might be the same with transparency.

Maybe try a small version (less than 100 x 100) ?

Not animated. Just a static image saved as a .gif has allowed me to post images with transparent backgrounds on GH before, but I've never had any luck with .PNG format on here.
Logged

Offline C5Allroad

  • Formerly HUNTERANGEL121
  • Thread Starter
  • Posts: 1235
  • Location: Miami, FL
  • Watch out, I post when half asleep.
Re: How to set avatar with no background?
« Reply #8 on: Fri, 27 June 2014, 18:34:02 »
This has confused me lol.
rowdy's avatar is a png and transparent lol..
I'll add white till I figure out how to do it lol
Logged

Offline hashbaz

  • Grand Ancient One
  • * Moderator Emeritus
  • Posts: 5057
  • Location: SF Bae Area
Re: How to set avatar with no background?
« Reply #9 on: Fri, 27 June 2014, 18:41:57 »
I just made this avatar in Gimp.  PNG, transparent background.
Logged

Offline hashbaz

  • Grand Ancient One
  • * Moderator Emeritus
  • Posts: 5057
  • Location: SF Bae Area
Re: How to set avatar with no background?
« Reply #10 on: Fri, 27 June 2014, 18:45:02 »
Aaand now I made this much larger one, which had its transparency turned black.

The one that worked was 100 x 100, the one that failed was 1000 x 1000.  Seems likely that the issue is the forum software resizing after you upload.

edit: put my original avatar back :)
« Last Edit: Fri, 27 June 2014, 18:46:45 by hashbaz »
Logged

Offline noisyturtle

  • * Exalted Elder
  • Posts: 6427
  • comfortably numb
Re: How to set avatar with no background?
« Reply #11 on: Fri, 27 June 2014, 18:45:40 »
Logged

Offline C5Allroad

  • Formerly HUNTERANGEL121
  • Thread Starter
  • Posts: 1235
  • Location: Miami, FL
  • Watch out, I post when half asleep.
Re: How to set avatar with no background?
« Reply #12 on: Fri, 27 June 2014, 18:46:38 »
Quote from: hashbaz on Fri, 27 June 2014, 18:45:02
Aaand now I made this much larger one, which had its transparency turned black.

The one that worked was 100 x 100, the one that failed was 1000 x 1000.  Seems likely that the issue is the forum software resizing after you upload.

Oh... That would make sense...
Logged

Offline C5Allroad

  • Formerly HUNTERANGEL121
  • Thread Starter
  • Posts: 1235
  • Location: Miami, FL
  • Watch out, I post when half asleep.
Re: How to set avatar with no background?
« Reply #13 on: Fri, 27 June 2014, 18:50:02 »
Oh... I got it now.
Ok then, note to self, actually check to make sure I resized it. (Friday lol)
Logged

Offline rowdy

  • HHKB Hapster
  • * Erudite Elder
  • Posts: 21175
  • Location: melbourne.vic.au
  • Missed another sale.
Re: How to set avatar with no background?
« Reply #14 on: Sat, 28 June 2014, 00:10:39 »
I use GIMP (not having anything better).

I set a random colour as a background, specifically a colour that does not appear anywhere in my picture (for the Drunken Skull I chose black).

Then I select a region by colour (black in this case).

Next I use Colour-to-alpha, select black as the source, and GIMP makes the selected black region transparent.

Save as PNG.

The most difficult part is taking a photo with all its background noise, and tracing around the edge of the actual keycap with black.  Takes ages.  The rest is relatively easy.

I seem to remember doing it in PaintShopPro a few years ago was much simpler, but I no longer have access to that app.

69332-0
« Last Edit: Sat, 28 June 2014, 00:12:13 by rowdy »
Logged
"Because keyboards are accessories to PC makers, they focus on minimizing the manufacturing costs. But that’s incorrect. It’s in HHKB’s slogan, but when America’s cowboys were in the middle of a trip and their horse died, they would leave the horse there. But even if they were in the middle of a desert, they would take their saddle with them. The horse was a consumable good, but the saddle was an interface that their bodies had gotten used to. In the same vein, PCs are consumable goods, while keyboards are important interfaces." - Eiiti Wada

NEC APC-H4100E | Ducky DK9008 Shine MX blue LED red | Ducky DK9008 Shine MX blue LED green | Link 900243-08 | CM QFR MX black | KeyCool 87 white MX reds | HHKB 2 Pro | Model M 02-Mar-1993 | Model M 29-Nov-1995 | CM Trigger (broken) | CM QFS MX green | Ducky DK9087 Shine 3 TKL Yellow Edition MX black | Lexmark SSK 21-Apr-1994 | IBM SSK 13-Oct-1987 | CODE TKL MX clear | Model M 122 01-Jun-1988

Ị̸͚̯̲́ͤ̃͑̇̑ͯ̊̂͟ͅs̞͚̩͉̝̪̲͗͊ͪ̽̚̚ ̭̦͖͕̑́͌ͬͩ͟t̷̻͔̙̑͟h̹̠̼͋ͤ͋i̤̜̣̦̱̫͈͔̞ͭ͑ͥ̌̔s̬͔͎̍̈ͥͫ̐̾ͣ̔̇͘ͅ ̩̘̼͆̐̕e̞̰͓̲̺̎͐̏ͬ̓̅̾͠͝ͅv̶̰͕̱̞̥̍ͣ̄̕e͕͙͖̬̜͓͎̤̊ͭ͐͝ṇ̰͎̱̤̟̭ͫ͌̌͢͠ͅ ̳̥̦ͮ̐ͤ̎̊ͣ͡͡n̤̜̙̺̪̒͜e̶̻̦̿ͮ̂̀c̝̘̝͖̠̖͐ͨͪ̈̐͌ͩ̀e̷̥͇̋ͦs̢̡̤ͤͤͯ͜s͈̠̉̑͘a̱͕̗͖̳̥̺ͬͦͧ͆̌̑͡r̶̟̖̈͘ỷ̮̦̩͙͔ͫ̾ͬ̔ͬͮ̌?̵̘͇͔͙ͥͪ͞ͅ

Offline C5Allroad

  • Formerly HUNTERANGEL121
  • Thread Starter
  • Posts: 1235
  • Location: Miami, FL
  • Watch out, I post when half asleep.
Re: How to set avatar with no background?
« Reply #15 on: Sat, 28 June 2014, 00:36:25 »
Photoshop makes it easy to select.
Thanks lol.
I was thinking of doing it for a while after seeing your numerous ones lol.
Logged

Offline noisyturtle

  • * Exalted Elder
  • Posts: 6427
  • comfortably numb
Re: How to set avatar with no background?
« Reply #16 on: Sat, 28 June 2014, 00:43:51 »
God that's overcomplicated. Why not just magnetic lasso the edge of the image, then cut the image and paste it onto a transparent bg?
Logged

Offline C5Allroad

  • Formerly HUNTERANGEL121
  • Thread Starter
  • Posts: 1235
  • Location: Miami, FL
  • Watch out, I post when half asleep.
Re: How to set avatar with no background?
« Reply #17 on: Sat, 28 June 2014, 00:45:49 »
Quote from: noisyturtle on Sat, 28 June 2014, 00:43:51
God that's overcomplicated. Why not just magnetic lasso the edge of the image, then cut the image and paste it onto a transparent bg?
Well the way I did it, was unlock the layer in photoshop, select the background and press delete. Then forgot to resize it.
Logged

Offline rowdy

  • HHKB Hapster
  • * Erudite Elder
  • Posts: 21175
  • Location: melbourne.vic.au
  • Missed another sale.
Re: How to set avatar with no background?
« Reply #18 on: Sat, 28 June 2014, 01:15:04 »
Quote from: noisyturtle on Sat, 28 June 2014, 00:43:51
God that's overcomplicated. Why not just magnetic lasso the edge of the image, then cut the image and paste it onto a transparent bg?

Me?

I've tried all sorts of selection, but there is so much background noise in the photos that it is extremely difficult to get it to select just what I want.
Logged
"Because keyboards are accessories to PC makers, they focus on minimizing the manufacturing costs. But that’s incorrect. It’s in HHKB’s slogan, but when America’s cowboys were in the middle of a trip and their horse died, they would leave the horse there. But even if they were in the middle of a desert, they would take their saddle with them. The horse was a consumable good, but the saddle was an interface that their bodies had gotten used to. In the same vein, PCs are consumable goods, while keyboards are important interfaces." - Eiiti Wada

NEC APC-H4100E | Ducky DK9008 Shine MX blue LED red | Ducky DK9008 Shine MX blue LED green | Link 900243-08 | CM QFR MX black | KeyCool 87 white MX reds | HHKB 2 Pro | Model M 02-Mar-1993 | Model M 29-Nov-1995 | CM Trigger (broken) | CM QFS MX green | Ducky DK9087 Shine 3 TKL Yellow Edition MX black | Lexmark SSK 21-Apr-1994 | IBM SSK 13-Oct-1987 | CODE TKL MX clear | Model M 122 01-Jun-1988

Ị̸͚̯̲́ͤ̃͑̇̑ͯ̊̂͟ͅs̞͚̩͉̝̪̲͗͊ͪ̽̚̚ ̭̦͖͕̑́͌ͬͩ͟t̷̻͔̙̑͟h̹̠̼͋ͤ͋i̤̜̣̦̱̫͈͔̞ͭ͑ͥ̌̔s̬͔͎̍̈ͥͫ̐̾ͣ̔̇͘ͅ ̩̘̼͆̐̕e̞̰͓̲̺̎͐̏ͬ̓̅̾͠͝ͅv̶̰͕̱̞̥̍ͣ̄̕e͕͙͖̬̜͓͎̤̊ͭ͐͝ṇ̰͎̱̤̟̭ͫ͌̌͢͠ͅ ̳̥̦ͮ̐ͤ̎̊ͣ͡͡n̤̜̙̺̪̒͜e̶̻̦̿ͮ̂̀c̝̘̝͖̠̖͐ͨͪ̈̐͌ͩ̀e̷̥͇̋ͦs̢̡̤ͤͤͯ͜s͈̠̉̑͘a̱͕̗͖̳̥̺ͬͦͧ͆̌̑͡r̶̟̖̈͘ỷ̮̦̩͙͔ͫ̾ͬ̔ͬͮ̌?̵̘͇͔͙ͥͪ͞ͅ

Offline C5Allroad

  • Formerly HUNTERANGEL121
  • Thread Starter
  • Posts: 1235
  • Location: Miami, FL
  • Watch out, I post when half asleep.
Re: How to set avatar with no background?
« Reply #19 on: Sat, 28 June 2014, 01:16:25 »
Now that I get a chance to compare, I need to change my lighting lol
Logged

Offline rowdy

  • HHKB Hapster
  • * Erudite Elder
  • Posts: 21175
  • Location: melbourne.vic.au
  • Missed another sale.
Re: How to set avatar with no background?
« Reply #20 on: Sat, 28 June 2014, 01:36:17 »
Lighting makes a difference.

For the transparent keycaps, background makes a difference too.

I tried photographing the Drunken Skull against a white background (sheet of paper), and the skull part almost disappeared.

The image I ended up with was taken against a black background.

Experiment - with today's cameras you can take dozens of photos, and only keep the one that you like best.
Logged
"Because keyboards are accessories to PC makers, they focus on minimizing the manufacturing costs. But that’s incorrect. It’s in HHKB’s slogan, but when America’s cowboys were in the middle of a trip and their horse died, they would leave the horse there. But even if they were in the middle of a desert, they would take their saddle with them. The horse was a consumable good, but the saddle was an interface that their bodies had gotten used to. In the same vein, PCs are consumable goods, while keyboards are important interfaces." - Eiiti Wada

NEC APC-H4100E | Ducky DK9008 Shine MX blue LED red | Ducky DK9008 Shine MX blue LED green | Link 900243-08 | CM QFR MX black | KeyCool 87 white MX reds | HHKB 2 Pro | Model M 02-Mar-1993 | Model M 29-Nov-1995 | CM Trigger (broken) | CM QFS MX green | Ducky DK9087 Shine 3 TKL Yellow Edition MX black | Lexmark SSK 21-Apr-1994 | IBM SSK 13-Oct-1987 | CODE TKL MX clear | Model M 122 01-Jun-1988

Ị̸͚̯̲́ͤ̃͑̇̑ͯ̊̂͟ͅs̞͚̩͉̝̪̲͗͊ͪ̽̚̚ ̭̦͖͕̑́͌ͬͩ͟t̷̻͔̙̑͟h̹̠̼͋ͤ͋i̤̜̣̦̱̫͈͔̞ͭ͑ͥ̌̔s̬͔͎̍̈ͥͫ̐̾ͣ̔̇͘ͅ ̩̘̼͆̐̕e̞̰͓̲̺̎͐̏ͬ̓̅̾͠͝ͅv̶̰͕̱̞̥̍ͣ̄̕e͕͙͖̬̜͓͎̤̊ͭ͐͝ṇ̰͎̱̤̟̭ͫ͌̌͢͠ͅ ̳̥̦ͮ̐ͤ̎̊ͣ͡͡n̤̜̙̺̪̒͜e̶̻̦̿ͮ̂̀c̝̘̝͖̠̖͐ͨͪ̈̐͌ͩ̀e̷̥͇̋ͦs̢̡̤ͤͤͯ͜s͈̠̉̑͘a̱͕̗͖̳̥̺ͬͦͧ͆̌̑͡r̶̟̖̈͘ỷ̮̦̩͙͔ͫ̾ͬ̔ͬͮ̌?̵̘͇͔͙ͥͪ͞ͅ

Offline C5Allroad

  • Formerly HUNTERANGEL121
  • Thread Starter
  • Posts: 1235
  • Location: Miami, FL
  • Watch out, I post when half asleep.
Re: How to set avatar with no background?
« Reply #21 on: Sat, 28 June 2014, 13:03:46 »
Quote from: rowdy on Sat, 28 June 2014, 01:36:17
Lighting makes a difference.

For the transparent keycaps, background makes a difference too.

I tried photographing the Drunken Skull against a white background (sheet of paper), and the skull part almost disappeared.

The image I ended up with was taken against a black background.

Experiment - with today's cameras you can take dozens of photos, and only keep the one that you like best.
I tried on wood, didn't turn out too well, the sides of the cap were beige.

Tried against a black background, kinda okay, phone had trouble focusing.

Then found a book, Percy Jackson the Titans Curse, and the back of it is a shade of blue. Phone was focusing pretty well.

Stock Google Camera app doesn't really like focusing lol.
Logged

Offline rowdy

  • HHKB Hapster
  • * Erudite Elder
  • Posts: 21175
  • Location: melbourne.vic.au
  • Missed another sale.
Re: How to set avatar with no background?
« Reply #22 on: Sat, 28 June 2014, 19:44:40 »
Looking at two of the pictures I took of the Drunken Skull outside in natural light (but not bright sunlight) on the same day, the one on the black background looks better and actually looks more focussed too, using my little old point and shoot camera.

69372-0

69374-1

I suspect this one worked better because I chose a dark colour that contrasted with the lighter colour of the top of the Drunken Skull.

The opposite os blue is red - you could try photographing it against a red background, but I have a feeling that it will turn out looking purple :eek:
Logged
"Because keyboards are accessories to PC makers, they focus on minimizing the manufacturing costs. But that’s incorrect. It’s in HHKB’s slogan, but when America’s cowboys were in the middle of a trip and their horse died, they would leave the horse there. But even if they were in the middle of a desert, they would take their saddle with them. The horse was a consumable good, but the saddle was an interface that their bodies had gotten used to. In the same vein, PCs are consumable goods, while keyboards are important interfaces." - Eiiti Wada

NEC APC-H4100E | Ducky DK9008 Shine MX blue LED red | Ducky DK9008 Shine MX blue LED green | Link 900243-08 | CM QFR MX black | KeyCool 87 white MX reds | HHKB 2 Pro | Model M 02-Mar-1993 | Model M 29-Nov-1995 | CM Trigger (broken) | CM QFS MX green | Ducky DK9087 Shine 3 TKL Yellow Edition MX black | Lexmark SSK 21-Apr-1994 | IBM SSK 13-Oct-1987 | CODE TKL MX clear | Model M 122 01-Jun-1988

Ị̸͚̯̲́ͤ̃͑̇̑ͯ̊̂͟ͅs̞͚̩͉̝̪̲͗͊ͪ̽̚̚ ̭̦͖͕̑́͌ͬͩ͟t̷̻͔̙̑͟h̹̠̼͋ͤ͋i̤̜̣̦̱̫͈͔̞ͭ͑ͥ̌̔s̬͔͎̍̈ͥͫ̐̾ͣ̔̇͘ͅ ̩̘̼͆̐̕e̞̰͓̲̺̎͐̏ͬ̓̅̾͠͝ͅv̶̰͕̱̞̥̍ͣ̄̕e͕͙͖̬̜͓͎̤̊ͭ͐͝ṇ̰͎̱̤̟̭ͫ͌̌͢͠ͅ ̳̥̦ͮ̐ͤ̎̊ͣ͡͡n̤̜̙̺̪̒͜e̶̻̦̿ͮ̂̀c̝̘̝͖̠̖͐ͨͪ̈̐͌ͩ̀e̷̥͇̋ͦs̢̡̤ͤͤͯ͜s͈̠̉̑͘a̱͕̗͖̳̥̺ͬͦͧ͆̌̑͡r̶̟̖̈͘ỷ̮̦̩͙͔ͫ̾ͬ̔ͬͮ̌?̵̘͇͔͙ͥͪ͞ͅ

Offline C5Allroad

  • Formerly HUNTERANGEL121
  • Thread Starter
  • Posts: 1235
  • Location: Miami, FL
  • Watch out, I post when half asleep.
Re: How to set avatar with no background?
« Reply #23 on: Sun, 29 June 2014, 01:39:55 »
That's funny. I thought about green, and red.
I don't have anything red in the house lol.
I had a giant red poster board before I wanted to take the pictures lol.
Logged

Offline paicrai

  • Actually a Jane Austen novel
  • * Destiny Supporter
  • Posts: 470
  • Location: sun stuff
  • mindblank
Re: How to set avatar with no background?
« Reply #24 on: Sun, 29 June 2014, 10:20:49 »
wow you noobs just trace the ip of the background and hack it off
#rekt



(sorry)
Logged
THE FEMINIST ILLUMINATI

Quote from: Halverson on Fri, 13 March 2015, 04:28:36
I will literally **** you raw paicrai, I hope you're legal by the time I meet you.
👌👀👌👀👌👀👌👀👌👀 good **** go౦ԁ ****👌 thats ✔ some good👌👌**** right👌👌th 👌 ere👌👌👌 right✔there ✔✔if i do ƽaү so my selｆ 💯  i say so 💯  thats what im talking about right there right there (chorus: ʳᶦᵍʰᵗ ᵗʰᵉʳᵉ) mMMMMᎷМ💯 👌👌 👌НO0ОଠＯOOＯOОଠଠOoooᵒᵒᵒᵒᵒᵒᵒᵒᵒ👌 👌👌 👌 💯 👌 👀 👀 👀 👌👌Good ****

Offline Frenir

  • HHKB Viking
  • Posts: 597
  • Location: Danmörk
Re: How to set avatar with no background?
« Reply #25 on: Sun, 29 June 2014, 10:53:06 »
Quote from: paicrai on Sun, 29 June 2014, 10:20:49
wow you noobs just trace the ip of the background and hack it off
#rekt



(sorry)
You're slowly turning into the Dedsec version of microsoft windows.
Logged

Offline paicrai

  • Actually a Jane Austen novel
  • * Destiny Supporter
  • Posts: 470
  • Location: sun stuff
  • mindblank
Re: How to set avatar with no background?
« Reply #26 on: Sun, 29 June 2014, 11:12:16 »
Quote from: Frenir on Sun, 29 June 2014, 10:53:06
Quote from: paicrai on Sun, 29 June 2014, 10:20:49
wow you noobs just trace the ip of the background and hack it off
#rekt



(sorry)
You're slowly turning into the Dedsec version of microsoft windows.
i have spreadsheets with very bad words in them and i'm not afraid to use them, back off m8
Logged
THE FEMINIST ILLUMINATI

Quote from: Halverson on Fri, 13 March 2015, 04:28:36
I will literally **** you raw paicrai, I hope you're legal by the time I meet you.
👌👀👌👀👌👀👌👀👌👀 good **** go౦ԁ ****👌 thats ✔ some good👌👌**** right👌👌th 👌 ere👌👌👌 right✔there ✔✔if i do ƽaү so my selｆ 💯  i say so 💯  thats what im talking about right there right there (chorus: ʳᶦᵍʰᵗ ᵗʰᵉʳᵉ) mMMMMᎷМ💯 👌👌 👌НO0ОଠＯOOＯOОଠଠOoooᵒᵒᵒᵒᵒᵒᵒᵒᵒ👌 👌👌 👌 💯 👌 👀 👀 👀 👌👌Good ****

Offline Kayla

  • Posts: 196
  • Location: Somewhere, Canada
  • :3
Re: How to set avatar with no background?
« Reply #27 on: Sun, 29 June 2014, 14:38:07 »
Add alpha channel.
Wand out the background. Hit delete.
BG turns to grey and white checker pattern which means transparent.
Save as png.
??????
Profit.
Logged
Pages:  [1]     Go Up
« previous next »