Mobile App Development & App Design for iOS & Android

Set up a Flash project by downloading Adobe Flash Professional CC and the Android SDK, and selecting a classic layout preset. Then import assets and design the app UI.

Design a scalable background for mobile apps by importing graphics, organizing them in a library, and converting elements to symbols for reuse on the stage.

Import the napkin asset, convert it to a movie clip, and transform it on stage. Rotate, resize, colorize, and apply a subtle glow to create napkin variations for future menu.

Create two social media buttons in the lower left corner by importing the Twitter icon, masking with a rounded background, converting to a symbol, and applying depth via blending.

Import assets, drag them onto the stage, convert items to symbols, rename them, and refine colors and shadows to assemble media visuals such as Facebook, Twitter, coffee cup, and plate.

Organize layers, import assets, and use transform tools to resize and position a desk lamp, apply masking and shadows, and create an isometric look for the next tutorial.

Continue extending a desk lamp design by applying color tint, adjusting saturation, adding drop shadows, and using free transform and outline techniques to refine layers.

Adjust a desk lamp scene by tightening image compression, applying lossless settings, and refining lighting, reflections, and filters while organizing layers, transforms, and keyframes for a polished composition.

Create and refine a menu design by adding static text, adjusting scale and alignment, applying color and glow, and using transform tools, lines, and filters for a polished layout.

Practice menu design by copying and pasting shapes, applying transforms, adjusting colors and sizes, and aligning elements to create a cohesive, high-contrast interface.

Design the envelope using layered shapes in Flash, build a rounded-corner triangle, convert strokes to fills, and apply textures and colors while adjusting size with free transform.

Continue the envelope design by managing layers, applying transforms, shadows, and color tweaks to shape the top, bottom, and middle, with final adjustments in the next video.

Apply a drop shadow to envelope elements and adjust angles for a cohesive seal design. Refine the seal text and signature with glow, 3d effects, and blending modes on strokes.

Create a lead letter design by organizing layers, drawing and shaping rectangles, refining edges with brushes and shadows, and applying color tweaks and transforms.

Designing a letter using shape, transform, texture, and color adjustments, adjusting brightness to create a 3-D letter.

Control the logo design process by selecting colors, drawing shapes with the rectangle and line tools, transforming and duplicating elements, and applying a gold-tinted palette with a subtle drop shadow.

Finish the logo by applying color, glow, outlines, and layer adjustments with blending modes to create a mark. The next lesson will animate these elements to bring UI to life.

Learn to bring UI elements to life by animating a desk lamp and applying glow effects to the light bulb, creating a pulsating, attention-grabbing logo display.

Continue the desk lamp animation pt 2 by adjusting light intensity, converting objects to movie clips, and using classic tween on a longer timeline for looping light switches.

Learn to create a ripple animation on a coffee surface by building keyframes, refining fills and colors, and achieving natural motion in a Flash-based workflow.

Create a coffee steam animation by turning a steam shape into a movie clip, using keyframes, transforms, and color fades to control timing and stop looping.

Create an envelope unfold animation by converting the seal and top piece into symbols, then use motion tweens or frame-by-frame techniques with ease in and out to achieve natural motion.

Build a frame-by-frame envelope animation by tweaking the top part, duplicating and reversing keyframes, converting segments to motion, and fine-tuning scale and easing for smooth playback.

Optimize PC-targeted flash assets for mobile by converting elements to bitmaps, reducing heavy filters, and consolidating resources into a single efficient project.

Continue asset optimization by converting vectors to bitmaps, preserving blend modes, and building modular, bitmap-based components, then test playback and prepare for export with GPU rendering options.

Explore button animation workflows by creating symbols, exporting to another project, mapping hit boxes, and animating up and down states with keyframes on a timeline.

Create a lamp light hit box and assign an instance name, then script a power on/off function to control frame-based animation and stop flickering in the desk lamp interaction.

Change and manage desk lamp animation by renaming instances, syncing frames, and using play and stop commands, then link assets and test the interactive movie.

Choreograph an envelope animation with a paper-like exit sound, configure a dynamic multi-line text field, and create an XML data file to drive in-app messages.

Stop at the first keyframe, set stage.scaleMode for multiple resolutions, enable multi-touch input, keep the display awake, and wire the main button to go to and play a target frame.

Load an xml file into a text field by creating a url request and handling load complete or failure, then parse xml data and display a random entry.

Discover how to program interaction by loading data from a file, generating a random message, and posting to Twitter via button taps and gestures, with navigation and error handling.

Learn to configure social promo links for Twitter and Facebook to Google Play, ensure unique function names, and implement a programmatic exit that closes the app on back key.

Programming interaction pt 5 explains how to implement active and deactivated states to manage background audio and animations, pause resources, and resume tasks when returning to the app.

Design a universal app icon by creating a large master design and resizing it for Android and iOS, then export all required icon sizes.

Test the Android project by deploying the apk to a phone, enable usb debugging, sign with a certificate, and publish to Google Play or install manually.

Deploy your app to iPhone by configuring provisioning profiles and certificates, connecting to iTunes Connect, creating distribution builds, and testing on devices before publishing to the App Store.

Learn to optimize an iPhone app for iPad by resizing assets and adjusting launch images to fit iPad aspect ratios. Handle landscape and portrait layouts and minimize distortion across resolutions.