Creacion Contenidos Multimedia P2 PDF

2011/2012
UniversidaddeCantabria ElenalvarezSiz
CREACINDECONTENIDOS MULTIMEDIA
CREACINDECONTENIDOSMULTIMEDIA
Curso2011/2012
ElenalvarezSiz
INDICE
BIBLIOGRAFAYENLACES............................................................................................................................................1.1 T1. Edicindeimgenesvectorialesconinkscape................................................................................................... 1.2
1.1. Introduccin.....................................................................................................................................................1.2 1.1.1. Instalacin........................................................................................................................................1.2 1.2. InterfacedeInkscape.......................................................................................................................................1.3 1.3. Formasbsicas.................................................................................................................................................1.4 1.4. Operacionesbsicas.........................................................................................................................................1.6 1.4.1. Seleccionarydeseleccionar............................................................................................................. 1.6 1.4.2. Copiarycortar.................................................................................................................................1.8 1.4.3. Duplicar............................................................................................................................................1.9 1.4.4. Clonar...............................................................................................................................................1.9 1.4.5. Reflejarobjetos................................................................................................................................1.10 1.5. Operacionesboolenas......................................................................................................................................1.11 1.6. Dandocolor......................................................................................................................................................1.11 1.7. TerminologabsicacuandohablamosdetrazadosBzier.............................................................................. 1.18 1.8. Edicindenodos..............................................................................................................................................1.21 1.8.1. Seleccionarnodosysegmentos....................................................................................................... 1.21 1.8.2. Desplazarnodosysegmentos.......................................................................................................... 1.22 1.8.3. Moverlosnodosdecontrol............................................................................................................. 1.22 1.8.4. Aadirnodos....................................................................................................................................1.22 1.8.5. Eliminarnodos.................................................................................................................................1.24 1.8.6. Reducirelnmerodenodosenuntrayecto.................................................................................... 1.24 1.8.7. Unirlosnodosseleccionados........................................................................................................... 1.25 1.8.8. Cerraruntrayectoabierto............................................................................................................... 1.25 1.8.9. Unirdiferentestrayectosabiertos................................................................................................... 1.26 1.8.10. Unirlosnodosfinalesseleccionadosconunsegmentonuevo........................................................1.27 1.9. Incorporandotexto ...........................................................................................................................................1.29 1.10. Incorporacinenunapginaweb.................................................................................................................... 1.29 1.11. Creacindeundibujocondistintasherramientas........................................................................................... 1.30 1.11.1. Crearlacabeza.................................................................................................................................1.31 1.11.2. Crearelcuerpo .................................................................................................................................1.32 1.11.3. Dibujarlosbrazos............................................................................................................................. 1.33 1.11.4. Dibujarlaspiernas ............................................................................................................................ 1.33 1.11.5. Dibujarlasmanosconcuatrodedos................................................................................................ 1.34 1.11.6. Dibujarlosojosylaboca .................................................................................................................. 1.35 1.11.7. Dibujarelpelo..................................................................................................................................1.35 1.11.8. Modificarelcuerpo.......................................................................................................................... 1.36 1.11.9. Dibujarloszapatos........................................................................................................................... 1.37 1.11.10. Incorporartexturasderellenado..................................................................................................... 1.37 1.11.11. Dibujarunfondoconuntextoajustadoaunacurva....................................................................... 1.38 1.12. Direccionescongrficosvectoriales................................................................................................................. 1.39
T2. lbumdefotos.................................................................................................................................................2.40
2.1. Creacindeunlbum.......................................................................................................................................2.40 2.1.1. Creacindelagaleradeimgenes.................................................................................................. 2.41 2.1.2. Creandoalbumdefotosonline........................................................................................................ 2.44 2.2. PresentacionesenflashconImpress................................................................................................................ 2.46 2.2.1. ExportaraflashdesdeImpress........................................................................................................ 2.46 2.3. Conversindepowerpointaflash.................................................................................................................... 2.47 2.3.1. Instalacin........................................................................................................................................2.48 2.3.2. Interface...........................................................................................................................................2.48 2.3.3. Publicacinrpida............................................................................................................................ 2.49 2.3.4. Configurandolapresentacin.......................................................................................................... 2.51 2.3.5. Insertandounficheroflash.............................................................................................................. 2.53 2.4. Alojamientodepresentaciones........................................................................................................................ 2.54 2.4.1. SlideShare........................................................................................................................................2.55 2.5. PresentacionesconPrezi..................................................................................................................................2.57 2.6. Presentacionesenpdf......................................................................................................................................2.58 2.6.1. PDFRizator ........................................................................................................................................2.58 2.6.2. Web2.0............................................................................................................................................2.60
T3. Vdeo ................................................................................................................................................................3.61

3.1. Conceptosbsicos............................................................................................................................................3.61 3.1.1. Formatosdevdeo........................................................................................................................... 3.62 3.1.2. Optimizacindearchivos................................................................................................................. 3.64 3.2. Repositoriosdevdeos......................................................................................................................................3.65 3.3. Descargandovdeos ..........................................................................................................................................3.65
Curso2011/2012
ElenalvarezSiz
3.4. Embebiendounvdeoenunapginahtml....................................................................................................... 3.66 3.5. Editoresdevdeoonline...................................................................................................................................3.67 3.5.1. YayCut..............................................................................................................................................3.67 3.6. VideoSpin.........................................................................................................................................................3.70 3.7. Avidemux..........................................................................................................................................................3.72 3.7.1. Interface...........................................................................................................................................3.72 3.7.2. Particionarunvdeo......................................................................................................................... 3.74 3.7.3. Guardarunvdeo............................................................................................................................. 3.75 3.7.4. Unirvdeos.......................................................................................................................................3.75 3.7.5. Capturarimgenesdeunvdeo....................................................................................................... 3.75 3.8. Screencastovideotutoriales............................................................................................................................ 3.77 3.8.1. CamStudio........................................................................................................................................3.77
Curso2011/2012
ElenalvarezSiz
BIBLIOGRAFA Y ENLACES
SOFTWARE Aplicacionesportables:http://portableapps.com/apps Pginasoficialesde: Kompozer:http://kompozer.net/
Audacity:http://audacity.sourceforge.net/?lang=es INFORMACIN CursosCNICE Creacin,reutilizacinydifusindecontenidos. http://www.riate.org/version/v1/recursos/navegablecursolicencias/ MultimediayWeb2.0:http://www.ite.educacion.es/formacion/materiales/155/cd/ Gimp:http://www.ite.educacion.es/formacion/materiales/86/cd/index.htm Sonido y msica con ordenador: http://www.ite.educacion.es/formacion/materiales/60/cd/index.htm Gimp:http://www.gimp.org/ Inkscape:http://inkscape.org/?lang=es VLC:http://www.videolan.org/vlc/
ManualesbsicossobreAudacity http://mosaic.uoc.edu/2010/03/04/guiadeaprendizajedeaudacity/ http://mosaic.uoc.edu/wp content/uploads/2010/03/Audacity_Tutorial2_Edicion_de_sonido_basica.pdf
Manualessobreinkscape http://inkscape.org/doc/basic/tutorialbasic.es.html Curso de inkscape: Logo a logo: http://joaclintistgud.wordpress.com/2011/04/14/inkscapelogoalogo2%C2%AA edicion/ http://www.lasticenelaula.es/portal/index.php?option=com_content&view=category&id =19&Itemid=11
Videotutoriales:http://www.youtube.com/user/thinway
1.1
Curso2011/2012
ElenalvarezSiz
T1. EDICIN DE IMGENES VECTORIALES CON INKSCAPE
1.1. Introduccin
Inkscape es una herramienta de dibujo que permite realizar grficos vectoriales, es adems de cdigo abiertoypuededescargarsedesdelapgina http://www.inkscape.org/
ElformatodeficherodeInkscapeesSVG(ScalableVectorGraphics,grficosvectorialesescalables)yfue definido por el W3C (World Wide Web Consortium). Aparte de este formato estndar el programa permite exportar a otros ficheros propietarios como .ai de Adobe Illustrator o .wmf de Windows Metafile. ElformatoSVGpermitetrestiposdegrficos:figurasvectoriales(lneas,curvas,polgonos..),imgenesy texto y actualmente se est imponiendo como formato de grfico vectorial escalable para pginas web. Como pega comentar que al no ser un estndar para poder visualizar los grficos SVG en los navegadoreswebhacefaltainstalarunpluginennuestroordenadorquesepuededescargarde: http://www.adobe.com/svg/viewer/install/ 1.1.1. Instalacin Paso1:Entrarenlapgina http://www.inkscape.org/download/?lang=es Paso 2: Seleccione el fichero correspondiente al sistema operativo del ordenador en el que quiera instalarelprograma
1.2
Curso2011/2012
ElenalvarezSiz
Paso3:SiutilizaWindowsguardeensuordenadorelfichero.exeyhagadobleclicenlparafinalizarla instalacin. Nota:En el enlace Material para la prctica de la pgina de la asignatura tiene una versin portable del programa.
1.2. Interface de Inkscape

Al abrir Inkscape solo aparece una ventana y se dispone de una ventana de trabajo para cada imagen queseabraconlaaplicacin.Enestaventanaaparece Labarrademensylasopcionesdemenmsfrecuentes(partesuperior). Lazonadedibujooellienzo(partecentral). Labarradeherramientas(parteizquierda). La barra de estado en la que se muestra la escala de zoom, las coordenadas del cursos y las capas(parteinferior).
1.3
Curso2011/2012
ElenalvarezSiz
ElpapelqueaparecepordefectotieneuntamaorealdeunaDINA4(210x297mm).Sepuedecambiar eltamaodellienzo,lasunidadesdemedidayotraspreferenciasenelmenArchivoPreferencias. Cada una de las herramientas (grupo de iconos de la izquierda de la interfaz) lleva asociada distintas opciones que aparecen horizontalmente en la parte de arriba. Haz clic, por ejemplo, en la herramienta deCrearrectngulosycuadrados,yversdistinasopciones. Interfasedeinkscape: http://www.youtube.com/user/thinway#p/u/40/KHm4AxGphIQ EsmuyprobablequesihemostrasteadoconInkscapetengamosalgoenlapantallayhayamosdecidido guardarloconlaintencindeabrirloaldasiguienteyseguirtrabajando. EnesecasodeberemosguardarelarchivoenelformatonativodeInkscapequeesSVG(ScalableVector Graphic). As se guardar toda la informacin relativa a los distintos objetos que lo componen. Es como siguardamosunarchivodetextogarantizandoquepodremosborrar,aadirtexto,volveramaquetar... Seguardartodomenoselhistorial,comoeshabitual. AlGuardar oGuardarcomo... elexploradordearchivosnospermite guardarenSVG.
1.3. Formas bsicas

Al ser un programa de dibujo vectorial cada imagen se define como una coleccin de figuras geomtricas (segmentos, rectngulos, crculos, textos) con propiedades(relleno, contorno, agrupacin). Con ayuda de la barra de herramientas se pueden crear las distintas formas bsicas que componen un dibujo. Lneas a mano alzada. Para dibujaruna recta se haceclic en el punto inicial y clic en el final. Si se quiere modificar sus propiedades (grosor, color de trazo, ) se debe poner el ratn sobre cualquier punto de la lnea y, cuando se transforme en cruz, hacer clic sobre la lnea para seleccinarla. Despus haciendoclicconelbotnderechodelratnsemostrarnsuspropiedades. Rectngulo. Para dibujar un cuadrado se debe tener la tecla Control pulsada mientras se arrastra. Los rectngulos tienen tres manejadores en tres de sus esquinas. En la esquina superior derecha se superponen dos con los que definir un rectngulo redondeado (en la barra de control de herramientas aparecen dos parmetros que se pueden modificar: redondeo horizontal (Rx) y redondeo vertical (Ry)). Losmanejadoressuperiorizquierdoeinferiorderechosonlosquepermitendefinireltamao.
Crculo,elipsesyarcos.Paradibujarunobjetodeestetipobastaseleccionarlaherramienta,situar elratnenunaposicinyarrastrarlo.Los manejadorespermitendefinirlaamplituddelarco,eltamao ylaformadelaelipse.
1.4
Curso2011/2012
ElenalvarezSiz
Polgonos y estrellas. Para dibujar un polgono o una estrella se debe seleccionar la herramienta y situar el ratn en el lienzo. En la barra superior se puede configurar distintos tipos de estrellas o polgonos. Poseedosmanejadores.
Espiral. De la misma forma que las herramientas anteriores basta con seleccionar la herramienta, situar el cursos en el lienzo y dibujar la forma. Este objeto tiene distintos parmetros: divergencia (si es mayor que 1 la espiral es ms densa en el centro si es menor que 1 es ms densa en la periferia), nmerodegiros(mximo1024).
Texto. Para incluir un texto en el dibujo hay que seleccionar la herramienta y hacer clic en el lienzo. Tecleando el texto quedar incorporado a nuestro dibujo. Con la herramienta cambiarlaspropiedadesdeltexto:tipografa,tamao,espaciadoentrecaracteres Lostiradoresqueaparecenalseleccionaruntextopermitengirarlo,aumentarlo, se puede
1.5
Curso2011/2012
ElenalvarezSiz
Videotutorial: FormasBsicas http://www.youtube.com/user/thinway#p/u/39/AOPJSbvusc0 Lneas http://www.youtube.com/user/thinway#p/u/38/4SFCjve6bsQ
1.4. Operaciones bsicas

