You are on page 1of 21

Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

CONTE ENIDOMAN UAL


1:ELINICIO... ........................................ .................... ........................................ ...........................4 CAPTULO1 1. 2. 3. 4. CREA ARUNNUEVOPROYECTO.................... ...................... ...................... ..................... ..................... .......4 .......6 RECONOCERLASDIFERENTESPARTESDELAINTERFACE EDELPROGRA AMA............. ...................... STARPREFER RENCIAS............................. ...................... ..................... ..................... ...................... .....10 AJUS MODIFICANDOLA ACONFIGURA ACINDELPR ROYECTO...... ...................... ..................... ..................... .....12

CAPTULO2 2:GRFICOSY YTEXTO........................... .................... ........................................ .........................15 1. 2. 3. 4. 5. 6. 7. COM MENZANDOC CONELCAPTULO.............. ...................... ...................... .....15 ..................... ..................... ELIG GIENDOUNFO ONDODEPG GINA............. ...................... ...................... .....15 ..................... ..................... AA ADIROBJETOS SDEIMAGEN.................... ...................... ...................... .....22 ..................... ..................... AA ADIROBJETOS SDEETIQUET TA(LABEL)..... ...................... ...................... .....29 ..................... ..................... AA ADIROBJETOPRRAFO.......................... ...................... ...................... .....31 ..................... ..................... AA ADIROBJETOTEXTOENRIQ QUECIDO(RIC CHTEXT)........ ...................... .....32 ..................... ..................... DUP PLICAROBJET .................................... TOS. ...................... ...................... .....34 ..................... .....................

CAPTULO3 3:BOTONES,ACCIONESYPGINAS..... .................... ........................................ .........................35 1. 2. 3. 4. 5. 6. AA ADIRBOTONE ES....................................... ...................... ...................... ..................... ..................... .....35 ..................... ..................... ALIN NEAROBJETO OS....................................... ...................... ...................... .....37 AA ADIRACCIONE ESRPIDASO OSIMPLES..... ...................... ...................... ..................... ..................... .....38 EDIT TORDESCRIP PTS..................................... ...................... ...................... ..................... ..................... .....40 ..................... ..................... AA ADIRPGINAS SANUESTROPROYECTO.. ...................... ...................... .....42 NAV VEGARPORLA ASPGINAS...................... ...................... ...................... ..................... ..................... .....43

CAPTULO4 4:VIDEO....... ........................................ .................... ........................................ .........................47 1. 2. 3. 4. AA ADIRUNAIMA AGENDEPAN NELCOMOFO ONDODENUE ESTROVIDEO O.................... ...................... .....47 AA ADIRUNOBJE ETODEVIDEO ................... O. ...................... ..................... ..................... ...................... .....48 AA ADIRCONTRO OLESDEVIDEO OPERSONALIZADOS.......... ...................... ..................... ..................... .....49 AA ADIRACCIONE ESANUESTRO OBOTONES....................... . ...................... ..................... ..................... .....50

CAPTULO5 5:SONIDO.... ........................................ .................... ........................................ .........................51 1. 2. 3. 4. CAM MBIARLOSSO ONIDOSPORD DEFECTODEL LOBJETO....... ...................... ..................... ..................... .....51 QUIT TARELSONID DOENLOSOB BJETOS......... ...................... ...................... ..................... ..................... .....52 .....52 CON NFIGURACIN NDEEFECTOS SDESONIDODEUNOBJET TOESPECFICO O.................. ...................... AA ADIRMUSICADEFONDOA ANUESTROPR ROYECTO...... ..................... ..................... ...................... .....52

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

5.

PAU USARMUSICA ADEFONDO....................... ...................... ..................... ..................... ...................... .....53

CAPTULO6 6:PUBLICACINPROYECT ................. TO .................... ........................................ .........................56 1. 2. 3. PUB BLICARELPRO OYECTOENUNACARPETAENELDISCO DURO.............................. ...................... .....56 ..................... ..................... PUB BLICARUNEJE ECUTABLECO OMPRIMIDO....................... . ...................... .....59 PUB BLICARELPRO OYECTOENUNCDODVD. ..................... ...................... ..................... ..................... .....61

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

1. CREARU UNNUEVOPR ROYECTO. Paracrearu unnuevoproyectodebem mosseguirlospasossiguien ntes: 1)AbreelA AutoPlay. Utilizaelme enIniciopar rainiciarelpr rogramaAuto oPlayMediaS Studio. toPlayMedia Inicio>Tod doslosProgra amas>Indig goRoseCorpo oration>Aut aStudio7.0 hacerdoble eclicen eliconodeAutoplayque esecreene elEscritorio.

CA APTULO 1 O ELINIC CIO

2) Cuando aparezca la ventana de Bienvenida, haz clic en "Create a n new project" (Crear un n " nuevo proyecto). La ventana de Bienvenid aparece siempre que inicias el Au da s utoPlay Med Studio. Es te dia sta permitecre earfcilmente eunNuevop proyecto,abrirunoyaexist tente,oresta ablecerelltimoproyecto oenel cualtrabaja aste.(Restabl lecerelltim moproyectoa automticame enteabreel proyectoque ehabasabie ertola nuevo ltima vez que tu inicia aste el AutoPlay). Cuando haces clic e Create a new Project (Crear un n en t proyecto),laventanade ebienvenidas secierraylav ventanaNew wProject(Nue evoProyecto) )aparece.

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

3)ExploralaventanaN NewProject. Laventana New Project t,tepermite ponerlenom mbreatupro oyectoyeleg girconculti ipodeproyectote gustarainic ciar. Enmediod delaventana NewProject thayunalistadesplazable econunmon ntndeimg genesminiatu uraen ella. Cada miniatura re epresenta un distinta plantilla de p na proyecto. Una plantilla de proyecto es un proyectoiniciadorpre efabricadoqu uepuedesutilizarparasa carleprovech hoatupropioproyecto. Como puedesver, ,lasplantillas sdeproyectovienenenmuyvariadose estilostemas. . 4)Cambiae elNombrede elProyectoaTutorial. Escomnq quequierasr reemplazarel ltextopordefecto"My P Project"con elnombread decuadopara aeste proyecto,asqueseleccionatodoelt textoenelca ampoEnterP ProjectName eyreemplza aloescribiend dopor ejemploTutorial.

