MANUALBASICODE ILUSTRACIONDEMODA

PROF.JUANC.GONZALEZ

ManualBsicodeIlustracindeModaDigital1

FUNDAMENTOSDELDISEO Eldiseogrficonosignificahacerundibujoo,unaimagenocrearunafotografa.Significamucho msquetodosesoselementos,aunqueparapoderconseguirpodercomunicarytransmitir visualmenteunmensajedeformaefectiva,eldiseadordebeconocerlosdiferentesrecursos grficosdelosquedispone,juntoconlaimaginacin,experiencia,buengustoyelsentidocomn necesariosparacombinarlosdeformacorrectayadecuada. Definicindediseo Definimoseldiseo,comounprocesoolabora,proyectar,coordinar,seleccionaryorganizarun conjuntodeelementosparaproducirycrearobjetosvisualesdestinadosacomunicarmensajes especficosagruposdeterminados. TCNICASDECOMPOSICIN Lacomposicinsedefinecomounadistribucinodisposicindetodosloselementosque incluiremosenundiseoocomposicin,deunaformaperfectayequilibrada. Enundiseoloprimeroquesedebeelegirsontodosloselementosqueaparecernenel,luego debemosdistribuirlos,paracolocarlosconelespaciodisponible.Loselementospuedensertanto imgenes,comoespaciosenblanco,etc.Esmuyimportante,tenerencuentadequeforma situaremosestoselementos,ennuestracomposicin,paraquetenganunequilibrioformalyunpeso igualado. Elpesodeunelemento,sedeterminanosloporsutamao,queesbastanteimportante,sinoporla posicinenqueesteocuperespectodelrestodeelementos.Porejemplosiqueremoshacerdestacar unelementoenconcreto,locolocaremos,enelcentro. Lacomposicin,elconcepto Entodacomposicin,loselementosquesesitanenlapartederecha,poseenmayorpesovisual,y nostransmitenunasensacindeavance.Encambiolosqueseencuentranenlaparteizquierda,nos proporcionanunasensacindeligereza. Estotambinseobserva,siloaplicamosenlapartesuperiordeundocumento,poseemayor ligerezavisual,mientrasqueloselementosquecoloquemosenlaparteinferior,nostransmitirn mayorpesovisual.

ManualBsicodeIlustracindeModaDigital2

Lasproporciones,laforma,eltamao. Podemoslimitarlasproporcionesdenuestracomposicinatravsdelcolor. Tambinexistelasformas,lasangularesyalargadasamplanelcampodevisin,mientrasque formasangularescortas,nostransmitenlasensacindetimidezyhumildad. Lasformasredondas(modelocurvilneoyrectangular),laproporcinylasimetra,suelen combinarse,lasformasensusvariantestambinsonsimtricas.Estasformascreanarmona, suavidadyperfeccin.Porejemplolasformassimplesyregularessonlasquesepercibeny recuerdanconmayorfacilidad. Eltamaodeunelemento,enrelacinalresto,tambinpresentadiferentesdefiniciones.Lasformas grandes,anchasoaltas,sepercibencmo,msfuertes,perolasmspequeas,finasocortas, simbolizanladebilidadydelicadeza. Elcontrastedetono Elcontraste,actaatravsdelaatraccinoexcitacindelpblicoobservador,mediantela combinacindiferentesintensidadesonivelesdecontraste,enelcolor,eltamao,latextura,etc. Puedenproporcionarmayorsignificadoaunacomposicin. Sebasaenlautilizacindetonosmuycontrastados,lacombinacindeclarooscuro,elmayorpeso lotendrelelementoconmayoroscuridad.Paraqueesteperdieraprotagonismoeneldiseo, tendramosquedisminuirlaintensidaddeltonoyredimensionarlo,despus,paraquenoperdiese equilibrioenlacomposicin.Estetipodecontrasteesunodelosmsutilizadosencomposiciones grficas. Elcontrastedecolores Eltonoesunadelasdimensionesdelcolormsimportantes.Elcontrastemsefectivoseobtiene combinandolosdiferentestonos.Elcontrastecreadoentredoscoloressermayorcuantoms alejadosseencuentrendelcrculocromtico.Loscoloresopuestoscontrastanmuchoms,mientras quelosanlogosapenaslohacen,perdiendoimportanciavisualambos. Elcontrastedeescala Seconsigueatravsdelacontraposicindediferenteselementosadiferentesescalasdelas normales,oelusodemedidasirreales.Utilizandoesterecurso,lapercepcindelelementose encuentraalterado.Estaclasedecontrasteesutilizadoenlafotografaypintura,paraatraerla atencindelespectadordeformamuyefectivayeficaz. Elcontrastedecontornos Elcontrastedecontornos,irregularesdestacandeformaimportantesobrelosregularesoms conocidos.Estetipodecontrasteesidealparacaptarlaatencindelusuarioobservadora determinadoselementosdeunacomposicin,como. Noobstante,nohayqueabusardelusodeestetipodecontraste,sobretodosisecombinancon otrostiposdecontraste,yaquepuedenseruncentrodeatraccinvisualdemasiadofuerteypotente. CARTELERIA Elcartelpublicitario Eldiseodeuncartelpublicitarioounposteresunodelosretosmsatractivosqueundiseador puedeencontrar.Uncartelounposterestnhechosparacaptarlaatencinalaspersonasmientras, ManualBsicodeIlustracindeModaDigital3