Ahoraqueyasabesdibujarobjetosbsicosyutilizarlaherramientaquetepermitedibujarlneaamano alzada es imprescindible que conozcas una serie de tcnicas bsicas como copiar, cortar, borrar, duplicar,etc.queusarsconstantementeenInkscape.Parapracticarcondichastcnicasslotienesque saberdibujarobjetosbsicos. 1.4.1. Seleccionar y deseleccionar Tan sencillo como hacer clic sobre la herramienta Seleccionar y transformar (tecla F1 del teclado) y pulsarsobreelobjetoencuestin.Laherramientatepermitir,enestemomento: Mover el objeto a otro lugar o posicin del lienzo de trabajo. Puedes presionar la tecla Ctrl para restringirelmovimientohorizontalyverticalmente. Modificar sus dimensiones. Haz clic y arrastra cualquiera de los manejadores que aparecen en los lados y esquinas del objeto para escalarlo, ya sea para aumentar o disminuir su tamao. Si mantienes presionadalateclaCtrlpuedespreservarlaproporcindealto/anchooriginal.
Cuando haces clic de nuevo sobre un objeto que ya est seleccionado (como el anterior), aparece un segundomododeactivadoquepodrsadvertirenlaformadelosmanejadores:rotareinclinar. Rotar el objeto arrastrando los manejadores de las esquinas. Presiona la tecla Ctrl para restringir la rotacinapasosde15gradosen15grados.Siarrastraslamarcaenformadecruzquesemuestraenel dibujopuedesmodificarlaposicindelejederotacin.
1.6
Curso2011/2012
ElenalvarezSiz
Inclinar los objetos mediante el arrastre de los manejadores de los lados del dibujo (los otros cuatro que no estn en las esquinas). Al igual que en el caso anterior si presionas la tecla Ctrl puedes restringir lasinclinacionesapasossucesivosde15gradosen15grados.
Nota Mientras utilizas la herramienta Seleccionar y transformar podrs usar los campos de entrada numricos en la barra de controles de la herramienta situada justo encima del lienzo de trabajo. En ella puedes establecer valores exactos para las coordenadas (X posicinhorizontaleYposicinvertical)yparaeltamao(WwidthanchoyHheight alto)delobjeto:
Puedes seleccionar tambin mltiples objetos presentes en el lienzo de trabajo. Para ello mantn pulsada la tecla Mayus mientras haces clic sobre los objetos que quieras seleccionar. De la misma
1.7
Curso2011/2012
ElenalvarezSiz
manera puedes utilizar un marco de seleccin que incluya los objetos que deseas seleccionar: para ello hazclicsobreunespaciovaciodellienzoyarrastrahastaabarcartodoslosobjetosaseleccionar.
La ventaja de utilizar este procedimiento de seleccin mltiple es que todos los objetos seleccionados serntratadoscomountodo,esdecir,podrsmoverlos,escalarlos,inclinarlos...alavez. Para seleccionar varios objetos puedes tambin utilizar la tecla Mayus. Mientras la mantienes pulsada vete haciendo clic sobre cada objeto a seleccionar. Inkscape te mostrar una seal de seleccin alrededor de cada objeto seleccionado para indicarte que, en efecto, dicho objeto est seleccionado o no. Videotutorial:Seleccionarvariosobjetos http://www.youtube.com/user/thinway#p/u/34/selk0cQKJyk 1.4.2. Copiar y cortar Elprocedimientoesidnticoalqueutilizasencualquieraplicacininformtica. Paracopiarunobjetoalportapapelesdelsistema,primeroseleccionaelobjetoacopiaryluegoacudeal men Edicin Copiar, utiliza la combinacin de teclas Ctrl + C o haz clic en la entrada del men contextualdelbotnderechodelratnCopiar. Cuando deseas sacar en pantalla la copia, selecciona en el men Edicin Pegar, utiliza la combinacin deteclasCtrl+VohazclicenlaentradadelmencontextualdelbotnderechodelratnPegar.
1.8
Curso2011/2012
ElenalvarezSiz
La opcin Cortar tiene un comportamiento diferente al de Copiar, ya que el objeto se transportar al portapapelesydesaparecerdelapantalla.Esonosignificaquenopuedastambinpegarlodenuevoen pantallatantasvecescomoquierasmientrasnocopiesnadamsenelportapapeles. Nota Recuerda que dichas opciones utilizan el portapapeles del sistema. Eso significa que puedes copiar pegar el objeto entre aplicaciones: por ejemplo, copiar el objeto de InkscapeypegarlodespusenundocumentodetextoenOooWriterocopiarunaimagen enGimpyluegopegarlaenunailustracindeInkscape. 1.4.3. Duplicar En este caso Inkscape crea un duplicado del objeto seleccionado. Para ello selecciona primero el objeto aduplicaryluegoacudealmenEdicinDuplicar(outilizalacombinacindeteclasCtrl+D). Una vez que los objetos se muestren en el lienzo podrs aplicarle caractersticas concretas de borde, relleno,tamao,rotacioneseinclinaciones,etc.demaneraindependienteacadaunodeellos. Videotutorial:Duplicarobjetos http://www.youtube.com/user/thinway#p/u/32/jyvVoK6bbE 1.4.4. Clonar La funcin de clonar objetos se diferencia de la anterior, Duplicar, en que los cambios realizados en el objeto original u objeto maestro se aplican a los objetos reproducidos. As puedes cambiar el tamao delobjetooriginalyautomticamentecambiatambineltamaodelobjetoresultadodelaclonacin,o modificarsucolor,cambiarsuinclinacin,etc. ParaclonarunobjetoslotienesqueseleccionarelobjetoareproduciryluegoacudiralmenEdicin ClonarCrearclon. ElmenEdicinClonartienevariasopcionesmuytiles:
1.9
Curso2011/2012
ElenalvarezSiz
Crearclonesenmosaico.Abreunaventanadedilogoquetepermitecrearvariosclonesalavezdeun mismo objeto seleccionado y adems, establecer las condiciones que deben reunir los nuevos objetos clonados. Puedes as controlar el tamao, rotacin, color, posicin, etc. de todos los objetos clonados segntusnecesidadesypreferencias. Desconectarclon/ReconectaracopiadoAmbasopcionessoncontrapuestas.Permitendesconectaro conectar el clon a la imagen original. Resulta muy til para editar o no por separado algn clon de algunaimagenenconcreto. Seleccionaroriginal.Unaentradamuytilparalocalizarelobjetooriginaldeunclon. Ejemplo:Realizarelgrficoquesedescribeen http://www.youtube.com/user/thinway#p/u/22/wkNwPI1sUN0 Nota Puedes configurar las preferencias de Inkscape para esta herramienta de clonado. Acude paraelloalmenArchivoPreferenciasdeInkscapeclones. 1.4.5. Reflejar objetos En Inkscape, el reflejo es una manera especial de estirar el objeto. Puedes realizar el reflejo de una manera muy sencilla utilizando el ratn arrastrando uno de los puntos laterales de seleccin en direccin opuesta hasta que el objeto se extienda por dicho lado opuesto. Esto puede hacerse tanto en sentidohorizontalcomovertical.
Tambin puedes utilizar la opcin del men Objeto Reflejar horizontal o pulsar directamente la tecla H del teclado para reflejar el objeto horizontalmente o bien Objeto Reflejar vertical o pulsar directamentelateclaVparahacerloensentidovertical.
1.10
Curso2011/2012
ElenalvarezSiz
Videotutorial:Mover,escalaryrotar http://www.youtube.com/user/thinway#p/u/36/9RaaKxthl0
1.5. Operaciones boolenas

Videotutorial:Operacionesbooleanas http://www.youtube.com/user/thinway#p/u/25/xhU86IkZCHY
1.6. Dando color