Esteserel lnombrede lacarpetade eproyecto,queeslacarp petaqueser utilizadapar ramantener todos losarchivos sdelproyectojuntos,yta ambinser elnombred elarchivode eproyecto,el lcualeselarchivo quecontien netodaslasc configuracion nesyopcione esqueconfec ccionantupr royecto.(Este eeselarchiv voque abrirscu uandoquierascargareste eproyectoen nelAutoPlay) ).Cadaproye ectonecesita aunnombre,yese nombretienequesernico.Nopued desdarleelm mismonomb readosproy yectos(ydeh hechoAutoPlayno telopermit tir). 6) Haz clic en la miniat tura de la pl lantilla Blank Project (Pro k oyecto en Blanco). Estars comenzan el ndo proyectotu utorialdesdecero,asqueseleccionalaplantillaBlan nkProject. Nota:Paras seleccionarunaplantilla,s slohazclice ensuminiatu ra. 7)Hazclice en"CreatePr rojectNew"(C CrearunProy yectoAhora). Cuandohag gasclicenCr reateProject New,lavent tanaNewPro ojectOptions ssecerrar, AutoPlaycre earla carpetade proyectoyelarchivodep proyectoconelnombreq queelegiste,y yelproyecto osecargard dentro

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

delambient tedediseo. Nota:Laint terfacedelpr rogramaAuto oPlayMediaS Studioestam binconocid dacomoambi ientededise o. Puesto que seleccionast una plantilla de proye e te ecto en blanc tu proyec consiste en una pgina en co, cto blanco,sinobjetosninada.Unapiza arralimpiaparaquetlalllenes! nuevo Consejo: Una vez que es sts en el am mbiente de d diseo, pued iniciar de des esde ah un n proyectoelig giendoArchiv vo>NuevooC CTRL+N.

2. RECONO OCERLASDIFERENTESPAR RTESDELAIN NTERFACEDE ELPROGRAM MA. 1)Explorarlaventanad delprograma aAutoplay. Laventanadelprogram maAutoPlayestdivididae enunnmero odepartesd distintas.Enla apartesuper riorde laventana,justodebajodelabarrad dettulo,est nlosmens delprograma a.Puedeshac cerclicsobre eestos menspara aaccederava arioscomandos,configura acionesyherr ramientas arrasdeherr Abajodelosmensdelprogramaest tnunbuenn nmerodeba ramientas.Lo osbotonesde eestas barrasdeherramientas teproporcionanunfcila accesoamuc chosdelosco omandosque eestndispo onibles enlosmen sdelprograma. Consejo: Pue edes crear tus propias barras de he b erramientas p personalizada o editar las ya as existenteseli igiendoHerra amientas>Pe ersonalizar.
Ba arradeMens Barrade Herramie entas


Ba arraoMedidord de Tam maodelProye ecto Paneles s de Control Pesta aadePginas

rea detrabajoode pgina

BarradeE Estado

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

Enmediod delaventana delprograma,lasuperfic ciedelapgi naactualest tvisibleene elreadeltra abajo, medidaenpixelesporun nparderegla as. Enlaparte inferiordela aventana,un nabarradee estadorefleja atuinteracci nconelpro ogramayteo ofrece unacantida addelecturas sinformativas s. El resto de la ventana del program est constituida de s e ma subventanas individuales conocidas como s s paneles.Ca adapanelpue edeestaranc clado,conpes staas,serin nmovilizado,r redimensiona adooarrastra ado,e inclusohace erqueflotee enlapartesuperiordelam mbientededis seo. Con nsejo:Param mostrar/oculta arpaneles,ut tilizaelmen Ver>Panele es. Un panel muy til es el panel Propieda ades (Propert ties). Por def fecto, ste est localizado a la o izquierdade elreadetra abajo,atodololargodelladoizquierdo odelapantalla.Aquesd dondepuedes svery editarlaconfiguracindelobjetoola apginaactua almenteselec ccionada. Laconfigura acinenelpanelpropieda adesestorg ganizadaenc categoras.Pu uedesexpand dirocolapsar restas categoras haciendo doble clic en el encabezado de cierta c e o categora, o haciendo clic en los pequeos c smbolos+oqueapare ecenenlacolumnaasuizquierda
ocolapsar Expandiro Nombrettu ulodelPanel

categoras c

En ncabezadoTtu ulo cat tegora

Co onfiguracin

Valor

edades. 2)CierraelpanelPropie rarunpanelh haciendoclicenlapeque a Puedescerr desub barradettulo o.