stas,seencuentranenmovimientoyparaqueseanvisiblesdesdegrandesdistanciaseimpactantes porsugrandimensin. Caractersticasdeloscarteles Grficamenteuncarteldebepresentaruncorrectoequilibriodetodosloselementosquecontiene. Lasimgenes,grficos,fotosytextosdebenrepresentarunalneadecomunicacinquepermitaal ojohumano(yalcerebro)dirigirsedeunpuntodeinformacinaotro.Estocreamovimientoy dinamismo.Lospuntosdeinformacinnosoncolocadosporcasualidad,sinquesoncreadospor eldiseadorparainfluirenellector Eldiseodecarteles Enuncartel,lostextosylostiposdeletrassonelementosimportantesquedebenserrealzados usandodistintoscolores,yaserposiblecoloresmuyllamativosydiferentestamaos.Estoayudar alosclientesaleerelcartelconfacilidad. Tambindebemosseleccionaruntipodeletraancha,negritayconuntamaodeletragrande (mnimo16puntos)paralosencabezamientos. Sielcarteltienedistintosencabezamientos,utilizaremosdosomstamaosdeletra. Elcolordeltextodebeencontrarsecontrastadoconelcolordefondo:sielfondoesoscuro,utilizar letraclarayviceversa.Cuantomenorseaelcontenido,mejor,ysitienequeaparecermucha informacin,intentaremosquelosdatosseangrficos. ElcasodelosfamososcartelesdeBenetton Aqusetratadedestacarelproductoutilizandounfondoplanoygeneralmentedecolorclaro. Porotrolado,laideaesprovocarunimpactoparaforzaralespectadoraobservarelcartel,yfijeen sumemoriaelobjetodeseado.

Http://www.benetton.com/portal/home

ManualBsicodeIlustracindeModaDigital4

