
Transcription
Pixel Editor Introductionwww.LightORama.comPixel EditorIntroductionBy Matt BrownJuly 2015Light‐O‐RamaControl the Show!1
Pixel Editor Introductionwww.LightORama.comWhat is the “Pixel Editor” Newest member of Light-O-Rama’s Software SuiteMakes it easy to display complex effects on RGB lights– CCR trees– Other Light-O-Rama Cosmic Color devices– Elements connected to DMX/E1.31 pixel controllers2Light‐O‐RamaControl the Show!2
Pixel Editor Introductionwww.LightORama.comSequencer and l the Show!3
Pixel Editor Introductionwww.LightORama.comWorkflow Step 1: Create a Preview Creating a preview only has to be done once. A PixelEditor preview can be shared across all of yoursequences – no additional importing or copying isrequiredSequence Editor SequencesSequence 1Pixel Editor SequencesSequence 1ChannelsSequence 2Sequence 2ChannelsSequence 3Sequence 3PreviewChannelsChannels4Light‐O‐RamaControl the Show!4
Pixel Editor Introductionwww.LightORama.comWorkflow Step 1: Create a Preview When you first start the Pixel Editor, there isalready an empty preview created for you named“Default”. Feel free to use the “Default” preview orcreate your own (“2015 Christmas Display”perhaps) You must add props to the preview for everydisplay element you wish to sequence with thePixel Editor Optionally, you can also add props that you will besequencing with the Sequence Editor. AddingSequence Editor props allows you to see howyour entire display will look when played back –Pixel Editor and Sequence Editor props together5Light‐O‐RamaControl the Show!5
Pixel Editor Introductionwww.LightORama.comWorkflow Step 1: Create a Sequence1. Open the Sequence Editor. You cannot create a newsequence in the Pixel Editor2. The sequence should only contain the channels youwill sequence with the Sequence Editor – leave outchannels that will be sequenced with the Pixel Editor3. Make sure timing grids are set up the way you want.Use the Beat Wizard or Tapper Wizard if desired tocreate beat channels. Beat channels can be viewedin the Pixel Editor to aid your sequencing4. Save and close the sequence when you are done6Light‐O‐RamaControl the Show!6
Pixel Editor Introductionwww.LightORama.comWorkflow Step 3: Create RGB Effects1. Open the sequence in the Pixel Editor2. Add effects to your RGB props as desired.3. Save the sequence (this saves the effectsfor subsequent editing)4. Save the sequence as an Intensity Data file.The intensity data file is required so that theSequence Editor and Show Player can playback the Pixel Editor sequence7Light‐O‐RamaControl the Show!7
Pixel Editor Introductionwww.LightORama.comSequence Editor with Intensity FileAfter the last track, props in theintensity file are listed. Clicking on aprop shows the channels used.8Light‐O‐RamaControl the Show!8
Pixel Editor Introductionwww.LightORama.comHow Effects WorkYou define a prop“Line” shapes are forroof lines and wireframes!Buffer created tomatch propdefinitionEffect scaledto bufferResult9Light‐O‐RamaControl the Show!9
Pixel Editor Introductionwww.LightORama.comTutorial: Creating a Sequence In the following step-by-step tutorial, we will createa Pixel Editor sequence that runs through all* ofthe effects– Create a new animation sequence in the SequenceEditor– Create a simple preview in the Pixel Editor– Open the animation sequence in the Pixel Editor– Add effects to the sequence– Play it back* We will skip the “none” effect because it doesn’t do anything, and alsothe “movie” effect because it will have its own tutorial.10Light‐O‐RamaControl the Show!10
Pixel Editor Introductionwww.LightORama.comCreate a New Animation Sequence1. Open the SequenceEditor2. We are creating anempty sequence. Afteryou close the “NewAnimation Options”window, the sequencegrid will appear. Nochanges to the grid arenecessary; just save thefile, then close theSequence Editor3. Then close theSequence Editor12311Light‐O‐RamaControl the Show!11
Pixel Editor Introductionwww.LightORama.comCreate a Pixel Editor PreviewOpen the Pixel Editor Double-click on the“Default” preview tomodify it Select Tools Manage Previewsfrom the menu toopen the PreviewList window.or click on “Default” toselect it, then click the“Modify” buttonIf you don’t want to usethe Default preview,create a new one byclicking the “New”button12Light‐O‐RamaControl the Show!12
Pixel Editor Introductionwww.LightORama.comAdd a Prop to the Preview Select Prop Newfrom the previewwindow menu.This will open aProp Definitionwindow13Light‐O‐RamaControl the Show!13
Pixel Editor Introductionwww.LightORama.comDefine the Prop1.Set the name to“Hmatrix”2.Click the RGB tab andmake sure the “RGBPixels” button isselected3.In the Shape section,select “MatrixHorizontal” from thedrop-down. We will usethe default values forthis shape – 16 stringsof 50 pixels each4.In the Channel section,select “Undetermined”from the drop-down.This means there is nophysical prop, but wecan still create effectsfor itLight‐O‐RamaControl the Show!1414
Pixel Editor Introductionwww.LightORama.comSave Preview Click “Save” oncethe prop has beensized to yoursatisfactionStretch prop to yield roughly equalhorizontal and vertical spacingbetween pixels. Drag any of the 4 red“handles” in the corners to resize.New prop islisted on the left15Light‐O‐RamaControl the Show!15
Pixel Editor Introductionwww.LightORama.comOpen Sequence in the Pixel EditorFor this tutorial,make sure “Default”is selected, thenclick “OK”The first time the sequence is opened, you will beasked to associate a preview with the sequence.16Light‐O‐RamaControl the Show!16
Pixel Editor Introductionwww.LightORama.comThe Sequence WindowYou can have multiplesequences open at a time.Each sequence will have itsown tabThe previewassociated with thissequenceOpen theEffectGeneratorChange the list ofprops that aredisplayedList of propsto sequenceUndo & Redo“Current Effect”Next, we will look at the Effect Generator window, so click the “EffectGenerator” button17Light‐O‐RamaControl the Show!17
Pixel Editor Introductionwww.LightORama.comOpen the Effect GeneratorOpen the EffectGenerator byclicking the“EffectGenerator”button abovethe sequencegrid; or use the“E” shortcutkeyLeft EffectLeft EffectselectionMixerControlsMixed EffectRight EffectRight ntrol the Show!18
Pixel Editor Introductionwww.LightORama.comSelect the “bars” Effect Select “bars”from the leftdrop-downbox A bunch ofcontrols willappear thatallow you tocontrol the bareffect. You canleave them attheir defaultpositions. Click “Show3D” Click “OK”.This will closethe window.19Light‐O‐RamaControl the Show!19
Pixel Editor Introductionwww.LightORama.comAdd the Effect to the SequenceClick the “On” tool. This willcause the current effect tobe placed in every cell yousubsequently select.“bars” isnow theCurrentEffectAfter clicking the “On” tool,select the first 4 cells.20Light‐O‐RamaControl the Show!20
Pixel Editor Introductionwww.LightORama.comSelect the “butterfly” Effect Reopen theEffectGenerator Select“butterfly”from the leftdrop-downbox Leave thebufferflycontrols attheir defaultpositions. Click “OK”to close thewindow.21Light‐O‐RamaControl the Show!21
Pixel Editor Introductionwww.LightORama.comAdd the Effect to the Sequence“butterfly” isnow theCurrentEffectOn a givensequence row, thegrid colors willalternate whiteand gray toindicate whereone effect stopsand the next onestarts.Select the next 4 cells.22Light‐O‐RamaControl the Show!22
Pixel Editor Introductionwww.LightORama.comSelect the “colorwash” Effect Select“colorwash”from the leftdrop-downbox SetHorizontalFade to“center on” Set MixerBrightnessMode to“fade in andout” Move FadeSpeed toabout midposition Click “OK”23Light‐O‐RamaControl the Show!23
Pixel Editor Introductionwww.LightORama.comAdd the Effect to the Sequence“colorwash” isnow theCurrent EffectDouble-clickon the propname to playback thevisible portionof thesequenceSelect the next 4 cells.24Light‐O‐RamaControl the Show!24
Pixel Editor Introductionwww.LightORama.comSelect the “countdown” Effect Select“countdown” from theleft dropdown box Set SecondsTo Count to“3” Reset MixerBrightnessMode to“full” Click “OK”25Light‐O‐RamaControl the Show!25
Pixel Editor Introductionwww.LightORama.comAdd the Effect to the SequenceEffects thatyou haveused in thesequenceappear hereas thumbnailsthat you canclick on tomake it theCurrentEffect, or dragonto a gridcell.“countdown”is now theCurrent EffectSelect the next 4 cells. The gridwill automatically scroll as yourcursor approaches the grid’sedge.26Light‐O‐RamaControl the Show!26
Pixel Editor Introductionwww.LightORama.comSelect the “curtain” Effect Select“curtain” fromthe left dropdown box Set Movementto “open thenclose” Set RepeatMode to“repeat atspeed” Select“butterfly”from the rightdrop-downbox Set Mixer to“Mix Overlay”. Click “OK”27Light‐O‐RamaControl the Show!27
Pixel Editor Introductionwww.LightORama.comAdd the Effect to the Sequence“curtain/butterfly” is nowthe Current EffectSelect the next 4 cells.28Light‐O‐RamaControl the Show!28
Pixel Editor Introductionwww.LightORama.comSelect the “fire” Effect Select “fire”from the leftdrop-downbox Select“none” fromthe rightdrop-downbox Click “OK” Back in thegrid, selectthe next 4cells. ThenCtrl-S tosave thesequence29Light‐O‐RamaControl the Show!29
Pixel Editor Introductionwww.LightORama.comSelect the “fireworks” Effect Select“fireworks”from the leftdrop-downbox Select red,green, blue,yellow, andwhite colorcheckboxes Increase theExplosionRate Click “OK” Back in thegrid, selectthe next 4cells30Light‐O‐RamaControl the Show!30
Pixel Editor Introductionwww.LightORama.comSelect the “garland” Effect Select“garland”from the leftdrop-downbox Select blue &white colors ChangeGarland Fill to“left to right” ChangeRepeat Modeto “once fit toduration” Click “OK” Back in thegrid, select thenext 4 cellsWith Repeat Mode set to“once fit to duration”, theeffect will only play once.Click the Restart buttonto see it play again.31Light‐O‐RamaControl the Show!31
Pixel Editor Introductionwww.LightORama.comSelect the “meteor” Effect Select “meteor” from theleft drop-down box Colors don’t matter whenColor Scheme is“rainbow” Double-click the MeteorCount slider to unlockstart & end handles. Movestart handle (green) allthe way to the left. Movethe end handle (red) allthe way to the right Click Restart to see howthe number of meteorschanges over time Click “OK” Back in the grid, selectthe next 4 cells32Light‐O‐RamaControl the Show!32
Pixel Editor Introductionwww.LightORama.comSelect the “picture” Effect Select “picture” from the leftdrop-down box Use Google to find ananimated gif file that is closeto the size of our prop(16x50). Save the file to yourPictures directory Click the Choose PictureFile button and from theopen file dialog select thepicture file you justdownloaded. It shouldimmediately start playing. Click “OK” Back in the grid, select thenext 4 cells33Light‐O‐RamaControl the Show!33
Pixel Editor Introductionwww.LightORama.comSelect the “pinwheel” Effect Select “pinwheel”from the left dropdown box Select the red, green,and blue colors fromthe palette Increase Arm Width Decrease Arm Length Increase Arm Bend In the Mixer section,set Sparkle to the maxvalue Click “OK” Back in the grid,select the next 4 cellsLight‐O‐RamaControl the Show!Numeric values allow youto match the settingexactly3434
Pixel Editor Introductionwww.LightORama.comSelect the “snowflakes” Effect Select “snowflakes”from the left dropdown box Deselect all colorsfrom the palette.Notice how it defaultsto white Change SnowflakeType to “1” In the Mixer section,reset Sparkle to themin value Click “OK” Back in the grid,select the next 4 cells.Then Ctrl-S to savethe sequenceThere is no “snowstorm”effect in the Pixel Editorbecause similar resultscan be achieved byadjusting the directionand speed in the“snowflakes” effect.35Light‐O‐RamaControl the Show!35
Pixel Editor Introductionwww.LightORama.comSelect the “spirals” Effect Select “spirals” fromthe left drop-down box Select red and whitecolors from the palette Set Palette Repeat to“2” Increase Rotation Increase Thickness Click the “Show 3D”checkbox (you willneed to scroll to thebottom of theparameter settings) Click “OK” Back in the grid,select the next 4 cells36Light‐O‐RamaControl the Show!36
Pixel Editor Introductionwww.LightORama.comSelect the “text” EffectLeft Side1. Select “text” fromthe drop-downbox2. Enter“Christmas” inthe text box.Select the textand change thecolor to white.Change the fontto “Calibri” or“Lucida Sans” ifyou have it.2. Enter “Merry” inthe text box3. Select the textand change thecolor to red.Change the fontto “Calibri” or“Lucida Sans” ifyou have it.3. Set Font Size toabout 864. Set Font Size toabout 864. Set Movement to“right”5. Set Movement to“left”6. Set Speed toabout 57. Adjust Position sothat text is againstthe top edgeRight Side1. Select “text”from the dropdown boxClick “OK” whenyou are satisfiedwith the result5. Set Speed toabout 56. Adjust Positionso that text isagainst thebottom edge37Light‐O‐RamaControl the Show!37
Pixel Editor Introductionwww.LightORama.comAdd the Effect to the Sequence“text/text” is now theCurrent EffectSelect the next 4 cells.38Light‐O‐RamaControl the Show!38
Pixel Editor Introductionwww.LightORama.comComplete the Sequence“*” after the file namemeans the file is notsavedChange the modeto Ramp Down Whenyou aredone,typeCtrl-Sto savethesequenceSelect the last 4 cells.39Light‐O‐RamaControl the Show!39
Pixel Editor Introductionwww.LightORama.comPlay Back the SequencePlay from thecurrent location tothe end of thesequencePlay from the beginningof the sequence to thecurrent locationPlay the visible portionof the sequencePlay the fullsequenceYou can also play back a specific prop ‐ preview will play in the left window and the effects for the selected prop willplay in the right window. To do this, right‐click on a prop name and select one of the choices from the pop‐up menu.As a shortcut, you can double‐click on a prop name to play the visible portion of the sequence.40Light‐O‐RamaControl the Show!40
Pixel Editor Introductionwww.LightORama.comTwo Sequence Rows Per PropThe top row contains EffectGenerator results that are amix of 1 or 2 effectsThe bottom row can also containEffect Generator results that area mix of 1 or 2 effectsThe 2 rows are mixed together toproduce the final effect for the prop41Light‐O‐RamaControl the Show!41
Pixel Editor Introductionwww.LightORama.comSmooth Transitions In the sequence we have createdso far, effects transition abruptlyone to the next Now we are going to modify thesequence so each transition issmooth (crossfade)42Light‐O‐RamaControl the Show!42
Pixel Editor Introductionwww.LightORama.comMove Effects to the Bottom Row Move every other effectfrom the top row to thebottom row Click the Arrow icon to gointo selection mode Select all the cells of aneffect using the mouse.Then click the scissors iconto cut, or use the Ctrl-Xshortcut key Select the destination gridcells using the mouse.Then click the clipboardpaste icon, or use the Ctrl-Vshortcut key Repeat until you reach theend of the sequence The result is shown on theright43Light‐O‐RamaControl the Show!43
Pixel Editor Introductionwww.LightORama.comAdd Fade Out Transitions Add a fade out toevery effect, both topand bottom rows Click the last cell inan effect. Thiscauses that effect tobe the Current Effect Now click the emptycell to the right. Thentype the “D” shortcutkey (fade down) Repeat for everyeffect The result is shownon the right44Light‐O‐RamaControl the Show!44
Pixel Editor Introductionwww.LightORama.comAdd Fade In Transitions Change the first cellin every effect to afade in/up, both topand bottom rows Click the first cell inan effect. Thiscauses that effect tobe the Current Effect.Then type the “U”shortcut key (fadeup) Repeat for everyeffect The result is shownon the right Type Ctrl-S to save!45Light‐O‐RamaControl the Show!45
Pixel Editor Introductionwww.LightORama.comSuccess! The sequence looks much better nowwith smooth transitions You have successfully created a PixelEditor sequence and used everyeffect (except movie) Congratulations and enjoy using thePixel Editor!46Light‐O‐RamaControl the Show!46
Pixel Editor Introductionwww.LightORama.comSuccess!Participate in the Pixel Editorforum on the Light-O-Rama website to ask questions and findthe latest O‐RamaControl the Show!47
Pixel Editor Introductionwww.LightORama.comPixel EditorIntroductionBy Matt BrownJuly 201548Light‐O‐RamaControl the Show!48
Pixel Editor Introduction www.LightORama.com Light‐O‐Rama Control the Show! 2 2 What is the “Pixel Editor” Newest member of Light-O-Rama’s Software Suite Makes it