3)EligeVer r>Paneles>Propiedadesparaabrirde enuevoelpa anelPropieda ades. esVer>Paneles> Todoslosp panelespuedenseractivadosodesact tivadosenel menView. Cuandoelige Propiedade el panel Propiedades es restaurad a la mism posicin q es, P do ma que ocupaba antes de q lo a que cerraras. panelPropied dadesarrastr randosubord desuperiorh haciaabajo. 4)Hazmspequeoelp Puedes cam mbiar de tam mao los paneles arrastrando sus orill as. En este c caso, quieres arrastrar la parte s entredos panelesel pedacitode panelarribadelpanelPr s ropiedadesy abajodel pa anelExplorad de dor AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

Proyecto.A Alcomenzara aarrastrarla orilladeunp panelaparece erunalnea quemuestra adndesem mover esaorillacu uandosueltes selbotndelratn.Verla acapturadee estaaccinen nlasiguienteimagen.

Cuando los paneles est anclados uno junto a otro, al arra n astrar una orilla se redimensionarn a ambos panelesalm mismotiempo(haciendo unomsgran ndeyotrom spequeo). echodado,cu uando .Comounhe hagaselpanelPropiedadesmspequeo,elpane elExplorado ordeProyecto oseharm sgrandealm mismo tiempo. 5)Cambiad delugaralgu unospaneles.Pruebamov viendopanele esalaorillad delapantalla aparaanclar rlos,o arrstralosarribadeotr rospanelesp paracombinarlosdedistin ntasmaneras s. Puedescam mbiardelugarlospaneles arrastrndolosporsuba rradettulo. Almoverun npanel,unas silueta ntalla, temostrar elreagene eraldondeelpaneltermin nar.Siarrast traselpanel cercadelao orilladelapan ocercadeo otropanel,la asiluetasea adaptarpar ramostrarte queelpanel puedeseran nclado,puest tocon pestaasocombinadod deotromodoconelreae enfocada. olospaneles sestnconp pestaas,ala arrastrarsub barradettulo omuevealm mismo Datecuenta quecuando esconpesta as.Puedes arrancarun napestaaar rrastrndola fueradelas otras. tiempotodoslospanele Puedestam mbinreorden narlaspesta asarrastrnd dolasalaizqu uierdaoalad derecha. Consejo:Cu uandoestsa arrastrandop paneles,eslaposicindel cursordelra atnlaqued determinacmose acomodar lasiluetade elpanelenun nlugar.Pore ejemplo,para aanclarunpa aneldebajod deotro,arras strael paneldetalmaneraque eelcursores stcercadel laorillainferiiordeesepa anel.Parape estaearun panel conotro,ar rrastraelpan neldemaneraqueelcursorestenlaorillasuperio ordelabarra adettulode elotro panel.

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

Los panele anclados tambin pueden ser p es pinchados o despincha o ados. Los p paneles pinc chados permanecenabiertoscu uandonolose estsutilizando.(Todoslo ospanelespo ordefectoest tnpinchados s).Los panelesdes spinchadospe ermanecence erradoshasta aquehacesc clicenelloso posicionase elratnsobre eellos. Cuandolosnecesitesposicionaelrat nsobreellosysedesliza rnyabrirn nporencimad detodo,ylue egose deslizarny ycerrarncua andotermine esdenecesita arlos. nchar un pan haciendo clic en el pe nel equeo icono pin de la barra de ttu del ulo Puedes pinchar o despin panel. Pinchado Despin nchado srecuerdans suposicinin nclusodespu sdequelos despinches. Sidespincha asunpanely luego Lospaneles lopinchasd denuevo,reg gresaralapo osicinquete enaantesde equefuerade espinchado. Nota: Los paneles con pestaas son pinchados y despinchad os juntos. Si despinchas un panel que est p p n y e pestaeado,todoslosdemspanelesqueestnpestaeados sconltamb binserndes spinchados. 6)HacerCli icenelmen Ver>Layouts>AutoPlay yMenStudio o3.0. AutoPlay vi iene con algu unos diseos de espacios de trabajo preconfigura s s ados a los qu puedes ac ue cceder desde el men Ver. El "AutoPlay Men Studio 3.0" mode el ambiente de dise de uno d los m l o ela o de predecesoresdelAutoPl lay7. Consejo: Puedes crear tus propios diseos de espa C s acio de traba ordenand los paneles a tu ajo do gusto y luego eligiendo Ver > Panele > Save La g o V es ayout. Cualq quier diseo que guardes ser s aadido a la lista en el men View, y puede ser se a eleccionado igual que cua alquier otro d diseo preconfigurad p do. 7)HacerCli icenelmen Ver>Layouts>RestoreD Default. Estorestauraelambient tedediseo alespaciode etrabajopor defecto,elc cualeselnic coqueusaremosa lolargodee estetutorial. 8)HacerCli icenelmen Ver>Cuadr cula(Grid)p paraactivarla acuadrcula(Ctrl+Shift+ +R). Unesquemadecuadrcu ulaaparecer enelreade elapgina.E Estacuadrculapuedeser tilcuandoquieras alinearobje etosvisualme enteenlapg gina.

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

Consejo: Puedes hacer que los ob P r bjetos "se aju usten" a la c cuadrcula cu uando los m muevas eligiendoV Ver>Alineara aCuadrcula( (Ctrl+Shift+ +R). 9)HacerCli icenelmen Ver>Cuadr cula(Grid)p paradesactiva arlacuadrcu ula. EligiendoVe er>Cuadrcu ula(Grid)den nuevosedesa activalacuad drcula. 3. AJUSTAR RPREFERENC CIAS. Hayunacan ntidaddepre eferenciasquepuedescon nfigurarpara ajustarelam mbientededis seodeAuto oPlayy satisfacertu uestilodetra abajo.Vamos sadarunvistazoaalgunas sdeellas. 1)HacerCli icenelmen Edicin>Pre eferencias. Esto abrir el cuadro de dilogo Preferencias, donde todas las preferencias de Aut d s toPlay puede ser en encontradas.