POSTERSOANUNCIOS Contenidosvisuales:Losanuncios Lospequeosposters,generalmentetienenuntamaoentreunA3yA4,mientraslosanuncios publicadosenhojasinternasdeunarevistageneralmentesonmenoresqueunA3. Loscontenidosvisualesdeunanuncio,sonlosdiferenteselementosquesehanutilizadopara formarelmismo. Elcomponentevisualestformadoporimgenesquerepresentan,entreotros,alobjetoanunciado. Lafuncinprincipaldeestasimgenes,serladeservirdeapoyoalcomponenteverbal"eltexto", aunqueenmuchasocasioneseselcomponentevisualelelementoprincipaldelanuncio(nunca mejordicho:unaimagenvalemsquemilpalabras). Porejemplo,sisequiereanunciaralimentos,ocualquierotracomposicinculinaria,estosse encuentranpreparadosydispuestosporgrandeschefsprofesionalesdelacocina.Losalimentosse encuentrancuidadosamenteadornadosconelfindequereflejenlaideaoimagenquesequiere transmitir;hielo,sensacindefrescor,comidaelaboradacasera,etc. Anuncios,conpersonajesfamosos Pararealizaranuncios,dondeaparecenmodelos,personashumanas,tantohombrescomomujeres, seutilizaelgranrecursodeescogermodelosprofesionalescongranexperiencia,naturalidadygran atractivofsico,conlafinalidaddeatraeralconsumidoracompraroconsumirelproducto publicitado. Seutilizan,zonasdeescenarioalegresymuybieniluminados.Elquesalgaunapersonafamosaen unanuncio,esunxitogarantizadosegnlosestudiosdemarketing,yaquesejuegaconla popularidaddelpersonaje. Lalecturadeunanuncio:Elorden Elordendelalecturadelosanuncios,eselsiguiente:Primerolaimagen,despuseltitular,ypor ltimoeltexto. Porestemotivo,laimagenseencuentracolocadasiempreenunpuntocentralsuperioryeltitulary texto,pordebajodeella.Todosestospuntossonmuyimportantesparaobtenerunbuenresultado final.Noobstante,podemosobservartodalacomposicinensuconjunto,aunquenoseencuentre cadaelementocolocadodelaformamscomnasulecturaeinterpretacin,noquieredecirque seaunproyectofallido,elresultadofinalpuedeservictorioso. FOLLETO Lapartedelfolletoqueseencuentraenprimerlugar,eslaquedenominamoslaportada,debe impactarlosuficientecomoparaquealreceptorledespierteelsuficienteinters,parailustrarsede lainformacindelfolleto.Eldiseadordebercrearundiseouniformeyrelacionandounas pginasconotras,paraevitarquesepierdaelatractivoyequilibriodelapublicacin. Lainformacinquemuestranlosfolletos,esdeformatemporal,ysuelenincluirsediseosmuy atractivoseinnovadores,paraqueelclientecentresuatencinenellos. TAPADEREVISTA Trabajarconimgenes Elincluirimgenesoilustracionesanuestrosdocumentos,proporcionanmuchafuerzaalos ManualBsicodeIlustracindeModaDigital5

mismos,conelaportedebelleza,dinamismoyatencinparaloslectores. Lacolocacindelasimgenesysutamao,respectoaltexto,puedenhacerquevareelordende lecturadeundocumento.Porestemotivo,esimportantetenerencuentaelnmerodeimgenes,su tamaoylacolocacindelasmismas,alahoradedisearlaretculacompositiva. Unaformamuyutilizadayacertada,esladecomponerformasasimtricasatravsdelasimgenes, rompiendoasuvezlamonotonadelascomposiciones.

PAGINAINTERIORTIPOCATALOGO Laspaginasinterioresdebernincluirvistasfrontalesytrasera(fotoodibujo)delarticuloamostrar. Algunasveces,porlacomplejidaddelobjetoosutextura,tambinesnecesarioincluirunavista lateral. Generalmentealcanzaconunavistaa20grados. Tambinesinteresantemostrarbotonesohebillas,telas(texturas)otejidos,yunminicatalogode coloresenlosqueseofreceelarticulo.

ManualBsicodeIlustracindeModaDigital6

HERRAMIENTASYTCNICAS Rutas

ParapasarunaSeleccinaRuta,cualquierasealaherramientadeseleccinutilizada,sedebehacer clicenelcirculorojo. Pararealizarlocontrario,sedebehacerclicenelcuadradorojo. LasRutassepuedenguardanenelXCF. Rutas:Texturas

ManualBsicodeIlustracindeModaDigital7

ParaaplicarunatexturaaunaRuta: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. abrimoslatextura lacopiamos abrimoselbocetooimagen"base" seleccionamoslazonadondeaplicaremoslatextura laconvertimosaRuta(circulorojo) convertimoslaRutaaSeleccin(cuadraditorojo) creamosunanuevacapa hacemos"Pegaren" ahorapodemosmoverlatextura anclamoslacapaflotante