Videotutorial:Dandocolor http://www.youtube.com/user/thinway#p/u/35/hwCte80i3ZI Ejemplo:Creacindelsiguienteicono
1.11
Curso2011/2012
ElenalvarezSiz
Pasosaseguir: Paso 1: Abrimos un nuevo documento en blanco, y pulsamos la tecla rpida "1" para que la escala del zoomsepongaa1:1.
Paso 2: Seleccionamos la herramienta estrellas y polgonos (o pulsar "*") y crearemos una estrella del tamaoquequeramos,recordadqueeltamaonoesmuyimportanteeneldiseovectorialyasetiene la posibilidad de escalar nuestros dibujos de forma libre. En la imagen los parmetros de configuracin hansido: Esquinas:16 Longituddelradio:0.85 Redondez:0.2.
1.12
Curso2011/2012
ElenalvarezSiz
Paso 3: Lo siguiente es darle color a nuestra estrella as que pulsamos Shift+Ctrl+F para ver las propiedades del objeto. Yo La imagen de muestra est en color azul pero se puede elegir otro color cualquiera. Le pondremos un borde de unos 2 pxeles de un color uniforme y rellenaremos con un gradientequevayadeuntonomsclaroaldelborde,aunomsoscuro.
1.13
Curso2011/2012
ElenalvarezSiz
Paso4:Listalaforma,serealizarelefectodelbrillo,paraloquecreamosunanuevacapaencimadela anterior. Paso 5: Seleccionamos la estrella y hacemos una copia de la misma en la capa nueva justo encima de la otra.Ahoravamosaseleccionarlaherramientadeelipses(F5)ycreamosunadecolorblancocubriendo partedelaestrellaenlacaparecincreada.Laelipsedebeserblancaysemiopaca:
1.14
Curso2011/2012
ElenalvarezSiz
Paso 6: En este paso nos quedaremos solo con la parte de la elipse que queremos, para ello seleccionamos la estrella de la capa brillo y vamos a Men>Trazo>Reducir o pulsamos Ctrl+( y reducimoseltamaodelaestrellahastaqueseadeltamaodelrellenodelaqueestdebajo.Esdecir, si le hemos puesto 2 pxeles al borde, la reducimos 2 pxeles y la colocamos encima de la elipse (PgUp). Ahora con el Shift pulsado seleccionamos los dos objetos de la capa brillo (la estrella ms pequea y la elipse) y hacemos Men>Trazo>Interseccin o lo que es lo mismo Ctrl+* y ya tenemos el brillo para nuestraestrella.
1.15
Curso2011/2012
ElenalvarezSiz
Paso 7: Ya solo nos queda elegir qu es lo que queremos poner dentro, en este caso ser un texto. Con la herramienta de escribir seleccionada (F8) y una fuente de tu eleccin escribimos en color blanco lo quequeramosenlanuevacapadestinadaaltextoquecrearemos.
1.16
Curso2011/2012
ElenalvarezSiz
Paso 8: Ahora seleccionamos el texto y le damos a duplicar. A esta nueva copia la vamos a cambiar el color blanco por un gris (60%) y la vamos a mover un pixel hacia arriba y otro hacia la derecha (puedes hacerlo con las teclas de direccin y manteniendo la tecla Alt pulsada). Para terminar ponemos la copia deltextogrisdebajodelblanco(PgDn). Elresultadodetodoelprocesosera:
Delmismomodo,sepodranconstruirdistintoslogos.
Nota:Tutorialtomadode https://docs.google.com/View?docid=dhrfs26t_2drhjkq
1.17
Curso2011/2012
ElenalvarezSiz
1.7. Terminologa bsica cuando hablamos de trazados Bzier

En este apartado introduciremos la terminologa para comprender y utilizar adecuadamente las curvas Bzier.
Trazado Bzier
En Inkscape, al igual que en otros programas de dibujo vectorial (Corel Draw, Adobe Illustrator, por ejemplo, en sistemas Windows), todos los trazos de los dibujos realizados se describen internamente como una serie de curvas de Bzier, por lo que entender qu es una curva Bzier y sus propiedades bsicasresultaimprescindibleparadibujarymanipulartrazos. Cada porcin de un trayecto Bzier definido entre dos puntos es un segmento. Los puntos que definen la trayectoria son los nodos. Las curvas de Bzier estn definidas mediante cuatro puntos, dos de los cuales son los puntos o nodos finales de la curva. Los otros dos son los puntos de control o tiradores, cadaunoemparejadoconunodelospuntosfinales.
Ejemplo: Abre Inkscape, selecciona la herramienta Dibujar curvas Bzier y lneas rectas. Hazclicencualquierpuntodellienzodetrabajo,arrastraparadibujarunaespeciedelnea recta y, seguidamente, haz doble clic de nuevo en otra posicin del lienzo. El trazado abiertosedibujaenelpapel.
Repiteidnticosprocedimientos,peroahorahazclicentrespuntosdiferentesy,elcuarto, un clic sobre el primer punto dibujado. El trazado cerrado se dibuja en el papel, en este casountringulo.Variosclicsseparadostepermitendibujarformasypolgonosdiversos.
1.18
Curso2011/2012
ElenalvarezSiz
Videotutorial:CurvasBzier http://www.youtube.com/user/thinway#p/u/37/SJNPCviDo7E
Segmento
Esuntrozodelnea,yasearectaocurva,comprendidoentredosnodos.
Nodos
Son esos pequeos cuadraditos vacos que aparecen en el trazado Bzier. Fjate en el trazado Bzier rectoquedibujasteenInkscapeanteriormente:
Estnsituadosenlosvrticesdelostrazosrectosyenloscambiosdesentidodelostrazoscurvos. Puedes visualizar los nodos que constituyen cualquier forma dibujada en Inkscape utilizando la herramientaEditarnodosdetrayectootiradoresdecontrol.P Ejemplo: Dibuja con la herramienta Dibujar curvas Bzier y lneas rectas un polgono de cuatro lados. Ahora selecciona la herramienta Editar nodos de trayecto o tiradores de control, o pulsa la tecla F2 si tienes seleccionada la forma en cuestin, y los nodos se mostrarnenpantalla:
1.19
Curso2011/2012
ElenalvarezSiz
Cuando trabajes ms en profundidad con la edicin de nodos en Inkscape vers que puedes seleccionar unnodoovarios(serellenarndecolorazul)conslohacerclicenellosyque,adems,podrstrabajar connodosderectayconnodosdecurva,sipertenecenaunsegmentocurvo.
Puntos de control
Sonlospuntosasociadosaunnodoyqueespecificanelgradodecurvaturadelsegmentoasociadoal. Ejemplo: Utiliza la herramienta Dibujar curvas Bzier para dibujar un polgono cualquiera en el lienzo de trabajo. Selecciona la herramienta Editar nodos de trayecto para ver los nodosquelocomponen. Ahora haz clic sobre cualquiera de los segmentos del polgono y, sin soltar el botn del ratn arrstralo hacia el exterior y vers que la lnea recta se curva. Si haces de nuevo clic sobreestacurvapodrsverlospuntosdecontroldelacurva.
Puedes hacer clic en uno de esos puntos de control de la curva y arrastrarlo. Esto origina que la curva pueda aumentar su curvatura, pero tambin, cambiar de trayectoria. Adems, los puntos de control tienen una propiedad muy til: la lnea recta que une cada uno de los puntos finales de la curva con su correspondiente punto de control es siempre tangente a la curva en el punto final. Esta propiedad permitequesucesivascurvasdeBziersepuedanunirdemodosuaveparaformaruntrazo.
1.20
Curso2011/2012
ElenalvarezSiz
1.8. Edicin de nodos

El primer paso para poder entender los trayectos Bzier es practicar con algunas de las operaciones bsicasquepuedesrealizarconellos. Videotutorial:Introduccinalaedicindenodos http://www.youtube.com/user/thinway#p/u/26/S3yjZ5ooCbc 1.8.1. Seleccionar nodos y segmentos Utiliza la herramienta Dibujar lneas a mano alzada (o pulsa la tecla F6 para seleccionarla) para hacer clic en el lienzo de Inkscape y dibujar con ella un tringulo. Recuerda que debes hacer una vez en el lienzo para iniciar el dibujo y un doble clic con la herramienta para seguir dibujando cada uno de los lados,finalmentedebeshacerclicenelpuntoinicialparafinalizardedibujareltringulo. ParavisualizarlosnodosdeltrayectoseleccionalaherramientaEditarnodosdetrayectootiradoresde controlyobservacmosevisualizanlasesquinasdeltringuloconpequeosrombos.Yasabesque son los nodos del trayecto. La forma de rombo del nodo te indica que son nodos vrtices o tambin llamados nodos esquina. Este tipo de nodo es el responsable de que la direccin del trazo pueda cambiarbruscamenteenelpuntodeunindelosdostrazos.
Latareadeseleccionaresunadelastareasmstilesyes,sindudaalguna,laquevasarealizarconms frecuencia, ya que cualquier cambio o transformacin que desees efectuar sobre un objeto va a pasar 1.21
Curso2011/2012
ElenalvarezSiz
en primer lugar por seleccionarlo. Con los nodos y los segmentos ocurre exactamente lo mismo, pues parautilizarunnodoounsegmentoprimerodebesseleccionarlo. Para seleccionar un nodo en concreto, pulsa sobre l con la herramienta Editar nodos de trayecto (observaqueaparececoloreadoparaindicartequeseencuentraseleccionado). Paraseleccionarvariosnodospuedesutilizarlosdosprocedimientosdeseleccinmltiplessiguientes: Seleccionarnodosprximos.Enestecasodibujaconlaherramientaunrecuadrodeseleccinenelque seincluyantodoslosnodosquequieresseleccionar. Seleccionar nodos salteados. Haz clic en cada uno de los nodos que quieres seleccionar mientras mantienenpulsadalateclaMays. Para seleccionar un segmento haz clic con la herramienta Editar nodos de trayecto sobre el segmento quequieresseleccionar.Losnodosdefinaldelsegmentoaparecernseleccionados.
Paradeseleccionarunnodo,colocaelpunterodeedicindenodossobreelquedeseasdeseleccionary hazclicsobrelmientrasmantienenpulsadalateclaMays. Si lo que deseas es deseleccionar todos los nodos seleccionados slo tienes que hacer clic en cualquier partevacadellienzodetrabajo. 1.8.2. Desplazar nodos y segmentos Puedes mover un nodo a cualquier otro lugar del lienzo de trabajo, y as cambiar la forma del objeto rpidamente, si lo seleccionas con la herramienta Editar nodos de trayecto y luego lo arrastras con el botn del ratn hacia otra posicin. Al mover un nodo, los nodos de control se mueven conjuntamente conl,peromanteniendoconstanteelgradodecurvatura. Si mientras mueves un nodo pulsas la tecla Ctrl limitas el movimiento horizontal o verticalmente. Tambinpuedesutilizarlasflechasdeltecladoparaempujarunnodoenladireccindeseada. Tambin puedes mover un segmento. Para ello haz clic sobre el segmento que quieres mover para seleccionarloy,acontinuacin,utilizalasteclasdedireccindeltecladoparacolocarloenotrolugar. 1.8.3. Mover los nodos de control Puedesigualmentemoverlosnodosdecontrol.ParaelloseleccionaconlaherramientaEditarnodosde trayectoelnododecontrolquedeseasmoveryarrstralohastaunanuevaposicin. 1.8.4. Aadir nodos Vamos a ver cmo acceder a la propia estructura de la curva, aadiendo nodos, eliminndolos o cambiando incluso la propia naturaleza del nodo. Conviene que practiques para manejar convenientementelascurvasBzier.
1.22
Curso2011/2012
ElenalvarezSiz
Para ello Inkscape dispone de una barra de herramientas especfica para la gestin de los nodos que se muestraenlaaplicacinencuantoseleccionaslaherramientaEditarnodosdetrayecto: En algunas circunstancias, los nodos que definen un trayecto pueden ser insuficientes para conseguir la formaquedeseas.Nohayproblema,podrsaadirtantosnodoscomoseannecesarios. Procededelasiguienteforma: Paso 1: Selecciona la herramienta Dibujar a mano alzada y dibuja una lnea recta en el lienzo haciendo clicendospuntosdelmismo. Paso 2: A continuacin, haz clic sobre el herramienta Editar nodos de trayecto y haz clic sobre la lnea rectaparaquesevisualicenlosnodosfinalesdelsegmentoyseseleccionen. Paso3:Hazclicsobreelbotn+enlabarradeherramientasqueapareceenlaaplicacin:
Observaque,enefecto,unnuevonodoaparecehacialamitaddelalneaseleccionada. Nota: Una manera mucho ms sencilla de crear nuevos nodos en el segmento seleccionado es hacer directamente un doble clic en el punto del segmento donde deseas aadirelnodo. Si deseas aadir varios nodos en diferentes segmentos selecciona dichos segmentos (tecla Mays mientraspulsasenellos)yhazclicenelbotnAadirnodos. Nota Si deseas aadir nodos equidistantes debes primero seleccionar los nodos finales del segmento y luego hacer clic sobre el icono Aadir nodos de la barra de herramientas. Si vuelves a pulsarla una segunda vez volvers a aadir de nuevo otros nodos equidistantes entre los anteriores; de este modo se irn doblando el nmero de nodos aadidos: es decir,laprimerapulsacinaadeunnodo,lasegunda2,latercera4,lasiguiente8,16,32, etc.
Con la opcin Aadir nodos puedes hacer que un slo segmento acabe transformado en mltiples segmentos, ya que cada noto est asociado a un segmento. As un simple segmento, al aadirle dos nodos,sepuedeconvertirenuntringulo,porejemplo.
1.23
Curso2011/2012
ElenalvarezSiz
1.8.5. Eliminar nodos Los nodos tambin pueden eliminarse fcilmente. Puedes utilizar el icono Suprimir los nodos seleccionados de la barra de herramientas Editar nodos o puedes directamente utilizar la tecla de tu tecladoSuprsitienesseleccionadoelnodoquequiereseliminar.
Al mismo tiempo que se borra el nodo o nodos seleccionados tambin desaparece el segmento al est asociado. Si el nodo seleccionado est en el interior de un trayecto y tiene nodos delante y detrs, al suprimirlo,seunenelqueleprecedayelquelesegua. Puedesborrarvariosnodosalavez,seleccionndolosconlateclaMays.mientraslosseleccionasunoa uno o sencillamente seleccionndolos con un marco de seleccin (haz clic con la herramienta Seleccin y arrastra hasta seleccionar en el marco los nodos deseados). Se borran los nodos seleccionados y los trayectosasociadosadichosnodos. Recuerda: Alcontrariodeloquepuedeparecer,unnmeroexcesivodenodosnodanecesariamente ms precisin ni ms uniformidad sino que puede aportar ms irregularidades, debes colocarelmenornmerodenodosposibles,slolosnecesariosparacrearunaforma. 1.8.6. Reducir el nmero de nodos en un trayecto En algunas ocasiones es muy posible que necesites reducir el nmero de nodos de un trayecto eliminando los nodos sobrantes en una curva sin que se modifique su forma. En realidad, si un nodo se puedeeliminarsinqueelloafectealaformadelacurva,quieredecirquenoesimprescindible.
Vamos a ver cmo utilizarla. Haz clic sobre la herramienta Dibujar lneas a mano alzada y dibuja una lneaconvariascurvasenellienzodetrabajo.SeleccionaacontinuacinlaherramientaEditarnodosde trayectoyhazclicsobrelaformadibujada.Versquecontienegrancantidaddenodos. Acude ahora al men Trayecto Simplificar (o pulsa la combinacin de teclas Ctrl + L). Inkscape eliminarlosnodosquesobranparaconservarlaformaoriginal.
1.24
Curso2011/2012
ElenalvarezSiz
1.8.7. Unir los nodos seleccionados Con esta opcin presente en la barra de herramientas Editar nodos puedes unir el nodo inicial y el final de un trayecto para conseguir transformar un trayecto abierto en un trayecto cerrado, y poder as rellenarlodecolor.Tambinpuedesunirdostrayectosdiferentesparaformarconellosunosolo.
1.8.8. Cerrar un trayecto abierto SeleccionalaherramientaDibujaramanoalzadaydibujacuatrosegmentosenellienzo(dobleclicpara continuarlalnea,unsloclicparafinalizarla). A continuacin, haz sobre sobre la herramienta Editar nodos del trayecto y, seguidamente,clic sobre el trayecto para que se visualicen los nodos que lo forman. Utiliza la tecla Mays para seleccionar los nodosinicialyfinaldeestetrayecto.
1.25
Curso2011/2012
ElenalvarezSiz
Haz clic en el icono Unir los nodos seleccionados: el trayecto se cierra formando un polgono de cuatro lados.Ahorapuedesrellenardecolorlafiguraconelbotedepintura,porejemplo. 1.8.9. Unir diferentes trayectos abiertos Esta misma herramienta te sirve para conseguir construir un objeto formndolo con piezas diferentes quealunirsecrearnunaimagen. Lospasosaseguirson: Paso 1: Con la herramienta Dibujar a mano alzada dibuja varios trayectos diferentes en el lienzo de trabajo.
Paso 2: Selecciona la herramienta Editar nodos del trayecto. Manteniendo pulsada la tecla Mays. haz clic sobre todos los trayectos presentes en el lienzo para seleccionarlos todos a la vez (o sobre los dos trayectosabiertosquequieresunir). Paso 3: Repite el procedimiento para seleccionar los nodos final e inicial de dos trayectos diferentes, es decir, selecciona los nodos terminales de los dos trayectos que quieres unir (puedes hacerlo describiendounrecuadrodeseleccinsobreellosoutilizandolateclaMays).
1.26
Curso2011/2012
ElenalvarezSiz
Haz clic sobre el botn Unir los nodos seleccionados de la barra de herramientas y observa que lo que anteserandostrayectoshanquedadounidosenunosolo.
1.8.10. Unir los nodos finales seleccionados con un segmento nuevo Esta herramienta presente en la barra de herramientas Editar nodos es muy similar a la anterior con la salvedad de que permite unir el nodo inicial y el final de un trayecto dibujando entre ellos un nuevo segmento o bien unir dos trayectos diferentes para formar con ellos uno solo mediante el dibujo de un nuevosegmentoentrelosnodosseleccionados.
Puedes usarla utilizando exactamente los mismos procedimientos que ya te hemos indicado para la herramientaanterior. Una vez seleccionados los nodos que deseas unir haz clic en la herramienta Unir los nodos finales seleccionadosconunsegmentonuevo:
1.27
Curso2011/2012
ElenalvarezSiz
Inkscapedibujarautomticamenteunnuevosegmentoentreambosnodos:
Nota EnlabarradeherramientasEditarnodosdeltrayectopuedesverotrosdosiconosallado de los anteriores que permiten el efecto contrario, es decir, romper el trayecto entre dos nodos seleccionados o eliminar el segmento presente entre los dos nodos seleccionados. Elresultadofinalesabrirlostrayectosseleccionados:
1.28
Curso2011/2012
ElenalvarezSiz
1.9. Incorporando texto

Videotutorial:Creandotexto http://www.youtube.com/user/thinway#p/u/4/QN66w22kwdg Videotutorial:Formateandotexto http://www.youtube.com/user/thinway#p/u/3/C6uoJFkxywE Ejemplo:Textoentrayecto http://www.youtube.com/user/thinway#p/u/0/7Ep08hTPBK4 Ejemplo:Textoenforma http://www.youtube.com/user/thinway#p/u/1/vs5tQUZqdE0
1.10.
Incorporacin en una pgina web
Paso1:AbreelprogramaInkscape. Paso2.Creaundibujoygurdalounficheroconelnombredibujo.svg. Paso3:Guardeelficheroconelnombredibujo.png. Paso4:Abraelblocdenotasytecleeelsiguientecdigo
1.29
Curso2011/2012
ElenalvarezSiz
Paso5:Guardeesteficherocomografica.htm Paso6:Abraelficherografica.htmdesdeelnavegadorFirefoxydesdeInternetExplorer. Nota: Para que los grficos SVG (Scalable Vector Graphics) se visualicen correctamente en el navegador Internet Explorer (no en Firefox, por ejemplo), es preciso que el ordenador tenga instalado el visor gratuito Adobe SVG Viewer. Se puede instalar descargndolo del siguienteenlace: http://www.adobe.com/svg/viewer/install/
1.11.
Creacin de un dibujo con distintas herramientas
Elresultadofinaldeestaprcticaserundibujosimilaralsiguiente:
1.30
Curso2011/2012
ElenalvarezSiz
Enlassiguientespginasseindicacomoirrealizandolopasoapaso. 1.11.1. Crear la cabeza ElegirherramientaCrearCrculos. Una vez dibujado el crculo se elige el color de rellenado y el borde. Para ello se hace clic en el botn osepulsaalavezlasteclas:Mayus+Control+F.
1.31
Curso2011/2012
ElenalvarezSiz
Si se desea se puede aumentar o disminuir un poco el tamao de la cabeza. Si no se quiere aumentar el grosor de la lnea y se pretende dejarlo igual que con el que se hizo el primer crculosedebertenerseleccionadoslosdosbotonessiguientes: nuevasdimensiones. 1.11.2. Crear el cuerpo Con la herramienta rectngulo se define las dimensiones de lo que ser el cuerpo del monigote. antesdedefinirlas
Una vez creado se coloca en un nivel inferior a la cara dibujada en el paso 1. Para ello se seleccionalaopcinBajardelmenObjeto.
1.32
Curso2011/2012
ElenalvarezSiz
1.11.3. Dibujar los brazos
Se utiliza la herramienta con la que se pueden dibujar lneas a mano alzada. El segmentosedibujarhaciendoclicenelcomienzoyclicenelfinaldelsegmento. ConlaherramientaNodosdetrayecto securvalalneacreadaanteriormentemoviendo lostiradoresdecontroldelsegmentocreado
Se copia el brazo creado (men Edicin>Copiar) y con la opcin reflejo horizontal, construyeelotrobrazo. , se
1.11.4. Dibujar las piernas
ConlaherramientaBezier sedibujalaspiernashaciendoclicparadefinircadanododela curva.Paraterminardedefinirlacurvabastahacerenelltimonododobleclic.
1.33
Curso2011/2012
ElenalvarezSiz
Seseleccionalapiernayseduplicacopiandoypegando. Finalmente se hace despusun reflejo horizontal y se coloca el resultado como pierna derecha detrsdelcuerpo.
1.11.5. Dibujar las manos con cuatro dedos
SedibujandosdedosconlaherramientaCurvaamanoalzada Para generar dos dedos ms se duplica duplica el objeto anterior y se gira levemente. Elegir paraellolaopcinTransformardelmenObjeto
Una vez creados los dos objetos los agrupamos seleccionando Agrupar del men Objeto. Se puedenescalarhastaconseguirponerlosdeltamaoyconlainclinacindeseada.
1.34
Curso2011/2012
ElenalvarezSiz
Paraobtenerlaotramanosepuedecopiarypegandolamanocreadaanteriormente.
1.11.6. Dibujar los ojos y la boca Seutilizalaherramientaelipsesparalosojosyladecurvaparalasonrisa.
1.11.7. Dibujar el pelo Secreaelpeloconlaherramientalpizamanoalzada. Se editan los nodos y se simplifica (men Trayecto>Reducir) o reducen (men Trayecto >Simplicar)losnodosparatrabajardeformamscmoda.
1.35
Curso2011/2012
ElenalvarezSiz
1.11.8. Modificar el cuerpo Seseleccionaparaelloelrectnguloyseconviertecadaladoenuntrayectoeligiendoelbotn deconvertirelobjetoseleccionadoatrayectos, ,queseencuentraenlabarrademens.
Conlaherramientanodos semodifcanlosnodosparaobtenerlaformadelcuerpo. Rellenamoselcuerpodeblanco.
Se dibuja un cinturn con una estrella. Para dibujar la estrella se deber elegir la herramienta yconfigurarlacomosedesee:
1.36
Curso2011/2012
ElenalvarezSiz
1.11.9. Dibujar los zapatos
Sedibujaninicialmentedosrectnguloscomomuestralafigurasiguiente:
SeeligedespuslaopcinUnindelmenTrayecto.
Conlaherramientadeedicindenodos, ,securvaelrectnguloinferior Segirahastacolocarloenlaposicindeseadaparacolocarloenelpiedelmonigote.Sisedesea sepuedecambiardecolor. Incorporar texturas de rellenado.
1.11.10.
Se elige una textura para el cuerpo. En el ejemplo se ha elegido del men Filtro>Texturas >ArcoIrisArrojado. ParaloszapatosseeligecomorellenadodemosaicolaopcinCamuflaje.
Elresultadohastaestemomentoseralgocomo
1.37
Curso2011/2012
ElenalvarezSiz
1.11.11.
Dibujar un fondo con un texto ajustado a una curva
Se crea un rectngulo que bordea la figura y lo rellenamos de color amarillo y se selecciona despusqueelrellenadosearadial.
Sedibujaunaelipsequebordeaatodalafigurayserellenadecolormarrn. Seguidamente con la herramienta de texto se hace clic en la ventana de dibujo y se
escribe el texto Realizado con inkscape. Haciendo clic en el botn de la barra de mens sepuedemodificarlatipografa,eltamao,elespaciadoentrecaracteres
Seleccionando el texto y la curva a la vez (haciendo clic sobre ellos manteniendo pulsado a la vez la tecla mayscula) se elige la opcin Poner en trayecto del men Texto. Se consigue as queeltextoseajustealaelipse. En cualquier momento se puede cambiar el color de la letra del texto, su tamao, En el ejemplo se ha aplicado un degradado lineal entre los colores marrn y naranja utilizando la herramienta .
Nota:EnelsiguientetutorialsecreaunavatarmscomplejoconInkscape:
1.38
Curso2011/2012
ElenalvarezSiz
http://www.trazoi.net/tutorials/inkscape/oots/
1.12.
Direcciones con grficos vectoriales
Algunasdirecciones: http://www.openclipart.org/ http://www.inkscapegallery.net/en/home http://www.vecteezy.com/ http://www.clker.com/ http://webdeveloper.econsultant.com/vectorclipartsites/
1.39
Curso2011/2012
ElenalvarezSiz
T2. LBUM DE FOTOS
2.1. Creacin de un lbum

Porta Album Creator es una aplicacin gratuita y portable que permite de una forma rpida y sencilla crearunagaleradeimgenesparapublicareninternet.
< Instalacin de Porta Album Creator
Windows
Descarga y descomprime el archivo: Porta_099012b.zip en una carpeta de tu disco duro o de tu pendrive. Se trata de una versin portable. El programa se inicia haciendo doble clic sobre el archivo ejecutable:Porta.exe Otraopcinesvisitarlapginaoficialdeesteproductoparadescargareinstalarlaversinmsreciente: http://www.stegmann.dk/mikkel/porta/
Ubuntu:
En Ubuntu se puede utilizar Wine como un programa emulador para ejecutar dentro de este sistema ciertas aplicaciones propias de Windows. En este caso se propone emplearlo para ejecutar Porta Album Creator. ParainstalarWine: Paso1.DesdeelescritoriodeUbuntuseleccionaAplicaciones>Aadiryquitar.
2.40
Curso2011/2012
ElenalvarezSiz
Paso 2. En el panel Aadir y quitar aplicaciones introduce wine en la casilla Buscar. En el catlogo aplicaciones marca la opcin Wine Windows Emulator y a continuacin pulsa en el botn Aplicar cambios.Siguelospasossugeridosparaterminarlainstalacin.
Para ejecutar Porta Album Creator

Paso1.Descargaydescomprimeelcontenidodelarchivo:Porta_099012b.zipenunacarpetadetudisco duroodetupendrive. Paso 2. Haz clic derecho sobre el icono de Porta.exe y a continuacin selecciona la opcin Abrir con Wine.SeiniciarelemuladorWineystecargarelejecutableindicado. 2.1.1. Creacin de la galera de imgenes Paso1.Descargaydescomprimeentudiscoduroelarchivogallery.zip Paso2.AbreelprogramaPorta. Paso 3. Se muestra el cuadro de dilogo Buscar carpeta. En este cuadro selecciona la carpeta gallery. ClicenelbotnAceptar.
Paso 4. En el cuadro de texto Title (Ttulo) introduce el ttulo de la galera. Por ejemplo: Paisajes asturianos. En Footer (Pie) teclea el texto que aparecer en el pie de la pgina. Ejemplo: "2008 CP Colegio".
2.41
Curso2011/2012
ElenalvarezSiz
Paso 5. El programa Porta crear por defecto la galera en la carpeta album como una subcarpeta de la que contiene las imgenes originales. Si deseas modificar el destino de esta carpeta pulsa en el enlace change(cambiar).Noobstanteconvieneconservarestaopcinpordefecto. Paso 6. Puedes definir el texto descriptivo de cada imagen pulsando en el botn Edit Album. Esto mostrar un cuadro de dilogo donde se podr elegir cada fotografa y escribir para cada una un texto en Major Caption que se mostrar al lado de la imagen y otro texto en Minor Caption que se mostrar comotooltipalsituarelpunterodelratnsobrelaimagen.Estepasoesopcional.ClicenelbotnClose (Cerrar).
Paso7.DeregresoalpanelprincipaldePortapulsaenelbotnOptions(Opciones).
Paso 8. En el panel Options puedes configurar distintos parmetros de la galera final. Los ms importantesson: Language(Idioma).SeleccionaelidiomaSpanish(Espaol).
2.42
Curso2011/2012
ElenalvarezSiz
Use SimpleViewer as primary album viever. Usar SimpleViewer como album principal. Es importante marcar esta opcin para que funcione adecuadamente. Si pulsas en el botn Optionspodrsconfigurardistintasopcionesdecolor. Paso9.ParaterminarpulsaenelbotnOk.
Paso 10. Para iniciar la creacin de la galera pulsa en el botn Start (Inicio) en el panel principal de Porta.
Paso 11. Transcurridos unos segundos se habr creado la galera. Desde este panel pulsa en el botn ShowAlbum(MostrarAlbum).
2.43
Curso2011/2012
ElenalvarezSiz
Paso 12. Para publicar la galera de imgenes es necesario subir a una carpeta del servidor todos los archivos contenidos en la carpeta album. El acceso a la galera se realizar por el archivo index.htm y sernecesariodisponerdelplugindeFlashparasucorrectavisualizacin.
2.1.2. Creando album de fotos online Slide http://www.slide.com es una aplicacin web que permite crear lbumes de fotos online utilizando imgenesquesecargandesdenuestroordenadorsinnecesidaddeinstalarningnsoftware. Para su utilizacin, es necesario registrarse previamente, completando el formulario indicando email, usuarioycontrasea.Apartirdeesemomentoyadisponesdecredencialesdeidentificacinyacceso.
2.44
Curso2011/2012
ElenalvarezSiz
UnavezregistradosdeberemoshacerclicenelbotnCrearSlideshow. Elreabsicadeedicintieneunespacioparaaadirimgenes,definiralgunascaractersticasdediseo yprevisualizarelresultado.
2.45
Curso2011/2012
ElenalvarezSiz
Haciendo clic en el botn Busca podremos subir las imgenes desde nuestro ordenador. Despus de formalizarnuestrodiseopodemosguardarellbumyfinalmentecompartirlo.
2.2. Presentaciones en flash con Impress
2.2.1. Exportar a flash desde Impress Impress es la aplicacin que permite realizar presentaciones dentro del paquete de ofimtica OpenOffice.org. Este paquete es una suite ofimtica que recibe el nombre de OpenOffice.org y que consta de varios mdulos a los que se puede acceder de forma individual pero que comparten una mismainterfazdeusuario. ImpresseselprogramadedeOpenOffice.orgquepermitehacerpresentaciones.Sufuncionamientoes similaraldePowerPointdeMicrosoftyreconoceficherosrealizadosconesteprograma. ParaverunejemplosobrecmoconvertirunapresentacinaflashutilizandoImpresspuedesseguirlos siguientespasos: Paso 1. Descarga y descomprime el archivo pplayer.zip en la carpeta mipresentacion de tu disco duro local. Como resultado de la extraccin podrs encontrar, entre otros archivos, una presentacin educativa realizada con Powerpoint: TIC_project.ppt. Este procedimiento se puede aplicar tambin a presentacionesdeOpenOffice. Paso2.AbreOpenOfficeImpress.Sinotienesinstaladoesteprogramaentuequipopuedesdescargary copiaratumemoriaUSBunaversinportabledelmismo. Nota: SitodavanodisponesdeOpenOfficeenWindowspuedesdescargareinstalarunaversin portable desde aqu: OpenOffice32.exe. Otra posibilidad es visitar su web oficial:
2.46
Curso2011/2012
ElenalvarezSiz
http://es.openoffice.org/. En Ubuntu puedes instalarlo desde Aplicaciones > Agregar o quitarprogramas. Paso 3. Selecciona Archivo > Abrir y localiza el documento TIC_project.ppt . Seleccinalo y pulsa en el botnAbrir.ComopodrscomprobarOpenOfficeImpressesunaaplicacingratuitaquepermiteabriry ejecutarpresentacionescreadasenPowerpoint. Paso4.AcontinuacineligeArchivo>Exportar.
Paso5.EnelcuadrodedilogoExportar EnlalistadesplegableGuardaren:seleccionacomocarpetadestinomipresentacion. ComoNombredelarchivoSWFquesecrearintroducedata.Serelnombredelapelcula queasignaremospordefecto.Esimportantenomodificarestenombre. EnlalistadesplegableFormatodeeligeelformatoMacromediaFlash(SWF)(.swf)
Paso 6. Clic en el botn Guardar. Al cabo de unos segundos se habr creado en la carpeta mipresentacionelarchivodata.swf.
2.3. Conversin de powerpoint a flash

Enmsdeunaocasin,tehabrsencontradoconpresentacionesenPowerPoint(enadelante.ppt)que hasrealizadoyunavezenellugarenelquehastenidoquerealizarlapresentacinnohaspodidoverlas porincompatibilidadesdeversionesdeOfficeoporqueelequiponocontabacondichosoftware. En este apartado veremos cmo convertir un powerpoint a flash para subirlo a un entorno web utilizandoelprogramaiSpringFree.
2.47
Curso2011/2012
ElenalvarezSiz
2.3.1. Instalacin Laltimaversindelprogramapuedesdescargarladesdelapgina: http://www.ispringsolutions.com/free_powerpoint_to_flash_converter.html La conversin de PowerPoint a flash presenta muchas ventajas, entre ellas se pueden citar las siguientes: Seconservanlastransicionesentrediapositivas Losdibujoseimgenessecomprimendemaneravectorialparanoperdercalidad. Nosenecesitaninstalarprogramasespecialesparavisualizarlaspresentaciones. LacompresindeFlashayudaraquelapresentacinpesemenos. El resultado final en Flash permite que la presentacin pueda ser universal, en el sentido de poderservistadesdecualquierequipo.
2.3.2. Interface Unavezquehemosinstaladoestesoftware,esteprogramaseagregaautomticamentecomounabarra deherramientasdePowerPoint(enestecasotrabajaremosconlaversin2003).
Losbotonesquesenosincorporanpermitenrealizarlassiguientesacciones: (Publicacinrpida):Unavezquesetieneabiertoelfichero.ppt,bastaconpulsareste botnparaconvertidoaFlash.
2.48
Curso2011/2012
ElenalvarezSiz
(Publicacin): Si pulsas esta opcin, puedes personalizar un poco tu presentacin. Por ejemplo, se puede indicar cuntas diapositivas queremos convertir (todas las diapositivas o un rango solo),cuntotiempodeduracinporcadadiapositivaqueremos,etc. Con estos botones puedes insertar en cualquier diapositiva de tu presentacin con extensin .ppt un vdeo de YouTube (en el caso de disponer de la versin de pago de iSpring) o incorporarcualquiervdeooelementointeractivoenformatoFlash. EnUpdate(actualizacin)puedesactualizarlaversindeiSpringFree.Siquieres saberquversintienesinstaladapuedesobtenerdichainformacinpulsandoenAbout(sobre...). Veamoscmorealizarestaconversinde.pptaflash. Paso1.InstalariSpring Paso 2. Arrancar el programa Microsof PowerPoint y abrir la presentacin a convertir utilizando el menArchivo>Abrir
Paso3.Elegir laopcinpredeterminada,atravsdelbotnQuickPublish. laopcindepersonalizarlaconversinatravsdelbotnPublish.
2.3.3. Publicacin rpida ElegidaestaopcinsedeberhacerclicenelbotnQuickPublish.
2.49
Curso2011/2012
ElenalvarezSiz
Inmediatamente aparece una ventana de confirmacin antes de crear tu presentacin de PowerPoint a Flash:
SihacesclicenConvert(convertir)teaparecerqueseestgenerandotupresentacinenFlash:
Una vez terminado el proceso de conversin, se crea automticamente una carpeta donde se almacena la presentacin y el fichero flash. Inmediatamente despus se abrir una pgina de Internet para mostrarlapresentacinfinalenFlash:
Elresultadofinalqueverseseste:
2.50
Curso2011/2012
ElenalvarezSiz
2.3.4. Configurando la presentacin ParaconfigurarlapresentacinenflashsedebehacerclicenelbotnPublish
Alhacerclicaqu,aparecelaventanadeconfiguracinPublishtoFlash.
2.51
Curso2011/2012
ElenalvarezSiz
Desde aqu puedes poner el ttulo que desees a tu presentacin, y elegir la ubicacin en tu equipo donde quieras guardarla. Adems, puedes marcar o desmarcar una serie de opciones, como: generar HTML, presentacin en bucle, estipular la duracin de las diapositivas, que la presentacin empiece automticamente... Nota: Es importante que tengas en cuenta que al ser una aplicacin en su versin gratuita (hay otras versiones superiores previo pago de licencia) algunas de las opciones que aparecen enestecuadrodedilogonosonfuncionales.
UnavezquehasconfiguradolafuturavisualizacindetupresentacinFlash,pulsaelbotnPublish.
2.52
Curso2011/2012
ElenalvarezSiz
2.3.5. Insertando un fichero flash ComohabrsobservadoenlabarradeherramientasdeiSpringaparecenestosiconos:
Elprimerodeellos(Flash)esparainsertarunarchivoenformatoFlash.Endefinitiva,algn archivodevdeoquepuedesintegrarenlasdiapositivasquedeseesantesdeserpublicadas. Nota: Si el formato del vdeo (o vdeos) que quieres insertar en tu presentacin, incialmentenoes.swf(archivoFlash)notepreocupesporquehayconversoresdeformato devdeosgratuitoscomoFormatFactory(vereltema2delcurso).
El segundo de ellos (YouTube) es para insertar vdeos de Youtube, lamentablemente con la versinFree(gratuita)noestoperativoestaopcin. Pasosparainsertarunvdeoenformato.swf
Enprimerlugar,eligeladiapositivadondedeseasinsertartuvdeo:
Ahora,teaparecerunaventanacomosta:
2.53
Curso2011/2012
ElenalvarezSiz
BuscalaubicacindetuvdeoypulsadespusenelbotnAbrirparainsrtaloenladiapositiva.
2.4. Alojamiento de presentaciones

SlideShare (http://www.slideshare.net) es un servicio de alojamiento y publicacin en lnea de presentacionesrealizadasconherramientascomoPowerpointuOpenOffice.Puedesutilizarloparasubir tuspresentacionesycompartirlas.Tambinpuedesbuscaryutilizarlasrealizadasporotraspersonas.En estecursoseproponeSlideSharecomounainteresanteopcinparapublicarenlawebnuestraspropias presentacionesyluegopoderintegrarlasenelcdigoHTMLdeunapgina.
2.54
Curso2011/2012
ElenalvarezSiz
2.4.1. SlideShare Conviene registrarse previamente para crear tu cuenta en SlideShare. Para ello haz clic en el enlace Signup y completa el formulario indicando email, usuario y contrasea. A partir de ese momento ya disponesdecredencialesdeidentificacinyacceso. Paso 1. Descarga y descomprime el archivo TIC_project.zip en el disco duro de tu equipo. Como resultadodeestatareaobtendrselarchivoTIC_project.pptquecontieneunapresentacinrealizadaen PowerPoint. Paso2.AbreelnavegadorFirefoxyvisitalapginadeSlideShare:http://www.slideshare.net Paso3.EnelcuadrodeLoginintroducelascredencialesdeacceso. Paso4.ClicenelenlaceUpload(Subir). Paso 5. En la pgina se muestra informacin sobre el tipo de archivos que se pueden subir: .ppt y .pps (Powerpoint),.odp(ImpressdeOpenOffice)y.pdf.Tambinseindicaqueesteespacioespblico.Nose recomienda subir ningn material si se desea mantener en privado. Tambin se indica el tamao mximodelarchivo.Enestecasoson30MB.
Paso6.ClicenelbotnBrowseandselectfiles(Navegaryelegirarchivos). Paso 7. En el cuadro de dilogo Seleccione los archivos navega para situarte en la carpeta donde has descargadoydescomprimidoelarchivoTIC_project.ppt.
2.55
Curso2011/2012
ElenalvarezSiz
Paso8.SeleccinaloypulsaenelbotnAbrir. Paso9.TrasunossegundosdeesperasesubirestapresentacinenSlideShare. Paso10.Cuandoelprocesodesubidahatenidoxitosesolicitanalgunosdatosadicionales: Title(Ttulo).Eselttulodelapresentacin.Ejemplo:ProyectoTICenuncentroeducativo. Tags (Etiquetas). Es una relacin de palabrasclave separadas por comas que permitirn localizar estapresentacinutilizandolaherramientadebsquedadeSlideShare.Ejemplo:TIC,proyecto, integracin,educacin,tecnologas. Language(Idioma).SeleccionalaopcinSpanish(Espaol). Description (Descripcin). Un breve comentario que a modo de introduccin permite describir la presentacin. Allow file download. (Permitir descarga de archivo). Si marcas esta opcin los usuario podrn descargarseelarchivooriginal.
Paso11.ParaconcluirelprocesodesubidapulsaenelbotnPublish. Paso 12. Tras pulsar este botn se produce otro tiempo de espera. SlideShare est transformando el archivo original en una pelcula Flash que se mostrar al usuario mostrando el contenido de esa presentacin. Paso 13. Clic en el enlace superior My Slidespaces y luego en la imagen que muestra la presentacin queacabamosdesubir.Deestaformaseaccedealavisualizacindeestapresentacin. Paso 14. Haz clic derecho sobre el cuadro de texto Embed into your blog (Embebido dentro de tu blog) paraelegirSeleccionartodoyluegoCopiar.
2.56
Curso2011/2012
ElenalvarezSiz
Paso 15. Abre Kompozer, o un editor de pginas html cualquiera, y crea un documento web nuevo. Escribeeltexto"MipresentacinSlideShare"enformatoTitulo1. Paso16.SitaelcursordebajodelttuloyacontinuacinseleccionaInsertar>HTML. Paso17.EnelcuadrodedilogoInsertarHTMLhazclicsobreelcuadrodetexto,hazclicderechoyelige Pegar.ObservaqueelcdigocopiadodesdeSlideSharesehapegadoaqu.ClicenelbotnInsertar. Paso 18. Pulsa en el botn Guardar, introduce un ttulo de pgina y guardarla con el nombre slideshare.html Paso19.Visualizaelresultadoenunnavegaror.. Nota: Esta integracin HTML tambin se puede realizar con presentaciones publicadas por otras personas. Al situarse en su pgina tambin se ofrece el cdigo Embed para copiar y pegar ennuestrapginaweb.
2.5. Presentaciones con Prezi

Prezi es una plataforma que permite realizar presentaciones dinmicas. En el siguiente enlace puedes ver una presentacin hecha con Prezi que muestra cmo se utiliza y cul es el aspecto de este tipo de presentacin.. PresentacinrealizadaconPreziparamostrarcmosecreaconPrezi. http://prezi.com/yqfulxm9kxr/tutorialprezienespanolaprendera utilizarloen15minutosacademiaprezi/ La plataforma Prezi se encuentra alojada en la direccin http://www.prezi.com. Para poder utilizarla, debes darte de alta en alguna de las licencias existentes. Prezi se entiende como un servicio y no como un programa, por lo que las licencias concedidas permiten el uso del programa por perodos anuales renovables. Una vez finalizado el plazo de uso licenciado, de no renovarse, podrn continuar visualizndose los proyectos elaborados mientras no se d de baja el usuario en la aplicacin, pero no podrneditarsenimodificarse.
2.57
Curso2011/2012
ElenalvarezSiz
Nota:Paraverunadescripcinmsampliadeestesoftwareserecomiendavisitar: http://recursostic.educacion.es/observatorio/web/es/internet/recursosonline/970prezi
2.6. Presentaciones en pdf

Cuando recibes una presentacin, lo ms seguro es que est en formato PPT o PPS, el de PowerPoint. Menos frecuente es que est en PDF, un tipo de archivo que asociamos, errneamente, a documentos msbienestticossinanimacionesnimsica. Puesbien,laspresentacionesPDFtienenmuchasventajasencomparacinconlapropiadePowerPoint, especialmentesihayqueenviarlasporcorreoocolgarlasenunapginaweb. EntrelasventajasquepodemoscitarrespectoalaspresentacionesPDFfrentealasPPTsern: AlcanceCasitodostenemosunlectorPDF(porejemplo,AdobeReader),mientrasquePowerPoint, si bien goza de una gran extensin, no siempre habita en nuestros ordenadores. Una presentacinPDFpuedellegaramspersonas. Formato Un archivo PowerPoint no se ver igual en un ordenador al que le falten las tipografas que se han usado en su diseo (a menos, claro est, que las incrustes en su interior). Para que tusdiapositivaslleguenaldestinatarioconsuaspectooriginal,elPDFesmejoreleccin. VelocidadUnarchivoPDFsecargamsrpidoytieneuntamaobastantemenorencomparacin con un PowerPoint, gracias a la compresin de las imgenes y a la eliminacin de los datos superfluos,queenunPPTsiguenestandodisponiblesparasuedicin; SeguridadEngeneral,losdocumentosPDFsonmssegurosquelosPPT,quesehanconvertidoen vehculo habitual de infeccin por virus de macro. Y cabe sealar que los PDF dificultan en mayormedidalacopiayalteracindelcontenido; Animaciones, msica y vdeos El formato PDF es mucho ms que texto e imgenes: con las utilidades adecuadas, insertar msica y vdeos es muy sencillo. Adems, el modo de presentacinapantallacompletacuentaconvariosefectosdetransicin. 2.6.1. PDFRizator Supongamos que ya tienes un documento listo por ejemplo, un documento de Word y quieres convertirloaPDFcontransiciones.Paraello,podemosutilizarelsoftwaregratuitoPDFRizator. PDFRizator es un programa enfocado exclusivamente a presentaciones. Gratuito y en espaol, es capaz de cargar imgenes en varios formatos y cmics (incluido el CBR), as como tomar imgenes desde el escner. Lapginaenlaquepuedesdescargarlaltimaversines
2.58
Curso2011/2012
ElenalvarezSiz
http://www.rttsoftware.com/pdfrizator.html
La siguiente imagen muestra la interface del programa. En el panel izquierdo podemos agregar imgenesyelementosmultimedia.
Agregadas las imgenes el panel derecho dispone de la pestaa Documento que permite activar el modoPresentacinascomoconfigurarlamsicaylastransiciones.
Desde la pestaa Pginas puedes elegir las transiciones entre pginas definiendo duracin e inclinacin (entreotrosparmetros).
2.59
Curso2011/2012
ElenalvarezSiz
Cuando hayas terminado, un clic en Archivo, otro en Convertir a PDF y la presentacin animada estar listadondelahayasguardado. 2.6.2. Web 2.0 Laposibilidadderealizarpresentacionesonlineeshoyendaunarealidad.LasuiteZohooGoogleDocs permitehacerlodeformasencilla. En el caso de Zoho se dispone de gran cantidad de aplicaciones, de muy variado mbito, para trabajar en internet sin necesidad de instalar ningn programa en nuestro ordenador. En concreto la aplicacin ZohoShowpermiterealizarpresentaciones. Estaaplicacinpermiteaadirdiapositivasconsombras,reflejos,insertarformasdinmicas,etc. Nota:Puedesobtenermsinformacinvisitando https://show.zoho.com/login.do
2.60
Curso2011/2012
ElenalvarezSiz
T3. VDEO
Enesteapartadoveremoscmodescargarvdeosonlineyconvertirlosadistintosformatos.
3.1. Conceptos bsicos

Dimensiones. Es el tamao del video (ancho x alto) expresado en pxeles cuando se visualiza al 100%, sin agrandar ni reducir. Los reproductores pueden mostrar un video a pantalla completa o con una ampliacin del 200%, 300%, etc. En estos casos el video pierde calidad de imagen y esta prdida depende del formato de archivo. Un video AVI puede tener cualquier ancho y alto mientras que los estndares de VideoCD son352x288ydeDVD720x576. Codec. Acrnimo de "codificacin/decodificacin". Uncdec es un algoritmo especialque reduceel nmero de bytes que ocupa un archivo de video. Los archivos codificados con un cdec especfico requieren el mismo cdec para ser decodificados y reproducidos. Algunos de los cdecs ms utilizados para el formatoAVIson:DivX,XviD,CinePak,IntelIndeo5,DV,etc. Velocidaddetransmisin(bitrate).
3.61
Curso2011/2012
ElenalvarezSiz
El bitrate define la cantidad de espacio fsico (en bits) que ocupa un segundo de duracin de ese video. Elvideotendrmscalidadcuantomayorseasubitrateyelarchivoquelocontienetendrmayorpeso. El bitrate puede ser fijo o variable. El bitrate variable consigue mayor calidad de imagen porque recoge mscalidadenescenasmuycargadasoconmuchomovimientoyahorraenaquellasmsestticas. Fotogramasporsegundo. Unvideoresultadelaexposicinimgenesofotogramasunodetrsdeotro.Unparmetrodelacalidad del video es el nmero de fotogramas por segundo que muestra durante su reproduccin. Este valor oscila entre 15 y 30. Por ejemplo los vdeos en DVD en Europa exhiben 25 fotogramas por segundo (25 fps). FotogramasClave. Cuandoseaplicauncdecdecompresinaunvideo,sesueleproducirciertaprdidadelainformacin de sus fotogramas. Algunos fotogramas (los fotogramas clave) se almacenan completamente en el archivo comprimido, mientras que el resto slo se guardan parcialmente. En la descompresin, estos fotogramasintermediossereconstruyenapartirdelosfotogramasclave. Sistemasdetelevisin. NTSC (National Television Standards Comit = Comit Nacional de Estndares de Televisin). Cada fotograma est formado por 525 lneas y reproduce 30 fotogramas por segundo. Se utiliza en AmricadelNorte,Centroamrica,Japn,etc. PAL(PhaseAlternationLine=LneaAlternadaenFase):ElvdeoPALtiene625lneasporfotograma y25fotogramasporsegundo.EselsistemamsextendidoactualmenteenEuropa. SECAM (Squentiel Couleur Mmoire = Color secuencial con memoria). Muestra 625 lneas y 25 fotogramasporsegundo.Deorigenfrancs,haperdidomercadoenEuropaafavordelsistema PAL. Proporcinoratiodeaspecto. Eslaproporcinentrelaanchurayalturadeunvideo.Cuandosereproduceunvideosesuelemantener pordefectoestaproporcinparaevitardeformacindelasimgenes.Porestemotivocuandoseeligela visualizacin a pantalla completa, aparecen franjas negras arriba y abajo. Es habitual una relacin 4:3 para los videos domsticos (352x288 pxeles, por ejemplo) mientras que en DVD se suele trabajar con ratiosde16:9. 3.1.1. Formatos de vdeo Los videos digitales se pueden guardar en archivos de distintos formatos. Cada uno se corresponde con una extensin especfica del archivo que lo contiene. Existen muchos tipos de formatos de video. Aqu se citan algunos de los ms utilizados. Asimismo cada tipo de archivo admite en cada momento un cdecdecompresindistinto. AVI(AudioVideoInterleaved=AudioyVideoIntercalado) Eselformatoestndarparaalmacenarvideodigital. Cuando se captura video desde una cmara digital al ordenador, se suele almacenar en este formatoconelcdecDV(DigitalVideo). ElarchivoAVIpuedecontenervideoconunacalidadexcelente.Sinembargoelpesodelarchivo resultasiempremuyelevado. Admite distintos cdecs de compresin como CinePak, Intel Indeo 5, DV, etc. Los cdecs con mscapacidaddecompresinyunacalidadaceptablesonDivXyXviD.
3.62
Curso2011/2012
ElenalvarezSiz
El formato AVI puede ser visualizado con la mayora de reproductores: Windows Media, QuickTime, etc. siempre y cuando se encuentren instalados en el equipo los adecuados cdecs paracadatipodereproductor. Es ideal para guardar videos originales que han sido capturados de la cmara digital (codificadosconDV). NoesrecomendablepublicarlosenInternetenesteformatoporsuenormepeso. Los cdecs CinePak, Intel Indeo, DV, etc. no ofrecen una gran compresin. Los cdecs DivX y XviDporelcontrarioconsiguenunaptimacompresinaunquesesuelendestinarsobretodoa lacodificacindepelculasdelargaduracin.
MPEG(MovingPicturesExpertGroup=GrupodeExpertosdePelculas) Esunformatoestndarparalacompresindevideodigital. Sonarchivosdeextensin*.MPG*.MPEG. Admite distintos tipos de cdecs de compresin: MPEG1 (calidad CD), MPEG2 (calidad DVD),MPEG3(orientadoalaudioMP3)yMPEG4(msorientadoalaweb). SereproducenconWindowsMediaPlayeryQuickTime.
MOV(http://www.apple.com/es/quicktime/) EselformatodevideoyaudiodesarrolladoporApple. Utilizauncdecpropioqueevolucionaenversionesconbastanterapidez. Estetipodearchivostambinpuedentenerextensin*.QT Se recomienda utilizar el reproductor de QuickTime. Existe una versin gratuita del mismo quesepuededescargardeInternet. EsidealparapublicarvideosenInternetporsurazonablecalidad/peso. Admitestreaming.
WMV(http://www.microsoft.com/windows/windowsmedia/es/) HasidodesarrolladorecientementeporMicrosoft. UtilizaelcdecMPEG4paralacompresindevideo. Tambinpuedetenerextensin*.ASF Slo se puede visualizar con una versin actualizada de Windows Media 7 o superior. Esta aplicacinvieneintegradadentrodeWindows. EsidealparapublicarvideosenInternetporrazonablecalidad/peso. Admitestreaming.
RM(http://spain.real.com/) EslapropuestadeRealNetworksparaarchivosdevideo. Utilizauncdecpropioparacomprimirelaudio. Estetipodearchivostieneextensin*.RMy*.RAM. Se visualiza con un reproductor especfico: Real Player. Existe una versin gratuita del mismoquesepuededescargardeInternet. SepuedeutilizarparapublicarvideosenInternetporsuaceptablecalidad/peso. Admitestreaming.
FLV(http://www.adobe.com) EsunformatoqueutilizaelreproductorAdobeFlashparavisualizarvdeoenInternet. UtilizaelcdecSorensonSparkyelcdecOn2VP6.Ambospermitenunaaltacalidadvisual conbitratesreducidos. Sonarchivosdeextensin*.FLV.
3.63
Curso2011/2012
ElenalvarezSiz
Se pueden reproducir desde distintos reproductores locales: MPlayer, VLC media player, Riva,Xine,etc. Opcin recomendada para la web por su accesibilidad. Al visualizarse a travs del reproductor de Flash es accesible desde la mayora de los sistemas operativos y navegadoresweb. Los repositorios de vdeo ms conocidos en Internet utilizan este formato para la difusin devdeos:YouTube,GoogleVideo,iFilm,etc. Permite configurar distintos parmetros del vdeo para conseguir una aceptable calidad/peso. Admitestreaming.
3.1.2. Optimizacin de archivos Para optimizar el peso del archivo de video ser necesario editarlo para establecer alguno o algunos de lossiguientesparmetros: EnelAudio: EnelVideo: El cdec de compresin de video utilizado: MPEG1, MPEG2, MPEG4, Intel Indeo, Cinepak,DivX,etc. Mtodo de BitRate. Utilizar un bitrate variable VBR puede optimizar la calidad del video y repercutirenelpesofinaldelarchivofrenteaunbitrateconstanteCBR. Velocidad de transmisin (bitrate). Configurar bitrates ms bajos: 1000 Kbps, 768 kbps, 360Kbps,etc. Dimensiones.Cuantomspequeasealaalturayanchuraenpxelesdelosfotogramasde unvideo,menostamaoocuparsuarchivo. Velocidad de fotogramas. Se puede reducir el nmero de fotogramas por segundo que mostrarelvideo:30,24,20,16,etc. Fotogramas Clave. Durante la compresin tambin se puede indicar cada cunto se guardarunfotogramacompleto(fotogramaclave):24,48,96,128,etc.Cuantomayorsea estacadenciamsbajoserelpesodelarchivoresultante. Elcdecdecompresindeaudioutilizado:MPEGLayer1,MPEGLayer2,MP3,etc. Resolucin.Establecerresolucionesmspequeas:32bits,16bits,8bits,4bits,etc. Tasademuestreo.Definirvaloresinferiores:44100Hz.,22050Hz.,11025Hz,etc. Velocidad de transmisin (bitrate). Configurar bitrates ms bajos: 128 Kbps, 96 Kbps, 64 Kbps,etc. Calidadestreo/mono.Reducirlacalidaddestereoamono
Otroselementosqueincidenenlaoptimizacin: Duracin. Cuanto ms corto es un video, menos peso ocupa su archivo. En ocasiones puede resultar interesante fraccionar un archivo de video en sus escenas para facilitar su descarga. Formato de archivo. Los archivos *.WMV, *.MOV, *.RM y *.FLV son los ms adecuados para publicar un video en Internet por su adecuada relacin calidad/peso y porque admiten streaming. Los archivos *.AVI con cdecs de compresin baja son ideales para guardarlosvideosoriginales.Losarchivos*.AVIconcdecsDiVXXviDsonapropiadospara videos de pelculas de cierta duracin. Los archivos *.MPG con cdec MPEG1 se utilizan para crear VideoCDs. Los archivos *.MPG con cdec MPEG2 se utilizan como fuente para montarunDVD. 3.64
Curso2011/2012
ElenalvarezSiz
3.2. Repositorios de vdeos

Internetarchive:http://www.archive.org/details/moviesandfilms Sclipo:http://www.sclipo.com.Esnecesariotenerunacuentagratuita. TrueTube:http://www.truetube.co.uk Academicearth:http://academiccearth.org
3.3. Descargando vdeos

Si queremos utilizar un vdeo de la red sin conexin a internet puede resultar til descargarlos siempre quelaopcindelicencianospermitahacerlo.
Movavi
Movavi(http://online.movavi.com)podemosdescargarlosyconvertirlosvideosadistintosformatossin necesidaddeinstalarningnsoftware.
Suinterfaceesrealmentesencilladeutilizarybsicamentenecesitamosseguirlossiguientespasos: IntroducirlaURLdelvdeoenlaparteizquierdadelapgina Seleccionarelformatodesalidadelvideoenlapartecentraldelapgina Seleccionarlacuentadecorreoelectrnicoenlapartederechadelapgina. HacerclicenelbotnConvert!
Seenviaruncorreoelectrnicoaladireccinindicadainformandocuandoestterminadoelprocesoy seincluirunlinkparadescargarelvideo.
Keepvid
3.65
Curso2011/2012
ElenalvarezSiz
Otra opcin es Keepvid: http://keepvid.com. En este caso se puede descargar el fichero en formato MPEG4oFLV(flashvideo)sinnecesidaddeutilizarunacuentadecorreoelectrnico.
3.4. Embebiendo un vdeo en una pgina html

Paso 1. Abrir el navegador Firefox y visitar la web de Youtube : http://www.youtube.com. Puedes introducirtuscredencialesparaautentificarte. Paso2.HazclicenlaseccinMyAccount>MyVideos(Misvdeos). Paso3.Clicenelttulodelvdeoquehemosintroducidoenelapartadoanterior.Sevisualizaunapgina mostrandolareproduccindelvdeo.
Paso 4. Clic sobre el cuadro de texto Embed para seleccionar el cdigo. A continuacin haz clic derecho y selecciona Copiar. Con esta operacin hemos copiado al portapapeles el cdigo HTML que permitir incrustarelreproductordeYoutubeyestevdeoennuestrapginaweb.
3.66
Curso2011/2012
ElenalvarezSiz
3.5. Editores de vdeo online

Algunosdeellossonlossiguientes: Pixorial: da la posibilidad deefectos bsicos, recortar escenas, etc. yexportar el resultado a Facebook.Escompatibleconlosformatosmsconocidos. Jaycut: API y versin gratuita, permite exportar a Youtube y puede ser ejecutado desde telfono mvil. Videotoolbok: permite convertir entre varios formatos, agregar marcas de agua a videos, cortar, extraeraudio,entreotrascosas. Moviemasher:mezclarvdeosydarefectos Vuvox:transformarfotos,textos,archivosdeaudioyvdeo,enanimaciones Animoto:vdeosmusicalesdeformaautomticausandoimgenes. Flixtime:permitecrearvideosapartirdefotos. Dragontape:mezclarvideodeyoutubeenunsimpletimeline,Drag&Drop. Studio Stupeflix: una servicio para crear presentaciones de fotos en formato de video al estilo Animoto Picasa:Sibiennacicomoservicioparafotos,permitecrearvideosdefotosymsica. Evoca.Permitecrearyeditarvideoonline,permiteexportarayoutubeyfacebookdirectamente. 3.5.1. YayCut YayCut(http://jaycut.com/)esunservicioweb2.0quepermitesubirfotosyvdeosparamontarunclip depelculaqueluegosepuedecompartirconotrosusuarios.
Visita la web de YayCut y regstrate para disponer de un nombre de usuario y contrasea. Una vez que dispongasdeestosdatos: Paso1.AccedealawebdeJayCutyautentifcatecomousuario. 3.67
Curso2011/2012
ElenalvarezSiz
Paso2.HazclicenelenlaceCreateMoviequesemuestraenelmenhorizontalsuperior. Paso3.Seleccionadespuselidioma
Paso4.Incorporalasimgenes,eltexto,elsonidodesdeelbotnAadirarchivomultimedia.
Los archivos se pueden elegir desde el propio ordenador o mediante grabacin con el micrfono o webcam.
3.68
Curso2011/2012
ElenalvarezSiz
Si eliges MI PC puedes seleccionar los archivos desde tu ordenador, haciendo clic primero en el botn SiguienteydespusenelbotnBuscar.
Paso5.EligedespusSubir.Repitelaoperacinhastaqueterminesdeaadirtodoslosficheros. Paso6.Unavezfinalizado,hazclicsobreelbotndecerrarventana.
3.69
Curso2011/2012
ElenalvarezSiz
Paso 7. Una vez concluido el proceso de subida debes arrastrar los elementos multimedia a la lnea de tiempoyelegirunestilodetransicinentrelasfotos.
Paso 8. Si deseas publicar la pelcula debers hacer clic en el botn Publicar/Descargar pelcula que se encuentra en la parte inferior derecha de la pgina. Nos preguntar en qu medio queremos publicar nuestrapelculayenquformato.SiseeligeMiordenadornosenviaralcorreoelectrnicounvnculo parapoderdescargarelficheroresultado.
3.6. VideoSpin
VideoSpinesunasencillaherramientaquepermitecrearpelculasfcilmenteapartirdevdeosyfotos. Lapginaoficialdelprogramaes:
3.70
Curso2011/2012
ElenalvarezSiz
http://www.videospin.com/sp/ Suinterfazcuentacondosmodosbsicos: edicin del vdeo (pestaa Editar) donde ir colocando las imgenes, vdeos y msica, que puedesanimarcontransiciones, y, luego una parte de publicacin (pestaa Hacer vdeo), con apartado especial para la Web, que nos ofrece crear el vdeo con el formato y tamao adecuado para subir a algn sitio como YahooVideooYoutube,quevienenpordefecto.
Comopuedesobservar,laaparienciaesmuysimpleytodoestala"vista".Lapestaaquevasautilizar para hacer tu vdeomontaje personalizado ser la primera, es decir, la pestaa Editar, que consta de 3 zonas o espacios claramente diferenciados (observa los nmeros en de color verde en la imagen superior): lbum. Contiene vdeos, transacciones, ttulos, fotos, efectos de sonido y msica. Todos ellos se puedenarrastraralalneadetiempoparacrearunapelcula. Lnea de Tiempo. Lugar donde vas a realizar todo el trabajo de montaje, y donde puedes llevar a cabo las diferentes interacciones de elementos multimedia. Se trabaja de izquierda a derecha, deformasecuencial Reproductor de vdeo. Aqu puedes ver los vdeos o pelculas que vas creando y tambin puedes visualizarlosdiferentescontenidosdellbum. Puedesveralgnvideotutorialconunaexplicacinmsdetalladaen: http://www.upo.es/biblioteca/servicios/inst_equip/lab/materiales_apoyo/tuto riales/spin/pagina_03.htm
3.71
Curso2011/2012
ElenalvarezSiz
3.7. Avidemux
Avidemux es un programa libre y gratuito para editar videos. Permite dividir un vdeo en partes y guardarlos como nuevos vdeos, tambin permite unir varios vdeos en uno solo, capturar imgenes de unvdeo,etc.Laltimaversinsepuededescargarde http://avidemux.sourceforge.net/download.html 3.7.1. Interface Lasiguienteimagenmuestrasuinterface:
1. Barrademen:contienetodaslasopcionesdeAvidemux. 2. Barradeherramientas:cadaconoesunatajoquepermiteaccederenvezdeirdirectamentea
lasfuncionesmsimportantesdelaaplicacin.
3. 4. 5. 6.
Espaciodeedicin:lugarprincipaldondesevisualizanlosvideos. Codecsdevideo,audioyformato:codificadordecodificadordevideo,audioyformato. Scrolldeedicin:barradedesplazamientodelvideo. Barra de reproduccin: contiene los botones principales para reproducir, pausar, adelantar, cortar,entreotras.Muestralosframes(fotogramas)yeltiempodeduracindelvdeo.
7. Volumen:permiteaumentarodisminuirelvolumendeaudiodelvideo.
Enlabarradeherramientasdeaccesorpidoaparecenlossiguientesiconos:
3.72
Curso2011/2012
ElenalvarezSiz
1.Abrir
2.Guardarvideo 3.Informacin 4.Load/runproyecto 5.Guardarproyecto 6.Guardarproyecto 7.Calculador 8.EntradadeVideo 9.Salidadevideo 10.Delado 11.Dearribahaciaabajo 12.Ventanaconvideodesalida
Enlaparteinferiordelaventanadelprogramasetienenlossiguientesiconos:
1.Stop 2.Ruedadecuadroacuadro 3.Volumen 4.Play/Pausa 5.Stop 6.Retrocesoyavancedecuadro 7.Retrocesoyavancedevarioscuadros 8.Inicio/Finalpararecortedevideo 9.Retrocesoyavancealsiguientecuadro

10.Iralprimerooltimocuadro
11.Cuadro 12.Tiempo 13.Cuadros

3.73
Curso2011/2012
ElenalvarezSiz
14.Seleccin
3.7.2. Particionar un vdeo Paso1.IralaBarradeMenyseleccionarFileNew,paraabrirelarchivodondeestguardadoelvideo. Paso2.Seleccionarelfragmentodelvideoquesequiereeliminar. Paso 3. Posicionarse en el fotograma (frame) donde se quiere comenzar a recortar. Como ejemplo se tomunvideode1373fotogramas,yseposicionaenelfotograma403.
Paso4.SeleccionarlaherramientaderecorteA.
ndice
Paso 5. Recorrer el vdeo hasta el fotograma donde se quiere terminar de borrar. En el ejemplo se recorreelvideohastaelfotograma1003.
Paso6.SeleccionarelcomandoderecortefinalB.
Paso7.EneltecladopresionarelbotnSuprimir,oiralaBarrademenyseleccionarEditDelete.En el ejemplo se elimin desde el primer fotograma seleccionado hasta el ltimo (403 hasta 1003, 600 fotogramas.Selogrunnuevovideoconuntotalde773fotogramas,600menosqueeloriginal).
3.74
Curso2011/2012
ElenalvarezSiz
3.7.3. Guardar un vdeo Paraellosedebeconfigurarelformatoenquesequieraguardarelvideo. Paso 1. Ir a Formato y con la flecha, desplazar para elegir el formato deseado. Los ms utilizados son AVI,MPEG,MP4yFLV.Ej.:AVI.
Paso2.EnlaBarrademenseleccionarFileSaveVideoopresionarelcono2delafigurasiguiente:
Paso3.Enlaventanaemergente,seleccionarlaubicacindondeseguardarelarchivo. o o 3.7.4. Unir vdeos Avidemuxpermiteunirvariosvideosenunoslo.Paraello: Paso1.Abrirelprimervideo.IralaBarrademenyseleccionarFileOpen. Paso 2. Abrir el segundo video. Ir a la Barra de men y seleccionar FileAppend. Este segundo video se abrirjustodetrsdelprimero. Al visualizar la lnea de Scroll del video se observa el agregado del nuevo video en la cantidad de fotogramastotales.Ej.:unvideode400fotogramasyotrode500hacenuntotalde900fotogramas. Paso3.Guardarelnuevovideo. 3.7.5. Capturar imgenes de un vdeo Avidemuxpermiteguardarframesofotogramasdelosvideosqueseabran.Paraello: Paso1.Abrirelvideosobreelcualsedeseanrealizarcapturasdeimgenes. Paso2.Desplazarsehastavisualizarenpantallaelfotogramaquesedeseaguardar. Paso3.IralaBarrademenyseleccionarFileSaveSaveJPEGImage. Paso4.Enlaventanaemergente,seleccionarlaubicacindondeseguardarelarchivo. En Nombre, colocar el nombre del archivo e incluir la extensin. En el caso de guardar una imagen JPG se debe incluir, luego del nombre de la imagen.JPG.Ej.:foto.jpg 3.75 En Nombre, colocar el nombre del video e incluir la extensin. Ej.: video.avi SeleccionarGuardar.
Curso2011/2012
ElenalvarezSiz
SeleccionarGuardar.
En el caso que se quiera guardar como imgenes todos los fotogramas que conforman el video, se deber ir a la Barra de Men y seleccionar File Save Save Selection as JPEG Images. Se sugiere seleccionar una carpeta nueva para cargar las imgenes, por la cantidad de imgenes que se almacenarn,yaqueesunnmeroelevado(unaporcadafotograma). Apareceruncuadroqueindicaqueseestncapturandolasimgenes.
Al finalizar aparecer una ventana indicando la cantidad de imgenes que se capturaron. En este ejemplo se utiliz un video corto con 774 imgenes, en el caso de una pelcula o video extenso la cantidaddeimgenessermuchomayor.
3.76
Curso2011/2012
ElenalvarezSiz
3.7.6. Cambiando el tamao de los fotogramas de un vdeo Videotutorial: Avidemux:Modificandoeltamaodelosfotogramas
3.8. Screencast o videotutoriales
3.8.1. CamStudio
RenderSoft CamStudio es una herramienta que permite grabar la actividad de la pantalla en una pelculaAVIvideo.Cualquieraccincomomoverelcursordelratn,hacerclic,oescribircaracteresser registrado por el programa y se podr visualizar ms tarde como una pelcula. Puede ser til para demostracionesdeutilizacindesoftwareograbarsecuenciasdeunapelculaenreproduccin. Estaherramientaestilpara: Crearpresentacionesincluyendocomentariosdelautorconaudio. Grabarvideosusadosparademostraciones. Grabarelprocesodeunprogramamientrasseejecutadurantemuchotiempo Grabarsecuenciaspasoapasodelusodealgnprograma.
3.77
Curso2011/2012
ElenalvarezSiz
Grabarunapelcula ConvertirarchivosdevideoAVIaFlash(SWF)paravisualizarlosdesdecualquiernavegador.
Puedesdescargarelprograma(600kb,freeware)desdeladireccin http://camstudio.es/ Ejemplo: Realizar con CamStudio una grabacin seleccionando una regin y guardarla comounfichero.avi. Lospasosaseguirson: Paso1.Abrirelprograma Paso2.SeleccionarenelmenRegionlareginagrabar
Paso 3. Elegir en el men Options la combinacin de teclas con las que se comenzar/terminar/pararlaanimacin. 3.78
Curso2011/2012
ElenalvarezSiz
Tambinesposiblecontrolarlaanimacindesdeelbotndelabarrainferiordenuestroescritorio
Paso 4. Al terminar la animacin se nos pedir guardar el fichero .avi que contiene el vdeo de la grabacin. Videotutorial: Para ver ms posibilidades del programa puedes ver el siguientetutorial: http://www.youtube.com/watch?v=QVMkGcfbsds
3.79

Creacion Contenidos Multimedia P2 PDF

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Creacion Contenidos Multimedia P2 PDF

Caricato da

Copyright:

Formati disponibili

2011/2012

T3. Vdeo ................................................................................................................................................................3.61

ManualesbsicossobreAudacity http://mosaic.uoc.edu/2010/03/04/guiadeaprendizajedeaudacity/ http://mosaic.uoc.edu/wp content/uploads/2010/03/Audacity_Tutorial2_Edicion_de_sonido_basica.pdf

T1. EDICIN DE IMGENES VECTORIALES CON INKSCAPE

1.2. Interface de Inkscape

1.3. Formas bsicas

Crculo,elipsesyarcos.Paradibujarunobjetodeestetipobastaseleccionarlaherramienta,situar elratnenunaposicinyarrastrarlo.Los manejadorespermitendefinirlaamplituddelarco,eltamao ylaformadelaelipse.

Videotutorial: FormasBsicas http://www.youtube.com/user/thinway#p/u/39/AOPJSbvusc0 Lneas http://www.youtube.com/user/thinway#p/u/38/4SFCjve6bsQ

1.4. Operaciones bsicas

1.5. Operaciones boolenas

1.6. Dando color

1.7. Terminologa bsica cuando hablamos de trazados Bzier

1.8. Edicin de nodos

1.9. Incorporando texto

Incorporacin en una pgina web

Paso1:AbreelprogramaInkscape. Paso2.Creaundibujoygurdalounficheroconelnombredibujo.svg. Paso3:Guardeelficheroconelnombredibujo.png. Paso4:Abraelblocdenotasytecleeelsiguientecdigo

Creacin de un dibujo con distintas herramientas

1.11.3. Dibujar los brazos

1.11.4. Dibujar las piernas

ConlaherramientaBezier sedibujalaspiernashaciendoclicparadefinircadanododela curva.Paraterminardedefinirlacurvabastahacerenelltimonododobleclic.

1.11.5. Dibujar las manos con cuatro dedos

1.11.6. Dibujar los ojos y la boca Seutilizalaherramientaelipsesparalosojosyladecurvaparalasonrisa.

1.11.8. Modificar el cuerpo Seseleccionaparaelloelrectnguloyseconviertecadaladoenuntrayectoeligiendoelbotn deconvertirelobjetoseleccionadoatrayectos, ,queseencuentraenlabarrademens.

Conlaherramientanodos semodifcanlosnodosparaobtenerlaformadelcuerpo. Rellenamoselcuerpodeblanco.

1.11.9. Dibujar los zapatos

Conlaherramientadeedicindenodos, ,securvaelrectnguloinferior Segirahastacolocarloenlaposicindeseadaparacolocarloenelpiedelmonigote.Sisedesea sepuedecambiardecolor. Incorporar texturas de rellenado.

Dibujar un fondo con un texto ajustado a una curva

Sedibujaunaelipsequebordeaatodalafigurayserellenadecolormarrn. Seguidamente con la herramienta de texto se hace clic en la ventana de dibujo y se

Direcciones con grficos vectoriales

Algunasdirecciones: http://www.openclipart.org/ http://www.inkscapegallery.net/en/home http://www.vecteezy.com/ http://www.clker.com/ http://webdeveloper.econsultant.com/vectorclipartsites/

T2. LBUM DE FOTOS

2.1. Creacin de un lbum

< Instalacin de Porta Album Creator

Para ejecutar Porta Album Creator

UnavezregistradosdeberemoshacerclicenelbotnCrearSlideshow. Elreabsicadeedicintieneunespacioparaaadirimgenes,definiralgunascaractersticasdediseo yprevisualizarelresultado.

2.2. Presentaciones en flash con Impress

2.3. Conversin de powerpoint a flash

2.3.2. Interface Unavezquehemosinstaladoestesoftware,esteprogramaseagregaautomticamentecomounabarra deherramientasdePowerPoint(enestecasotrabajaremosconlaversin2003).

Losbotonesquesenosincorporanpermitenrealizarlassiguientesacciones: (Publicacinrpida):Unavezquesetieneabiertoelfichero.ppt,bastaconpulsareste botnparaconvertidoaFlash.

Paso3.Elegir laopcinpredeterminada,atravsdelbotnQuickPublish. laopcindepersonalizarlaconversinatravsdelbotnPublish.

2.3.3. Publicacin rpida ElegidaestaopcinsedeberhacerclicenelbotnQuickPublish.

2.3.4. Configurando la presentacin ParaconfigurarlapresentacinenflashsedebehacerclicenelbotnPublish

2.3.5. Insertando un fichero flash ComohabrsobservadoenlabarradeherramientasdeiSpringaparecenestosiconos:

2.4. Alojamiento de presentaciones

2.5. Presentaciones con Prezi

2.6. Presentaciones en pdf

3.1. Conceptos bsicos

FLV(http://www.adobe.com) EsunformatoqueutilizaelreproductorAdobeFlashparavisualizarvdeoenInternet. UtilizaelcdecSorensonSparkyelcdecOn2VP6.Ambospermitenunaaltacalidadvisual conbitratesreducidos. Sonarchivosdeextensin*.FLV.

3.2. Repositorios de vdeos

3.3. Descargando vdeos

Suinterfaceesrealmentesencilladeutilizarybsicamentenecesitamosseguirlossiguientespasos: IntroducirlaURLdelvdeoenlaparteizquierdadelapgina Seleccionarelformatodesalidadelvideoenlapartecentraldelapgina Seleccionarlacuentadecorreoelectrnicoenlapartederechadelapgina. HacerclicenelbotnConvert!

3.4. Embebiendo un vdeo en una pgina html

3.5. Editores de vdeo online

1.Stop 2.Ruedadecuadroacuadro 3.Volumen 4.Play/Pausa 5.Stop 6.Retrocesoyavancedecuadro 7.Retrocesoyavancedevarioscuadros 8.Inicio/Finalpararecortedevideo 9.Retrocesoyavancealsiguientecuadro

11.Cuadro 12.Tiempo 13.Cuadros

3.7.6. Cambiando el tamao de los fotogramas de un vdeo Videotutorial: Avidemux:Modificandoeltamaodelosfotogramas

3.8. Screencast o videotutoriales

Potrebbero piacerti anche