Laspreferenciasestno ordenadasencategoras.L Lascategora sestnlistad dasalladoizq quierdodelc cuadro de dilogo. Cuando haces clic en una categora sus prefer . u a, rencias corre espondientes aparecen al lado derechodelcuadrodedilogo. Consejo: Si sta es la primera vez que has abie p erto el cuad de dilog Preferenci dro go ias, la categora Bu (Construccin) ya est uild tar seleccion nada. Una de las opcione Previsualiz en e es zar estacategor ranosdala opcindeha abilitarmensa ajesdenotifi icacin.Pore ejemplo.Lao opcin

10

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

Mostrarla ventanatep permitemost trarinformacindedepur racinenuna aventanasep paradacuand dodas unavistapr reviaelproye ecto.Activar estaopcinp puedeayudar rteaverqu estpasandoatrsdelt teln duranteuna avistaprevia a,locualpued desertilsit tetopascon algnproblemamientras estsproban ndotu proyecto. enlacategor raEnvironme ent(deAmbie ente). 2)Hazclice LaspreferenciasEnviron nment(deAm mbiente)tep permitencam mbiarlamane eraenquese veelambien ntede diseo. Po ejemplo, puedes cam or mbiar los co olores que s son utilizado cuando l os los objetos estn seleccionad dos,ocambia arelcolorde fondodelreaenteradetrabajo.Inclusopuedesc cambiarelco olorde lasombra queaparece edetrsdelasuperficiede elapgina(o odesactivarlacompletame ente).

Clicparadesa activarla sombraenelreade trabajo.

Co onsejo: Desactivar la som mbra de la p gina puede m mejorar la visualizacin d las lneas d los de de ob bjetosarribadelfondoyjustoenunao orilladelap gina.Observ veelresultad doenlassiguientes im mgenes.

3)Expande elacategora aEnvironmen nthaciendod dobleclicene ella,yluego hazclicenla acategoraP Project Size.

11

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

Tambinpu uedesexpand dirlacategor aEnviromen nthaciendoc licenelpequ ueosmbolo o+alaizqu uierda desta. encias de Tam mao del Pro oyecto es don puedes a nde ajustar el tam mao del me edio de salida (CD, a Las prefere DVD),elcua aldeterminalaescaladelmedidorene elpanelTama aodeProyec cto. paraqueconc cuerdeconelltamaodel mediodesalida(CD,DVD D)que Siajustaseltamaode estaescalap ests usand tendrs un indicador visual que te informa cu do, u t unto espaci va abarcan tu proye io ndo ecto a medidaque elevasaadiendocosas. Date cuenta que esta preferencia no afecta el proyecto para nada; el tam p o p a mao del me edio de salida slo a afecta el medidor de tamao en el panel Project Size (Tama de Proyec m t o cto). Tampoco importa qu tan u grandeestudiscoenelquemador,s siquieresque eelmedidord detamaose eajustealtam maodemed diode salidaquee estsusando, ,necesitarscambiareltamaodelme ediodesalida amanualmentecuandoalt ternes deuntamaodemedioaotro. 4) Tienes la libertad de explorar alg a e gunas de las otras categ s goras. Cuand lo hayas hecho, haz c en do clic ACEPTARparacerrarelcuadrodedilogoPrefere encias. Haymuchasotraspreferenciasquep puedesajusta ar,talescom oelnmero denivelesdedeshacerp parael programa(e enlacategoraDocument t),yqusuced decuandoar rrastrasunarchivodentrodelapgina(enla categoraD DragandDrop p).Tomaalg ntiempopa aranavegara travsdelas scategorasy yfamiliarizart tecon lasdiferentesopcionesq queestndisponibles. Recuerda que puedes hacer clic en la Ayuda o presionar F1 para obten ms infor q h 1 ner rmacin acer de rca cualquierco onfiguracindeunacategoraespecfic ca. 4. MODIFIC CANDOLACO ONFIGURACI NDELPROY YECTO. La configur racin del pr royecto afect la aparien ta ncia y compo ortamiento d tu aplicacin en tiemp de de po ejecucinco omoporejem mploelnomb breottulode elaventanad denuestropr royecto,eltam maodelapgina,

12

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

estilo,camb biariconopar ranuestropro oyecto,etc. Nota: Cada proyecto tie un nme configura a ene ero aciones que p pueden ser m modeladas so obre una bas por se proyecto.A Aestasconfigu uracionesdeamplioproye ectosepuede eaccederdes sdeelmenP Proyecto(Pro oject). 1)EligePro oyecto>Ajus stes(Settings) ). EstoabreelcuadrodedilogoProjec ctSettings(Co onfiguracione esdelProyect to).