Lospasos4,5sepuedenobviarsilasRutasyafueroncreadasconanterioridad. Interesante:AlusarlaherramientadeseleccinPluma(oHerramientadeRutas),ycerrarla seleccin,estaseconvierteAUTOMATICAMENTEenRuta. Rutas:Dibujando

EsposibleredibujarunbocetoutilizandoalgunasdelasherramientasquenosproveeRutas. Paraeso: 1. realizamosunaseleccindelcontornodelboceto 2. pasamosaSeleccinaRuta(circulorojo) 3. seleccionamoslaRuta 4. enlabarradeherramientasdeRutas(abajo),hacemosclicenunbotnquetienedibujado unpincelsobreunremolino 5. enlanuevaventanahacemosclicenLineadetrazado,buscamosunespesordelnea,y hacemosclicenTrazar. Interesante:PodemosjuntartodaslasRutasquepertenecenaunmismoobjetoconbotnderecho (enlaventanadeRutas),Combinarcapasvisibles(tienequeestarelojoactivado). Abajopodemosverunejemplodeunredibujadodeuncuerpo,quepodrasuvezserreutilizado ManualBsicodeIlustracindeModaDigital8

tantasvecescomosedeseesiloguardamoscomoRuta(enXCF).

Luzysombra ResultainteresanteeltomarprimeroelcolororiginaldelaimagenconelCuentagotasparaluego buscarenlapaletauncolormsclaro(luz)omasoscuro(sombra). LuegopodemosjugarconlaEscaladelAergrafooSoplete(tamao),Opacidad(transparencia)y Desvanecimiento(sediluyeelcolor). FinalmentepintamosconelAergrafolaszonasquequeremosqueluzcanmsclarasoms oscuras.

Interesante:Silaideaeshacerunzoomdedeterminadazona,simplementepresionamosControly movemoslarueditadelratn.

ManualBsicodeIlustracindeModaDigital9

MscaraRpida

1.clicenelcuadraditodelnguloinferiorizquierdodelapantalla. 2.laimagenquedaroja. 3.semuestraenlaventanadeCanales. 4.conlagomaborramoselrojodelapartequedeseamosutilizarposteriormente.Siborramosde ms,invertimosnegroporblanco,yrestituimoselrojo. 5.lazonalibredemscaraquedaenblanco. 6.volvemosahacercliceneldibujitodelnguloinferiorizquierdodelapantalla. 7.yyaestaprontalaseleccin. MscaradeCapa

1.clicenlacapa,botnderecho"Aadirmscaradecapa",yseleccionamos"Opacidad". 2.tomamoslagoma(buscamosladeformaredonda)... 3....yborramoslazonaatrabajar.Sinoseborra,hacemosclicparainvertirnegroporblanco.Enla ManualBsicodeIlustracindeModaDigital10

mscara,juntoalacapa,severeflejadonuestroborrado. 4.ahorapodemoshacerbotnderecho,"Mscaraaseleccin". PuedoguardarlaMscaraenelXCF,ytambinrecuperarpartesdelamscaraqueheborrado simplementeinvirtiendoblancopornegro. MsLuzySombra Otraherramientamuyinteresanteparagenerarlucesysombras,eslaHerramientademarcadoa fuego.

MascaradeCanal

ManualBsicodeIlustracindeModaDigital11

1. agregamosCanal(debeestaractivoelojo). 2. conlagomaborroloquedeseoconvertirenMscara. 3. puedoconvertirlamscaraaseleccinhaciendoclicenelcuadraditopunteadodecolorrojo. VECTORIZADO Muchasvecesnosresultamuchomscmodollevarnuestrobocetoaformatodigital. Paraeso,primeroescaneamoselbocetooletomamosunafotografaconcmaradigital,yluegola guardamosennuestracomputadora. LuegolaabrimosconInkscape,vamosaTrayecto/Vectorizarmapadebits. SilaideaesobtenerunsimpledibujosinrellenovamosaModo/Cortedeluminosidad/Aceptar. Finalmentehacemosclicenlaherramientadenodosyvamoseliminandolosquenoqueremos. Porlogeneraltendremosmuchotrabajoenquitarlabasuradenuestraimagenvectorizadasino hemostenidocuidadoencapturar(concmaradefotosoescaner)unaimagenclara. Quizsparaevitarestopodramos,antesdelevantarlaimagenconInkscape,abrirlaconGimpy quitartodoloquenonossirveconlagoma.

