swfchan: [Photoshop] - Userbar Tut.swf (info)

Text

Please Wait

Please Wait.

Please Wait..

Please Wait...

RE-

Music

C 2007 Lone Wolf Media Productions

User Bar Tutorial

Music:
Rammstein - "Ich Will"

Set your Photoshop to look like this and
click "OK"

Back

Now something like this should pop up.

Now, find a render (picture) that you will use in your Userbar. This
picture should be fairly small, and the background should be
transparent, but it does not have to be. I used this for a render:

Open your file with Photoshop while leaving the other one open, this is
what you get:

Now, drag and drop the render into the document that's
350X20. You should get something like below:

Since you can barely see anything there, I will resize the
image. I'll make it a little smaller. Example Below.

I resied it a little, and made it smaller:

Create 4 NEW layers. Rename the layer that already exists into
"Render". Now, name your layers like the example below:

Tip: To add a new layer, click on the circled
button that was circled above.

Now, select the "Background" layer. Then, select the Gradient Tool. If
you don't know where that is, right-click on the Paint Bucket Tool, and
then select Gradient Tool from the drop-down menu.
Now, choose the colors that you think fit in with the color of the
render. These are the colors I chose:

Now, just drag a long line on the "Background" layer using the
Gradient Tool, and it should color the background with multiple colors:

Tip: If the colors show up above the render, then
you colored the wrong layer. Undo your last
action (Control-Z), and then select the
"Background" layer, and repeat the process.

Now, select the "Text" Layer, and then select the Type Tool (T).
You will need a Pixel Font for the text. The most used and most
preferrable font is "Visitor -BRK-".
Go to:
www.dafont.com
and then search for "Visitor".
It will come up with some results, select Visitor -BRK-, and then save it.
Unpack it if needed, and copy it into your C:\Windows\Fonts folder.
Select the white as your foreground color. Now, wherever there is
empty space (In this case, to the right), type whatever you need to. My
example will be, "Fable Player":

We're still not done with the text yet, so let's move on

Tip:
When you downloaded Visitor -BRK-, it came with 3
fonts:
Visitor -BRK-, Visitor TT1 BRK, and Visitor TT2 BRK.
For this example, I used Visitor -BRK-

Rasterize the layer with the text on it. To do this, click on the Text Layer so it's
highlighted if you didn't already. Then, select any writing tool (Pencil, Brush,
Paint Bucket, etc), and then draw anywhere. You will notice a little "No" sign,
saying that you can't do that. That's okay, just color, and then a pop-up box will
pop up, asking the folowing:

Select OK.

Now, you will notice that you Text Layer came back to normal, and that you
can't edit your text anymore. This is what's supposed to happen, so it's okay.
Press and hold control, then press over the icon of you Text Layer in your
Layers Box. You will notice that a little square popped on the hand. Once you
see that square, just click your left mouse button. You will see that you text in
now selected:

With your text highlighted, go to Edit>Stroke.
Now enter the same exact settings as my example in the box that pops up:

Now, when you click OK, you will
notice that your text has a black
border.
Click any Marquee Tool (Square,
Elliptical, Single Row, or Single
Column), and just single click
anywhere on the canvas.
You will see something like this:

We're now done with the text layer, let's move on, almost
finished!

Select your Shine layer, and then select your Elliptical Marquee Tool, the
one that looks like a circle. Drag an oval like this over your creation:

Now, select white as your foreground color,
and press Control-Backspace, to fill
everything with white inside your oval.
Now, set the opacity of this layer to about
20%

You will notice you now have a faint white
"shine" effect over your creation

Now we are going to add scanlines.
Make a new layer, call it scanlines, this
layer should be BELOW the border layer

First, open a new document, size: 3 x 3

Zoom in all the way, and draw the following
pattern with a 1-pixel pencil tool:

Now go to Edit>Define Pattern
And name the Pattern "Scanlines"

Go back to your userbar, select Edit>Fill
Use: Pattern and select the scalines you just made.

