Tutorial Conversion(bbcode To Html) GFX Crew Only

[Saint_Michael 3]

This topic is only for the gfx crew anyone else caught posting here it will be deleted along with credits reduce from that post.GFX Crew Make your post and then each time you complete a tutorial edit your post of that tutorial with the link in it so we know which ones are done so no one Makes another copy of it.Once your 10 tuts are completed zip them and send them to me on yahoo or msn messenger.side note: I do my own tuts (11)

[truefusion 3]

[photoshop] Fire Tutorial http://forums.xisto.com/topic/34323-photoshop-fire-tutorial-making-fire-out-of-filters/

In this tutorial I will describe how I immitate fire using filters, in Photoshop. This technique works with many canvas sizes, but for this tutorial I used 300x300.<p>- First off, make sure you have the default colors as your foreground and background colors (press "D" on your keyboard).<br />- Next, render some clouds. Filter > Render > Clouds.<br />- Next, some difference clouds. Filter > Render > Difference Clouds. This step, repeat until the light shades take up most of the space.</p><p><b>Outcome:</b><br /><img src="/uploads/1140930761/gallery_8528_21_172.jpg; alt="" /></p><p>- Next, we'll mess around with the lighting effects. Filter > Render > Lighting Effects.<br />I used these settings:<br />For the top color use orange for the color.<br />For the bottom color use red for the color.<br />Light type: Omni<br />In the preview on the side, make the circle cover most of the canvas.<br />Intensity: 71<br />Gloss: -14<br />Material: 60<br />Exposure: 0<br />Ambience: 18<br />(You dont always have to use these settings)</p><p><b>Outcome:</b><br /><img src="/uploads/1140930761/gallery_8528_21_9342.jpg; alt="" /></p><p>- Next, we'll ripple what we have, to make it appear more like fire. Filter > Distort > Ripple.<br />I repeated this a couple of times. With a value of 250. First, i started off small. Then, ctrl+alt+F, and changed it to large. Then, ctrl+alt+F, and changed it to medium.</p><p>That's really all there is to it, unless you wanna continue onto the optional steps.</p><p><b>Optional Steps:</b><br />- After completing all of the above. Duplicate the layer twice (ctrl+J, twice).<br />The duplicate at the top, gaussian blur it at 3 pixels. Filter > Blur > Gaussian Blur.<br />The one under it, sharpen it. Filter > Sharpen > Sharpen.<br />Change the blending mode for the blurred duplicate to: Pin light.<br />Change the blending mode for the sharpened duplicate to: Soft light.</p><p><b>Final Outcome:</b><br /><img src="/uploads/1140930761/gallery_8528_21_14865.jpg; alt="" /></p>

[any] Good Brushing Concept http://forums.xisto.com/topic/35765-any-good-brushing-concept-puzzle-assembly/

Ok, after messing around with some brushes, and making a few things I've realised a similarity to the way i brush, which can relate to putting together pieces of a puzzle. This concept may also help beginners improve in their brushing. You may be wondering, "what do puzzles have to do with brushing?" Well, continue reading and you'll find out. <p>As we all know, for those who have dealt with puzzles, how puzzles are. You grab one piece then you take another and if they can connect, you connect them. In a way, the same can go with brushing. A puzzle can be known as a "brush set". A completed puzzle, a "sig" or whatever. A piece of the puzzle will be known as a "brush". If a piece doesnt fit, you stop trying with that one and go with another. Same goes for a brush. A.k.a. undo (ctrl+z) the brush, and choose another.</p><p>As the same with puzzle pieces, brushes come in different sizes and shapes. When you brush one brush (choose a piece and place it down in the "area"), you grab another, and hover around the area of what you've just brushed. You'll notice that the shape is, in a way, relative to the newly chosen brush. Which you place next to, and now you've just connect two pieces. Now, here's the acception: Just cause it looks like it fits before placing it down, doesnt mean it does. This is where the "undo" command comes in. And then you grab another piece.</p><p>Here's another, but weird, acception that i've noticed: Some puzzles are incomplete, but the other half of it is in another puzzle. For example, Brush Set 1 is incomplete, but Brush Set 2 completes it.</p><p>Now, lets look at a visual example:<a href="http://img415.imageshack.us/my.php?image=puzzle9kp.gif"><img src="http://img415.imageshack.us/img415/7470/puzzle9kp.th.gif" alt="" /></a></p><p>Hopefully, this concept will help improve some others in their brushing. Anywho, happy brushing!</p>

Edited May 23, 2006 by truefusion (see edit history)

[BuffaloHelp 24]