Acsepuedenverdosbocetosalpizysuscorrespondientesvectorizados.

ManualBsicodeIlustracindeModaDigital12

ESCANEADOS Laideaparaobtenerunbuenescaneadoesrepasarlosbordesdenuestrobocetoconunmarcadorde colornegro. Elescnerdisponegeneralmentedecontrolesparaquepodamosobtenerunaimagen"limpia",pero, siusamosnuestracmarafotogrficaocelular,simplementedeberemosbuscarunlugarenelque tengamosbuenailuminacin. Sicontodoesto,igualmentenuestraimagennosevecomoquisiramos,podemosutilizaralgunode estosmtodos: 1.Podemosseleccionarunrea,otodalaimagen,eiraColores/Brilloycontraste. 2.Podemosseleccionarunrea,otodalaimagen,eiraColores/Curvas. 3.TambinpodemosutilizarColores/Niveles.

Nota:Cuandorealizamosunaseleccin(clic,Shiftclic)podemosmodificarlaspropiedadesdelas denominadasHerramientasdeSeleccin,UmbralyDifuminarbordes,paraluegocomenzarla limpieza. DIBUJOVECTORIAL Otraposibilidadpodrasereldibujadodelbocetodirectamenteenvectorialutilizandoellpizy desplazandoluegolosnodosquesefuerongenerando. O,sinotenemosmuyclaroelasuntodelasproporciones,perspectivas,etc.,redibujarunafoto,olo queeslomismo,calcarlaenunanuevacapamoviendoellpizporelcontorno.Antecualquiererror siempreesposibledesplazarlosnodosajustndolosalcontornodelafoto.

ManualBsicodeIlustracindeModaDigital13

DIAGRAMACIN Paraunacorrectadiagramacindenuestrapginanecesitaremosunmanejofluidodedos herramientasmuyimportantes:lasLneasGuaylaRejillaoGrilla. ParaobtenerLneasGuasimplementeapretamoselbotnderechodelratnenlareglasuperioro lateralyarrastramoshaciaelpapel. EstolopodemoshacertantasvecescomoGuasnecesitemos. Mientrashacemosesto,enlabarrainferior,juntoa"100%",semuestraladistanciaquehayentrela Guaqueestamosarrastrandoyelbordedelahoja. ParaeliminarunaGuasolodeberemosarrastrarlasnuevamentealaregla. ParaobtenerunaRejillavamosaVer(oVista)/Mostrarrejilla. ParapoderadaptarlaanuestranecesidadesdeberemosdeconfigurarladesdeImagen/Configurar rejilla. Enestapantallapodemosfinalmentemodificarelespaciadodelcuadriculado,color,unidadesde medidaydesplazarlalneaquevamosautilizarcomoinicioalbordedelpapel.

ManualBsicodeIlustracindeModaDigital14

