Alis Graphics

[Ali]

.........Wierd...

[LaQuann Dawson]

heres mine:

[LaQuann Dawson]

it worked!

[Ali]

0.0 HOW?!!

[Ali]

CORRECTIONS TO TUTORIAL



1. After the title put the image:



2. After..

"Once you have changed the color depth, you color palette should now look as shown below (circled in red). Now you are able to select the option "Duplicate Layer" in the layer pannel. Please do that now. Once you have clicked "Duplicate Layer", you should now have an additional layer titled "Copy of Backround"."
Put the image:


3. After the image after...
"If you want to be more precise with your opacity levels, follow the illustrations shown below."
Put the image:


4. After...
"Now, your image should look like this:"
Put the image:


5. After..
"Cool, huh? But we have one last step to go. We have to merge the layers together, in other words, squish them all into one fantastic layer of squishedness. That means that all the layers come together, so when you copy the image, you don't copy the image of a layer. When you'd copy an image with multiple layers, your computer copies the top layer. If we did that here, our image would look blurry, and not dreamy like, because it wouldn't be coping or orgininal backround with it. So just merge the layers as shown below."
Put the image:


6. And lastly, after...
"Once merged, you should only have one layer, your backround layer:"
Put the image:


Make sense now? xD Yay its fixed! Now you can change it.

[Ali]

CORRECTIONS TO CORRECTIONS OF TUTORIAL

1. *Before the title put this image:


xD SORRY!

[Ali]

When I say "put the image" by the way, it means replacing the current image, all except for #3.

[Ali]

Here's the newly revised tutorial!


Paint Shop Pro "Dreamy" Effect
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie10.png>
<br><br>
Have you ever seen banners that look "dreamy", that have a hazy picture like the one above? I'm going to teach you to do just that. If you have Paint Shop Pro, or any other program that is similar, please open it now. Copy and paste an image like this as your new workspace:
<br><br>
<img src=http://images.neopets.com/games/new_tradingcards/lg_flycatcher_2005.gif>
<br><br>
Your graphics program should now look somewhat like this:
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie1.png>
<br><br>
First thing you need to do is change the color depth from 256 colors to 16 million colors:
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie2.png>
<br><br>
Once you have changed the color depth, you color palette should now look as shown below (circled in red). Now you are able to select the option "Duplicate Layer" in the layer pannel. Please do that now. Once you have clicked "Duplicate Layer", you should now have an additional layer titled "Copy of Backround".
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie3.png>
<br><br>
Now you can get to the fun part! Add the "Gaussian Blur" effect to the image, as shown below.
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie4.png>
<br><br>
A screen should now pop up like the image shown below. It is easiest to set the radius to 3.00. Press "OK".
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie5.png>
<br><br>
If you've pressed OK, you're probably dissapointed. Your image should now look like shown below, blurred:
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie6.png>
<br><br>
But no worries! This is how your image is supposed to look. We just need to ajust the opacity of the layer for the finishing touch. You can do so by clicking the bar next to the eye next to your desired layer in the layer panel, like the image below. clicking your mouse down to the middle the bar should make the blurriness decrease, but not entirely, to make it look "dreamy".
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie7.png>
<br><br>
If you want to be more precise with your opacity levels, follow the illustrations shown below.
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie8.png>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie9.png>
<br><br>
Now, your image should look like this:
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie10.png>
<br><br>
Cool, huh? But we have one last step to go. We have to merge the layers together, in other words, squish them all into one fantastic layer of squishedness. We want one single layer when we see our image, not two. So merge the layers, as shown below.
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie11.png>
<br><br>
Once merged, you should only have one layer, your backround layer:
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/DreamyScreenie12.png>
<br><br>
There! Now you're done! Isn't your image totally pwnful and awesome? Well, if it isn't to your liking you can add a border, some brushes, and some finishing touches. If you mess around with it for a while, it can turn out like the image below.
<br><br>
<img src=http://usera.imagecave.com/carolme9mine9/entersign7.png>
<br><br>
If you want to use this same method of opacity with different effects, it can turn out just the same! If you wanted to use a different kind of blur in place of Gaussian Blur, or Halftone or whatever other effects that you like, you can do them and they'll have a different opacity than how you normally use them. This method can be really helpful in other graphic projects, and I hope you've learned from it!