2)Cambiare emoselTtul lodelaventa ana. Por defecto el ttulo de la ventana es el mismo que el nom o, e o mbre del proy yecto. Como este proyec los cto llamamose enprincipioT TUTORIAL,ese eeselnombredenuestra aventana,pe erolopodem moscambiarp porun ttuloalgom msapropiado. Paracambiarelttulode elaventana, reemplazae eltextodelca ampoTUTOR RIALporMip primerProyec ctoen AutoPlay. textoaparece erenlabarradettulode elprogramac cuandoelusu uariocorratuaplicacin. Nota:Estet 3)Asegrat tequeeltam maodepgin naestajusta adoa"Mediu um". Configurar eltamaode epginaaM Mediumajus stalaanchura ayalturaa6 630por425. Esteesunta amao eguro para una aplicacin puesto que se ajustar a cada res n, solucin de p pantalla comn en bueno y se Windowsquesea640x4 480osuperior r. ajustalaanch hurayalturad detodaslasp pginasdetu proyecto. Nota:Estoa 4)Hazclice enOKparace errarelcuadr rodedilogo oApplication Settings. Elrestode lasconfigura acionesestn bien,asque ehazclicen OKparacerrarelcuadro dedilogoAj justes delProyect to(ProjectSettings)yregr resaralavent tanaprincipa ldelprogram ma. 5)Ahoraha azclicenelm menPublicar r>PrevioF5 F5parapoder rverunavista nuestroproye ecto. apreviaden La caracter rstica de vist previa de AutoPlay te permite ec ta charle un vist tazo a tu aplicacin ant de tes construiroquemarelpr royecto.Ene estepuntono ohaymucho quever,puestoqueelproyectosloc consta

13

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

deunapginaenblanco o.Peroeltex xtoqueescribisteparael ttulodelav ventanaapar receenlabarrade ttulo,ysip puedesmedirlapgina,tedarscuenta aquesindud aesde630p pixelesdeanc chopor425p pixeles dealto.

6)Hazclice enelbotnC Cerrardelaba arradettulo oparasalirde elavistaprev via. Cuandosalg gasdelavista aprevia,regresarsalave entanadelpro ogramadelA AutoPlay. 7)Finalmen nteGrabemosnuestropro oyectoclicenArchivo>Gu uardarCTR RL+S. Cuando gua ardes el proy yecto, todos los cambios que le has h hecho sern almacenados en el archi de ivo proyecto. Puedes abrir ese archivo de proyecto en cualquier momento para continuar trabajando en el P d proyecto. Resumen ndelcaptulo o.Enestecap ptuloaprend iste: Crearunnue evoproyecto. . quetieneslav versinmsr recientedeA AutoPlayMediaStudio. Asegurarteq asdistintaspa artesdelaint terfacedelpr rograma. Reconocerla Personalizarele espaciodetra abajo. Cargarundiseopreconfiguradodeunes spaciodetra bajo.. Cambiarelttulodelaventanadelproyec cto. Aju ustareltama odepginadelproyecto o. VerunaVistaPr reviadenues stroproyecto. abarnuestroproyecto. Gra

14

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

CA APTULO 2 O GRFICO Y TEXT OS TO


En esta leccin aprende ers acerca de los objetos los bloque bsicos de construccin que hacen nica d s, es n cada aplicacin AutoPlay. Los dos objetos ms fciles de usa son las imgenes y las etiquetas (la ar abels). Juntos,ellostepermiten nllenartupro oyectocongr rficosytexto o.Aunqueso onsencillosde eusar,teper rmiten hacer cosas muy avanzadas, y al fin de esta leccin apren s nal nders a man nipular estos objetos com un s mo profesional. La mayora de las tcnicas que apre endas en esta leccin pue a eden ser apli icadas a todo los objeto que os os usarsenA AutoPlay,asq queponatencin,staesunainformac cinmuytil.Porejemplo o,todoslosobjetos en AutoPlay pueden ser cambiados de tamao y de posicin libremente y en esta leccin apren y n e, nders mbrar objetos y cmo cre rpidame s, ear ente un clon de un cmo hacerlo. Tambin aprenders como renom objetoexist tentealduplicarlo,queserunahorrorealdetiemp poquedomin narstmism moconlaprc ctica. 1. COMENZ ZANDOCONELCAPTULO O. Siestscon ntinuandodes sdeelcaptulo1,deberas stenerejecut tndoseelAu utoPlaycone elproyectoTu utorial an abierto Si es as, ests listo para avanzar al siguiente e o. e ejercicio: Eleg un Color d Fondo. En caso gir de n contrario,n necesitarsab brirelarchivo odeproyectoqueguardas stealfinaldel lcaptulo1.
1)Abreelar rchivoTutorial l.am7queguar rdasteenlaLe eccin1.

Cuando gua ardas un pro oyecto, AutoP Play automt ticamente cr una carpeta de proye rea ecto para l en el interiorde lacarpetaM Misdocument tos\AutoPlay MediaStudi io7.0\Projec cts.Estacarpe etadeproyectoes donde todo lo que le pertenece al proyecto es almacenado, incluyendo el archivo de proyecto, e cual o p e el contieneto odaslasconfig guracionesut tilizadasenelproyecto. Lacarpetad deproyectoy yelarchivod deproyectosiempretiene enelmismon nombrequeledistealpro oyecto cuando ste fue creado El nombre de los archiv de proye o. vos ecto finalizan con una ext tensin de archivo .am7. Para abrir el proyecto, slo necesita abrir el archivo de pro as rchivo > Abri > el ir oyecto. Clic en men Ar nombredetuproyecto 2. ELIGIEND DOUNFOND DODEPGINA A. Cada proye ecto est com mpuesto por una o ms pginas. Una pgina en Au p utoPlay es m parecida a una muy pginadeu unlibro.Justo ocomoenun nlibro,cada pginapuede etenerdiferentescosase enella,tales como fotografasytexto. Porsupuest to,enAutoPl layhaymuch homscosas quepuedes ponerenuna apgina,des sdetextoygr rficos hastaboton nesinteractiv vos,videoyan nimaciones.( (Verslosdife erentestipos sdeobjetosq quepuedesco olocar enunapginaalolargodelasleccio onesdeestag guadelusua rio).Peroporahora,slo enfoqumon nosen lasuperficie edelapgina amisma. 1)Hazclice enlasuperfic ciedelapgin na.

