Jump to content
xisto Community

pilgrim_of_mini-monkeys

Members
  • Content Count

    139
  • Joined

  • Last visited

Everything posted by pilgrim_of_mini-monkeys

  1. 80% of the world's population do not smoke. That is a major typo.
  2. He probably did it for attention, and now the whole world knows (laterally).Why would you want to waist so much time, there are other things, like running around in circles slapping people with a wet kipper.
  3. In Britain we have the latest phones available. However, I still have a crappy Siemens MC60.
  4. Fireworks Tutorial 2 Creating a graphical signature. The Way Things Work: 1. All steps are highlighted in blue. 2. When point of reference for an object location within a document it is shown as (x,y). The (x) stands for the distance from the left edge and the (y) represents the distance from the top edge. For example, if (0,10) is displayed, then the object will be on the left edge of the document, 10 pixels down from the top edge. 3. Screenshots of the current progress will be given when needed. Note that not all of the steps will include a screenshot and some may have more. What you need: 1. Tutorial_Files.zip 2. Macromedia Extension Manager Step 1: We need to start off with a document. I would say that for making a standard sized signature, that we need it to be noticeable but not in your face. A 400x150 pixel document is probably the best size and well within most forum sites restrictions. As with most of my work, I will be using 99px/cm resolution and a white background. Step 2: Next, using the Rectangle tool, create a rectangle that is 400x150 pixels at (0,0). Set the colour as #666666 and the stroke to none. This will serve as our background to the signature. Step 3: It?s time to add a little annoying dude. Let?s put a render of Spongebob on it. To do this, you must first download Tutorial_Files.zip (bottom of this tutorial) and extract to a directory in which you can locate it easily. Once you have the files, in Fireworks, go to File > Open and locate spbob.jpg and open it. At the moment he is a little big and has the problem of having a white background. Before we do any editing of our little friend, we need to put him in the right place. So copy (or cut) and paste him into the original document (the one you are creating the signature in). A prompt will come up asking you if you would like to resample him. Click on Default Resolution. I am unsure why it comes up, and all I have figured out is that it messes the size of it up when clicking on the other choice. Step 4: At the moment our little dude is a bit too big. Go to Modify > Transform > Scale, this will allow us to change his size. Using the Bottom Right corner, resize the image so that he covers from top to bottom. Step 5: Now for a little bit of magic, literally. We have to get rid of the white behind him. Select the Magic Wand Tool, and click on the white background. You will see marching ants (as they are so elegantly called). Then, simply press Delete to remove it. Do it with all the white background, and remember to get the bit between the flap and bulge on his hat. Hopefully your image should look like the one below. Don?t worry about the faint jaggered white line that surrounds him. Once we have finished, it will not be noticeable. Step 6: Our signature is coming along well. Next it is time for a jazzy-smoked background. Create a new document, with the same dimensions as this one (400x150 @ 99px/cm: #666666 background). I know that the background is different from usual, but we are only designing the smoke in this one. Select the Brush tool, colour: #DF9C2B; brush size: 8; stroke: Oil > Broad Splatter; edge: 35; texture: Grain @ 30%. Quickly move your brush over the document, creating a star-field like bitmap. Also, emphasise random places. Then use Effects > Blur > Zoom Blur. Set the amount to 50 and the quality to 100. This should give you an explosion type effect. If you are wondering why we are using the Effects (usually for vector) rather than the Filter, is that we will be placing the bitmap in a different location to where it is now in the main document. With the Filter, it only modifies the image to encompass the document, where as the Effects makes it so that it continues out of the workspace. Copy and Paste that image into the main document and it should automatically go behind Spongebob. If it doesn?t, then change its order in the layers panel. Now, we are going to change where about it is in the document and its size. Make it 619x232 at (69,-94). This will make it more inline with the explosion in his eyes. So far we should have (similar): Step 7: That?s the first part of the signature done, now for the harder part. Now we need a stronger grunge feel. Select the Pen tool. It is a vector path-drawing tool. The skill behind the pen involves time. You need to go slowly and use little spaces between each point to make it look right. Set it at colour: #FFFFFF; thickness: 28; stroke: Basic > Soft-rounded; edge: 100; texture: Smoky. If you do not have any of the textures that I feature in this Tutorial, you can find them in the Tutorial_Files.zip. The readme explains how to install the textures. Produce a path like the one below. The smoky texture will help with our compilation. Copy and paste the path into the main document. Then, press Ctrl + Down Arrow twice to get the image behind Spongebob. We haven?t finished with it yet though. It doesn?t look ?grungey? enough. Let?s spice it up a little. Use the Effects (in Properties Panel) Adjust Colour > Colour Fill, use Saturation for Blend mode, the colour as #CC9900 and at 100%. This has given the edge of it a ?grungey? feel. Below is what you should have (or like): Step 8: Before we add any more effects, we?re going jazz Spongebob up a little. Change his transparency to 80%. Now, let?s add a glow. Use the Effects > Shadow and Glow > Glow. Set the height: 5; colour: #FFFFFF; transparency: 75%; edge: 5; offset: 0. He should now look a bit like a ghost. Time to make him blend in a little more, go to Effects > Adjust Colour > Colour Fill, set the blend mode at normal, colour to #CC9900 and the transparency to 35%. The compilation should look something like this: As you can see the jaggered white border around him has gone (unless you squint scrupulously at the screen). And he looks more like a signature character. Step 9: Time to return to the grunge background. The white path still remains, but we are going to leave it for a while whilst we get the master background done. Create the following (or try to) path. It will take some time (it took me 10 minutes to think and draw) and do it in a new document (400x150 @ 99px/cm; colour: #666666). Once drawn, change the pen size: 12; stroke: Oil > Textured Bristle; edge: 100; texture: Smokey @ 100%. Now use the Effects > Adjust Colour > Colour Fill, have the blend mode set to Saturation, the colour as #C6781F and the transparency at 35%. Now comes the second part of the master-background. A new texture is going to be used called DM-dots2 which can be found in the Tutorial_Files.zip. If you are struggling with the path above, you can find it in the Tutorial_Files.zip, along with all the files I use, along with a copy of the actual Tutorial (tut2.doc). Select the Brush tool, colour: #FFFFFF; brush size: 12; stroke: Unnatural > Paint Splatter; edge: 100; texture: DM-Dots2 @ 100%. Quickly move the brush horizontally across the document. Then change the bitmap transparency to 50% and send it to the back (Ctrl + Down Arrow) to create an affect like the one below: The grunge is steadily coming along. Step 10: I think it is about time we finished that master-background. Create a new document with the same properties as the present one. Select the Brush tool, colour: #FFFFFF; brush size: 25; stroke: Random > Squares; edge: 100; texture: Onyx @ 100%. Again, quickly rush the brush across in a horizontal direction. Now with this one, we are going to change the colour. So like always, use Effects > Adjust Colour > Colour Fill. Select the Blend mode as Screen, colour to #CC9900 @ 100%. Eventually it should look like: The above image is the best grunge look you can get with Fireworks without importing Photoshop plug-ins (which I will cover in future tutorials). Copy and paste it into the document with the complicated path and bubble-like pattern. Send this image to the back. Then set the image as 75%. Finally, the master-background should look like: Step 11: Let?s rap it up. Select all of the master background and copy & paste it into the main document. Send it right to the back, but remember to keep in front of the rectangle. Now, you might need to play around with the latest bitmap (bring it to front, whatever) and you might need to change the transparency, but I will leave that up to you. I also moved Spongebob back a bit and added some text. This is my signature for Xisto: CLICK HERE TO GET TUTORIAL_FILES.ZIP To get the Macromedia Extension Manager, you will need to download it (free) from Macromedia website.
  5. I prefer Frozen's. It blends in better, yet at the same time stands out. Kubi, you seem to have too many objects there. No central focus point, unlike Frozen.
  6. Hey guys. Recently, I have been messing around in Fireworks trying my hardest to prove that it is just as good as Photoshop. So, yesterday, I decided I would make some sigs and a tutorial to make them. They are practically the same just with minor touches. The first is the one I use and I like the most: This is the one featured in my tutorial: And finally, one I just messed around with: Let us know what you think and any suggestions would be nice.
  7. The only problem I have is that the server-side scripting for Trap seems to be a little slow on my machine, but then again I get that problem with a lot of SSS featured sites.And the only other problem is that my account is messed up, but as for downtime, none.
  8. Cool tut. I think it can be done the same way in Fireworks, will try it tonight thanks.I thought of a different way, but I am unsure if it works. How about masking an object?
  9. I like your method. Just first glances made me think it was adapted from the Dreamweaver one. And I only use it to write my CSS and test it directly with my sites.And yes, your tutorial is great.
  10. I think the thing you need to be looking for is the safest P2P network. I have tried: WinMx Ares Shareza Limewire E-Mule And a few others that I can't remember. Out of them all I liked Ares the best. It has no ads and boasts a built in browser (web). It is fast and there are thousands of files. Everything that I have looked for, I have found. There is an option to download a lite version or the full version. The lite version is recommended for slow computers. http://forums.xisto.com/no_longer_exists/
  11. How do we know it isn't you who wants him to loose weight?I would give anything to GAIN WEIGHT. I have an over-reactive motabolism (can't remember how to spell it) and stuggle to keep my weight at a constant level. I get hungry every 90 minutes or so, even after a 5 course meal.He might comfort eat. All you can do is give him support. Try not to get frustrated with him and encourage him to do his best. A little goes a long way.
  12. I hate flash sites. I would never rubbish my work in such a way. Plus, I don't know how to use Flash, I have it but can't use it lol.I am currently writing a tutorial on how to make a simple to make but effective website template (for future reference) I am including a full Fireworks run-down and HTML/CSS basic.
  13. Cool. Is that 16 colours as well?Those games were pretty nasty.I wonder what the largest website in the world is.
  14. Although you have got a good tutorial, frames are not a nice feature and should never have been developed. They screw up the whole basis of SEO, they suck up bandwidth like a 1500CC vacuum cleaner and are generally annoying.You never see frames being used on well done professional sites.The only good place for frames or floating frames (iframe) is as a control panel for site administrators or mods.
  15. Thanks for that. However, I get the smell of it being closely linked in with Dreamweaver's Javascript image swap code example.
  16. In total it has taken me 24 hours. I have made a few changes to it since that release.I think it will be two to three days before I have it on the Internet (the homepage at least).
  17. Thanks.It was made using Fireworks. The past few weeks I have been testing every little feature of it.
  18. Thanks, will do.The forums section will be unaccesible for a while whilst I figure out how to integrate vB with the design.
  19. This is going to be a little different from other reviews / opinions on sites you have done before. As I am requesting a review on my site, as a screenshot. Below is a whole slice of my site. You can be brutal if you like. Thanks, --mik
  20. Tyssen, I was just about to say that. And to add to your divisions (div) with CSS, they can be better and more complex than tables. They may sound harder in the beginning, but once you have got into it, you know the ins and outs.
  21. Cool. Thanks. I really need to start learning PHP.
  22. Thank you so much. I am a dunce when it comes to PHP (I can understand it, but writing it is a different matter).You would not believe the extenct of which I have searched the Internet trying to find such a script.However, is it a flat file php script? There seems to be no mention of database, after all, wouldn't it need a database connection to retrieve the list of people who are signed up?
  23. Yeah that is fine. I am using Fireworks MX 2004, so I don't know what older versions have got / haven't got.
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.