PDA

View Full Version : How To Avoid Distorted Avatars And Level Patches When Using Custom Stickers



Aya042
03-03-2010, 09:31 PM
Introduction

N.B. This only applies to level badges when viewed in LBP1. Both LBP2 and lbp.me leave the aspect ratio unchanged.

This came up some time ago on the LBW forums (http://forums.littlebigworkshop.com/lbp/board/message?board.id=pod&thread.id=113903), but I haven't seen it mentioned here, and it's very useful, so here goes.

You might have noticed that when you try to use a custom sticker (excluding PS Eye images) as an avatar or level patch, it gets squished in the horizonal axis. This is because custom stickers have a 16:9 aspect ratio, but avatar and level patches have a 1:1 aspect ratio. Fortunately, there's an easy way around this.


Method

Let's assume you want to use the following image as your avatar or level patch...

http://www.lbpcentral.com/forums/attachment.php?attachmentid=13859
It's.... me! Hurrah!

1. Go into Create Mode.
2. Turn on Small Grid mode.
3. Create a one layer thick block of Dark Matter, 8 units wide by 4 units high.
4. Change the brush to a 1x1 size, go to the middle of the second row just above the center, and cut away the 2 innermost squares in a horizontal line.
5. You should now have a shape that looks like...

http://www.lbpcentral.com/forums/attachment.php?attachmentid=13860
The Aspect Ratio Correction Block

6. Leaving Small Grid mode on, when place your custom sticker in the middle of this shape, it exactly snaps to the right angle to stretch it to a 16:9 ratio.

http://www.lbpcentral.com/forums/attachment.php?attachmentid=13857
Where's my head?

7. Now fill in the hole, and change the material to cardboard or glass, or whatever material you prefer for taking pictures on.

http://www.lbpcentral.com/forums/attachment.php?attachmentid=13858
I'm all stretchy

8. Switch to Front View and take your photo.

http://www.lbpcentral.com/forums/attachment.php?attachmentid=13856
It worked!

Now when you use this photo as either an avatar or level patch, it should look exactly correct. Note that there will be some quality loss when you take a photo of a photo, but it might be preferable to squishy pictures - the choice is yours. :p

rtm223
03-03-2010, 09:34 PM
Hmmmm, I just use a square of rubber then corner edit out, pretty sure the hole in the middle does the same thing. Thats how my avatar on LBP looks so poifect :D

I was gonna post this, but I couldn't find the link to give credit and then I forgot about it. Is something a lot of people will benefit from I'm sure.

Incinerator22
03-03-2010, 09:37 PM
That's genius! Thanks for sharing.

Kern
03-03-2010, 09:41 PM
I just zoom in on my sackboy...

Aya042
03-03-2010, 09:51 PM
Hmmmm, I just use a square of rubber then corner edit out, pretty sure the hole in the middle does the same thing.

Yep. The link to the original thread suggests a similar method, I just found it too hard to get the right angle with grid mode off, so this makes it a lot easier.



I just zoom in on my sackboy...

I don't see how that helps with aspect ratio correction.

rtm223
03-03-2010, 09:57 PM
I just zoom in on my sackboy...
I don't see how that helps with aspect ratio correction.

I assume he zooms in so far that you can't see any details.... then aspect ratio becomes a moot point :)

Incinerator22
03-03-2010, 10:00 PM
Lemme get this straight though. Making a hole and the filling it in glitches the photo so that the proportions change?

Holguin86
03-03-2010, 10:13 PM
Rtm could you explain your method? I didn't quite get what you're on about :)

Aya042
03-03-2010, 10:17 PM
I assume he zooms in so far that you can't see any details.... then aspect ratio becomes a moot point :)

Ahh. Yes. That's much easier. :)



Lemme get this straight though. Making a hole and the filling it in glitches the photo so that the proportions change?

You should read the original LBW thread I linked to in the first post. It's more the fact that placing a sticker on the edge of a material causes it to stretch to various different ratios, depending on exactly where you place it. The hole in the middle approach just allows the same trick to work in grid mode, and always selects the correct ratio. It's just a fortunate coincidence.



Rtm could you explain your method? I didn't quite get what you're on about :)

