Digitally Distinct: Signature Tutorial Thread

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

Re: Digitally Distinct: Signature Tutorial Thread

Postby agile » Sun Feb 01, 2015 12:20 am

@Chocco

Go to Online Image Editor and go to blood fill transparency. This takes basically a minute.
Image
she/her

たくさんの日本語の勉強していても、まだ上手にならなかった…
しかし、私にメッセージを書かない? ʕ·ᴥ·ʔ
私はもっと学びたいから!ありがとう~!


watching: fruits basket | playing: OW2 | listening: j-rock
User avatar
agile
 
Posts: 5667
Joined: Thu Apr 03, 2014 8:35 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Flossie » Sun Feb 01, 2015 12:38 am

How do I make my text transparent? I'm not sure and I want to make this transparent the x's ▃▃▃▃▃▃▃▃▃▃▃▃▃
╔xxxxxxxxxxxxxxxxxxxxx╗

╚xxxxxxxxxxxxxxxxxxxxx╝
▃▃▃▃▃▃▃▃▃▃▃▃▃
Image
User avatar
Flossie
 
Posts: 17221
Joined: Tue Oct 14, 2014 9:23 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby suo » Sun Feb 01, 2015 12:43 am

Catz. wrote:How do I make my text transparent? I'm not sure and I want to make this transparent the x's ▃▃▃▃▃▃▃▃▃▃▃▃▃
╔xxxxxxxxxxxxxxxxxxxxx╗

╚xxxxxxxxxxxxxxxxxxxxx╝
▃▃▃▃▃▃▃▃▃▃▃▃▃


    the color code; [ color=transparent] is used for making any text transparent,if that makes any sense.
    it also is stated in the text manipulation section of the thread which is right here my little kohai.
    here is an example.

    xxxxxxxxxxxxxxxxxxxxxxx
    i don't know if this helps
    you,but hey,i tried.
    xxxxxxxxxxxxxxxxxxxxxxx
User avatar
suo
 
Posts: 2820
Joined: Wed Mar 19, 2014 5:30 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Flossie » Sun Feb 01, 2015 12:50 am

Thank you very very much!
Image
User avatar
Flossie
 
Posts: 17221
Joined: Tue Oct 14, 2014 9:23 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Enuri » Sun Feb 01, 2015 12:57 am

PIXLR PROJECT
The most useless-looking tool could make your signature shine.

------------------------------------

Welcome! Of The Falls and I have decided to make the Pixlr Project.
Anyone can make a tutorial where they can show how to use the tool.
To be added to the Table of Contents, it must be approved by
Of The Falls.


------------------------------------

Tool No. 1= The Eraser Tool. Image

Now everyone likes the eraser tool, and it has been crucial in the Removing background
tutorial. The eraser can also aid you in making your signature look better- but how?

1= Create shapes
You heard me. Well- you saw my text!
Creating shapes with eraser is possible. Take a look at what I made.
Image

How did I do that you ask? Well, first, make sure that you have clicked on the eraser, and then look at the top, and click that. This is what should appear.
Image
There are many shapes, and you can use that to make your images look better. Looking over to the right, I have circled the ''Create brush'' option. If you click that, you can make your own brush, and it looks something like this:
Image
Go ahead! Be creative. If you don't want to make your own brush, there are shapes already made for you.

Alright, now, lets get these shapes onto our image. Before you do anything, look up at your main box on the top, and click File. Once you have clicked File, click the option New image, and tick off transparent, and make the measurements same as your image. Below will show you how to do it.
ImageImage
Then, click okay. This is what mine looks like.
Image

Alright. Now, click on your non-transparent image, then go up to the main box. Click Select all. Once you have, a dotted line should appear around your non-transparent image.
Image

Alright, now, looking up on the same bar, you shall find the ''Copy'' option. Click that.
Now, go over to your transparent image and click it, then go up to edit and click Select All again. Then, on the same bar (The Edit bar) Click paste. Viola! You have moved the non-transparent image into your transparent image. Now, looking over at your Layers box, make sure that the transparent layer is under your non-transparent image. This is what my Layers look like:
Image

Okay. So, now, lets go back to our eraser and click the box again. Choose the shape you want, and edit it. There are a lot of options, like resizing the eraser, or spacing, or hardness.
Spacing: Let's say you set your spacing to 10 pixels. That means that as you drag the eraser tool over a space, it will actually erase at every 10 pixels it comes to. If you set spacing to 100, you will definitely see the difference because there would be big gaps of 100 pixels between your eraser marks.
Hardness: This mostly applies to the eraser brushes that have the faded edges. If you set it with a high hardness, there will be less of that faded edge and more of the eraser would be solid. If you set it to low hardness, then the opposite would happen.
(Credit to Of The Falls for explaining the meanings to me.)
Image

Final step. Make sure that on the layers, your non-transparent image is highlighted. Once you have, start click on your image, erasing the image's selected area. Like, my eraser shape is a star, and when I click on my image, it creates a star hole. Do you get what I mean? Place as many shapes you want on your image.
Image
Then, go up to File on the main box, and click save it as a PNG image. Now go upload your image onto an image hosting website, and there you go! That is one creative way to use the eraser.
Image


Remember guys, the eraser is a very, very important tool. Check out Off The Fall's Tutorial about removing backgrounds. The eraser plays a big role in removing the background.
Image
Last edited by Enuri on Sun Feb 01, 2015 2:07 am, edited 2 times in total.
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: Image Manipulation

Postby Falls » Sun Feb 01, 2015 1:01 am

If you haven't read about the Pixlr Project yet, click here.

...

I highly suggest that those involved in the wolf image conversation read the tutorial about removing backgrounds. Any one of those wolf pictures could have have had their backgrounds cleanly removed.

Of The Falls wrote:How to Remove Image Backgrounds:
    Click the picture to be taken to a tutorial on how to make any image have a transparent background.

    How to do it on OIE or Pixlr
    (by Of The Falls)
    Image


Chichamster350 wrote:
Could I please reserve a spot for making borders? Thanks ^w^

That's not quite how it works. There needs to be an actual tool that you write about. In the case of borders, you would actually make a tutorial on the marquee tool. You'd say where it is, the basics of how you use it, and then you'd say that this tool can be used to make borders to weave in and out of the picture (and you'd probably link to the weaving tutorial there too).
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 Dreamie » Sun Feb 01, 2015 1:08 am

How much space do I leave behind for the middle when I'm making my siggy?
User avatar
Dreamie
 
Posts: 8158
Joined: Sun May 11, 2014 11:38 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Falls » Sun Feb 01, 2015 1:47 am

Your sig can be 700 pixels wide at the maximum.
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 Dreamie » Sun Feb 01, 2015 2:06 am

Not that.. I'm just wondering how big of a space do I leave in the middle?
User avatar
Dreamie
 
Posts: 8158
Joined: Sun May 11, 2014 11:38 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Falls » Sun Feb 01, 2015 2:25 am

That depends on how much text you want. Start with 200 pixels and see where that gets you.
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

Who is online

Users browsing this forum: Scarlet Janefox and 3 guests