You'll notice your scanlines appear on your userbar, so now just
lower the opacity of that layer to whatever you see fits.

Press "D" to reset your colors. Your foreground color should be black now.
Select your Border Layer.
Now, press Control-A to select all (or Select>All)
You will see that your whole canvas is selected.
Now make another stroke, by going to Edit>Stroke
Copy my settings:

Make sure that you either use CENTER or INSIDE,
if you select OUTSIDE, no one will see your
border.

You are now finished with your Userbar.
Congratulations!
Now just save (File>Save or File>Save As...)
I recommend that you save it as JPEG with highest settings for best
quality
Your finished image will look something like this:

Questions? Comments? Complaints?
Send it to:
himenow@gmail.com
Forums:
http://ravanger.proboards61.com
AIM:
AnOriginalSN666
MSN:
himenow@gmail.com

ActionScript [AS1/AS2]

Frame 2
	stop();
Frame 3
	stop();
Frame 4
	stop();
Frame 5
	stop();
Frame 6
	stop();
Frame 7
	stop();
Frame 8
	stop();
Frame 9
	stop();
Frame 10
	stop();
Frame 11
	stop();
Frame 12
	stop();
Frame 13
	stop();
Frame 14
	stop();
Frame 15
	stop();
Frame 16
	stop();
Symbol 22 Button
on (release) {
	_root.play();
}
Symbol 23 MovieClip Frame 1
	_root.stop();
	PercentLoaded = (_root.getBytesLoaded() / _root.getBytesTotal()) * 100;
	if (PercentLoaded != 100) {
		bar._xscale = PercentLoaded;
	} else {
		_root.gotoAndStop(2);
	}
Symbol 23 MovieClip Frame 2
	gotoAndPlay (1);
Symbol 33 Button
on (release) {
	stopAllSounds();
}
Symbol 48 Button
on (release) {
	gotoAndPlay(_currentframe + 1);
}
Symbol 70 Button
on (release) {
	gotoAndPlay(_currentframe + 1);
}
Symbol 84 Button
on (release) {
	gotoAndPlay(_currentframe - 1);
}
Symbol 159 Button
on (release) {
	gotoAndPlay (3);
}

Library Items