LaSuperfic ciedePginasemuestrae enmediodelreadeTra abajo.(Eselr rectnguloblancogrande e). Cuando ha aces clic en la Superficie de Pgina, la configura e acin de pg gina es most trada en el panel

15

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

Propiedade es. En el panel Propiedades, puedes no otar que est pgina es n nombrada Pa age1, y que s estilo de f su fondo (Backgroun ndStyle)estestablecidoc comoSolid.
Estilodelfondo o NombredePg gina

Consejo:Pued C deshacerclic cenlasuperf ficiedelapg ginaencualquiermoment toparaselecc cionar la apginayver rsuconfigura acinenelpa anelPropieda ades. Puestoqueungranrect tnguloenblancoesunpocoaburrido oparaestepr royecto,haga amosquelap pgina tengaunas spectomsinteresante.
2)Enelpane elPropiedades s,ajustaelCol lordeFondo(B BackgroundCo olor)aPaleBlu ue(#99CCFF).

Lasuperficiedelapginaestambinllamadaelfo ondodelap gina.Cuando oiniciasunp proyectoenblanco, stetienes slounapgin naenblanco,ysucolorde efondoesbla ancoslido. Para ajusta el color de fondo a Pale Blue, ha clic en la configuraci BackgroundColor del panel ar d P az n Propiedade es,yluegohaz zclicenelbo otnSeleccion narparapone eralavistaunapaletadecolores. Enlapaleta adecolores,mantnposic cionadoelbo otndelratn nsobreunod deloscuadro osdecolorpo oruno o dos segundos, hasta que el nomb del color aparezca. (S mantienes posicionado el ratn sobre el bre Si o cuadrodeu uncolorpor unoodosse egundos,eln nombredelc oloraparecerenunave entanacontex xtual). Ahora mue tu ratn alrededor y vers los nombres de otros colore Intenta e eve y n es. encontrar el color nombrado Pale Blue. (D Deber ser el tercer color de derecha a izquierda e la ltima f en fila). Haz clic en el colornomb bradoPaleBlu ueparaselecc cionarlocomo oelnuevoco olordefondo. .
BotnSele eccionar

16

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

Tambin pu uedes estable ecer el color editando dir rectamente s valor hexa su adecimal. Una forma rpi de ida realizar est es hacien to ndo doble clic en el no c ombre del c campo de texto (en este caso, la parte Background dColorensm misma),escrib be#99ccffyp presionaEnte r. Nota:Alha acerdobleclic cenelnomb bredelcampo odetexto,au utomticame enteseresaltatodoeltex xtodel campo.Sieltextoestre esaltado,cua alquiercosaqueescribasre eemplazarinstantneam mentedichote exto. Consejo: Cua C ando escriba valores de color he xadecimal, n es neces as d no sario que u utilices maysculas.A m AutoPlayauto omticamente elaspondre enmayscula asporti. Hexadeci imal...? Los valore de color Hexadecimal no son tan c es complicados como parece Son solam en. mente unamaner racompactad dedescribirloscolores. Cadacolor resthecho detresvalores:unopara lacantidadd derojoenel color,otrop parala cantidadde everdeyelt terceropara lacantidadd deazul.(Las computadora asformandif ferentescolo oresal mezclarpor rcentajesder rojo,verdeyazulenlapan ntalla). Sihasutilizadocualquierherramientagrficacom moPhotoShop p(oinclusoP Paint),probab blementeusa astela n pleando nm meros entre 0 y 255. El color hexade 0 ecimal configuraci de valor RGB para un color emp #99CCFFesslounamaneracompactadedecir:a ajustaelRojo a153,elVer rdea204yelAzula255. Cadaparde edgitosenelcolorrepres sentanyasearojo,verdeo oazuleneste epatrn:#RRGGBB.(Dosd dgitos para rojo, luego dos dgitos para ve erde y por ltimo dos dgitos para az zul). De mod que cul es el do significado de las letras FF y CC? Bu ueno, estas so slo hexa decimales, la cuales sim on as mplemente so una on manera compacta de escribir nm e meros. Hexadecimal (o he para abre ex eviarlo) extie ende los nm meros decimales regulares (09) a seis dgitos extra (A r AF). De modo que, si est o tuvieras cont tando hasta 18 en hexadecima deberas ir: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D E, F, 10,11,12. Entende la configur al, D, er racin hexadecima alesunpoco otcnico,per rotodoloqu uenecesitasp parahacerco oloresdevalorHexadecim males saberquelasletrasson msgrandes squelosnm meros.(A0es smsgrande que99,DBe esmsgrand deque D7,etc.).En nlanotacin #RRGGBB,lo osvaloresm sgrandessig gnificanms deesecolor. .FFeselvalo orms grandeque epuedestene er,demodoq queFF0000significa100% %rojo,0%ver rde,0%azul. #FFFFFFesb blanco (100%rojo,verdeyazul) ),y#000000e esnegro(nad daderojo,ni verde,niazu ul). Conrespect toalsmbolo odenmero (#)alinicio, stesimplem enteindicaq quelosnme eroshexadecimales estn siend utilizados, algo as com el smbolo de bolivian os (Bs.) que te da a ente do mo o ender que Bs 5.24 s. significa5b bolivianosy24 4centavos.
3) Cambia el estilo del fondo de Solid Color (Color Slido) a G e f Gradient (Colo Degradado) y ajusta el color or ), degradadoa aTan(#FFCC99 9).

Para cambiar el estilo de fondo de las pginas, haz clic en lla configurac d cin Backgrou undStyle del panel Propiedade es,luegohazc clicenelbot nSelecciona aryeligeGrad dientdelalist ta.

17

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

Para cambi el color de degradado haz clic en el ajuste G iar d o, n GradientColor y luego ha clic en el botn r az Seleccionar para buscar el color elegido. Encue r entra el cuad de color llamado Tanit (deber ser el dro r segundocolordelaizquierdaenlafilainferior)yh hazclicenl.

Elfondode epginaahora adeberserundegradadoentreelco lordefondo enlapartesuperior(Pale eBlue) yelcolordegradadoen laparteinferior(Tan).Un ndegradado esslounm matizsuavequ uevadeunc colora uelasuperficiedelapgin nasematizas suavemente dePaleBlue, ,enlapartes superior,aTa an,en otro.Asqu laparteinferior).Nosgu ustallamare estedegradad doAmanecer renelDesier rto).Elusode eundegrada adoes unamanera afcildecrea arunsencilloyatractivofo ondodepgin na.
4)Cambiael lestilodefond dodeDegrada adoaImagen.