UnaopcininteresanteesladeVista/AjustaralneaguaoVista/Ajustararejilla. Archivo/Nuevonospermitedarlasdimensionesyorientacindel"papel"ausar. REPITIENDOUNATEXTURA 1.AbrirlatexturaconGimp,Editar,Copiar 2.Vamosahoraalboceto,Balde,Rellenoconpatrn,clicenlaprimeratexturaquesenosmuestra, clicenlaseleccinquequeremosrellenar. Latexturaelegidaserepetirdeformadellenarcompletamentetodalaseleccin. PORTAFOLIOS Siestabuscandoempleocomoilustradorodiseadordemodas,necesitaunPortafolio.Elportafolio escomouncurriculumvitaeenelquesepresentanlasobrasqueunoescapazdehacer. Unacomunicacinvisualeficazesdesumaimportanciaenelmundodelamoda:lasprimeras impresionescuentanmucho,porloqueelportafoliodebeserunaimportanteherramientade marketing. UntamaodeportafoliorelacionadoconlamodapodraserA3(42x29,7cm.). Utiliceunacarpetargidaparaprotegerlosproyectosyparaqueestenbienordenadosynose arruguen. Enmundodelamodasemueveporlavista,seapulcroyordenadoenloquemuestra. Elordendelmaterialtienequeserfluido,paraanimaralobservadorapasarlaspaginasenbuscade ideasllamativas. Unabuenatcticaconsisteencolocarlosmejorestrabajosalprincipioyalfinaldelportafolio. Distribuyalasobrassiguiendolamismaorientacin. Cuandoesteligiendoelmaterialgrfico,recuerdequelaclaveradicaenloprofesional. Tambindeberaportarfotografaspromocionalesdeprendas. Esrecomendableguardartodoeltrabajoenformatodigital.Escaneeaaltaresolucinloscontenidos delportafolio(siesqueyanolotienetodoenformatodigital)ygurdelo. Estaversinlapodrenviaraclientespotenciales.Adems,sisolicitanalgntrabajodemuestra, podrmandaloporcorreoelectrnico. http://www.jasonbrooks.com/portfolio/

ManualBsicodeIlustracindeModaDigital15

VIDEO SiempreresultainteresanteelincluirenelCValgunosvideos,sencillosperoclaros,mostrando nuestrosdiseos. Paraestetipodetrabajopodemoselegirlatcnicaquenosresultemsagradable:videocontinuoo stopmotion. VIDEOCONTINUO Paraestosencillamentefilmamosconuncelular,webcam,cmaradefotosovideocamarayluego editamosconcualquierprogramadeEdicindeVideocomoPitivioOpenShotquecorrensobre plataformaLinux,oWindowsMovieMaker,CamtasiaoAdobePremiereparaWindows. Esposibleencontrarnumerososprogramasgratuitosparaestefinenhttp://es.softonic.com. Generalmentelosprogramasdeestetipodisponende,porlomenos,unapistadevideoyunade audio. Estonospermitircortarypegarpartesde(uotros)videososonidos. Setienequetenerencuentaqueelvideodebeguardarseenunformatoquepuedavisualizarse fcilmenteencualquierotroequipo.PoresooptaremosporelAVIoMP4.

STOPMOTION LatcnicadeanimacinStopMotionconsisteengenerarmovimientoapartirdeimgenesfijas (fotos). Setratasiempredeunasucesindeimgenesfijasconobjetos,personajesydecoradosquese modificanbrevementeentreunaimagenyotra.Estepequeocambioeselquegeneralailusinde movimiento. Paraestosencillamentetomamosfotosconuncelular,webcamocamaradefotosyluegoeditamos concualquierprogramadeEdicindeStopMotioncomoLucioleoStopmotionquecorrensobre ManualBsicodeIlustracindeModaDigital16

plataformaLinux,oMonkeyJamoStopmotionparaWindows. MonkeyJampermiteagregarunapistadeaudio.

AUDIO Algunasvecesnosresultarmejoreditarlapistadeaudioporseparadoantesdeagregarlaanuestro video,paraloquetenemosunaherramientamuyintuitiva,fcilmentedescargabledeinternet,y gratuita:Audacity.

ManualBsicodeIlustracindeModaDigital17

Materialde: Fotonostra.com Scribd.com Monografias.com LibroIlustracindeModadeBethanMorris Monografasyapuntesvarios ManualesdeGimpeInkscape(softwarelibre) Recopiladoymejoradopor: Prof.JuanCarlosGonzalez Para: InformticaGrfica3roTextildelaEscuelaUniversitariaCentrodeDiseo,Facultadde Arquitectura,Montevideo,Uruguay. Actualizacin: Julio2012.

ManualBsicodeIlustracindeModaDigital18