[Ali]

Here I Print Screened the Userlookup. It looks like it has no problems:

<IMG SRC="http://usera.imagecave.com/carolme9mine9/UserlookieScreenie.png">

The code for it:

<style>
b{height:4px; color: blue; filter:Alpha(Opacity=100, FinishOpacity=40, Style=1)}
</style>
<style>
#userinfo{background:url(http://usera.imagecave.com/carolme9mine9/boxback2.png) no-repeat center aqua}
#userinfo .contentModuleTable{
background:url(http://usera.imagecave.com/carolme9mine9/boxback2.png) repeat top left}
#userinfo .contentModuleTable .contentModuleContent{
background:url(http://usera.imagecave.com/carolme9mine9/boxback2.png)no-repeat bottom right}
</style>
<style>
body{background:url(http://usera.imagecave.com/carolme9mine9/backKOUGRALOVE.png) repeat-y white}
#top{position:absolute;top:0px;left:0px;z-index:1}
#stats{position:absolute;left:85px;top:250px;width:635px;z-index:2}
#userinfo table{border-top:0px !important}
.contentModule,.contentModuleTable,#main{border:none}
#userneopets img,#usertrophies img{width:50px;height:50px}
#footer,#header{display:none}
#nav td{text-align:center}
#main{background:none}
</style>
<img src=http://usera.imagecave.com/carolme9mine9/kougralovelaytop.png id="top">
<div id="stats">
<br><br><br><br>
<style>
#mytextbox { color: #404040; background-color: #80FF80; border-color: #404040; border-width: 0px; border-style: solid; font-family: verdana; font-size: xx-small; width: 420px; background-image: url(http://www.neopets.com/image.gif); filter: alpha(opacity=80); opacity: .50; border-collapse: collapse; }
</style>
<table id="mytextbox" border="1" bordercolor="#FFFFFF" cellpadding="2">
<tr>
</td>
<td width="380" valign="top">
<b>• CLICKIES •</b>: ◘◘<a href=http://www.neopets.com/>Link</a> ◘◘ <a href=http://www.neopets.com/>Link</a>◘◘<a href=http://www.neopets.com/>Link</a> ◘◘<br><br>

<b>• NEOPETS NAV •</b>: ◘◘ <a href=/myaccount.phtml>My Account</a> ◘◘ <a href=/petcentral.phtml>Pet Central</a> ◘◘ <a href=/explore.phtml>Explore</a> ◘◘ <a href=/games/arcade.phtml>Games</a> ◘◘ <a href=/neoboards/index.phtml>Boards</a> ◘◘ <a href=/objects.phtml>Shops</a> ◘◘ <a href=/nf.phtml>News</a> ◘◘ <a href=/video/index.phtml>Video</a> ◘◘ <a href=http://ncmall.neopets.com/mall/shop.phtml>NC Mall</a><br><br><br clear="all">


[Ali]

Oops here's the image:

[Ali]

usera.imagecave.com/linacarol/orangemrpuffpuff.png">









Mr. Puff Puff















Mrs. Puff Puff

[LaQuann Dawson]

ali, for the kougra layout it still doesnt work......i try to enter it in and it says please dont use foul language this is a childrens site

[LaQuann Dawson]

hey Ali i think we hould have another skin to this layout, so can you make the top banner? ill do the rest, coding and such, i just wouldlike you to make the top banner, if you want that is

[Ali]

Here's the ones you couldn't see for "Mr. Puff Puff":

[Ali]

That's real wierd, it worked for me. =/...Thats real, real wierd.