Al ajustar el BackgroundStyle a Ima te permit colocar un imagen de fondo para la pgina. Esto es e age te na e exactament telomismoq queredimens sionarunaim magenparaqu ueabarqueju ustamenteel lreadelapgina, y cualquier objeto que pongas en la pgina aparecer arriba de la image (Bien, sel a a en. leccionaremo una os imagendef fondoenunm momento).
Selecc cionarelvalorIm mage

Date cuent que el color de fondo cambia de un degradad a un simp color, esp ta do ple pecficamente a la e configuraci nBackgroun ndColor.Este eeselcolorq quetendrcu ualquierpartenocubierta adelapginasiel estilodeim magenesfijadoaActualsiz ze(tamaoac ctual)ylaima agenesmsp pequeaquelapgina.
5) Haz clic en la configura e acin Backgro oundImage y luego clic en e botn Brow (Explorar). Cuando se a l el wse . abra el cuadrodedi ilogoSelectF File,hazclicenelbotnGalle ery.

Seleccionar una imagen es fcil utiliz r zando el cuadro de dilog Archivo a Seleccionar (Select File). Para go a r abrirlo,hazclicenlacon nfiguracinBa ackgroundIma ageyluegoe enelbotnBr rowse(Explor rar).
Clicenest tebotnparab buscarlaimagen n

gasclicenest tebotn,elcuadrodedilogoArchivo aSelecciona ar(SelectFile) )seabre,demodo Cuandohag que puedes explorar el archivo. Haz clic en el botn Galera (Gallery) al lado izquierdo del cuad de s z b a dro dilogoyte endrsacceso oalalibrerac completadearchivosque vienenconA AutoPlay.

18

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

Nota: Hay cinco botone a la izquie es erda del cuad de dilog Select File: Mis Imgen (My Pict dro go nes tures), Galera (Ga allery), Mi Pr royecto (My Project), Mis Documento (My Docum P s os ments) y Mi C Computadora (My a Computer).ElbotnMiProyecto(My yProject)esparaarchivos squeyahasa aadidoatuproyecto;elbotn Galleryesd dondeencont trarslosarc chivosquevie enenconAut toPlay;ylos otrostresbo otonesteper rmiten abrirarchivosdeotrasca arpetasentu ucomputador ra. 6)Prueban navegandoen nelcuadrodedilogoArc chivoaSelec ccionar(Selec ctFile).Cuand doencuentre esuna imagenque eteguste,haz zclicenOKp paraseleccion narlacomoim magendefond do. DebidoaqueAutoPlay sabequeest tsbuscandounfondopa aralapgina, ,cuandohacesclicenel botn Gallery en el cuadro de dilogo Select File, ste autom d S ticamente abre el inter rior de la ca arpeta Background ds. Aunque encontrars mu uchos fondos agradables en esa carp s peta, puedes navegar a o otra carpeta en el cuadroded dilogoSelect tFilesilodes seas. Navegar en el cuadro de dilogo Sel n lect File es ju ustamente co omo navegar en archivos de Windows Para s. subirunniv veloirhaciaa afueradeuna acarpeta,haz zclicenelbo otnmoveup penlapartes superiordelc cuadro dedilogo. rpetadeimg genesmadre,debersver lacarpetaBa ackgrounds,juntoconotra asdos Sisubesunnivelalacar elagalerade eimgenes. carpetasde

19

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