Symbol 1 Sound [music]	Used by:28 Timeline
Symbol 2 Bitmap	Used by:3
Symbol 3 Graphic	Uses:2	Used by:Timeline
Symbol 4 Font	Used by:5 6 7 8 19 34
Symbol 5 Text	Uses:4	Used by:9
Symbol 6 Text	Uses:4	Used by:9
Symbol 7 Text	Uses:4	Used by:9
Symbol 8 Text	Uses:4	Used by:9
Symbol 9 MovieClip	Uses:5 6 7 8	Used by:Timeline
Symbol 10 Graphic	Used by:23
Symbol 11 Graphic	Used by:12
Symbol 12 MovieClip	Uses:11	Used by:23
Symbol 13 Graphic	Used by:23
Symbol 14 Bitmap	Used by:15
Symbol 15 Graphic	Uses:14	Used by:23
Symbol 16 Graphic	Used by:22 159
Symbol 17 Graphic	Used by:22 159
Symbol 18 Graphic	Used by:22 159
Symbol 19 Text	Uses:4	Used by:22 159
Symbol 20 Graphic	Used by:22 159
Symbol 21 Graphic	Used by:22 159
Symbol 22 Button	Uses:16 17 18 19 20 21	Used by:23
Symbol 23 MovieClip	Uses:10 12 13 15 22	Used by:Timeline
Symbol 24 Graphic	Used by:28
Symbol 25 Graphic	Used by:28
Symbol 26 Graphic	Used by:28
Symbol 27 Graphic	Used by:28
Symbol 28 Button	Uses:24 25 26 27 1	Used by:Timeline
Symbol 29 Graphic	Used by:33
Symbol 30 Graphic	Used by:33
Symbol 31 Graphic	Used by:33
Symbol 32 Graphic	Used by:33
Symbol 33 Button	Uses:29 30 31 32	Used by:Timeline
Symbol 34 Text	Uses:4	Used by:Timeline
Symbol 35 Graphic	Used by:Timeline
Symbol 36 Font	Used by:37 41 73 85 88 93 103 108 111 116 119 121 124 125 128 131 135 138 141 144 145 146 149 150 151 152 156
Symbol 37 Text	Uses:36	Used by:Timeline
Symbol 38 Font	Used by:39
Symbol 39 Text	Uses:38	Used by:Timeline
Symbol 40 Font	Used by:41
Symbol 41 Text	Uses:36 40	Used by:Timeline
Symbol 42 Bitmap	Used by:43
Symbol 43 Graphic	Uses:42	Used by:Timeline
Symbol 44 Graphic	Used by:48
Symbol 45 Graphic	Used by:48
Symbol 46 Graphic	Used by:48
Symbol 47 Graphic	Used by:48
Symbol 48 Button	Uses:44 45 46 47	Used by:Timeline
Symbol 49 Font	Used by:50
Symbol 50 Text	Uses:49	Used by:Timeline
Symbol 51 Graphic	Used by:52
Symbol 52 MovieClip	Uses:51	Used by:70 84
Symbol 53 Graphic	Used by:70
Symbol 54 Graphic	Used by:70
Symbol 55 Graphic	Used by:70
Symbol 56 Graphic	Used by:57
Symbol 57 MovieClip	Uses:56	Used by:70 84
Symbol 58 Graphic	Used by:70
Symbol 59 Graphic	Used by:60
Symbol 60 MovieClip	Uses:59	Used by:70 84
Symbol 61 Graphic	Used by:70
Symbol 62 Font	Used by:63 81
Symbol 63 Text	Uses:62	Used by:70
Symbol 64 Graphic	Used by:70 84
Symbol 65 Graphic	Used by:66
Symbol 66 MovieClip	Uses:65	Used by:70 84
Symbol 67 Graphic	Used by:70
Symbol 68 Graphic	Used by:70
Symbol 69 Graphic	Used by:70 84
Symbol 70 Button	Uses:52 53 54 55 57 58 60 61 63 64 66 67 68 69	Used by:Timeline
Symbol 71 Graphic	Used by:72
Symbol 72 MovieClip	Uses:71	Used by:Timeline
Symbol 73 Text	Uses:36	Used by:Timeline
Symbol 74 Bitmap	Used by:75
Symbol 75 Graphic	Uses:74	Used by:Timeline
Symbol 76 Graphic	Used by:84
Symbol 77 Graphic	Used by:84
Symbol 78 Graphic	Used by:84
Symbol 79 Graphic	Used by:84
Symbol 80 Graphic	Used by:84
Symbol 81 Text	Uses:62	Used by:84
Symbol 82 Graphic	Used by:84
Symbol 83 Graphic	Used by:84
Symbol 84 Button	Uses:52 76 77 78 57 79 60 80 81 64 66 82 83 69	Used by:Timeline
Symbol 85 Text	Uses:36	Used by:Timeline
Symbol 86 Bitmap	Used by:87
Symbol 87 Graphic	Uses:86	Used by:Timeline
Symbol 88 Text	Uses:36	Used by:Timeline
Symbol 89 Bitmap	Used by:90
Symbol 90 Graphic	Uses:89	Used by:Timeline
Symbol 91 Bitmap	Used by:92
Symbol 92 Graphic	Uses:91	Used by:Timeline
Symbol 93 Text	Uses:36	Used by:Timeline
Symbol 94 Bitmap	Used by:95
Symbol 95 Graphic	Uses:94	Used by:Timeline
Symbol 96 Font	Used by:97 98 102
Symbol 97 EditableText	Uses:96	Used by:Timeline
Symbol 98 EditableText	Uses:96	Used by:Timeline
Symbol 99 Bitmap	Used by:101
Symbol 100 Bitmap	Used by:101
Symbol 101 Graphic	Uses:99 100	Used by:Timeline
Symbol 102 EditableText	Uses:96	Used by:Timeline
Symbol 103 Text	Uses:36	Used by:Timeline
Symbol 104 Font	Used by:105 114 120 134 155 158
Symbol 105 Text	Uses:104	Used by:Timeline
Symbol 106 Bitmap	Used by:107
Symbol 107 Graphic	Uses:106	Used by:Timeline
Symbol 108 Text	Uses:36	Used by:Timeline
Symbol 109 Bitmap	Used by:110
Symbol 110 Graphic	Uses:109	Used by:Timeline
Symbol 111 Text	Uses:36	Used by:Timeline
Symbol 112 Bitmap	Used by:113
Symbol 113 Graphic	Uses:112	Used by:Timeline
Symbol 114 Text	Uses:104	Used by:Timeline
Symbol 115 Font	Used by:116
Symbol 116 Text	Uses:36 115	Used by:Timeline
Symbol 117 Bitmap	Used by:118
Symbol 118 Graphic	Uses:117	Used by:Timeline
Symbol 119 Text	Uses:36	Used by:Timeline
Symbol 120 Text	Uses:104	Used by:Timeline
Symbol 121 Text	Uses:36	Used by:Timeline
Symbol 122 Bitmap	Used by:123
Symbol 123 Graphic	Uses:122	Used by:Timeline
Symbol 124 Text	Uses:36	Used by:Timeline
Symbol 125 Text	Uses:36	Used by:Timeline
Symbol 126 Bitmap	Used by:127
Symbol 127 Graphic	Uses:126	Used by:Timeline
Symbol 128 Text	Uses:36	Used by:Timeline
Symbol 129 Bitmap	Used by:130
Symbol 130 Graphic	Uses:129	Used by:Timeline
Symbol 131 Text	Uses:36	Used by:Timeline
Symbol 132 Bitmap	Used by:133
Symbol 133 Graphic	Uses:132	Used by:Timeline
Symbol 134 Text	Uses:104	Used by:Timeline
Symbol 135 Text	Uses:36	Used by:Timeline
Symbol 136 Bitmap	Used by:137
Symbol 137 Graphic	Uses:136	Used by:Timeline
Symbol 138 Text	Uses:36	Used by:Timeline
Symbol 139 Bitmap	Used by:140
Symbol 140 Graphic	Uses:139	Used by:Timeline
Symbol 141 Text	Uses:36	Used by:Timeline
Symbol 142 Bitmap	Used by:143
Symbol 143 Graphic	Uses:142	Used by:Timeline
Symbol 144 Text	Uses:36	Used by:Timeline
Symbol 145 Text	Uses:36	Used by:Timeline
Symbol 146 Text	Uses:36	Used by:Timeline
Symbol 147 Bitmap	Used by:148
Symbol 148 Graphic	Uses:147	Used by:Timeline
Symbol 149 Text	Uses:36	Used by:Timeline
Symbol 150 Text	Uses:36	Used by:Timeline
Symbol 151 Text	Uses:36	Used by:Timeline
Symbol 152 Text	Uses:36	Used by:Timeline
Symbol 153 Bitmap	Used by:154
Symbol 154 Graphic	Uses:153	Used by:Timeline
Symbol 155 Text	Uses:104	Used by:Timeline
Symbol 156 Text	Uses:36	Used by:Timeline
Symbol 157 Font	Used by:158
Symbol 158 Text	Uses:104 157	Used by:Timeline
Symbol 159 Button	Uses:16 17 18 19 20 21	Used by:Timeline

Instance Names

"bar"

Symbol 23 MovieClip Frame 1

Symbol 12 MovieClip

Special Tags

FileAttributes (69)	Timeline Frame 1	Access local files only, Metadata not present, AS1/AS2.
ExportAssets (56)	Timeline Frame 1	Symbol 1 as "music"

Labels

"loaded"

Symbol 23 MovieClip Frame 3