Digitally Distinct: Signature Tutorial Thread

Need help with the site/forum/pets? Ask questions and get help from other members here.

How to make a 3D edit on Pixlr Editor.

Postby Enuri » Tue Jan 13, 2015 3:59 am

So Today I'll teach you how to make a 3D effect on Pixlr Editor.
This is the finished product.
Image
This is how it would look with the background (I chose another picture)
Image
Now, first, choose your picture. If you want a transparent background pic, then use your wand tool. I'll be making mine transparent background, although it looks much better with the background. I chose the picture of Ariana Grande.

This is what my picture looks like.
Image
1) Now, click on your image's layer. Then, go to layer and click duplicate layer. Duplicate it two times, until you have 3 layers of your image. I will name one duplicate red layer, while the I name the other layer the green layer, just so we don't get confused.
Image
What the Layers should look like (Though Layer 1 could have a lock next to it.)
Image
2)Now, if you look down on the previous image, you'll see a small image that looks like a note. It is beside the the garbage icon. Click that to create two, empty transparent layers. Move your layers so it would look like this.
Image
(Let's call these two layers Layer 9 and Layer 10. I also pointed out what is the small note icon.)
3)Now, if you're looking for a 3D effect like mine, use the colors I use. I will go over and choose the color red, a slightly dark one. Using the Paint bucket tool,(Image) I click on the image. I made sure that layer 9 was highlighted with blue in the layers section. (Or one of your transparent layers were highlighted)
This is how it should look like:
ImageImage
Now I will repeat this step with Layer 10, but with the color green instead of red. Note: The green is sorta a light blue-ish green color. This is how my layers look like.
Image
4)Follow the image below:
Image
Once you have click it, that will open up. Scroll down until you find screen, and click on that. Again, make sure that the transparent layer is highlighted blue. I have done this to layer 9.
This is what it shall look like: I have also moved layer 9 to the top of a duplicate so I could show you. Also, I have ticked off the box of layer 10 so the effect would be visible.
Image
Now repeat this step for Layer 10. (Or your second transparent layer).
5) Now, make sure that your layers are in the right order. Once you have, click on a layer (red or green ones) and make sure it is highlighted blue, then go up to Layer, and click Merge down.
Image
This will combine Layer 9 and a duplicate together. This is how it looks like; I have also repeated the step on Layer 9.
Image
6) We're almost done! Go back to the two arrows icon (Image) and click it. Select the option ''Darken''.
(If you are doing a non transparent-background picture, skip step 7.)
7) As you can see, the background of Layer 9 and Layer 10 still contain the color after clicking Darken. Simply check off the other layer's ticks. Doing this is vital, so if you don't do it, then you're going to cut off important parts.
Here's what it should look like. (Also, a glitch happened with my checkbox, so the check for the red layer looks like it's still there, but it's not.)
Image
Now use your Magic Wand tool so you can remove the background. If there are bits of the color left after using the magic wand tool, remove it using the Lasso tool. If you don't know how to use the Magic tool or the Lasso tool, Google it. This is what it looks like after removing the background:
Image
I have also removed the background of the red one.
8) Last step! Now, you can move your layers around, and making it into a perfect image that looks 3D. I have moved my red to the right and green to the left.

All Done!
Thank you so much for reading this, and I hope that this has helped you.
Also, keep in mind that you can do any color, and have more than 2 layers.
Be Creative!
Image
Image
Image
--- T H E xF R E S H ---
Image
Image
Image
Image











Image











────────────────
----- -----
────────────────
Image
Image











Image
User avatar
Enuri
 
Posts: 4826
Joined: Tue Dec 24, 2013 3:02 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby gwanu » Tue Jan 13, 2015 4:04 am

Of The Falls wrote:Another email from OIE's people:

I find it a bit difficult to see with those 2 images. If you can send me a 'background' image and and image you want to put on top where this occurs, i can maybe reproduce it.
Because for fixing it, i need to be able to reproduce the problem...

Would anyone be able to give me the raw images that you used to make your overlay that ended up glitching and turning black?

I have the pictures that I sent! I had copies of everything. Would that be fine? I can PM them to you.
Image
Image
xxxxxxxxxxxxxxxxxxx
Greetings, I happen to be the
mad knight and you've
stumbled upon my profile.

xxxxxxxxxxxxxxxxxxx
Image
female • INTP • eru
Most call me Gwanu.
I love fictional characters.
I'm a rather nice person.

________________________
maki ari noya
Image
Image
Image
User avatar
gwanu
 
Posts: 3335
Joined: Thu Nov 07, 2013 8:48 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Mikani » Tue Jan 13, 2015 10:05 am

marking! thank you so much for making this. i'm new to bb-coding and this will help so much
Image
Image
Image
Image

Image

