PATTERN MAKING FOR THE PHOENIX HOOP

Similar documents
ADOBE TRAINING CS6 PHOTOSHOP BASICS: EDITING PHOTOS & WORKING WITH TEXT - 1

AutoCollage 2008 makes it easy to create an AutoCollage from a folder of Images. To create an AutoCollage:

How to lower a car in Paint.NET (PDN) -Tools you will be using:

Adobe Photoshop How to Use the Marquee Selection Tools

SNOWFLAKES PHOTO BORDER - PHOTOSHOP CS6 / CC

GIMP WEB 2.0 BUTTONS

Fruit Snake SECTION 1

Shape Cluster Photo Written by Steve Patterson

Think of layers as a stack of transparencies. Layers can be changed independently of other layers by clicking on its name in the layers palette.

FrontPage 98 Quick Guide. Copyright 2000 Peter Pappas. edteck press All rights reserved.

3. Let s say that we are unsure about what kind of

ADOBE PHOTOSHOP Using Masks for Illustration Effects

Lesson 1 using Dreamweaver CS3. To get started on your web page select the link below and copy (Save Picture As) the images to your image folder.

Adobe photoshop Using Masks for Illustration Effects

HAPPY HOLIDAYS PHOTO BORDER

Developer s Tip Print to Scale Feature in Slide

BASICS OF PIXLR EDITOR

Graffiti Wallpaper Photoshop Tutorial

Adobe Photoshop Elements 2.0 Lessons for Educators

Step 1: Create A New Photoshop Document

FrontPage Help Center. Topic: FrontPage Basics

Bridgit Conferencing Software User s Guide. Version 3.0

Note: Photoshop tutorial is spread over two pages. Click on 2 (top or bottom) to go to the second page.

Document Manager 6.0 Users Manual by Scanlon Associates

Kidspiration Quick Start Tutorial

Creating Vector Shapes Week 2 Assignment 1. Illustrator Defaults

Interactive Tourist Map

Alfresco Content Services 5.2. Getting Started Guide

2.) Open you re my documents folder, and then open you re my pictures folder. Now create a new folder called mask advert.

WRITING TEXT ON A HEART (for a Gearbubble Necklace)

Paint Tutorial (Project #14a)

Starting a new diagram. To start a new diagram, click the Picture button. A new document opens with a Main Idea symbol.

10 Connector Designer

Web-Friendly Sites. Planning & Design 1

Education and Training CUFMEM14A. Exercise 2. Create, Manipulate and Incorporate 2D Graphics

Christmas Card Final Image Preview Coach Christian s Example Ctrl+N 1920px 1200px RGB 72 pixels/inch Rectangle Tool (U)

Tutorial - FactoryPLAN

Arduino IDE Friday, 26 October 2018

Making a Portrait From a Snapshot by Phil Russell

BASICS OF MOTIONSTUDIO

Photoshop Domain 3: Setting Project Requirements. Dreamweaver Domain 3

Using Masks for Illustration Effects

GIMP WEB 2.0 ICONS. GIMP is all about IT (Images and Text) OPEN GIMP

COPYRIGHTED MATERIAL PHOTOSHOP WORKSPACE. Interface Overview 3. Menus 15. The Toolbox 29. Palettes 61. Presets and Preferences 83 WEB TASKS

2. Click on the Launch button and select Terminal. A window will appear which looks like:

Adobe Photoshop CS2 Reference Guide For Windows

Adobe InDesign CS6 Tutorial

Tutorial: Importing Height Maps and Mega-Terrain from World Machine

GIMP WEB 2.0 BUTTONS

Embird Manual (part 3)

Add Photo Mounts To A Photo With Photoshop Part 1

Create and print labels for a mass mailing

Choosing Paper Size and Layout. UP TO SPEED Of Menus and Boxes

Esri Story Maps let you combine authoritative maps with narrative text, images, and multimedia

Photoshop Domain 3: Understanding Adobe Photoshop CS 5

Basics of ēno board setup and usage

Make A New Cell Palette In Clicker 5

Adobe. Photoshop CC. Alberto Seveso. CLASSROOM IN A BOOK The official training workbook from Adobe. Andrew Faulkner & Conrad Chavez

The original image. Let s get started! The final result.

Getting Started with Python and the PyCharm IDE

Create a unit using United Streaming and PowerPoint. Materials: Microsoft PowerPoint, Internet access, United Streaming account

FrontPage. Directions & Reference

Lesson 1. Importing and Organizing Footage using Premiere Pro CS3- CS5

ITEC185. Introduction to Digital Media

Create a Contact Sheet of Your Images Design a Picture Package Customize Your Picture Package Layout Resample Your Image...

Tutorial 17: Using Visual Image

Here we will look at some methods for checking data simply using JOSM. Some of the questions we are asking about our data are:

Lesson 3 Transcript: Part 1 of 2 - Tools & Scripting

2. If a window pops up that asks if you want to customize your color settings, click No.

Photoshop tutorial: Final Product in Photoshop:

Project 1: Creating a Web Site from Scratch. Skills and Tools: Use Expression Web tools to create a Web site

Adobe Photoshop CS2/CS3: introduction

A publication of. Let it Bleed. When, where, why and how to use bleeds and create print ready PDF s so your print provider will love you.

Creating and Editing Images in Paint Shop Pro Version XI. File Types

PHOTOPLUS HELP GUIDE

CREATING A BANNER IN PHOTOSHOP

Tutorial: Getting Started - Terrain

CheckBook Pro 2 Help

FrontCounter BC Discovery Tool Instructions. NOTE: You must have Google Earth installed to use this tool.

v5: How to restore a backup image

Harmony Touch User Guide

Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques

The Stack, Free Store, and Global Namespace

GIMP WEB 2.0 ICONS. GIMP is all about IT (Images and Text) OPEN GIMP

Working with Images and Multimedia

Section 1: Installation and Activation

Here we will look at some methods for checking data simply using JOSM. Some of the questions we are asking about our data are:

Quick Start Guide. ASR Automated Systems Research Inc. Toll free: Fax:

Tutorial MAKE A POLITICAL STATEMENT

What is OneNote? The first time you start OneNote, it asks you to sign in. Sign in with your personal Microsoft account.

How To Add Songs To Ipod Without Syncing >>>CLICK HERE<<<

To build shapes from scratch, use the tools are the far right of the top tool bar. These

HOW TO. In this section, you will find. miscellaneous handouts that explain. HOW TO do various things.

Drawing shapes and lines

Immersion Day. Getting Started with Amazon S3. January Rev

Beginner s Guide to Microsoft Excel 2002

Intermediate/Advanced. Faculty Development Workshop FSE Faculty retreat April 18, 2012

How To Sync Music To Ipod Nano Using Windows Media Player

How to draw and create shapes

ADOBE PHOTOSHOP: CLEANUP & POPULATION

Transcription:

PATTERN MAKING FOR THE PHOENIX HOOP This tutorial will walk you through making the most basic of pattern for the Phoenix Hoop and try to explain how the hoop interprets them. If you get confused, don t worry...keep reading, we walk you through step by step. First a very high level explanation: The hoop reads bitmap (.bmp) from the internal memory. Each pixel in the image represents an LED in the hoop. Ideally, the image would be however many pixels wide as the number of LEDs your hoop contains. So, if you had a 100 LED hoop, a pattern that fit your hoop perfectly would be 100 pixels wide. For simplicity's sake, we are only going to use a 10x10 image. But that's OK, it will work just fine on your hoop. If a pattern isn't wide enough to fill all the LEDs in your hoop, it's smart enough to fill the rest of the hoop by repeating the pattern. Many of the most eye-catching patterns are very basic, small patterns like this. The hoop displays patterns one row at a time, starting from the top of the image, and then moves to the next until it reaches the end where it then goes back to the first row. So, a diagonal line in from the top-left of the pattern to the bottom-right will appear as chasing LEDs as the pattern is displayed one row at a time. Sounds confusing, right? Hopefully, as we go step by step through this tutorial it will make more sense! I'm going to use the free image editor at Pixlr.com for this tutorial. Photoshop is my favorite tool for this, but Pixlr does a great job, and it's free. So first go to http://pixlr.com/editor/

Create a new image with a height of 10px and a width of 10px, then press the "OK" button.

Create a black background using the "fill bucket". This should be the starting point for all patterns.

1) Select the "Brush" tool. 2) Change the brush size to 1px. 3) Select "Hard Tip". This makes a nice solid pixel rather than slightly faded. Without this, the system tries to blend it with the surrounding pixels and it will appear dim.