If this is an attempt to show IMG tags as part of GFXTrap.com RSS feed, in the past I've asked all GFX Crew to view my RSS test page.

As I recall no one liked RSS feed showing with images due to possible slow load.

But if this is what you want this time, the script can be written again. Simply I can create another id tag from Xisto forum just for Tutorial section. And use RSS to HTML covert script and it will show the forum posts exatly how it appears but it will be in a webpage format.

Wouldn't that be eaiser than trying to copy over all Tutorials and convert them to HTML friendly?

Test script http://forums.xisto.com/no_longer_exists/
This page may seem to be loading very slow is because it includes all Graphics sections. Once we isolate just to Tutorial section I do not see any problem.

[Avalon 1]

In case you decide not to go with BuffaloHelp's RSS feed idea, here is my tutorial at least. I will add others if you want to continue with the manual conversion. Tip to other posters in this thread, use the codebox tags to make scrolling boxes like these.

 

[photoshop CS] Simple Double Layer Tech Border http://forums.xisto.com/topic/35266-photoshop-cs-simple-double-layer-tech-border/

This tutorial will show you how to make a simple, yet effective double layer tech border for a sig in Photoshop CS, (should be similar in earlier versions of PS). This uses some of my shortcuts, because I am basically a lazy person and will always look for the easiest way to do something. The main one in particular is the "Tech Borders" style file, attached here. <a href="http://forums.xisto.com/topic/21-what-is-your-favorite-matrix-movie/; title="Tech_Borders.zip">Tech_Borders.zip ( 1.48k )</a> Download the file now, then extract and save the file in to the "Presets > Styles" folder of your Photoshop folder. You will need to restart Photoshop, if you had it open, for the styles to appear in the list.<p>First decide what size sig you want and the base size of your border, for this example I want the sig size to be 350px wide by 150px high with a 20px border. Create a new document the size you want and press Ctrl+A to select the entire canvas. Now go to "Edit > Stroke..." and set the controls like in the picture below.</p><p><img src="/uploads/1143831931/gallery_10624_41_39098.jpg; /></p><p>This will give you a 20px border as the base for your tech border as shown below.</p><p><img src="/uploads/1143831931/gallery_10624_41_29.jpg; /></p><p>Now we have the 20px border we can start cutting sections out to give it that tech look. Do not make your cutouts any larger than 50% of the border thickness so we can do the double layer later. If you want close vertical lines like in the example below, here's an easy way to do it. Use the text tool with Arial font to type as many "|" (vertical bar) characters as you want, this will create a new layer. Turn off anti-aliasing for the text. Position the text on the sig where you want the bars and set it to the size you want. With the text layer selected, now use the magic wand, (with anti-aliasing turned off) to select a blank area around the text, (I find this easier than trying to select the small text) and then inverse the selection. Now select the layer your border is on and press delete to cut the small sections out the border, (you may need to hide the text layer to see it). You can use this same process for other types of symbols (e.g. dots). I find this the easiest way to make sure the cut outs are uniform and neatly aligned. For larger cutouts use the polygon lasso tool, remembering to press shift if you want 45 degree cutouts. I find it best to use only 90 or 45 degree cutouts.</p><p><img src="/uploads/1143831931/gallery_10624_41_2917.jpg; /></p><p>Once you are satisfied with your cutouts we can start adding effects to give the border a 3d metallic look. This is where I have made it VERY easy for you, by using the attached "style" file, all the hard work is done for you. Open your "Styles" palette if it's not already open and select the "Tech Borders" style, you will have a palette like the one shown below.</p><p><img src="/uploads/1143831931/gallery_10624_41_15266.jpg; /></p><p>Now it's just a matter of selecting the layer for your border and then clicking on the style you want, how easy is that? You can modify any of the settings in the styles to suit your taste, but the 5 presets I have given you will provide a good place to start. You should now have a nice single layer tech border looking something like the picture below, I used "Tech Border 5".</p><p><img src="/uploads/1143831931/gallery_10624_41_5546.jpg; /></p><p>Now to do our second border layer, which is very simple. Select your border with the magic wand making sure you have anti-aliasing turned on and contiguous turned off. Make a new layer and go to "Select > Modify > Contract..." and contract the selection by 5 pixels. Now with the paint bucket tool fill, this selection with white. Now you can again apply a style of your choice, choose a different style than the bottom layer. You now have a simple double layer tech border that looks something like the picture below, I used "Tech Border 3" for my top layer. The rest of the sig is up to you!</p><p><img src="/uploads/1143831931/gallery_10624_41_7648.jpg; /></p>

Edited May 23, 2006 by Avalon (see edit history)