Quick Tip Week! Best of Tuts+ in February 2011. Quick Tip: Mimic the Stacks Feature of Mac OS X Using AS3. The Stacks feature has been part of the Mac OS since Leopard and it is a great way to handle display elements. In this Quick Tip we will mimic this feature using ActionScript 3 Classes. Final Result Preview Let's take a look at the final result we will be working towards: Step 1: Brief Overview We'll make use of the awesome class created by PixelFumes and custom graphics to create a Stacks menu in Flash.
You can download the source of the class from the developer's site. Step 2: Set Up Your Flash File Launch Flash and create a new Flash Document, set the stage size to 508x243px and the frame rate to 24fps. Step 3: Interface This is the interface we'll be using; the background is an image taken from my desktop and the cool logos are part of the Tuts+ network. Convert the logos to MovieClip and mark the Export for ActionScript checkbox. Step 4: ActionScript Step 5: Document Class Add the class name to the Class field in the Publish section of the Properties panel. Conclusion. Build a Titanium Mobile Pizza Ordering App: Order Form Setup. Welcome to the third installment in our series demonstrating how to build a pizza ordering application with Titanium Mobile. In this tutorial, we'll be creating the "Submit Your Order" screen. Step 1: The Details Window Now that the user is able to select and deselect toppings, we need to allow the user to actually submit an order.
Let's start by modifying the details click event inside toppings.js: Now when you hit the details button in the toppings window the code above will loop through our giant array of toppings and check the container property for each array item. If the item isn't null, it will add it to our temp array, called pizzaInfo. After the loop finishes, we will fire a new custom event called details. The selected crust.The image path to the selected crust.The selected toppings (i.e. the temp array called pizzaInfo). Step 2: Coding the openDetails Event We need to modify our main.js file to listen for our custom event, so go ahead and open that file now. Conclusion. Best of the Vector Web – February 2011. How to Make a Textured 3D Spray Can. In today’s tutorial we will demonstrate how to combine Illustrator and Photoshop to create a 3D, textured spray can. This tutorial requires some basic understanding of Illustrator and Photoshop as well as the pen tool. Let’s get started! Step 1 Open Adobe Illustrator.
Create a new document. Note that I included measurements for you to have an idea of the size and proportion, but you don't have to be exact. Step 2 In the menu, go to Windows / Symbols to open the Symbols Window. In the Symbols Window open the menu from the top right corner and select "Large List View. Select the Symbol Options button at the bottom of the window and rename each of the Symbols as seen in the following image. Step 3 With the Pen Tool (P) create a shape like in the image below.
Step 4 Go to the menu and click Effect > 3d > Revolve. Step 5 On the 3D Revolve Options Window click the Map Art button. Note that the wireframe turns red on the surface that is selected. Step 6 You should have something like this. Step 7.