La carpeta Backgrounds y sus carpet hermanas vistas desd e su carpeta madre. Para ir de nuevo a los s tas s a o elacarpetaB Backgrounds, slohazdob bleclicenellla.Cuandoha acesdoblecl licenunacarpeta, archivosde entrasesen ncialmenteen nella,dejandoverelcontenidodelac carpeta(que puedeincluir rarchivosoin ncluso otrascarpetas). Como pued ver, la ga des alera est lle de tiles grficos, inc luyendo varia imgenes abstractas de alta ena as calidadque esirvencomo oexcelentes fondos.(Loc cualesgrand diosoparaaq quelloscuyot talentoartst ticova tanlejoscomounAmanecerenelDesierto). Una vez qu encuentre una imagen que te gus haz clic en OK para seleccionarla como imagen de ue es ste, a fondo.Elcu uadrodedilo ogoSelectFile esecerrary ylaimagenap parecerenlapginacom moelfondo. Nota:Laim magenqueseleccionastese ercopiadaautomticame enteenlacar rpetaImagesdetuproyec cto. 7) Ir a men Ver > Pan n neles > Explo orar Galera (Gallery Brow ( wser), y lueg a Ver > go Paneles>P PrevisualizarR Recurso(Reso ourcePreview w). evisualizar En la venta de dise por defect los paneles Galera (G ana o to, Gallery) y Pre (Preview) no son mostr n rados. Para desplegar el panel Galera (Gallery), e d p a elige Ver > Paneles>E ExplorarGale era(GalleryB Browser).(Ha abrunamarc cadeverifica acinjunto aExplorar Galera(Gall leryBrowser) )enelsubmenVer> Pa anelescuand doelpanel Galleryest visible).Ens seguida,hazv visibleelpanelPrevisualiz zar(Preview) )eligiendo Ver>Panel les>Previsua alizarRecurso o(ResourceP Preview). 8)AlternarelpanelGale era(Gallery) )parautilizar rlavistaLista a(List). Co omo en las carpetas de Windows, el panel Gale c era (Gallery) tiene va ariasvistasdif ferentesque puedesutiliz zarparavere elcontenido delos archivos.Puedesalternar e entreunavist tayotrahac ciendoclicde erecho nunsitiovac odentrodel panelyeleg girunavistad diferentedel men en co ontextuallao opcinVer.La amayoradelascapturas depantallaa atodo lo largo de est gua fuero tomadas utilizando la vista Lista (List). ta on a Au bnails utoPlay Med Studio u dia utiliza por defecto la vista Thumb (M Miniaturas). No te preocup si tus pan o pes neles no se v como los de esta gu del ven ua us suario,puedesalternarala avistaListen nelmomento oquequieras s,pero las otras vista proporcion s as nan la mism funcionalidad bsica. Cada ma almenteelecc cintuya. escenariodevistaqueutilicesestota

20

AUTO OR:FAUTAPO OVISCARRA A2011


Diplomadoen nEducacinSup periorFormacin nBasadaenCom mpetenciasM dulo4:TICse nlaEducacin

9) En el pa anel Galera (Gallery), haz clic en el botn Im h e genes (Imag ges) y naveg por la ca ga arpeta Background ds. ElpanelGa alera(Gallery y)tepermitenavegarporlalibrerade earchivos quevienen incorporadosconAutoPla ay.Estalibreraestorga nizadaen diferentes secciones, pu s udiendo acceder a cada una al clic en su botn correspondiente en la parte superio del panel. Asegrate q ests p or que viendo la se eccin Imge enes (Images) del panel Galera (Galle ) G ery); si no esas,hazc clicenelbot nImgenes (Images)de lapartesupe eriorpara alternarhac cial. Navegar en el panel Ga n alera (Gallery es como navegar en e cuadro de dilogo Arch y) n el hivo a selecc cionar (SelectFile) ),ocomonav vegarenWin ndows.Parav verlosarchiv vosenelinteriordelacar rpetaBackgro ounds, slohazdobleclicenella. El panel Galera (Galle ery) te propo orciona otra manera con nveniente de cambiar el fondo de pgina. Usmoslop paracambiarelfondoporeldeunaima agendiferent te. 10)Localiza aelarchivon nombrado630B1151.jpgy yarrstralod dentrodelas superficiedelapgina.Cu uando setepreguntesiquieres sconfigurarlo ocomoelfon ndodetupg gina,hazclic enYes. ew iertos al mism tiempo, Si el panel Gallery y el panel Previe estn abi mo osaqueselec ccionesenel panelGalleryautomtica amenteser cualquierco ue, previsualiza ada en el panel Previsu p ualizar (Prev view). As qu cuando selecciones 630B1151.jp el panel Previsualiza (Preview) desplegar pg, ar unamuestr rafieldelarch hivo. Para hacer que el arch hivo 630B115 sea la im 51 magen de fon ndo para la pgina, puedes arrstr ralo desde el panel Galera (Gallery hacia la e y) superficied delapgina. Nota: Para arrastrar el archivo, haz clic sob l con e ratn y, a e h bre el manteniend presionad el botn izquierdo, mueve el ra do do m atn de tal maneraque eelpunteroe estsobrelasuperficiede elapgina.(U Unpequeo smbolo + aparecer jun al punter del ratn para mostra que ests a nto ro ar arrastrando algo). Cuan o ndo sueltes el botn del ratn, el a l archivo ser gina. colocadoso obrecualquierparteenlaqueestelpunterodelra atn,enestecasolasuper rficiedelapg Cuandoarra astresycoloq quesunaima agenqueabar rqueel75%o omsdelasu uperficiedelapgina,Aut toPlay tepregunta arsiquieres squelaimagenseausada acomoelfon ndodelapg gina.(Unaimagenqueaba arcar todalasupe erficiedelap pgina).

Siresponde esS,laconfig guracindeimagendep ginaserau tomticamen nteestablecid daparautilizaresa imagen com fondo. (Si respondes No, la imagen ser coloca dentro de la pgina c mo i N n ada e como un obje de eto Imagen). Consejo:Pue C edescambiar el%deumb braldetama oyactivar o desactivar estacaracterstica

21

AUTO OR:FAUTAPO OVISCARRA A2011