Graphispag 2011

EskoArtwork
Ens han ensenyat un nouprograma, el EskoArtWork. Serveix per crear objectes en 3 dimensions. Podem crear caixes, boses.. tot tipus d'objectes que puguem donar-li un efecte 3 dimensions.Aquí deixo un petit seguiment de comcrear els objectes.






8º pas: Quedaría així.
9º pas: Obrim el pdf per possar la publicitat a la caixa.
10º pas: Surtiria aquesta finestra, sinó surt em d'anar a la opció que monta la caixa, no queda plana.

11º pas: Anem on está la circumferéncia, per editar per on doblegar la caixa.

12º pas: Posem les guies sobre la caixa per on vulguem doblegar i li donem al "Ok".

14º pas: Així queda la caixa montada i acabada.

15º pas: Per fer un video de la caixa en moviment anem a Salida -> Pelicula (cmd + M).

I finalment aquí tenim el video.
Passar de HTML a XML
Aquesta página es per pasar de HTML per possar al blogger que llegeix XML.
http://www.blogcrowds.com/resources/parse_html.php
Així quedaría el text que vols possar en negreta.
<b> CristinAdrian </b>
Passos per calcular una retícula:
Passos per calcular una retícula:
-1º pas: trobar la pàgina.
-2º pas: trobar la caixa.
-3º pas: trobar l'alçada de la columna.
-4º pas: trobar la mesura d'una línia.
-5º pas: trobar la quantitat de línies inicials.
-6º pas: trobar les línies que hi ha a cada mòdul.
-7º pas: trobar l'alçada d'un mòdul.
-8º pas: trobar les línies totals de la caixa.
-9º pas: trobar l'alçada final de la caixa.
-10º pas: trobar el marge inferior.
Explicació revista
Aquí poso el pdf de la revista feta amb 3 companys mes, l'Andrés Burgos, Delamir Ivanov, Marc Agüera, i jo. Cadascú vam fer una part de la revista, vam tenir que fer mes treball, ja que el Marc no va vindre ja que esta malalt. Vam crear l'imposició amb un pluggin que vam baixar-nos que es deía, Create booklet. Aquest programa el que fa es que ell sol crea ja la revista junta les pàgines de manera de que quedin en revista.
A l'hora de fer el treball en equip va ser fàcil, l'inica cosa es que no ens vam posar d'acord ja ue cadascú volia una cosa diferent, només això.
Esboç revistas
Esboços de la revista feta a clase, apartir dels esboços vam crear la revista. Vam discutir una mica a l'hora de fer els esboços ja que cadascun volía fer la revista amb una manera i format diferent, pero alfinal vam posar-nos d'acord i van fer la revista apartir de totes les opcións i formats que va donar cada company.
m2c0510_sanchez_adrian
Pràctica que vam fer per donar felicitació, de part del Cicle Mitjà de Preimpressió. Pràctica en la que havíem de posar una felicitació, una nadalenca i una imatge. Pràctica que vam fer en una tarda.
Molt fàcil.
Vine a l'escola pública a Cornellà
Pràctica que mana el col·legi, es un cartell que fan tots el anys, on el lema és: " Vine a l'escola pública a Cornellà". Era a l'estil propi, cadascun com volia. No he volgut donar el mateix estil que han fet casi tots els de classe, que ha sigut, un llapis, llibreta, o alguna cosa així del col·legi. He volgut donar un altre estil.
m2c0508_alpinisme
Pràctica molt fàcil, feta en 30 minuts. Havíem de fer el traçat de retall de la imatge gran al photoshop, y guardar el traçat, en TIFF. Una vegada guardat només havíem de passar-ho al Indesign.
Treball: "Globalitzant la Revolució"
Avuí explicarem una pràctica que hem fet el Marc i jo, per els alumnes de secretariat. Una pràctica que simulava una pràctica real, on ells donaven la informació i nosaltres havíem de fer el esbos, i el document. Havíem de fer un díptic, un cartell i un banner. Primer teniem una proposta que fer, però quan van vindre ens van dir que era molt violenta, perquè sortia un policia donant cops a un representant de la vaga. Ho vam cambiar, i vam posar un captaire llençant el sistema a l'escombreria. També abans havíem ficat de color de fons un vermell, però també era molt violent, i vam cambiar-ho per un taronja, una mica mes en forma de pau. Vam ficar diferents tipus de tipografíes algunes mes senzilles unes mes rares. Al final vam decidir ficar aquesta que es rara, però es llegeix bé. El document final es el del captaire, amb el fons de color taronja, i les lletres rares.
Aixó es el bodegó amb tota l'informació que em fet el marc i jo. Aquí deixem el cartell i el díptic i els esboços.
Aquest es el primer esbos que vam fer, el que van dir que era molt violent.
Aquest es el segon i últim esbos que vam fer, el que vam donar als clients.
Baner Globalitzant la Revolució
m2c0506
En aquesta pràctica em fet un baner, amb tota la informació que ens havien donat i em fer servir del Docúpolis, les mides del baner son les mes utilitzades per tothom, 468 x 60 px. Havíem de fer dos baners, un estàtic .jpg de 20 K com a màxim, i un animat .giff de 50 K com a màxim. Em creat l'animació amb photoshop, per trobar la part d'animació, em d'anar a - ventana, animación- i desde allà fèiem tota l'animació.
m2c0505
Pràctica en la que havíem de fer un díptic, per posar en les pàgines que es un díptic, anem a -opciones de numeración y sección- i li donem la pàgina amb la que volem que comenci, en aquest cas la 2. Per posar la pàgina 1 on estava abans la pàgina 5, em de seleccionar la pàgina 5 i anem a -opciones de numeración y sección- i li posem que comenci per la 1. A l'hora de fer el díptic era molt fàcil, només era omplir amb l'informació que donava i ja està.
Casats
• Distribució de les pàgines al plec
- Blanc: Cara del plec que té la primera pàgina del mateix
- Dors: l'altre cara del plec
• Determinació de les pàgines en blanc y dors
- Blanc: 1/4-5 / 8-9 / 12-13 / 16
- Dors: 2-3 / 6-7 / 10-11 / 14-15
• Normes de comprovació:
- Distribució en semicercles
- La primera i última s'uneixen p'el llom
- Les pàgines han d'anar cap amb cap i peu amb peu
- La pàgina de la meitat del plec va amb cap amb la primera
- La suma de les pàgines unides p'el llom = total de la pàgina del plec +1
• Plecs un sobre l'altre, i encaixats
• L'un sobre l'altre:
S'utilitza normalment per llibres. Un sobre l'altre i cosit.
Encaixats:
S'utilitza normalment en revista. Un dins l'altre i grapats.
• Pinces i guies de pit:
- Costat pinces: costat major del plec per on serà cosit i registrat per les pinces de la màquina.
- Pinces no aprofitades: cuan en aquest costat van elements a sang i no n'hi ha espai lliure al paper, hem de comprar paper mes gran. Es "perd" el paper d'aquesta zona.
- Guia de pit: costat major, on registrarà la guia lateral.
• Retiració normal: es la utilitzada als cassats regulars. La seva avantatge es la perfecció del registre entre les cares del plec.
Formats i Proporcions
•Format: Estuctura del document depenent del soport.
•Parts d'un imprés:
- Arestes ( parts externes)
- Plecs
- Superfície
- Dors
•Format estàndar:
- Forma rectangular
No varien al cambiar la disposició
Es poden subdividir per obtenir mes formats
•Proporció
1:1-> Caratula de CD
10:10
3:4 -> TV, CD
16:9-> TV Actual
•Proporció Àurea
1:1,6
5:8
•Proporció ternaria
1:1,5
5:7,5
2:3
•Proporció normalitzada
1:1,4
5:7
•Proporció 3:4
1:1,3
5:6,5
3:4
m2c0504_1:1_docupolis
m2c0504CD_sanchez_adrian
Pràctica del docupolis, que habiem de acoplarla en format CD, bastant fàcil.
m2c0504_Docupolis
m2c0504_sanchez_adrian
Pràctica que habiem de cambiar la foto dels nois, però per aixó, habiem de hagafar totes les cosses, i fer-ho de nou.
m2c0502_Mortadelo
m2c0503_sanchez_adrian
Pràctica que la vaig fer en 2 hores, una mica fàcil, a l'hora de fer el contorneig no sortia bé, i ho vaig fer amb la pluma, i li vaig possar el contorneig.
m2c0501_Barcelona_Girona
m2c0501_sanchez_adrian
Pràctica bastant treballada, no era molt difícil, pero teniem que fer molt estils de paràgraf i de caràcters, pàgines méstres. Es una pràctiva amb molta feïna. Peró una vegada tens les pàgines méstres, i els estils, ja es fàcil treballar.
m2c0500_el baix llobregat
Pràctica bastant treballada, havíem de fer moltes pàgines mestres, duplicar amb paràmetres. He aprés que es més fàcil plantejar la pràctica que no començar directament.
Págines méstres
Pàgines mestres són els diferents plantilles que podem aplicar. Podem crear pàgines mestres des de zero a partir d'una pàgina de document o una pàgina mestra existent. Sempre que fem modificacions en la pàgina mestra, els canvis es fan automàticament en les pàgines creades a partir d'aquesta mestra.
Google Reader
Google Reader és un lector de RSS i Àtom. Permet organitzar i accedir des d'una Web a totes les notícies de les pàgines configurades en el sistema. Si una pàgina s'actualitza diàriament o mensualment, no et perdràs gens, queda actualitzat
Adobe Flash Player
Adobi Flash (anteriorment cridat Macromedia Flash) és una aplicació en forma d'estudi d'animació que treballa sobre "fotogrames", destinat a la producció i lliurament de contingut interactiu per a les diferents audiències al voltant del món sense importar la plataforma. És actualment desenvolupat i distribuït per Adobi Systems, i utilitza gràfics vectorials i imatges ráster, so, codi de programa, flux de vídeo i àudio bidireccional (el flux de pujada només està disponible si s'usa conjuntament amb Macromedia Flash Communication Server).
En sentit estricte, Flash és l'entorn i Flash Player és el programa de màquina virtual utilitzat per a executar els arxius generats amb Flash. Els arxius de Flash, que tenen generalment l'extensió d'arxiu SWF, poden aparèixer en una pàgina web per a ser vista en un navegador, o poden ser reproduïts independentment per un reproductor Flash. Els arxius de Flash apareixen molt sovint com animacions en pàgines Web i llocs Web multimèdia, i més recentment Aplicacions d'Internet Riques. Són també àmpliament utilitzats en anuncis de la web.
En versions anteriors, Macromedia va ampliar a Flash més enllà de les animacions simples, convertint-lo en una eina de desenvolupament completa, per a crear principalment elements multimèdia i interactius per a Internet. Originalment Flash no va ser un desenvolupament propi d'Atovó, sinó d'una petita empresa de desenvolupament de nomeni FutureWave Programari i el seu nom original va ser FutureSplash Animator. Al desembre de 1996 Macromedia adquireix FutureWave Programari, i amb això el seu programa d'animació vectorial que passa a ser conegut menjo Flash 1.0. Va anar fins a 2005 pertanyent a l'empresa Macromedia conegut fins a llavors menjo Macromedia Flash i adquirit per Adobi Systems (i des de llavors conegut com Adobi Flash) ampliant amb això el seu portafolio de productes dintre del mercat.
Actionscript
El equivalente a getURL en Actionscript 3.0 es navigateToURL. Este método permite pasar variables con la url, por medio del atributo data de URLRequest, y elegir la ventana en la que queremos abrir el enlace ("_blank", "_self", "_parent" o "_top").
//Url que que queremos visitar
var url:String = "http://www.google.es";
var url:String = "http://www.google.es";
//Si queremos mandar variables en la URL, creamos un
objeto URLVariables y lo rellenamos
var variables:URLVariables = new URLVariables();
variables.nombre = "Adrián"
variables.apellidos = "Sánchez";
objeto URLVariables y lo rellenamos
var variables:URLVariables = new URLVariables();
variables.nombre = "Adrián"
variables.apellidos = "Sánchez";
//Creo la petición y le asigno las variables
var peticion:URLRequest = new URLRequest(url);
peticion.data = variables;
var peticion:URLRequest = new URLRequest(url);
peticion.data = variables;
//Cargo el enlace
navigateToURL(peticion,"_blank");
navigateToURL(peticion,"_blank");
//En realidad, si lo único que queremos hacer
es un enlace en página nueva, podemos resumir
//las lineas anteriores en:
navigateToURL(new URLRequest
("http://www.esedeerre.com"),"_blank");
es un enlace en página nueva, podemos resumir
//las lineas anteriores en:
navigateToURL(new URLRequest
("http://www.esedeerre.com"),"_blank");
Com crear botons ambn illustrator
Hem creat botons amb Adobi Illustrator, creant rectangulos, circumferències, i tot tipus de formes que vulguis per a fer un boton. Hem pintat la forma amb degradat, després hem posat altre rectangulo damunt per a donar-li un efecte de relleu. Despues hem posat el text que queriamos per a cadascuna de les seccions. I aquí tenim la mostra dels botons.
Marcos Dreamweaver
Què són els marcs i per a què s'utilitzen. Com inserir un marc senzill en una pàgina, i com treballar amb ell és el que ara veurem. Els marcs -o frames- serveixen per a distribuir millor les dades de les pàgines, ja que permeten mantenir fixes algunes parts, com poden ser el logotip i la barra de navegació, mentre que unes altres sí poden canviar. A més de millorar la funcionalitat, poden millorar també l'aparença. Dita d'una manera senzilla, els marcs podem dir que són paginas web dintre d'altra pàgina que les organitza d'una determinada manera.
Cadascun dels marcs d'una pàgina, conté un document HTML individual. Per exemple, en la imatge inferior pots veure una pàgina amb dos marcs. El marc esquerre conté el document menu.htm i el dret el document micos.htm. Per a poder visualitzar la pàgina d'aquesta manera, hem hagut d'obrir en el navegador el document principal.htm, que en aquest cas és el conté els marcs.
Dreamweaver
Adobe Acrobat
Per a canviar els colors pantones, d'un pdf en tintes CMYK, hem d'anar a avançades -> producció de impression -> Convertir colors. Una vegada en la finestra, vam seleccionar les tres opcions de conversió ( Conservar negre, Convertir gris a negre CMYK, Mantenir primaris CMYK) una vegada seleccionades les opcions, dalt d'aquestes opcions, està la qualitat de sortida, vam seleccionar l'opció, i en perfil busquem l'opció de (Generic CMYK Profile). Li donem a acceptar. Per a rectificar el text, anem a eines -> edició avançada -> eina rectificar text. Si no deixa rectificar el text, és perquè no tenim la tipografia instal·lada.
Canvi del color de ressaltat de les etiquetes div
Quan es desplaça el punter per sobre de la vora d'una etiqueta div en la vista Disseny, Dreamweaver ressalta els bords de l'etiqueta. Si és necessari, pot activar o desactivar el ressaltat o modificar el color en el quadre de diàleg Preferències.
1. Seleccioni Edició > Preferències (Windows) o Dreamweaver > Preferències (Macintosh).
2. Seleccioni Ressaltant en la llista de categories de l'esquerra.
3. Porti a terme un dels canvis següents i faci clic a Acceptar:
• Per a canviar el color de ressaltat de les etiquetes div, faci clic en el quadre Color al passar el ratolí per damunt i seleccioni un color de ressaltat amb el selector de color (o bé escrigui el valor hexadecimal del color de ressaltat en el quadre de text).
• Per a activar o desactivar el ressaltat de les etiquetes div, activi o desactivi la selecció de la casella Mostrar corresponent a Ratolí per damunt.
Inserció d'uneixi Div PA
Dreamweaver permet crear Div PA i col·locar-les en la pàgina fàcilment. També pot crear Div PA ficades. Al ficar una Div PA, Dreamweaver mostra el contorn de la Div PA en la vista Disseny de forma predeterminada i ressalta el bloc al desplaçar el punter sobre ell. Pot activar les vores de la Div PA (o de qualsevol element PA) desactivant Contorns d'elements PA i Contorns de disseny CSS en el menú Veure > Ajudes visuals. També pot activar els fons i el model de quadre per als elements PA com ajuda visual durant el disseny. Després de crear uneixi Div PA, pot afegir-li contingut situant el punt d'inserció en la Div PA; a continuació, anyada contingut com ho faria en una pàgina.
Aquí deixo un video sobre els DIV i CSS.
http://www.youtube.com/watch?v=gUpQr9sR2NM
Canals Photoshop ( Transparéncia)
Prèviament fem un disseny en Illustrator, en aquest cas hem tiro uns botons per a la nostra pagina web.
El primer copiem i peguem com objecte intel·ligent en un nou document de photoshop. Després rasterizamos la imatge. Crearem un nou canal el nom d'aquest canal, tendra "Alfa1". En el nou canal llaurem una selecció del tros que volem difuminar cap a transparent. I li afegim un degradat de Negre a Blanco. Recordar que cal tenir visible el canal per a poder carregar la selecció. Després seleccionem la capa de la imatge i carreguem la selecció "Alfa 1". Aparecera tot seguit la selecció, finalment solament hem d'estrènyer en el nostre teclat "esborrar" i ja estarà llest. Després ho guardem per a web i en PNG.
Crear botons amb flash
Inserir nou simbolo ( tipus grafico)
Crear dos tipus graficos, per als diferents botons per a crear la animacion.
Copiar el boton del ilustrator i pegar en el tipus grafico creat.
Inserir nou simbolo ( tipus boton)
Sortiràn 4 opcions:
Rep.. (repòs) manera en el qual el boton aquesta sense que passi el raton per damunt, ni al ser clicat ni gens. Sobre: manera en el qual el raton passa per damunt.
Pre.. (pressionat) manera en el qual el raton pressiona en el boton.
Zona.. (zona clicable) manera en el qual el boton es delimita lazona sensible per a canviar de manera Arrossegar el simbolo (tipus grafico) a la primera manera , crear un fotograma abans d'arrossegar, en el segon crear fototrama per a posar altre boton, i asi succesivamente.
Anar a l'escena i arrossegar el boton i guardar.
Nou IPAD
Un elegant dispositiu extraplà i extrafí (pesa menys de 700 grams) amb una minipantalla tàctil de 9,7 polzades, processador propi desenvolupat per Apple a 1GHz, 10 hores de batería, mapes de Google Maps, reproductor multimèdia, un client de correu similar al del iPhone , Bluetooth, WiFi, memòria flash de 16GB a 64GB... en resum, un híbrid entre un ordinador i un telèfon intel·ligent que, a més, pot ser emprat per a la distribució de nous continguts, com jocs i llibres electrònics.
Els preus de l'ordinador oscil·len de 499 dòlars (módelo bàsic, amb 16 GB) als 829 dòlars (591 euros) del dispositiu del model de 64 GB amb WiFi.
Diferents usos que es poden donar al iPad, des de veure un mapa, llegir un llibre o el periòdic, navegar per internet o jugar a un videojoc, el que li converteix en una veritable amenaça per a altres productes perifèrics, com les videoconsoles o els lectors de llibres electrònics. A més, el iPad podrà gaudir de totes les aplicacions creades per al iPhone, i de les quals existeixen més de 300.000 diferents, desenvolupades per programadors externs.
Si s'ha de jutjar per les seves opinions, aquest petit ordinador passa els exàmens amb bona nota, a pesar que el seu model bàsic manca de 3G: "Com té Bluetooth, és fàcil solucionar la conectividad 3G si tens un iPhone, ja que pots compartir la connexió", opinava un forero.
Els preus tampoc han espantat als fidels de Apple. El preu més barat, 499 dòlars (uns 350 euros), correspon al iPad de 16 GB. El model de 32 GB puja a 599 dòlars (427 euros); el de 64 GB, a 699 dòlars (499 euros).
Aquests mateixos models amb 3G costarien 629, 729 i 829 dòlars respectivament.

Helvetica
Helvética (també coneguda menjo Neue Haas Grotesk, Helvetica i últimament expandida a Neue Helvetica) és una font tipogràfica desenvolupada per Max Miedinger en 1957 per a la fosa de tipografies Haas'sche Schriftgießerei (també coneguda menjo "Haas") de Basilea, Suïssa. El seu disseny està basat en una anterior tipografia cridada Berthold Akzidenz Grotesk que data de 1896. La tipografia, originalment titulada Neue Haas Grotesk, és d'estil senzill i del tipus sans serif o sense rematades (Clasif. Vox: Lineale B Neo-Grotesque). Es va tornar immensament popular a fins dels anys 1960 i durant els anys 1970, a causa de la seva enorme influència dintre del cridat "Estil Tipogràfic Internacional" (particularment en identitats corporatives), una de les més importants corrents modernistes del segle XX.
(ESTA TRADUCIDO PERO SIN CORREGIR, CUANDO TENGA TIEMPO LO CORRIJO!! )
Figures Geomètriques Rares
Botons amb illustrator
Em fet uns botons amb l'ilustrator, per posar-ho al dreamweaver, habiem de fer els botos com si fosin com un 3D, jugant amb els degradats, i diferents tipus de formes geométriques. Una vegada fets els botons habiam de posar-ho al dreamweaver, per posar-los habiem d'anar a imàtges de substitució i ficar-les.
Una vegada ficades, li donavem el vincle. I la pujaven al Tripod.
3 botons que he fet:
Traçat manual
El preps
Preps és l'eina preferida en la indústria de la impressió comercial. És usada en conegudes solucions de fluxos de treball, i com aplicació independent, en entorns de tot el món. Preps proporciona un conjunt inigualable d'opcions que de forma permanent s'ajusten a les necessitats dels professionals de la indústria, en les empreses d'impressió amb major demanda. La serie Prep té versions orientades per a la impressió comercial, sota demanda i gran format.
Es un progràma per fer imposicións.
Pràctica cassats
Exercicis cassats:
1. Llibre mida A5 vertical de 320 pàgines imprès en plec de 70x100 cm.
2. Revista (grapa) mida 15x15 cm. de 48 pàgines en plecs 50x70 cm.
3. Tríptic obert A4 horitzontal en plec 35x50 cm.
4. Llibre A4 vertical de 24 pàgines en plecs de 70x100 cm.
5. Tríptic tancat 20x15 horitzontal en plec de 45x64 cm.
1. Llibre mida 21x21 cm. de 36 pàgines en plecs de 70x100 cm.
2.Targetes mida 55x85 mm. horitzontal impreses a 1+1 en plecs de 35x50
3.Revista mida A5 horitzontal de 48 pàgines en plecs 65x90 cm.
4.Cartes mida Din A4 vertical a 2+0 en plecs de 45x64 cm. Hi ha 2 models de cartes, del model A en vull 750 i del model B 250.
Targetons de mida 10x21 cm horitzontal a 2+2 tintes en plecs de 50x70 cm. Hi ha 2 models de targetons: del model A en vull 2.000 i del model B 4.000.