I assumed he meant the original method I linked to in the first post, but I could be wrong.

rtm223
03-03-2010, 10:20 PM
Yeah is pretty much the method in the linked post. I think. I did it from memory and just hacked around until I got it right.

M_R_Enigma
03-04-2010, 07:24 AM
Sounds great. I'll give it a shot later on.

Sehven
03-05-2010, 10:57 PM
Wow, that's awesome. I've got a new avatar in lbp now (my Optimus Prime costume that I use as my avatar here) and I've got a shiny new level icon for my wip pinball level. Thanks.

Asbestos101
03-05-2010, 11:17 PM
If they patched in the ability to take pictures as a square, life would be so much easier, lol :)

Sehven
03-06-2010, 08:55 AM
Does seem like a pretty big oversight. Plus you lose a bit when you take a picture of a picture, but oh well.

comphermc
03-10-2010, 04:25 PM
Moved to Tutorials.

:)

onturenio
03-12-2010, 09:48 AM
Great idea. I'll use it for sure. Thank you!

midnight_heist
04-05-2010, 11:34 AM
This is great. I used it for my circular logo.
I just stuck the sticker on the angle of just the bottom edge of a piece of dark matter. Then just extend the corners. No need to cut a hole in it or anything.
:D

Aya042
04-05-2010, 02:15 PM
I just stuck the sticker on the angle of just the bottom edge of a piece of dark matter. Then just extend the corners. No need to cut a hole in it or anything.

Really? Did you do this in grid mode, or no grid? Cos I found with no grid there were several different angles it could stick at, only one of which was the right one to stretch to the right ratio, and with grid mode, it wouldn't let you stick to the edge.

Enjay
08-11-2010, 05:47 AM
Thank you so much for this! I was looking for something exactly like this, and I saw your signature in a random thread!

So much thanking right now!

midnight_heist
08-11-2010, 10:22 AM
Really? Did you do this in grid mode, or no grid? Cos I found with no grid there were several different angles it could stick at, only one of which was the right one to stretch to the right ratio, and with grid mode, it wouldn't let you stick to the edge.

No grid. It worked easily for me. Maybe I just got lucky?
I only needed to do it that one time, I haven't experiemented any further. I'll have a play around when I get on LBP.

eagerneph
08-20-2010, 04:35 PM
Thanks for the tutorial man!

Joshua
08-20-2010, 04:47 PM
have a look at my modification tutorial it significantly improves picture quality

grayspence
08-24-2010, 08:13 PM
Wait. so does this only work for pictures alerady taken, Or could I just make my logo/avatar out of stickers directly on the material, after I do the method?

midnight_heist
08-24-2010, 10:27 PM
Wait. so does this only work for pictures alerady taken, Or could I just make my logo/avatar out of stickers directly on the material, after I do the method?
You take a photo of the logo normally, stick it on DM edge, corner edit + change material, then re-take the photo.

Kaumy
08-24-2010, 11:15 PM
What I did! It is ...
O my God, is very useful!
Thanks for the tutorial, I like this community, I will continue looking at other tutorials :)

Greetings :D

TheSackboy
12-31-2010, 03:41 PM
Cheers for the information, i hate making level icons where you have to take tons of pictures just to get the right shape. No it will be easier thanks!

warlord_evil
12-31-2010, 04:11 PM
Just a note to anyone using this glitch, as helpful as it was, distorting the icon in LBP1 will make the version on LBP.me look far too stretched. However, in LBP2, the icon will appear fine without any glitches, both in the game and on LBP.me. :)

Lockstitch
12-31-2010, 04:29 PM
Hmmm. Is that for sure... I noticed that but was waiting to "un fix" my level badges until lbp2 came out.

Aya042
12-31-2010, 07:21 PM
Just a note to anyone using this glitch, as helpful as it was, distorting the icon in LBP1 will make the version on LBP.me look far too stretched. However, in LBP2, the icon will appear fine without any glitches, both in the game and on LBP.me. :)

Yeah, I'm hoping they backport a patch into LBP1 so it's consistent, but they may not bother. All mine are currently set up to look correct in LBP1, so I'll probably just change 'em after LBP2 is out.