1) Click the color selection area. This will open the color selection dialog. 2) Pick a color, any color... I used red for this example. 3) Press "OK" to close the dialog.

Now draw a diagonal line from the top-left corner to the bottom-right. *Note* There's a glitch with the Pixlr system where you can't directly click on the topleft most pixel of the image. I get around it by clicking one of the surrounding pixels and dragging the cursor onto the first pixel, then I change my color back to black and erase any pixels that I didn't mean to draw on.

Now for a closer look at the pattern we created. This illustration is just to help explain how the hoop interprets the image. As you can see, I've labeled each row and column to show you how the image will appear on the hoop as the image is scanned from top to bottom. Here's a close-up of the first frame of the pattern. On this frame, the first LED of the hoop will be red. LED 2-10 will be off. Since the pattern is only 10 pixels wide but the hoop has many more LEDs, the pattern will repeat, so LED 11 will be red and 12-20 will be off.. this will repeat to fill up the hoop.

This is how the first frame will appear once the row has been repeated to fill the hoop. Great! You've done it! You have now successfully created your first pattern. Now to save it to the hoop. Click File, then Save...

Now you want to make sure that you select "BMP (Large but non-destructive)" as your image Format. Click "OK" and it will prompt you with a Save dialog. *NOTE* Pattern names should only contain letters, numbers, '_' and '-'. Do not use spaces or periods within the pattern name. From here you can either save it to you computer, or directly to the hoop. If you're saving directly to the hoop, you'll need to plug in your hoop and turn it on. After 30 seconds or so, your computer should recognize that the hoop has been plugged in and a removable drive will show up labeled "Phoenix."

Click on the Phoenix removable drive and save the image to the root level of the device. The Phoenix does support sub-folders but it's more confusing and a little difficult to navigate into them with only the key-chain remote. So again to keep things simple, just save it to the root for now. *NOTE* The Phoenix can only support up to about 220 patterns in one folder. So if you add enough patterns, you might get a warning that the pattern couldn't be saved to the hoop. If this happens, you'll need to remove a few of your least favorite patterns before you can save any new ones. *NOTE* This tutorial shows PC based format, but MAC users will have the same basic instructions. After you have saved the pattern, eject the hoop drive and turn off your hoop. Then reboot it to see your lovely patterns in action!