http://pixil.info Production workflow podcast Tue, 23 Feb 2010 18:04:07 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Copyright © Pixil.info 2010 eckenruiz@gmail.com (Pixil.info) eckenruiz@gmail.com (Pixil.info) posts 1440 howto, productivity, workflow, design, development, photoshop, web, php, tutorials, reviews The Production Workflow Podcast Wersquo;re a group of passionate designers just like you. Wersquo;d like to share our ideas, thoughts, and techniques with you. Check out our tutorials videos on design, development and workflows. Pixil.info Pixil.info eckenruiz@gmail.com No clean http://pixil.info/wp-content/themes/pixil_new/images/podcast144.jpg http://pixil.info 144 144 http://pixil.info/downloads/how-to-build-xml-gallery-in-action-script-3/ http://pixil.info/downloads/how-to-build-xml-gallery-in-action-script-3/#comments Thu, 28 Jan 2010 03:06:50 +0000 admin http://pixil.info/?p=244

Episode 21

This is going to a four part tutorial where I show you what XML is, what an Array is, How to load the XML into Flash, and some really cool effects using the Transition Manager.

]]> http://pixil.info/downloads/how-to-build-xml-gallery-in-action-script-3/feed/ 0 00:01:01 Episode 21 Watch Video Part 1Understanding XML Part 2 3Understanding Arrays/Loading XML into Flash Part 4Making Flash XML Slideshow Download Tutorial Files Coming up on today's episode: How to build an XML ... Episode 21 Watch Video Part 1Understanding XML Part 2 3Understanding Arrays/Loading XML into Flash Part 4Making Flash XML Slideshow Download Tutorial Files Coming up on today's episode: How to build an XML slide show gallery with Action Script 3. This is going to a four part tutorial where I show you what XML is, what an Array is, How to load the XML into Flash, and some really cool effects using the Transition Manager. Part One - Understanding XML If you have used HTML at all then you are ahead of the game. XML is very similar in the sense that every opening tag must have a closing tag. For Example here is a tag of strong around the word "Hello!rdquo; As for XML I have a tag of name around the word "Jermbordquo;. Or we can have a self closer like the image tag in HTML. I make a tag called name and give it an attribute of first with a value of "Jermbordquo;. Unlike HTML, XML allows you to create your naming convention. So use this to your advantage. Letrsquo;s say that you are making a user name XML. Use tags like #60;username#62;#60;password#62;#60;email#62;. Or photo gallery, you can use names like #60;nature#62;#60;city#62;#60;space#62;.. Use anything that makes sense to your project. Now there are a few "rulesrdquo; of XML that I want to point out. Every XML document MUST have a root node.XML is very case sensitive. It doesnrsquo;t matter if you use camel case, all lower case, or all caps just make sure you use them consistently. I recommend using camel case, I find it easier to read and use it in my style of writing. As first stated all tags must be closed. Either with a closing tag or a self closing tag.All tags must be properly nested. Meaning Opened and Closed in order. As an example I am using color tag and green tag and this illustrates the proper way of nesting your code. All attributes must be quoted! For the example that I am using, I want the path of my photo to be an attribute. On screen is an example of the right and wrong way of doing that. You must have a Doc Type Declaration. This helps avoid any confusion on the browsers part . If you open a new XML document in a program like DreamWeaver it will give you the doc type automatically. Other notable properties of XML is, like HTML you can leave comments. Comments are done the same way in XML and HTML.#60;!--comment example --#62; This is great for many reasons. One, you can comment code out if you donrsquo;t want it to render but might need it later. Or leave reminders for your self or other coders that might be looking at your code. Special Characters. There are a few "illegalrdquo; characters to be aware of. For example I make a tag for math and the value to a human reads 9 is less than 15. But that less then sign denotes the opening of a tag. This would break in almost every case. So if you want to render the value the way humans read it, then you need to use the "correct form". For this case its ampersand l t semicolon. There are a few more to note, so take a look at my cheat sheet for which characters are "illegalrdquo; and what their "correct formrdquo; is. So now that we got the basics of XML down, lets write a document that we can use to fuel our slide show. Letrsquo;s make a new XML doc and save it under the name of slideShow.xml. Go to line 2 and open the root node and call it slideShow. Go down a few lines and close the root node. Next letrsquo;s make a child of the root called photoList, and go down a few and close it, also, letrsquo;s give it an attribute of date with a value of Sept2009. Go ahead and make one more child, but this time put it in the photolist, and call it photo. This node is going to be a self closing node. Letrsquo;s give it 2 attributes, one called path the other called desc the abriation of description. And for the value of path put images/001.jpg and for desc put Title 1. Copy and paste the photo node six times and change the 2nd node to be 002,jpg and title 2 and the 3rd node t... Downloads,,Flash,,Tutorials Pixil.info clean No http://pixil.info/tutorials/advanced-lighting-effects-in-flash/ http://pixil.info/tutorials/advanced-lighting-effects-in-flash/#comments Tue, 26 Jan 2010 04:19:10 +0000 admin http://pixil.info/?p=231

Episode 20

Natalia from Animacat.net shows us how to make a pretty simple special effect technique in flash.

]]> http://pixil.info/tutorials/advanced-lighting-effects-in-flash/feed/ 0 00:01:01 Episode 20 Watch Video Play NowHD Streaming Video YouTubeiPhone Video Coming up on today's episode: Advanced Lighting Effects in Flash Natalia from animacat.net shows us how she creates advanced lighting effects ... Episode 20 Watch Video Play NowHD Streaming Video YouTubeiPhone Video Coming up on today's episode: Advanced Lighting Effects in Flash Natalia from animacat.net shows us how she creates advanced lighting effects in Flash. To start off this effect, first you need your assets. So here we have a background, which a simple photograph of this subway type ceiling, and a lamp which is a PNG with alpha channel. So if we go inside this group, you can see I used the brush tool to outline the details in the background. And if we go inside graphic symbol, you can the lamp just a PNG with alpha channel, and the second layer is the outline we made with the brush tool. In this case we moved the registration in the top middle and animated it with four keyframes swinging back and forth. Alright and for the lighting effect we have two layers with simple round gradients which act as the lights around the lamp. If you look closely at lamp, the gradient moves with the lamp, so try to place the keyframes in the right place to sync up the animations. So for each light object, you notice the radial gradient has several steps to make it look likes its flickering. Next lighting objects are these giant circles with the same type of graident. Notice that we used zero percent alpha colors for the edges. So if we play the animation, you can see all we did was skew the shape to make it seem as tho the lights are moving along the swinging lamp! Alright and for the details lets take a look at this fly. So its just a movie clip with a motion path. If we go inside the fly movie clip, you can see the animation is pretty simple, 4 frames of the wing shapes flipping up and down. So if we jump back out of to the scene you can see the fly follows the motion path. Now lets test out the scene. And there you have it, a pretty simple special effect technique in flash! Flash,,Tutorials Pixil.info clean No