Jayhawk_er
01-01-2011, 10:22 PM
Extremely useful, but it is a little bothersome with all the stretching it does on LBP.me, that will now affect the integration with level showcase as well.

Thanks for the tutorial anyway Aya! :)

FLAWLESS303
01-14-2011, 02:57 AM
instead of using a regular pic, i use a thing that gives you a color outline before the zipper, then in the center you put you desired picture. i use a photo booth thing to take a picture of it so it comes out just right every time. check out some of my levels' logos that have it and you might understand better.

Askingalexandria
01-17-2011, 09:01 PM
Thanks it kinda helped considering my friend needed help doing tht today lol ya but thanksies

pivottt
01-23-2011, 05:19 AM
Yeah, I used it loads of times, thanks. I even put it in a tutorial level, but no one play them now with lbp2.
LBP2 cuts the edges of pics instead of shrinking.

gadoidao
02-05-2011, 11:03 AM
would it work to just change the world camera? to distort the image, (lbp2 feature)?

Aya042
02-05-2011, 06:59 PM
would it work to just change the world camera? to distort the image, (lbp2 feature)?

This doesn't really apply to LBP2, or lbp.me - those both display the image in the correct aspect ratio. It only applies when viewing the badge in LBP1, which unfortunately means it's not possible to build a badge that has the correct ratio in both LBP1 and LBP2.

FlipMeister
02-06-2011, 02:19 PM
There is, however, something that I have noticed recently. Is it me or do level links display the old, squished aspect ratio?

Aya042
02-06-2011, 02:39 PM
There is, however, something that I have noticed recently. Is it me or do level links display the old, squished aspect ratio?

Yeah - I noticed that too. Fortunately if they look really bad, you can conceal them and trigger them with a switch instead.

alexgangsta4
02-27-2011, 09:07 AM
Introduction

N.B. This only applies to level badges when viewed in LBP1. Both LBP2 and lbp.me leave the aspect ratio unchanged.

This came up some time ago on the LBW forums (http://forums.littlebigworkshop.com/lbp/board/message?board.id=pod&thread.id=113903), but I haven't seen it mentioned here, and it's very useful, so here goes.

You might have noticed that when you try to use a custom sticker (excluding PS Eye images) as an avatar or level patch, it gets squished in the horizonal axis. This is because custom stickers have a 16:9 aspect ratio, but avatar and level patches have a 1:1 aspect ratio. Fortunately, there's an easy way around this.


Method

Let's assume you want to use the following image as your avatar or level patch...

http://www.lbpcentral.com/forums/attachment.php?attachmentid=13859
It's.... me! Hurrah!

1. Go into Create Mode.
2. Turn on Small Grid mode.
3. Create a one layer thick block of Dark Matter, 8 units wide by 4 units high.
4. Change the brush to a 1x1 size, go to the middle of the second row just above the center, and cut away the 2 innermost squares in a horizontal line.
5. You should now have a shape that looks like...

http://www.lbpcentral.com/forums/attachment.php?attachmentid=13860
The Aspect Ratio Correction Block

6. Leaving Small Grid mode on, when place your custom sticker in the middle of this shape, it exactly snaps to the right angle to stretch it to a 16:9 ratio.

http://www.lbpcentral.com/forums/attachment.php?attachmentid=13857
Where's my head?

7. Now fill in the hole, and change the material to cardboard or glass, or whatever material you prefer for taking pictures on.

http://www.lbpcentral.com/forums/attachment.php?attachmentid=13858
I'm all stretchy

8. Switch to Front View and take your photo.

http://www.lbpcentral.com/forums/attachment.php?attachmentid=13856
It worked!

Now when you use this photo as either an avatar or level patch, it should look exactly correct. Note that there will be some quality loss when you take a photo of a photo, but it might be preferable to squishy pictures - the choice is yours. :p

Front view? *Sigh* So that's why!

LG65
03-02-2011, 04:33 AM
Solid tutorial, Aya! I definitely will use this when I show my two Sackpeople for my levels (see "Magic Tree House in LittleBigPlanet")!

MegaNarwhal
08-15-2011, 11:32 PM
To fix the aspect ratio on level links you can just put the sticker that you used for the badge on the level link and it looks better.