xxxxxxxxxxxxxxxxxxxxx
➡Hey! I'm Mikasa! I'm one half
of this hellish profile! Touch
Eren or annie and your dead.
Also, I am currently looking
to be mods for species, roleplays, etc.
PM me with the subject
being 'mod request.'Iqena Plumies!
My Theme Song Fave game
xxxxxxxxxxxxxxxxxxxxx[
User avatar
Mikani
 
Posts: 205
Joined: Tue Jan 13, 2015 9:42 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Falls » Tue Jan 13, 2015 1:08 pm

gwanu wrote:
Of The Falls wrote:Another email from OIE's people:

I find it a bit difficult to see with those 2 images. If you can send me a 'background' image and and image you want to put on top where this occurs, i can maybe reproduce it.
Because for fixing it, i need to be able to reproduce the problem...

Would anyone be able to give me the raw images that you used to make your overlay that ended up glitching and turning black?

I have the pictures that I sent! I had copies of everything. Would that be fine? I can PM them to you.

Yes please!
xxxxxxxxxxxxxxxxxxxxxxxxx
Image
﴾ Ғαℓℓs ﴿

CS Status:
semi-inactive

Coding Help:
click here

Sig Requests:
closed

Emergency?
Image

xxxxxxxxxxxxxxxxxxxxxxxxxI'llxalwaysxacceptxPMsxandxhelpxrequestsxfromxfriendsxandxoldxacquaintances.
User avatar
Falls
 
Posts: 11399
Joined: Wed Aug 04, 2010 1:24 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Zish » Tue Jan 13, 2015 1:10 pm

All these new tutorials are amazing; thanks so much everyone! This thread has been the biggest lifesaver, I can't express my gratitude. ;w;

//On another note, what does everyone think of my new siggy, honestly? It probably took around 5+ hours to make, but that's just because I'm kinda a n00b. >w< I've been debating whether to add a silhouette to the background of the image on the right, and some other tweaks but I think I've decided against it. I dunno, though... anyways, thoughts, tips, suggestions? They will be very appreciated. cx
Image
Image
Image
xxxxxxxxxxxxxxxxxxxxxxxx
Artist ● Furry ● Damian
Therian ● Christian ● ISTJ
▬▬▬▬✗▬▬▬▬
Furcadia: Eclipse Moonflower
Talk fandom with me... ♡
(✿♥ω♥) cutest cutie
▬▬▬▬✗▬▬▬▬
I'm so far back in the closet,
I can be found in Narnia.
DCFAFRCharries
xxxxxxxxxxxxxxxxxxxxxxxx
Image
User avatar
Zish
 
Posts: 7125
Joined: Mon Jun 30, 2014 1:50 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Dylan Klebold » Tue Jan 13, 2015 1:13 pm

@above Aaaaa I really like the colors you chose ;u;

--

Tadashi Hamada wrote:
Tadashi Hamada wrote:I made a new signature, whoop.

Thoughts? uvu;


iwi
Dylan Klebold
 
Posts: 19857
Joined: Mon Apr 04, 2011 12:18 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby lofiii » Tue Jan 13, 2015 1:46 pm

So I have a very simple signature,
does anyone have any suggestions
for it? Thanks ^^
User avatar
lofiii
 
Posts: 3592
Joined: Fri Apr 11, 2014 10:00 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby kae. » Tue Jan 13, 2015 1:48 pm

https://join.me/itachigirl

eyyyy doing a siggy stream
doing tokyo ghoul them sig :3
███
███
███
███
███
███
███
Image
____________
_______

• • • • • • • • • • • •
───────speak in──
F L O W E R S
──Please ───────────
• • • • • • • • • • • •
____________
──── ────
Be so full that even
if they take & take

──────────

──── ────
You can still
be overflowing

──────────
███
███
███
███
███
███
███
User avatar
kae.
 
Posts: 20791
Joined: Fri Dec 13, 2013 3:37 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby homelander » Tue Jan 13, 2015 1:51 pm

how is meh updated sig
[left][img]http://i.imgur.com/sXT8Mxr.png[/img][/left][left][center][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQ0LmU3MDgwOC5VMmx1LjAA/art-dystopia.regular.png[/img]
╭[color=transparent]xxxxxxxxxxx[/color]╮
[size=85]start from here[/size]
╰[color=transparent]xxxxxxxxxxx[/color]╯[/center][/left][left][img]http://i.imgur.com/tZC3i5D.gif[/img][img]http://i.imgur.com/xLUPrpE.png[/img][/left]
User avatar
homelander
 
Posts: 7722
Joined: Sat Sep 20, 2014 2:04 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby kae. » Tue Jan 13, 2015 2:10 pm

eyy I also forgot to mention a really good way to help blurriness is to adjust the zoom out on the computer screen and take a picture of the omag you want after wise, it works really well other than the fact it wont work with anything transparent ovo
███
███
███
███
███
███
███
Image
____________
_______

• • • • • • • • • • • •
───────speak in──
F L O W E R S
──Please ───────────
• • • • • • • • • • • •
____________
──── ────
Be so full that even
if they take & take

──────────

──── ────
You can still
be overflowing

──────────
███
███
███
███
███
███
███
User avatar
kae.
 
Posts: 20791
Joined: Fri Dec 13, 2013 3:37 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Who is online

Users browsing this forum: Lunarrmoth and 2 guests