Scribd Logo
Upload

Welcome to Scribd!

  • Diseño Grafico 20

    Uploaded by

    Keilor López Rodríguez
    24 views28 pages

    Original Title

    diseño grafico 20

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF or read online from Scribd
    Flag for inappropriate content
    24 views28 pages

    Diseño Grafico 20

    Uploaded by

    Keilor López Rodríguez

    Copyright:

    © All Rights Reserved
    Download as PDF or read online from Scribd
    Flag for inappropriate content
    of 28
    AISENO CAPAS DE VIDEO EN PHOTOSHOP Configuraci6n y uso de las Capas de video en Photoshop. EFECTOS 3D EN ILLUSTRATOR USO DE COLOR EN INDESIGN Consideraciones a tener en cuenta a la hora de utilizar el color en InDesign. Caracteristicas principales y modos de uso. we 7 ATOR / INDESIGN / DREAMWEAVER RU ie Curso visual y practico e DISENO .- Curso visual y practico Coordinacién editorial Nuestros expertos Mais Martinez DI sien ais IGIT, Settee = rekon CAPAS DE vI EN PNOTO RES ee = HOTOSHOP perianianeprnmenmcenin, | |p ae See etree onewert” | EEECTOS sO en itLustraron \esxanStnctezy Cla SC, Now 794 ps0 8 (1081), Cul Bunn es, ISO D scrtaraiewnanimomeireni, | USB BE COLOR 1832 (C1135ABN), Buenos Aires, Tl 5411-4905-0114, Bolla: Agencia Moderna, General tomas areas aa Ar ee aa 0122, Casa dcr 462 Cachan, Ts 5914-12-14, Chile: METAS liam etoe 177 =a Sato, Tel. 2420-700 Colonie: istibutres Uidas $A. Carera 71 No. 21-73, opt, Tl 571-486 800. Ecuador sands (Osi des Aes) Caley Ax Agustin ee, Guna Te 5942274651 Mic F: Arson Dibra SA, GC, ute No 18-thetp acre aso Chino Col er, el. 812506, Nexo tar: Carpatia esti de pts, Nosy wists S.A de, Sergi Redon No 7 - Col Sen afl. 51285670. oi stud Boasana A, Rept de Prana 695 plo 2 San io, Lia Te. 511 441298 ano 2. gua: spat SAL, Pay 192, Meroe, 5862 S247. rene Dini Caner Bloque de Aas, Eco los do Armas so Sn, San Ma, recon al La Pz, Cras, al 82124064250 Deeto sre ital erat fos. tl] ;eorao o Pus Bus 1. era rst sz en nr 0 DO en Seagal SAC (Gad ror Biro ees Fox i os As: Bury Mavs Nerina, Pi De Buenas As, Aen, Daa. 206 5709, : 20819 em - (Um 24) Copitt © Fo Ana. MND I 978 987-040.4-0 IsBNS7B9B7-949-14 "lfm Aca, Fara, as, Pa, oot. coo ao (eta eco ol peta — 7% 7, @ EN ESTA CLASE Caracteristicas y uso de las capas de video en Photoshop, creacién de imagenes 3D en Illustrator y el uso de color en InDesign, entre otros. ce craedes vine ue oa am ents de eccn de video que son propias de programas camo el After Efects 0 Adbe Premiere, per en este casa, rea lzaremos estas mismas operaciones desde el Photoshop. Esta heramienta nos ofrece uss sonilosy cuadras de dalogo de fa abordae para realizar trajs atamente pofesonales sin rnecesdad de utlizar os programas. En Mast ublaaremes heramintas que arignalmente fueron pensadas para el Photoshop y que, ena as versiones, eon rmigrndo a et rerama por pertnecer ala misma Sut y permit et tao de fos os sobre imagenes mapa de is sn neesad asada de un progam aot, Pro ao, estamos modo de ear imigenes 3D dese har. En est csp pr (gama toma sus meres ecuses ys srtstiza para generar pleas ‘gals vectors con ry buen prfunid y vourn, Aes, aralareos las pubicaciones extents paralos sopotes ‘ces jn con ss caracteriscas y prongs. Profundcaremas elas postilades qu ros toc per agrgar cote eractio amet poet, io, renderers rok 02/: PHOTOSHOP CConaceremos la capacidad que nos ofrece Photoshop para integrar capas de video. 10/ ILLUSTRATOR CCrearemos imagenes en tres dimensiones partiendo de elementos vectoriaes, 14/ILLUSTRATOI ‘Aprenderemos a utilizar los flros para editar imagenes de mapa de bits. 18/ SOPORTES TACTILES \Vereros el uso de InDesign para la realizacion de ppublicaciones digitales en dispostivos tactiles como tabletas, ebooks o smartphones. 21/ INDESIGN Revisaremos las posibilidades de uso de color ‘que nos ofrece InDesign. Meni Ventana desplegada, ddebemos tenor ‘en cuenta que al dar la ‘opcién Linea de tiempo se reducira ‘elespacio de trabajo. EN PHOTOSHOP La capacidad de realizar videos se incrementa a la vez que facilta la combinacién con otras aplicaciones especificas para su edicién y reproduccién. | blon fa posited de generar visoos ya exstia en Pho- toshop desde algunas versions anteriores, en la edicién Etended esta heramientaevolucona un paca mas. En esta eva versin, cntaremas can una liga de tiempo para rgan- 7r nesto video o animarcén También tenders a cin de ‘rabaar fotograma por fotograma es dec, cuatro por cudro. preliminares Petras ss pier aa va cin de esta Linea de tiempo. Para ello nos ubicamos en Ventana/Linea de tiempo, y parecer en la pate infe- oe de nuestra paral, sector Linea de empo es exclusio para tralar con videos, {que pueden ser impotados, © poderos crear desde ce. Ali eterminamos ef erden del contenido, os tempas de duraciény tipo do tansicin ont un cuadro yo igulents. Es importan- a —— | a———| Fee 6) om eB 9, ¥. a) %, = a 4 4 z & &. s a i: 4 a, 0, S 3 (sane {e prestar atencin a estas coniguecanes para conseguir un vido de buena calidad, Su intrfaz es similar a ls eas de tempo que conocemas de aplicaciones de edn de vdeo, como Premiere Pro o Aer Etfcts, ambos de Adobe Poteros danas cuenta de que Pho- {shop toma algunas caractrsticas props de estos progra- ‘mas para permitimostrabaar con vido, Su uso einterpetacién es bastante simple itultva, ‘Nabi a linea por primera vez, pooremaselegir entre crear tte Linea de tiempo de video, o ura Animacion de ‘uadros, Eta decsin noes detntva ya que uego pooremas pasar de un modo aot ranqulamont. Estos modos da trabao lependerdn muchas veces del tipo de vdeo que necestemas hacer, y de a cantad de elementos que require LaLinea de tiempo de video oftece, en su visuazain, los cists canales qu a conforma ol los canals de video yells canales de aco, Estos se representanhoxzontaimen- te com si fuera capaso fas dnde se ubica el contenido en ‘su orden de apariin Enel caso delas Pistas de audio (0 cps de audio), son es- [w= aosem Lalinga de tempo nos permite deterrinar dversos ‘aspectos relacionados con ‘orden del video pecificas para archives enformatos e soni como. WAV, MPS, AWWA, ettera.Poderos impotar vais archivos dentro de la misma pista, 0 bien usar diferentes pists para superponer so ridosy realizar ivrsos eects sonaros. Exist la posiildad de sileciar ua pista sla haciendo cc sabre el con det paint, "también marcando sobre Ia nata musical podemos dupicar- las, elimina, emplazarias 0 crear nuewos cps las Capas de video (0 cps oe vide), en cambio, son des tinadas al componente nimado de vdeo propiamente dicho, ero esto ser desarraiado mas adelante. Para agregar contenido tanto en as capas de videos como ents Distas de audio, podemos hacer cc ene sgno + que encanta ‘mos hacia al cada rengln, le desplegar una ventana ‘emergent para seleccionar el archive que deseemas incustar, inmeatamente fo veremos olocado en el canal indica, Enel sacto zquiedo superior dela nea figuran ns controls video. Estos sven para eproducendo i animacion a me- ida que la eaizaros,y son: Ir al primer fotograma, Ir al fotograma anterior, Reproduclr, Ix al fotograma siguiente y Silenciar. “También poderos dat opciones de reprocucin, como a re- -solucn del veo osu reproducin inden. 1 con e a te- ‘aso tla para dvd ocortar un cp en lugar de ana que ¢stemos posconadas:ytament el con del cuatrad de dos ‘colores determina la trasic ete los segments de video. Las ‘wansiciones siven para consequr un efecto de funddoo enca- era do as imagenes, y dar un mejor acabado. lgunas dots ‘opciones predeteminadas son: rans transversal,ransicin ‘con negro, tarsi con blanco, ransicio con coloc En este le tino caso podernas lege colo La duacn de las ransiciones dor desde 0,25 saqundos hast ls 10 segundos Par realizar ura vista preva del video, basta con colocar la ‘aera lectora (elemento celeste con una Kina oa vertical, ‘comienz de todo, y reson el botin de reproduc ASI se ele- uta odo desde el prinepo, nso fas pists de aul dentro ‘de nuestro espacio de trabajo, (Come se mencioné anterermente, el modo de vualizacién ‘ego al pinciio noes dafntv, ya que posemas cambiar Arigléndonas a sector que tne tres pequetos cuadrados. De a forma pasamnos al moso de Animacién de cuadros, comitlendolainea de tmpo en una animacion en fotgramas. Este segundo modo de vsuaizacon es dst al anterior en la {forma quo muestraal vdeo. Agu tod So radi fotogramas CREAR ARCHIVO DE VIDEO ‘ora que conocemos la Linea de tiempo, creae- ‘mos un nuevo archivo de vdeo desde cera en Photoshop, Para empezar vamos a Archivo/Nuevo. En la vortana siguiente selecionaromos Pelicula/ ‘Video, en la opcdn ce Predefinir, junto con las ‘medidas, su resolucén, el mado de coor (que siempre debe ser RB), a calidad de vdeo el coke de fondo y ss proprciones. 0 cuacos,cuyo tempo de retardo ene uno y oro podemas sitar fasiment En este pane! se repiten las herramintas de Reproducir, Adelantar 0 Atrasar para la vist previa, pero hay res nueves, como Interealar cuadros de animacién, que genera cuads intermedos a partir de uno selecionad, Podemas determina a catidad de esos cuaros, su opacide, ‘5 posciny tects, Este segundo modo de wsuaizacin es dstnto a ante en ‘forma que muestra al vdeo. Aqul todo se traducié a fotogramas 0 cuadkos,cuyo tiempo de retardo entre uno y oro podemas vita fasiment La interfaz de la linea de tiempo es similar a la de aplicaciones de edicion video, ya que al igual que esta, es simple e intuitiva. Linea de tiempo de video desplegad, con una capa de video y una de audio, todavia vacas. ‘Ventana emergente para examinar a pista de audio que agregaremos ala linea de tiempo. ie HD OSSNSENN NAA CORD SS a ee eee ee oe ee 2] a F a ‘Ventana con las posiblidades de transicin para ls fotogramas. Para aplicaria es necesarioarrastrar la opcién elegia hacia la ubicactén donde rs. En este panel se repiten las herramientas de Reproducir, ‘Adelantar o Atrasar para vista previa, pero hay opciones ruevas, como Interealar cuadros de animacién, que genera cuados intermedins a partir do uno seleccionaco.Po- demos determina le caniad de ess cuadros, su opacidad, su posicin y etectos De esta manera aparecerd et documento nuevo con ls carat ristcas que legis y con varias nas guia azuls vortcales horzontales, Estas lines no son visbles,ysirven para dter- rminar ls znas de seoutdad. Se utiizan como mérgenes para que el contenido pueda visualizarsecorectamenteen cualquier ‘ipo de cspostivo que lo reproduzca, y nose recorteo detorme Inadecuadamente la imagen. Siempre es importante recordar {que el cnterido principal como texts o partes centres dea (guna imagen, debe concentrarse dentro del ea que delimitan eas ineas, Asi nos aseguramos de que ese contenido siempre staré en pantalla, COMPATIBILIDAD ADOBE El documento de video puede guardarse en multiples formatos de video como por ejemplo GIF, MP4, o simplemente como secuencia, fen formato .PSD. En este titimo caso, el ‘documento podra ser editado y reproducido ‘en otros softwares de Adobe exclusives de tratamiento de videos y animaciones, como ‘After Effects y Premiere Pro. El modo de visualizacion elegido al comienzo no es definitivo, ya que podemos modificarlo luego. De esta forma, pasaremos al modo de Animaci6n de cuadros, convirtiendo la linea de tiempo en una animacion con fotogramas. owen de ls fotgramas puede ser inertia haciendo cic en las opciones de panel Linea de tiempo ll también tende= nos la postilided de intercalaros, secon todos, elimina 0 crear nuevos. También poeremas optimiza la animacién yacopler aos con capas, poo esto lo veromos en dete mas adlant, Ua vez fnalizada ia edi det eo, poderas quardar edo cumento como .PSD para vor a utlizaro, oexpotaro coma ‘video en formato MPS, Para ello necestimos interpreta (can- vert), mest econo de ura fecha que est localzado ela esquina inferior zqierda de ana de tempo. Ora ma- rere es digiéndonos a Archivo/Exportar/Interpretar ‘video. Lueg se abrir una ventana donde determinaremos {ormato, cada, tamara, aspero,uicacién, nombre, etcétra IL] Capa de video ‘mo $0 dio anterorment, fa tinea de tempo est com- puesta generalmente por al menos dos nvees,e de soni- o ye de vdeo. El lip de video se denomina Capa de video, ¥ 8 fa bara que se ubicaré en la pate superior de alin, También notaremes su presencia en el panel de capes general, er dentiticad po el cone de una pequeia pelicula fica. Es importante destacar que las capas de video, por més que se encuentren ene mismo panel con oto tipo de capas (coma as de texto, de imagen 0d forma, no son lo mismo. La ca ‘acteristic que tenen es que contin todo un vide, son un video en si mismas. Pdemos comprobar eso al colocar la cabe~ ‘7a lectora dela linea de tiempo en dstinos puntos del video 0 animacion, As veremas que la minatra del pane de capas se ‘modifica segin coma sean realzais os movimiento. Para crear una nueva capa de wieo nos dgimos @ Capa/Ca- pas de video/Nueva capa de video vacia De esta ma: ner tendremos una nueva capa lista para lear de contenido ‘De maneresiilar podemos crear una nueva capa desde un ip ya existe, on Capa/Capas de video/Nueva capa de video desde archivo, Medianio una ventana eleginas un video desde nesto equip, lo agregaros a nuestra com= sin. Yen este mismo mend también se pueden inset, dupicar, restaurar 0 eliminar cuadros,ocutar algin segment, 0 inter- ‘retar o reemplazar el metre Se denomina Grupo de videos cuando en un mismo canalo engin ubicamos dos o ms capas de elementos, como image nos, texts o formas. st se hae arrastrando simplemente una capa ala altura dea ot, en la posicién que deseemas. Donde ecis Capa de video, shore pase a decir Grupo de vie ‘eos, tanto ena linea de tiempo como en e! panel Capas. Al ‘también se refgjard esta agrupacion de capas y se entiiarin camel cono de una claqueta de cine, (tra manera de armar los yupos es diectamente ahi, en e panel de capes, reéndolasy agruséndolas. El orden aquest acid 5 retard avtomaticamente en fa tne de tempo. En conciusin, un Grupo de videos es un conjnto de capas 0 clips de video. ZOOM EN LA LINEA DE TIEMPO Dependiendo del tamafio de nuestro monitor, es posible que los componentes de a Li de tiempo nos resulten pequefios. Por eso existe, en la parte inferior de este panel, un regulador manual que se encuentra entre dos Iconos de triingulos. Desde alli podremos ‘agrandar 0 achicar los detalles de las capas y pistas. En base a un solo cuadro, la opciin de Intercalar cuadros generé en este ‘caso tres nuevos fotogramas a partir del original. a | En esta opcion podemos olegir sl archivo ser de video, para web, para ispositives méviles, para fotografia, o si sed en alin tipo de papel especial. La opcién predeterminada es Fortapapeles. == SST Enel caso de que las imagenes lleguen hasta el borde del espacio de ‘trabajo, se recomienda contemplar la posibilidad de que tal vez algin Pequetio margen se pierda al ajustar Ia imagen a una pantalla. a [stun (not) vet Ebb Bas Fee PUK Hoe Bob em &| 9, ¥, al «| Z| a 4 2) 2 PORT AN OXHS Con ta cabeza lectora ubicada en cualquier punto del clip de video observamos que la miniatura muestra ese mismo instante, Para comenzar @ crear un video hay mites camins, de acuerdo a estado yal tipo de video que queremos rela. Podemas armar un video en base avaros clips por ejemplo, ‘lmados con una cara, en base a animaciones ya hochas ‘estos elementes poderos agregar ects, texto, y por su- puesto también el sonido. La combinacin de estos elementos ‘conforma una pela. oro eno caso de iniear un vio o animacion apart dol ments estticos, como foes, cits 0 formas ceadas direc ‘amenteen Photoshop es necesariobesamos en puntns cave. lrempos marcandodstinos estos, que uego Photoshop uni ‘Ventana que emerge de Interpretar video. De acuerdo ala configuracion ‘que realicemas, ser luego e peso de nuestro archivo de video. _generando ls fotogramas intermedi; ya que soria muy aba oso ect cuadro por cusco, ‘Amomerto de empezy es comerientehacercon una capa acta, ir colocanda la cabeza lertara ola na do torpo en thos rics Al poscaads, genearemas la imagen 0 conosiin eseaa, Lueg generaremns moifcacines al colocamos en oto uo dealin y nego en coy as se formar una secuencia ‘Como ya moncionamos, podremos combinalo con tat, ima genes, formas o sonidos, ya sea ena misma ost capa, También podremas fusinaro con oto vdeo yoolocare ransi- cones, cory reacomodar seccones. ara dr una capa usaremos fa heramienta representada orl cono de una ter, Detemas clocar la cabeza lctraen lugar donde queremos cota, y ego pesionardcha herr ‘ment, De esta manera a capa quedara iva en dos partes _ypodremos aera su orden. COMIENZO Y FIN DEL VIDE El comienzo y el fin dela reproduccién es determinado, en la linea de tiempo, por dos Pequefios recténgulos arises, ubicados por ) NPN) Los fetes se pueden utilizar para generar ‘demasias en Ia impresion. Muchas veces los textos van aplicados sobre colores planos ‘con mucha carga de tinta y sie! color de las tipografias no sobreimprime sobre el color de fondo, se le agregard un fete para evitar el halo blanco que se genera alrededor de las tipografias, denominado: fuera de registro. Para evitar esto, se e agrega un flte muy fino de 0.10 puntos que sobreimprima sobre los otros colores, evitando asi, el error antes mencionado. Si enviamos un archivo a la imprenta con colores que no usamos podemos generar un conflicto en el amos ci n fotog rectori aquen car efectos, corre te] Ena ventana desplegada de muestras se visualizan todos los colores que parecen o no en el archivo abierto. Nome ge rues: SECRETS cz ordre el ecb cm Teatecoee csveene © ieake odo sees ve = o— * Noes oe 5 eeee oo J nla paleta de colores se visualza la conformacion del color seleccionado y ‘us variables posibles. am s— En ia imagen se von dos opciones de cruz de registro y su funcion. nla izquirda ol registro esta perfect, mientras que en la derecha los colores proceso se ven sin registrar. ‘onde retocaremos la imagen. En este {os niveles y el brillo y contraste. Luego, 1a donde trabajamos con un pincel de ‘00 de suciedad ala imagen y hacerta En la paleta de muestras estan seleccionados las colores que no estan en ‘uso en el archivo que estamos trabajando. PTS a U6 | Be settee Este color se utliza para la realzacén de marcas de corte ‘que luego se quitarén al thalzar la Impresén y product la terminacién det corte de los plogns impresos. También so le da este color a pequefos elementos lamados Cruces de registro, que se quitan lego de aizada la impresién. Son Cireulos de aprximadamente 10 mm de diimeto cruzados con ds trazos que superan esto didmetr, estos s ubican en lugares estatégicns fuera del drea de la Imagen a impr. El maquiita de impresion se asegua de que el material se Imprime correctamente, cuando en as cruces solo se visualiza color negro. Colores no usados ‘eno de as postlidades que brinda InDesign en reac uso de colores, aparece la opcin de Borrar colores, Esta herramienta es muy vise ye que muchas veces la ca tidad de colores dentro de un archivo es mucho més ampli de a que estamos utizando, esta es debido 2 que cada vez NO ATENTES CONTRA LA LECTURA. Nee Nee MIO aN SOLO PRODUCTOS ORIGINALES. El catalogo de colores Pantone es una herramienta indispensable en cualquier taller grafico. que aplicamos imagenes y textos vnculados al programa, se ‘gregan consigo las propedades de colores que se utiizaron en os archivos de rigen (como ya ataramos anterorment), Y muchas veces estos colores luego son usados en InDesign con oto nombre otra composcn cromiticao su variable ha sido modtcada porque sed utiizada en diferentes dspostvas. Sion muestra trea la Ista do colores no molest, entonces pdernas ejaria con todos ls colores, pero si el trabajo que estamos reaizando ser impreso en cualquiera de ls sistemas tracionales 0 dgtaes, y debemos enviar el archive Indesign la imprenta, es conveniente que ls colores que no sams sean desechacos de nuesto archivo, ye que pueden generar conflicts le hora de procesar Ia infrmacidncuanso se copion las fomasimpresas (en bs sistemas tradicional) ose enviae! archivo aimprimi (en a version eit. Este procedimiono se puede Beara cabo de manera senila, haciendo uso dela heramienta que selociona los colores que ro estn en uso. Al cquear sobre esta opcin quedan selec conados los colores que no se estnutlizando en el archivo abierta, cto sequid podremos tals oeiminaros yl ita do colores se reduc nicamente alos colores on uso. Degradés ‘la paeta de colores podemos eagir la opcién para que un elemento fusione dos colores haciéndoce degradé 0 ‘que funda los colores blanco y negro. Esta propiedad puede estar eredada de una imagen vinculada o también se puede generar crectamente en indesign. Para utiliza, o que debemos hacer es darle un color a cada ‘no de las lados dela barra de color que aparece abo de cuadro de didlogo. Ademés, podemos agregar més coo ‘es para generar espacos de color con mas de dos colores. Solo es necesario arrastrar ala bara el color que deseemas, reando una muestra de os colores que son necesarios para nuestro proyecto. COLORES CMYK Y RGB En un archivo pueden convivir archivos con formato CMY« y RGB, incistitamente. Esto es posible debido a que, en un mismo archivo podemos realizar variables tanto para ‘er impresas, como para que se visualicen fen formatos electrénicos, como tabletas 0 ‘smartphone. Al fnalizar el trabajo, se deben doar solo los que necesitemos sogun ol ispositivo en el cual se visualizaran (RGB) 0 si se imprimirén (CMYK). nla pantalla, visualizamas tos colores que ‘componen et degradé y su aplicacin en ta imagen. Estos ‘colores pueden ‘ser editados Inistntamente. a ae ee ae — es ELE [mtr mien ae pete ease ce eee eee see erca sir eS ge ees cB t= [s2clee|" laksa HESSE y 4 NENA | MSP one ware Curso visual y practico DISENO Sa GRAFICO fre Sitesiensaaatrocn DIGITAL Sarna cee CLASE 12 i de fitros | Usosartisticos Photoshop: gale 8 Patni oo firs | lastrator:herramiona parspectiva cusse13 anu en Photoshop | Seleccén comple | ge | tester coerce sen Ps CLAS 1 CASE TA Presentacin da obra ‘aw | ‘eto en Photoshop | Grenson stator + LIBRO 1: CREATIVE CLOUD, j = § cuase 1s = 2 Photoshop: ie historia | Simbolos en Illustrator | ee Tablas en InDesign cuase2 {a magen cpt | ntertaces y manejo i cusse16 dee 08 | Introduccion a InDesign ! hotashop: edicin no destructiva | Ilustrator: ca |+ LIBRO 2: FOTOGRAFIA PROFESIONAL i tivo | Extensiones: Kuler i$ couse a Lib rteratvo en Photoshop | Prepararmagenes cusses i ode stator [Amado de Ro en nes Fesobcn de una magen | Saeco | «en Photoshop | Texto on InDesign | CASE 18

    You might also like