Jump to content


- - - - -

Floating Box Sig


  • You cannot reply to this topic
1 reply to this topic

#1 getfirefox

    Young Padawan

  • Members
  • Pip
  • 1 posts

Posted 11 August 2006 - 11:39 AM

This tutorial is originally for The GIMP. Could some one please write one or transfer this one for use in Photoshop? Thankyou, here is the tutorial.


Creating a Box Sig In The GIMP

Outcome:

Posted Image


In this tutorial, I’ll show you create the above signature in my style. It’s not as popular as it used to be, but it’s still a very neat style. Plus, it’s really easy to create, especially using the steps in this handy, dandy guide.



The reason I call this Fencepost Style is that I’ve never seen it done like this before. Maybe it has been and I’m just not aware of it. But, I’m not trying to insinuate that it’s never been done before or that my name needs to be associated with it. It’s just name I’m giving it for the purposes of this tutorial.



The only way I’ve seen explained is to cut the signature up into little pieces, place them on their own layer and work with them individually. It’s a good way, but not the most efficient one. Here’s the way I’ve come up with.



I know it looks like a lot of steps, but this is made so a complete newbie can make a fine looking box signature, without a lot of pain!



Let’s begin!

Step 1:



Open your sig in GIMP. (File Menu | Open)



I’ll be using this one

Posted Image

Step 2:



Add a new, transparent layer above your sig layer (Background) and click on it so that the new layer is made active, similar to what you see in the Layer Dialog Window image to the right.



If you don’t have the Layer Dialog Window open, go to the Dialogs Menu and Select “Create New Dock” & Choose “Layers, Channels & Paths”

Posted Image

Step 3:



Double-click the Rectangle Selection Tool to open the Options window for it and click on the “Add to Current Selection” Button as shown.

Posted Image

tep 4:



On the new layer, start making rectangular selections. I like to start by selecting those things that will be placed at the top of the sig. It’s just a personal preference.



Since, I want the sprite to be a focal point, I’ve got a nice box placed around it.



Your sig should look similar.

Posted Image

Step 5:



Now, make one of your color swatches black (it doesn’t really matter which one) and click and drag the black color onto the new layer.

Posted Image

Your results should look something like this:

Posted Image

Step 6:



Now, the outline of the black boxes should still be selected. However, if it isn’t, right click on the new layer choose “Alpha to Selection.” This will select the outline of the black boxes.



Step 7:



Go to the Select Menu and Choose “Shrink…” and make the value 1. Select “OK.”
Step 8:



Highlight the background layer like the image to the right. Copy (Ctrl+C) and Paste (Ctrl+V) the selected contents.





The Layer Dialog Window should resemble the image to the right.





Before you can work with the pasted layer, you must add it to its own layer. To do this, click the “New Layer” Button at the bottom of the Layer Dialog Window.

Posted Image

Posted Image

Posted Image

Step 9:



Click on the black layer and go to the Script-FU menu, choose Shadow, then Drop Shadow…and change the settings as follows. This is just what I’m using. Experiment for yourself and see what looks best to you

Posted Image

Here’s a screenshot of the order of my layers…

Posted Image

This is my result so far. I’ve turned the background layer off so you could see it without any difficulty.

Posted Image

Step 10:



Repeat steps 2 -9 as many times as you want. Don’t worry about overlapping your new selections with your old, like that shown to the right. It adds depth to the final product.

Posted Image


Here’s a sample screenshot of the selection above filled with black.

Posted Image

And a final screenshot showing how I’ve ordered my layers. Just in case you’re confused.

Posted Image

Step 11:



Now save your image in a .gif or .png format and you are finished!

Posted Image

#2 Donna

    Retired P2L Queen!

  • P2L Staff
  • PipPipPipPip
  • 12,330 posts
  • Gender:Female
  • Location:B.C Canada

Posted 11 August 2006 - 02:33 PM

View Postgetfirefox, on Aug 11 2006, 09:38 AM, said:

This tutorial is originally for The GIMP. Could some one please write one or transfer this one for use in Photoshop? Thankyou, here is the tutorial.

This has been done in PS, unsure if we have any in the database but I've seen plenty around done like this.

Thanks for adding.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users