*isa madrid

Feliz navidad!

2011-12-24T23:40:00.000+01:00

Formatos papel

2011-09-03T10:16:00.003+02:00

FORMATOS DIN A (en mm)

A0 841 x 1189

A1 594 x 841

A2 420 x 594

A3 297 x 420

A4 210 x 297

A5 148 x 210

A6 105 x 148

A7 74 x 105

A8 52 x 74

FORMATOS DIN B (en mm)

B0 1000 X 1414

B1 707 X 1000

B2 500 X 707

B3 353 X 500

B4 250 X 353

B5 176 X 250

B6 125 X 176

B7 88 X 125

B8 62 X 88

TAMAÑOS DE PAPEL MÁS HABITUALES EN IMPRESIÓN (en mm)

500 x 700

630 x 880

650 x 900

700 x 1000

900 x 1300

formato 6 1000 x 1400

formato 7 1000 x 1600

formato 7B 1200 x 1600

formato 8 1350 x 1800

formato XXL 1500 x 2000

***denominaciones curiosas del papel según su tamaño en centímetros***

OCTAVILLA 11X16

AGENDA 14X32

CUARTILLA 16X22

TRES CUARTOS 18X22

MINISTRO 18X23

HOLANDES COMERCIAL 22X28

FOLIO 22X32

FOLIO PROLONGADO 25X28

HOLANDESA 26X41

MARCA REGULAR 32X44

MARCA REGULAR PROLONGADO 34X46

COQUILLE 44X56

MARCA MAYOR 44X64

MARCA MAYOR PROLONGADO 48X68

CÍCERO O REVISTA 50X70

GRAN CÍCERO 55X77

DOBLE COQUILLE 56X88

REGISTRO 60X88

ÁGUILA MENOR 60X94

DOBLE MARCA MAYOR 64X88

DOBLE MARCA MAYOR (CATALÁN) 65X90

CÍCERO O REVISTA 70X100

ÁGUILA MAYOR 74X105

CUÁDRUPLE MARQUILLA 77X110

El código de barras

2011-02-26T16:27:00.003+01:00

El código de barras surge ante la necesidad de clasificar, inventariar y codificar mercancías.

En definitiva, el código de barras es una serie de líneas paralelas y espacios de diferente grosor; tanto el ancho de las líneas como el de los espacios es lo que determina el dato codificado en el código.

El código de barras no contiene información, tan sólo identifica el producto.

Uno de los códigos más utilizados es el EAN (European Article Numbering), que asigna 3 dígitos para cada país, separados los dígitos para cada fabricante (5 para productos en general, 4 para editoriales o discos), luego la referencia al producto asignada por el industrial (4 dígitos) y 1 dígito más que es el dígito verificador:

978 12345 1234 5

Aunque el código EAN-13 es uno de los más utilizados, hay que tener en cuenta que existen otros códigos como:

- código ITF: es para unidades de expedición

- CODE 39: es para la indústria automotriz

- ISBN (International Standar Book Number): utilizado en los libros

- ISSN (International Standar Serial Number): utilizado en revistas

- código UPC: utilizado en órdenes de compra, facturas, embarques y expediciones.

Ventajas de código de barras:

• información más rápida y precisa

• información actualizada del producto

• mayor control sobre ventas y almacén

• entregas más rápidas

• facilidad en el control de inventarios

• menos errores en la cadena de distribución

• menos costos administrativos

• mayor control para saber cuándo y cómo se requerirán más productos

• mayor eficiencia

• marcaje más rápido del precio en cajas

generador de códigos de barras

generador códigos de barras 2

Embalajes: diseños de estructuras

2011-02-26T15:51:00.001+01:00

El embalaje es una parte importante del producto final, pues su función de protección del producto a la hora de su envío o almacenaje es sumamente importante, no obstante, no nos hemos de olvidar de una parte que no debe pasar inadvertida y que es su diseño. El diseño, es en lo primero que se fija un cliente y además de ser atractivo, debe cumplir con creces su función principal para el cual se concibe, protección.
El embalaje de productos, es fundamental tanto del punto de vista logístico como de marketing.

info embalajes

Conseguir logotipos vectorizados

2011-02-21T20:07:00.000+01:00

http://logotiposvectoriales.com/logos/

Ayuda para encontrar la tipografía de un documento

2011-02-21T19:56:00.000+01:00

A veces resulta complicado saber con cual tipografía se ha maquetado un documento, pero esta página, MY FONTS nos puede ser de gran ayuda al respecto. Tan sólo realizando una fotografía de una parte del texto y subiendóla al apartado "WhatTheFont" nos da un listado de tipografías posibles.

Pasos a seguir:

• realizar documento de jpeg. de la tipografía

• subir archivo jpeg

• asignar caracteres

• elegir opcion que más nos convenza

Felices fiestas a todos!

2010-12-19T18:51:00.002+01:00

wordle

2010-06-22T22:06:00.000+02:00

Estructura del ISBN

2010-03-03T19:53:00.002+01:00

El ISBN está formado por 13 dígitos.

ej: 978-84-425000-2-3

- Prefijo Bookland EAN: el código 978 acompaña desde hace dos años a todos los ISBN como un modo de identificar un producto editorial entre los demás productos que se comercializan, de modo que se consiga la compatibilidad total del ISBN con el código EAN-13, el sistema de código de barras más utilizado en el mundo.

- Identificador de Grupo: la primera parte del ISBN identifica el país o el área geográfica o lingüística en la que tiene su sede la editorial del libro.

- Prefijo editorial: el siguiente grupo de números del ISBN identifica al editor concreto que publica el libro.

- Identificador del título: esta parte del ISBN (el dígito "2" en este caso") es la que identifica una edición concreta de una publicación de una editorial específica, de modo que lo diferencia de cualquier otro.

- Dígito de comprobación: este último dígito, compuesto siempre por una sola cifra, es el resultante de realizar una operación numérica entre todos los otros dígitos del ISBN para comprobar que se utiliza correctamente.

El libro de bolsillo

2010-03-03T19:46:00.001+01:00

Algunos datos del mercado del libro de bolsillo

-El margen de tiempo entre la publicación de una obra en formato tradicional y en edición de bolsillo puede oscilar entre los seis meses y los tres años, aunque la media se sitúa en un año.
- La venta media por cada título en formato de bolsillo es de 1.644 ejemplares.
- El 83% de las ventas corresponden a la categoría de literatura, esto representa un 37% del total de ejemplares vendidos en nuestro país de esta categoría.
- Los 6.392 títulos editados en el 2007, representan un 42% más que los publicados hace cinco años en el 2003.
- La tirada media de los ejemplares de bolsillo (5.841) es superior a la del total de libros editados (5.700).

+ info

Papel: fabricacion de la pasta

2010-03-03T19:32:00.001+01:00

Producción de la pasta

Una vez cortada la madera en los bosques o plantaciones donde se produce, es necesario realizar una serie de operaciones de preparación previas a la fabricación de la pasta de papel:
- Lavado de la madera para eliminar las partículas adheridas a la misma.
- Descortezado: proceso por el cual se separa la corteza del tronco del árbol.
La importancia de esta operación radica en que la cantidad de corteza que debe utilizarse tiene que ser mínima ya que produce un efecto debilitador de la pasta de papel.
- Astillado: en función del tipo de pasta que se va a elaborar se realiza un troceado de la madera para contar con astillas de dimensiones uniformes.

Una vez preparada la materia prima se inicia el proceso de elaboración de la pasta de papel, mediante el cual se separan las fibras de celulosa del resto de los componentes de la madera, lignina fundamentalmente.

Tipos de pastas de papel según el proceso de fabricación:

1- Pasta mecánica:
Proceso estándar: es el método tradicional de convertir la madera en pasta de papel, y consiste en frotar la madera sobre unas muelas cilíndricas (actualmente se han sustituido las muelas por discos de metal giratorios), que se mojan con agua. El calor producido por el frotamiento hace que el agua se caliente, ablandando la lignina y permitiendo que las fibras de celulosa se separen fácilmente.

TMP: este proceso es una variedad del anterior en el que se utiliza vapor de agua, y sólo permite utilizar maderas blandas como materia prima.

CTMP: se conoce como la pasta semi-química ya que en este proceso se utilizan determinados compuestos químicos (lejía a base de sosa o de sulfito sódico) además del vapor de agua. Se utiliza como sustitutiva de la pasta química en productos que no requieran gran calidad como los papeles higiénicos, papel de revista, etc

La pasta mecánica se considera de alto rendimiento ya que se convierte en pasta más del 90% de la madera utilizada. Este tipo de pasta de papel, debido a que contiene fibras cortas y debilitadas y una importante cantidad de lignina (el proceso no la elimina del todo), se utiliza para producir papel de periódico u otros papeles menos resistentes. Además, y debido al contenido de lignina de estos productos, les afecta la "reversión de brillo", es decir, la luz solar hace que el color del papel se oscurezca.

2- Pasta química:

Kraft: el proceso al sulfato o kraft es el método de elaboración más utilizado por la industria papelera mundial. La madera astillada se cuece en una mezcla de sosa cáustica y sulfuro de sodio, y en función del grado de cocción se distingue entre:

1. Cocción intensa: La pasta de papel resultante se utiliza en la fabricación de papeles limpios, con un color claro, pero que también tienen que ser resistentes: papeles para sobres, papel de hilar, etc.
2. Cocción menos intensa: la pasta resultante tiene un característico color más oscuro y ofrece una gran resistencia por lo que se utilizan para la producción de sacos, papel para embalajes, etc

Proceso al bisulfito: La madera astillada se cuece en una mezcla de dióxido de azufre y una disolución de hidróxido sódico o cálcico con vapor de agua. La pasta resultante tiene diversas utilidades en función del grado de cocción:

1. Cocción intensa: se utiliza para la producción de papeles blancos pero de resistencia limitada, papeles higiénicos y sanitarios principalmente.
2. Cocción menos intensa: la pasta resultante tiene una calidad media con buenas propiedades de resistencia. Se utiliza en la producción de diferentes papeles de embalaje, y mezclada con otras pastas en la producción de papel de escritura.

La pasta química tiene un rendimiento menor ya que sólo se aprovecha entre el 45% y el 70% de la madera, pero su fibras más largas hacen que sea muy apreciada. Debido a que la pasta producida a través de estos procesos todavía contiene restos de lignina originariamente es de color marrón. Cuando es necesario que la pasta sea de color blanco, se utilizan deferentes compuestos químicos para eliminar la lignina, no obstante, es más blanca que la pasta mecánica.

http://www.reciclapapel.org

Y otra vez la navidad!

2009-12-10T10:33:00.002+01:00

Plantillas para web

2009-12-10T10:29:00.002+01:00

Pinceles creativos

2009-04-07T21:13:00.004+02:00

Brushking
desde este enlace podemos llegar a descargarnos pinceles de forma gratuita.
La página dispone de aproximadamente 2960 pinceles.

utilidades que nos pueden facilitar el trabajo

2009-03-23T20:54:00.006+01:00

MANUAL BÁSICO PARA CREAR DOCUMENTOS LISTOS PARA IMPRIMIR
Check List

CREACIÓN DE PDF'S SIN LA NECESIDAD DE ADOBE ACROBAT
Existe una versión gratuita de un software que permite realizar PDF de trabajos sencillos
PrimoPDF

CHEQUEO DE ARCHIVOS EN LA WEB
Preflight PDF

IMPOSICIÓN DE ARCHIVOS EN LA WEB
Impose PDF

Producción automatizada de PDF ( AIDO)

2009-03-23T20:39:00.001+01:00

AIDO: producción automatizada de PDF

Articulo PDF AIDO

Publish at Scribd or explore

Clases de documentos impresos

2009-03-18T20:20:00.002+01:00

Tipologías de documentos impresos
-documentos estáticos
-documentos adaptados (customized)
-documentos personalizados

Documentos estáticos: son aquellos documentos completamente cerrados, donde ni el texto, ni las imágenes variarán. El diseño se da por concluido y está listo para ser impreso.

Documentos adaptados (customized): la mayor parte del documento es estático pero puede haber algún elemento que varie ( imágenes, texto…). Normalmente son productos que se imprimen en offset y que luego se acaban de rematar con una impresión digital que determina un acabado concreto. Este proceso productivo se conoce también como “versionamiento” por el hecho de realizar impresos en offset que luego serán acabados con un texto en diferentes idiomas.

Documentos personalizados: en estos documentos cambian imágenes y texto en cada documento, obteniendo así, documentos totalmente personalizados. Este proceso productivo se conoce también con el nombre de “impresión de datos variables”.

.............

2009-01-14T21:25:00.003+01:00

"En los momentos de crisis la imaginación es más efectiva que el intelecto " (A. Einstein)

* bon nadal*

2008-12-07T13:01:00.001+01:00

editores, buenos lectores_ artículo: Making Books

2008-12-05T21:08:00.002+01:00

Páginas de Boletin5

Publish at Scribd or explore others: Teaching Education isabel madrid tapa dura

Digitalización de libros....avanzando

2008-11-11T12:13:00.002+01:00

El Treventus Buchscanner ScanRobot es una máquina que escanea libros en alta resolución a la velocidad de 2,500 páginas por hora.

Extensiones de ficheros habituales en Artes Gráficas

2008-09-15T21:02:00.002+02:00

Las extensiones de ficheros principalmente utilizadas en el mundo de las Artes Gráficas son:

• Quark XPress:
- qxd: documento
- qxt: plantilla
- qxl: biblioteca
- qxb: libro

• Adobe InDesign:
- indd: documento
- indt: plantilla
- indl: biblioteca
- indb: libro

• Programas vectoriales ( illustrator, pdf y similares ) :
- ai: documento de Adobe Illustrator
- cdr: documento de CorelDraw
- fh3 / fh4 .... fh11: documento de Freehand con su versión respectiva
- eps: documento PostScrip Encapsulado (utilizado en diferentes programas)
- ps: documento PostScript
- pdf: documento de Adobe Acrobat

• Programas de mapas de bits( Photoshop y similares ) :
- psd: documento de Adobe Photoshop
- tif i tiff: imagen TIFF (utilizado en diferentes programas)
- jpg / jpeg: imagen JPEG (utilizado en diferentes programas)
- bmp: imagen en formato bitmap (utilizado en diferentes programas)
- gif: imagen en formato GIF (utilizado en diferentes programas)
- png: imagen en formato PNG (utilizado en diferentes programas)
- cpt: documento de Corel PhotoPaint
- psp: documento de Jasc PaintShop Pro

• Textos:
- doc: documento de texto ( Word...)
- rtf: documento de texto en formato enriquecido (utilizado por varios programas)
- txt: documento sin formato (utilizado por varios programas)
- htm / html: documento de la web

• PageMaker:
- apd / pm / pm3 / pm4 / pm5 / pm6 / pm7 ( documentos en sus respectivas versiones)

• FrameMaker:
- fm / doc / mif ( documentos)

• Archivos comprimidos::
- zip ( WinZip)
- sit (Stuffit )

• Fuentes:
- pfm: fuente PostScript
- pfb: fuente PostScript
- ttf: fuente TrueType
- otf: fuente OpenType

PowerSWITCH: automatizando procesos

2008-07-28T19:41:00.013+02:00

PowerSWITCH

Es una herramienta de utilidad asociada a la automatización del flujo de trabajo editorial.
Ofrece herramientas avanzadas de scripts y metadatos para generar flujos de trabajo inteligentes.

Además, incluye un cliente de grupo de trabajo denominado SWITCHclient para lograr una automatización más eficaz a nivel general de la empresa, permitiendo a cualquier persona de la red local enviar trabajos, supervisar su progreso e intervenir cuando los trabajos están parados para su inspección; y todo ello directamente desde su propio ordenador.

* info0

* info1

*info2

preimpresión

LAS PRUEBAS DE COLOR

2008-05-24T12:04:00.004+02:00

Hoy en día, las pruebas de color facilitan conocer el resultado de un trabajo gráfico respecto al color final que tendrá y tener un control de éste. Mediante los perfiles ICC suministrados por las imprentas o los estándares establecidos, se puede llegar a conocer el resultado final que obtendremos, lo que nos evita que un trabajo llegue a impresión sin conocer realmente como quedará.
Sino contaramos con las pruebas de color, sólo podríamos observar el resultado cuando se empezara con su impresión, debido a que cada sistema de impresión tiene sus propias características, al igual que cada tipo de papel influirá también en el resultado final, de ahí la importancia de las pruebas de color.

Contar con un perfil ICC proporcionado por la imprenta donde vayamos a realizar nuestro trabajo nos asegurará un resultado óptimo desde el principio, ya que podremos visualizar una simulación del color con precisión del resultado final de nuestro trabajo impreso.

Podemos realizar las pruebas de color de 2 formas, es decir, con 2 tipos de dispositivos de salida:

• Monitor (“soft proof” o “Vista de prueba”).
• Impresora (“prueba física” o “hard proof”).

Páginas de información:
Gestión de color (Hartmann)
http://www.gestiondecolor.es/perfiles_icc.asp

Fontstruct

2008-04-30T22:14:00.006+02:00

FontStruct es una herramienta online que nos permite construir tipografías.

La aplicación funciona directamente en el navegador web.

Las fuentes se construyen mediante figuras o piezas preestablecidas colocadas sobre una rejilla. Además del alfabeto internacional tiene soporte para caracteres extendidos y alfabetos no latinos.

Las fuentes pueden descargarse en formato TrueType compatible con Windows y Macintosh.

Tintas interesantes

2008-03-19T19:14:00.003+01:00

Tintas de variabilidad óptica (OVI)
cambian de color según el ángulo de observación y la influencia de luz que se le aplique

Tintas iridiscentes
Al reflejar la luz la descomponen en los colores del arco iris

Tintas foto cromáticas
Se activan por la luz solar, por luz artificial intensa o por luz ultravioleta, generando un cambio reversible de invisible a visible, volviéndose nuevamente invisible luego de cierto tiempo al desaparecer la fuente de luz

Tintas termo sensibles
según la temperatura estas tintas cambian de visible a invisible
o de un color a otro a una cierta temperatura

La oficina técnica

2008-03-08T10:56:00.006+01:00

La oficina técnica es un departamento específico en las Industrias de Artes Gráficas desde donde se da soporte a todo el proceso de diseño, producción, planificación y gestión de un producto gráfico.
Desde ella se da información y se colabora con todos los departamentos para conseguir una eficacia y eficiencia laboral en todos los niveles.
Para ello, se da apoyo técnico a comerciales, información a los presupuestadores, se actúa como coordinador de todos los procesos y se recepcionan las dudas, preguntas... de los clientes.
Se deciden los materiales y procesos más adecuados para su realización, se realizan las órdenes para cada proceso, se gestiona su planificación de la producción, se gestiona parte de la logística del producto...
Dependiendo de cada empresa estas tareas pueden ser más amplias o más limitadas, no obstante no deja de ser un punto muy importante dentro de todo el proceso productivo y un departamento esencial dentro de una empresa.

Flickr Ticker

2008-02-27T20:50:00.003+01:00

Flickr Ticker es una herramienta online que nos presenta las imágenes desplazándose por la pantalla y superponiendóse unas con otras aleatoriamente como si de un salvapantallas se tratase.

Fototickr

Raging Burner: mapa de blogs

2008-02-24T12:54:00.006+01:00

El creciente ritmo de aparición de blogs y los enlaces a través de ellos, ha hecho que surjan formas de visualizar sus interrelaciones, entre ellas está este:

Raging Burner Map es una representación visual de los enlaces y relaciones entre blogs.
Los nodos son los 300 primeros blogs de Rating Burner, un ránking que ordena los blogs internacionales según el número de suscriptores que hay apuntados a sus respectivos feeds RSS .

Otros ejemplos:

Web Tren Map 2007

Mapa visual de la web 2.0

Interactive Map os the Blogosphere

Del PDF al PDF/X Plus

2008-01-25T21:08:00.000+01:00

Las necesidades de estandarización dieron lugar al PDF, más tarde se amplió su formato para intentar abarcar diferentes campos como la web o la impresión en baja o alta calidad, preparados para imprentas...etc. Ahora, para completar más este formato a nivel de imprenta, nos encontramos con el PDF/X Plus que contiene especificaciones concretas del proceso que seguirá nuestro documento, de esta manera, este formato contiene especificaciones técnicas que definen la calidad final del producto en cada subsector gráfico(serigrafía, offset...): sangres, trapping, transparencias, colores planos....

Más información

Feliz Navidad!!

2007-12-04T21:41:00.001+01:00

Rubik's Cube Generator

2007-10-10T20:45:00.000+02:00

Construye tu propio cubo de Rubik

PitStop

2007-08-13T18:48:00.001+02:00

PitStop es un programa desarrollado por Enfocus para la edición de documentos PDF destinados a las artes gráficas, con el se pueden realizar cambios en los PDF's tales como:

Convertir todas las imágenes RGB que tenga un PDF a CMYK.

Convertir todo un PDF que esté en RGB a CMYK.

Convertir textos en negro RGB o CMYK a sólo negro(K).

Convertir un PDF en color a escala de grises para imprimirlo.

Añadir un reborde fino a todas las páginas (como prueba rápida)

Añadir marcas de corte a un PDF que no las tenía.

Incrustar todas las fuentes para que el RIP no tenga errores.

Cambiar un color corporativo por otro o por CMYK.

Pasar un PDF a dos colores directos.

Comprobar los aspectos principales que podrían dar problemas al filmar a todo un lote de PDFs.

Widgets para calcular lomos y decalaje

2007-07-29T13:56:00.000+02:00

QPDF nos ofrece unos widgets para calcular el grosor del lomo de un libro o de una revista dependiendo del nº de páginas y del gramaje del papel. También nos ofrece otro widget para calcular el decalaje a aplicar cuando una revista va grapada

Metrix

2007-07-06T21:26:00.000+02:00

Metrix cambia el concepto de la antigua imposición, Metrix optimiza automáticamente la mejor forma de realizar el trabajo, basándose en los datos de la maquinaria del cliente (máquinas de impresión, encuadernación, papel, etc..). Metrix calcula y recalcula cual es la forma más optima de realizar el trabajo, creando de automáticamente la imposición resultante.

Permite modificar al vuelo cualquier parámetro del trabajo (medida de papel, método de impresión, encuadernadora, etc..), para verificar cual es la forma más optima de realizarlo. Metrix permite combinar diferentes productos con medidas y formas diferentes de impresión (libro, flyer, revista, etc...) en un mismo proyecto.

Metrix permite importar y exportar ficheros JDF siendo compatible con todos los dispositivos JDF que cumplan la certificación CIP4, Metrix es Full Member CIP4 y partner de NPG (Networked Graphic Production). Metrix trabaja con base de datos SQL almacenando toda la información en la base de datos y puedo trabajar en un entorno cliente/servidor, existen diferentes versiones, desde la maquina de impresión digital hasta más de 3 metros. Metrix ha obtenido innumerables premios a la innovación tecnológica entre ellos el de la PIA Gatf.

Más información

JDF

2007-06-27T15:59:00.000+02:00

JDF proporciona un idioma y un método en común para implementar la automatización del proceso en la industria de la impresión. Automatización del proceso quiere decir que los sistemas, software y equipos en el taller no sólo están conectados, sino integrados y con capacidad para compartir información sobre trabajos especificaciones, comandos y datos de retroalimentación.
JDF es un idioma codificado, amplio y extendible Extensible Markup Language (XML) basado en formatos de archivos y estándares industriales para especificaciones de principio a fin para órdenes de trabajo. Está combinado con estandares para descripción del mensaje y protocolo de intercambio de mensajes.
JDF está desarrollado y sustentado por las organizaciones de la cooperación internacional para la integración de procesos en preprensa, impresión y post-prensa (CIP4), organización científica e industrial, sin fines de lucro establecida en Suiza.
JDF combina todas las fases del proceso de reproducción sometiéndolas a medición y orden.

Un archivo de formato de definición de trabajo (JDF, Job Definition Format) está basado en XML, una portadora de información no registrada que puede vincular y referenciar archivos a numerosos dispositivos de producción. Con JDF, los creadores de contenido y proveedores de servicios de impresión pueden describir la calidad de un documento impreso, junto con todos los pasos de procesamiento necesarios para obtener esa calidad. Un archivo de definición de trabajo JDF es una especie de vale de trabajo electrónico autodirigido que no sólo incluye el contenido del trabajo (los archivos de InDesign o los PDF, por ejemplo), sino también instrucciones para interactuar con los sistemas de producción compatibles con JDF. Los trabajos se distribuyen automáticamente a través de cada paso del flujo de trabajo, desde la creación hasta la producción de impresión final, pasando por las comprobaciones y las correcciones.

Consulta de vínculos en InDesign

2007-05-12T14:06:00.000+02:00

A través de la ventana vínculos podremos comprobar las imágenes que tenemos o que nos faltan, además nos ofrece la posibilidad de ordenarlas por nombre o por número de página.

Impresión de una FAJA

2007-05-12T08:37:00.000+02:00

Faja de 5 x 45 cm para libro de 17, 5 x 19, 0 cm.

Realización del trazado de fajas 5 x 45 cm a corte único.
Trazado realizado sobre un 70 x 50 cm (papel de 70 x 100, guillotinado) .

Impresión de las fajas en un 70 x 50 cm (papel de 70 x 100, guillotinado).

Documentos OnLine: Incrustar docs. en la red

2007-05-05T22:39:00.000+02:00

Una de las funcionalidades más exitosas a la hora de viralizar contenido ha sido la posibilidad de incrustar contenido residente en sites remotos en tu propio site.

Flickr con las fotos,
You Tube con el video,
Slideshare con los powerpoints,
Scribd con los documentos de texto.

Por ejemplo:

Animación digital

2007-04-14T10:06:00.000+02:00

Video que muestra la creación de objetos digitalmente.

Video de Kiwi

Trabajando con ArtRage

2007-04-13T23:05:00.000+02:00

Imagen con MacOSaix

2007-04-13T22:03:00.000+02:00

Link a Fotomoisacos sin final

Typetester

2007-04-11T21:44:00.000+02:00

El Typetester es una aplicación de uso en línea para la comparación de las fuentes para pantalla.
Con él podemos visualizar como quedaría nuestro texto con un tipo u otro de tipografía además de otras utilidades.

Conocer las empresas que nos rodean

2007-03-29T08:39:00.000+02:00

Es importante conocer las empresas de nuestro sector para saber que ofrecen al público a nivel de producción, esto nos ayudará a conocer más el mercado actual y hacia donde se dirige, a parte de darnos la posibilidad de establecer posibles relaciones laborales.
Es por ello que el primer ciclo de Producción Gráfica del curso 2006/2007 ha realizado múltiples salidas de visitas a empresas del sector, entre ellas:
IPAGSA, Torraspapel, NOVOPRINT...

Esta imagen visualiza la visita realizada por el curso de Producción Gráfica 2006/2007 a Novoprint, empresa de artes gráficas dedicada a la realización de manuales, revistas, libros en rústica y otras publicaciones. Su trabajo va desde la preimpresión hasta la postimpresión incluyendo algunos manipulados.

ArtRage

2007-03-25T21:40:00.000+02:00

ArtRage

Aplicación de creación gráfica de descarga gratuita. Permite dibujar y pintar con diferentes procedimientos y una amplia gama cromática.

ArtRage

Recursos de internet

2007-03-24T21:21:00.000+01:00

Recursos d'Internet (informació en català)

Programari lliure: Idees y conceptes
Auladetecnologia.com
Tu tries: programari lliure en català. Departament d'Educació i Universitats
Associació Catalana per la Promoció del Programari lliure
Programari lliure, societat lliure
Programari lliure. Maria del Mar Lluelles Perera
Introducció al programari lliure. Departament d'Educació i Universitats.
Softcatalà.org. OpenOffice.org
Softcatalà.org. Ofimàtica
Softcatalà.org. Abiword
Softcatalà.org. Firefox
Softcatalà.org Thunderbird
Softcatalà.org. El Gimp
Softcatalà.org. Linux
Scribus
Viquipèdia
Viquipèdia. Programari lliure
Viquipèdia. KDE
Viquipèdia. GNOME
Audacity
Calm Win
GNOME.ORG
KDE.ORG

Mp3 en el Blog

2007-03-23T22:28:00.000+01:00

MP3 _ información

Halo Theme

Children

Las técnicas en la ilustración infantil

2007-03-01T10:17:00.000+01:00

A lo largo de todos los tiempos, los libros infantiles se han ido impregnado de las técnicas artísticas que habían en cada uno de los períodos.
Así se han utilizado técnicas como el lápiz, la sanguina, los pasteles, los acrílicos, carboncillos, ceras, bolígrafos, tinta china, etc..., ya sea de una forma individual o conjunta creando técnicas mixtas.
Hoy en día, el futuro pasa por la creación en los ordenadores y a través de programas como Freehand, Photoshop, Illustrator, etc...
No obstante, además de la creatividad que debe ponerse en este tipo de trabajos, se debe tener en cuenta también su contenido para que ambos, ilustración y contenido vayan al unísono.

más información......

Relojes para la web, blogs y escritorios

2007-02-22T11:15:00.000+01:00

Enlaces para conseguir el reloj que quieras para tu blog, web o escritorio.

http://www.relatime.com/home.jsp
http://www.clocklink.com/
http://www.creatupropiaweb.com/

MacOSaix

2007-02-19T14:08:00.000+01:00

MacOSaix

MacOsaix es una herramienta para realizar mosaicos con imágenes (para Mac OS X).
Para crear nuestro mosaico tan sólo hay que elegir las imágenes que deseemos utilizar para realizarlo y elegir la forma y el número de azulejos que tendrá éste.

Info: Web-Designs CSS

2007-02-12T08:27:00.000+01:00

50 Beatiful CSS-Based

Web-Designs in 2006

30 Dark Designs You
Should've Seen

83 Beautiful Wordpress
Themes You (Probably)
Haven't Seen

Primer acercamiento al offset

2007-02-09T09:20:00.000+01:00

El offset es un sistema de impresión indirecto y planográfico.
Está basado en el equilibrio agua/tinta.
Cuenta con diferentes tipos de maquinaria: monocolores, bicolores, multicolores...

Packaging: caja crema rostro

2007-01-23T18:55:00.000+01:00

Diseño virtual de una caja de crema diaria para el rostro.
(Trabajo realizado para Packaging)

Práctica de serigrafía

2007-01-14T21:41:00.000+01:00

Interesante práctica realizada en el taller de serigrafía de la "Escola Antoni Algueró" (Sant Just Desvern · Barcelona).

Explicación

Terminología de action script

2006-12-29T19:56:00.000+01:00

ACCIONES (play, stop, gotoAndStop...)
son sentencias que ordenan la reproducción o ejecución de una acción durante la reproducción de la película.
ARGUMENTOS (gotoAndStop(1))
son parámetros que modifican una acción o función y vienen especificados entre paréntesis.
CLASES
son objetos definidos por programación, tienen que ser definidos dentro de una función constructora.
CONSTRUCTORES (this.x=x)
la función constructora sirve para definir un nuevo objeto, con sus propiedades y métodos.
TIPOS DE DATOS
· cadena
· número
· objeto
EVENTOS (on(press), on(release),...)
son acontecimientos que ocurren en lareproducción de la película por parte o no de la interacción del usuario de la misma.
EXPRESIONES
son partes de una sentencia que dan lugar a algún valor.
FUNCIONES
son bloques de código reutilizables, disponen de nombre para ser llamadas.
CONTROLADORES
son acciones que controlan eventos
IDENTIFICADORES
se denominan así a los nombres de variables, objetos, propiedades, funciones o métodos.
INSTANCIAS
confieren características heredadas.
MÉTODOS
son funciones asignadas a un objeto.
OPERADORES +, -, *, /, !, >, <,...
RUTA DE DESTINO (_root.miVariable)
se utiliza para identificar un objeto o variable dentro de unacadena de mandos.
SENTENCIA
es una línea de comandos
VARIABLES
guarda un valor.

Felicitación Navidad 2006/2007

2006-12-14T08:39:00.000+01:00

Subir un sitio web desde Dreamweaver

2006-11-28T12:14:00.000+01:00

Desde Dreamweaver accederemos a SITIO (F8) y desde ahí editaremos el sitio, luego nos conectaremos a datos remotos y desde ahí pondremos los datos de nuestro servidor FTP, nuestro nombre de usuario y la contraseña para así conectarnos y subir los datos. A continuación haremos una prueba y comprobaremos que se conecta correctamente.
Luego seleccionaremos la carpeta del SITIO y daremos a sincronizar (segundo botón del mouse o CTRL+click), realizado esto, ya tendremos subido nuestro sitio.

Pasar plantilla de Freehand a Web.

2006-11-21T08:14:00.000+01:00

Si tenemos una pantilla en freehand que queremos llevar a dreamweaver, podemos optar por la opción de ir llevando poco a poco los elementos que forman parte de ésta y además podemos llevárnoslos con el tamaño adecuado para dreamweaver.
Así, si por ejemplo tenemos un dibujo perteneciente a la plantilla de la página web que estemos diseñando en freehand para luego pasarlo a dreamweaver y trabajado a las medidas correspondientes para situarlo en dreamweaver, tan sólo tendremos que delimitar la zona que queramos llevarnos mediante un recuadro, luego seleccionaremos el recuadro y los elementos que nos queramos llevar (comprobaremos que las medidas sean las adecuadas a través del panel objeto), copiaremos esa selección múltiple, abriremos un documento nuevo en photoshop, pondremos las medidas en píxeles y lo pegaremos como píxeles, una vez hecho esto, ya sólo nos quedará guardar para web desde photoshop y darle el formato adecuado (gif, jpg...), con la calidad que se requiera.
De esta forma ya tenemos una imágen para introducir en dreamweaver, con el tamaño adecuado y según nuestro diseño previo.
Esta misma fórmula se puede aplicar para introducir títulos con una tipografía especial, haciéndolos ser imágenes, no obstante, los textos se podrían trabajar desde photoshop.

También existe la posibilidad de pasar toda la plantilla de golpe desde freehand, pero no es muy aconsejable porque habría que depurarla, siempre es mejor optar por crear una en dreamweaver con la composición de tablas o capas que nosotros deseemos.

Dreamweaver: Extensiones de nombres de archivos

2006-11-10T08:51:00.000+01:00

.htm y .html: ambas indican archivos HTML, la opción más corta se utiliza en sistemas basados en DOS.
.gif: imágenes GIF
.jpg: imágenes JPEG
.png: imágenes PNG (y algunos documentos de Fireworks 8)
.swf: archivos de Flash
.mov: películas de Quick Time
.avi: películas en formato AVI
.aif: archivos de sonido AIFF

Flash: algunos conceptos sobre el sonido

2006-10-27T15:38:00.000+02:00

FRECUENCIAS DE MUESTREO DE SONIDO MÁS UTILIZADAS

48 kHz_____calidad de estudio de grabación (capta por encima de lo que se quiere conseguir)
44.1 kHz ___calidad que se utiliza en los CD´s (se considera música hifi)
32 kHz_____grabaciones realizadas por cámaras de video
22,05 kHz___es lo que utiliza la radio FM, par web es una muy buena calidad
11 kHz_____utilizado para enfocar la voz humana o para canciones muy largas
5 kHz______voz humana de baja calidad

CANTIDAD DE BITS DE SONIDO

16 bits___calidad CD (65.536 niveles de volúmenes)
12 bits___calidad alta (la utilizan las cámaras de video)
8 bits____la radio FM, música en la web

*el muestreo idoneo en Flash para tener una buena calidad es de 22 kHz a 16 bits, aunque podemos cambiarlo dependiendo de al público al cual se dirija.

FORMAS DE GRABACIÓN

· estereo
· mono

* la calidad de un video depende de su muestreo en kHz, de su profundidad de volumen en bits o de la cantidad de canales, en mono o en estereo.

Para importar sonido a Flash podemos hacerlo en diferentes formatos, mayoritariamente se utilizan sonidos mp3. Desde Flash podemos aplicar efectos y sincronizar el sonido con los fotogramas de Flash ya sea mediante eventos, inicio, detener o flujo.

info: página para bajarse sonidos www.flashkit.com

Flash: trabajando con video

2006-10-27T12:35:00.000+02:00

Cuando importamos un video a Flash podemos editarlo mediante su asistente y crear un perfil determinado, crear diferentes clips, darle la calidad adecuada o ancho de banda requerido,...

Podemos modificar la gama, la tonalidad, el brillo...

Una vez editado, el video irá a la biblioteca y desde ahí solo tenemos que pasarlo a la escena.

Y ahora sólo tenemos que trabajar nuestra película en Flash.

Dreamweaver: animaciones

2006-10-26T13:13:00.000+02:00

Dreamweaver nos permite realizar pequeñas animaciones.

Para mostrar la linea del tiempo iremos a VENTANA-OTROS-LÍNEA DE TIEMPO
Para agregar objetos a la línea del tiempo seleccionaremos el objeto o capa e iremos a MODIFICAR-LÍNEA DE TIEMPO-AGREGAR OBJETO A LA LINEA DE TIEMPO, así agregaremos el objeto a la línea del tiempo. Según los fotogramas por segundo seleccionados nos creará esos fotogramas con un fotograma clave al inicio y uno al final, para crear la animación solo tendremos que irnos a uno u otro fotograma y mover nuestro objeto.
Podemos añadir más fotogramas claves en la línea del tiempo e incluso eliminar fotogramas creados.
También podemos animar el objeto directamente siguiendo los siguientes pasos: seleccionamos la capa donde está el objeto y vamos a: MODIFICAR-LÍNEA DE TIEMPO-REGISTRAR RUTA DE CAPA, ahora tan sólo tendremos que mover el objeto como queramos y se nos crearán los fotgramas claves necesarios.

Otra forma de animar los objetos es realizarlo a través de comportamientos. Por ejemplo, si quisieramos ocultar una capa y mostrarla más adelante podríamos ir a VENTANA-COMPORTAMIENTOS-MOSTRAR/OCULTAR CAPAS y seleccionar la capa y darle a ocultar o mostrar según queramos.

Flash: ejercicio basado en la aletoriedad

2006-10-25T13:46:00.000+02:00

DaDo AniMadO

En este ejercicio hemos utilizado random para crear una información aleatoria.

Flash: precargador de barra

2006-10-24T11:04:00.000+02:00

imagen de la barra en funcionamiento

Para crear un precargador con forma de barra primeramente dibujaremos como queremos que sea la barra al 100%, es decir, la barra final. Luego tendremos que programar igual que hicimos para el precargador normal con la diferencia de la utilización de una nueva propiedad para el clip de película (barra) y que es: _xscale
Para que la barra crezca o disminuya según la carga de la película deberemos calcular el porcentaje y aplicar la propiedad que se ha indicado.

En la siguiente imagen se puede observar la programación utilizada.

Flash: las escenas

2006-10-23T12:13:00.000+02:00

Dentro de una película creada con Flash podemos tener infinidad de escenas. Las escenas son líneas de tiempo continuadas, cuando empieza una escena y termina luego le sigue la otra y así sucesivamente a no ser que nosotros cambiemos su temporalidad mediante etiquetas y nos vayamos de una a otra escena cambiando continuamente.
Para ver las escenas que tenemos nos iremos a:
VENTANA-PANELES DE DISEÑO-ESCENA
como veremos éstas se sitúan en orden de apilamiento y se ejecutan como norma general en ese mismo orden, si cambiaramos su disposición se cambiaría su orden de ejecución.

Para movernos de una escena a otra utilizaríamos opciones como "gotoAndPlay" pero se recomienda trabajar con fotogramas nombrados.

Si creáramos un banner con diferentes escenas y quisiéramos que en cualquier momento pudieramos al presionar el ratón sobre él, ir a una dirección concreta de web, podríamos crear una capa nueva y hacer sobre toda la escena en ambas un rectángulo que ocupe toda la zona y convertirlo en un botón. Luego entrar en él y copiar su información y pergarla en el area activa y quitarla de las demás posiciones, luego introducir la siguiente acción:

on (release) {
getURL ("http://images.google.es/")
}

BANNER

Flash: precargador

2006-10-23T11:39:00.000+02:00

Los precargadores nos sirven para visualizar como se está cargando nuestra película en Flash. Mediante la programación en Flash podemos decir cuando se visualizará nuestro cargador y los valores que queramos que incluya.
En la imagen anterior podemos ver el código utilizado, entre ellos los condicionales como if y else (para mostrar si se cumple una cosa, se realice una acción o en caso contrario que se realice otra acción), para redondear datos en action script utilizamos Math.round (), podemos además sumar cantidades y texto como el tanto porciento de Kb visualizado como 50%, 40%...

Como podemos ver, hemos empezado a programar con la siguiente variable var cargaActual y la igualdad de que esa variable sea igual a los datos leídos desde la raíz (root), luego hemos creado la variable cargaTotal que es igual a los bytes totales desde la raíz. Luego hemos realizado la condicional y hemos dicho que si (if) la carga actual es mayor o igual a la carga total se vaya y muestre la película, en caso contrario (else) que muestre un texto que resultará de la operación deseada, ya sea mostrar el % de carga, los Kb totales o los Kb que se cargan.

Para mostrar el cargador invisible al principio y visible cuando se esté cargando se utiliza la propiedad de _visible= true (visible) o _visible=false (invisible).

Dreamweaver: Capas

2006-10-19T13:39:00.000+02:00

Las capas son elementos apilables que utilizamos en Dreamweaver para realizar algunos diseños y composiciones, incluso podemos llegar a transformar estas capas en tablas a través del menú Modificar- Convertir- Capas a tablas (es recomendable seleccionar que sea lo más preciso si se escoje esta opción y además activar la opción usar gif transparente que nos ayudará a que se visualice bien).
Además podemos darles que sean visibles, invisibles (hidden) o heredadas (inherit) e incluso podemos conferirles interactividad entre las diferentes capas por ejemplo desde el panel diseño, en comportamientos añadimos un evento como es arrastrar capa, elegimos la capa que queremos que interactúe e incluso podemos restringirle los movimientos.

Las etiquetas utilizadas para mostrar las capas son las llamadas DIV.

ejemplo de las visualizaciones de capa

ejemplo de la visualización scroll de capa

ejemplo de dar interactividad

Flash: las cajas de texto

2006-10-18T12:20:00.000+02:00

Las cajas de texto son objetos a los cuales podemos aplicar diferentes propiedades. Para especificar un valor de propiedad tenemos que tener en cuenta que ha de haber una igualdad, es decir, tenemos que decirle que esa la propiedad de esa caja deberá ser igual a...., así podemos hacer que la caja de texto sea visible siempre, que el texto que contenga sea seleccionable o no, que el color del texto de esa caja sea uno u otro, etc.

Ejemplo de programación para que el texto sea no seleccionable:

nombreInstancia.selectable= false;

Es importante recordar los 4 tipos de datos más utilizados en flash son:
- los valores booleanos (true o false); se especifican sin ""
- las variables; se especifican sin ""
- los números o numerables; se especifican sin ""
- los valores de texto; se especifican con ""

Además es importante recordar que los nombres de instancia se deben especificar en los objetos para luego poder llamarlos.

Las propiedades de una caja de texto se pueden dar desde la caja, desde los botones o desde un fotograma, es decir desde la línea del tiempo, para así darsela cuando más nos interese a nosotros.

Dreamweaver: Formularios

2006-10-18T12:04:00.000+02:00

A través del panel INSERTAR nos iremos a la pestaña FORMULARIO y luego a la opción de formulario, a partir de ahí podemos introducir una tabla dentro de este formulario con las casillas y columnas que deseemos y luego introducir las cosas que desemos, tales como: casillas de verificación, áreas de texto, grupo de opciones, listas, campos de texto, campos ocultos, etc...

Ejemplo de formulario

Dreamweaver: Buscar y reemplazar

2006-10-17T16:37:00.000+02:00

Buscar y reemplazar, es una herramienta muy potencial en Dreamweaver pues puede ayudarnos a realizar modificaciones en el sitio, en una o varias páginas, en todo el documento, en selecciones, etc..., además de ayudarnos a buscar palabras o partes concretas del código utilizado en el documento.
Por ejemplo, si quisiéramos adjuntar un estilo a un documento, una forma de hacerlo es buscar la etiqueta head y añadir el estilo allí, pues los estilos se adjuntan en esta etiqueta (ejemplo: < href="estilo.css" rel="stylesheet" type="text/css">).
También podemos utilizar y reemplazar mediante expresiones regulares, por ejemplo si quisieramos buscar en un texto todos los años comprendidos entre 1700 y 1799, la función regular a utilizar es: 17\d\d, si además quisieramos que estos años aparecieran en negrita iríamos a buscar y reemplazar, pondríamos buscar en el documento actual, luego buscar en código fuente y pondríamos (17\d\d) y en reemplazar pondríamos < b> $1 < /b > (expresión de negrita en la variable), nos tenemos que asegurar de tener la casilla usar expresiones regulares activada.

En el siguiente ejemplo se muestra como buscaríamos palabras que contengan una "c" antes de la palabra built.

Flash: botones animados

2006-10-16T12:30:00.000+02:00

BoToNeS AniMadOs
Una forma fácil de crear botones animados es la siguiente: hacemos un botón y dentro de él creamos un clip de película que animaremos.
Para ello primero crearemos un botón, una vez creado le daremos 2 cliks sobre él y entraremos dentro del botón. En nuestro caso queremos animar el botón cuando pasemos sobre él, así en el estado de reposo no haremos ninguna modificación pero en el estado de sobre crearíamos el clip de película con nuestro botón, es decir, copiamos el botón en estado de reposo y lo convertimos en clip de pelícual. Una vez hecho esto, damos 2 cliks sobre el clip de película creado y veremos como ha creado una capa donde está en el primer fotograma nuestro botón, escogeremos otro fotograma y crearemos un fotograma dode estará copiado ese botón pero que alargaremos. Entre el fotograma1 y el otro creado haremos una interpolación de movimiento, aquí mismo crearemos una capa action script (as) con un stop al final de la interpolación, sólo nos falta guardar y visualizar nuestros botones animados.

Flash: ejercicio básico de menú desplegable

2006-10-11T12:26:00.000+02:00

Menú

Este ejercicio muestra una de las formas básicas de realizar un menú en flash.
Primero realizaremos nuestro menú y luego los subapartados que se desplegarán cuando accedamos a una determinada pestaña de nuestro menú general.

Seleccionaremos todos los subapartados de una de las pestañas de nuestro menú general y los convertiremos en un gráfico, en este caso un clip de película, luego seleccionaremos este clip y le daremos un nombre de instancia, así con cada una de las pestañas de nuestro menú.

Luego le daremos 2 clicks sobre el clip de película y crearemos una nueva capa de programación (as) dentro del clip de película para poder parar (stop()) en el fotograma 1 que estará vacío.

El siguiente paso es volver a la escena y clickar sobre la pestaña que hayamos realizado el submenú y darle la función rollOver para que se desplegue el menú desplegable y luego seleccionaremos cada botón del submenú, y a cada botón le daremos una programación de los dos estados de rollOver(2) y rollOut (1).

Estando en la escena iremos al clip creado y desplazaremos el fotograma donde se sitúa este clip es decir, el fotograma1 y lo moveremos al 2 con toda la información dejando el fotograma1 vacío.
Luego volveremos a la escena y crearemos una capa de programación donde aplicaremos una función para que los desplegables se plieguen al ir a otros apartados.

Luego nos iremos a los diferentes botones o apartados y añadiremos el nombre de esta función para que la ejecute (en este caso es cerrar).

Recordar: que no se pueden hacer botones dentro de botones porque no funcionarán correctamente ya que no reconoce bien los eventos.

Google Analytics

2006-10-10T17:00:00.000+02:00

Google Analytics es una herramienta que nos ofrece la oportunidad de conocer que tipos de visitantes visitan nuestro blog y como interactúan con él. Es interesante como herramienta de marketing y como base para saber que intereses tienen nuestros visitantes, con estos datos podemos ir adecuando nuestro sitio web para que resulte más interesante.

Google Analytics

Dreamweaver: Estilos CSS

2006-10-10T13:35:00.000+02:00

Para trabajar con los estilos CSS tenemos que tener en cuenta que se aplican en orden, así que podemos crear estilos genéricos para utilizar en todos los documentos o estilos locales que junto con lo anteriormente citado nos ayudarán a realizar un buen trabajo.
Además podemos adjuntar o vincular estos estilos a otros archivos con la opción de adjuntar hojas de estilos. Una vez hecho esto podemos escoger la opción vincular los estilos, de esta forma si posteriormente queremos realizar una modificación, ésta se nos realizará automáticamente en todos los documentos donde hayamos aplicado estos estilos.

Desde la pestaña de estilos CSS podemos crear nuevos estilos personales o también podemos redefinir estilos e incluso modificarlos. Esta opción de redefinir estilos aplicadas sobre estiquetas hace que podamos reeditar encabezado, etiquetas de párrafos o de listados, etc... Esta opción es muy interesante porque se aplica en todo el documento.

También podemos crear estilos para los vínculos desde aquí usando la opción: usar selector CSS y optando por el vínculo que queramos modificar:
- a:link (estado normal del vínculo)
- a:visited (cuando se ha visitado el elemento)
- a:hover (cuando el usuario se desplaza sobre él)
- a:active (cuando está activo)

Flash: funciones

2006-10-09T12:06:00.000+02:00

Las funciones nos sirven para reutilizar código y que así pesen menos nuestras películas o documentos.
Nosotros nombramos a las funciones con un nombre para luego hacer las llamadas a esta función, por ejemplo:

function cerrar
function botones
function...

Flash: variables

2006-10-09T11:01:00.000+02:00

Las variables pueden ser locales o globales. Las locales sólo actúan en el sitio donde están en cambio las variables globales actúan en toda la película.
Para generar una variable le debemos dar un valor o valor que contendrá.

Flash: eventos del mouse

2006-10-09T10:33:00.000+02:00

Tenemos diferentes tipos de eventos que podemos aplicar para las diferentes actuaciones del mouse , como:
-release
-press
-rollOver
-rollOut...

Dreamweaver: algunas etiquetas meta

2006-10-06T13:23:00.000+02:00

Las etiquetas meta facilitan la información a los buscadores como Google, en ellas se puede especificar el idioma de nuestra página, el autor, una descripción del blog, palabras o tags que hacen referencia a lo que en el blog se edita, etc.
Las etiquetas meta las podemos introducir manualmente en el código o a través del menú INSERTAR -Head.

Ejemplo:

etiqueta meta o meta name = "tipo de meta" contenido "___"

Flash: ejercicio_catálogo de imágenes

2006-10-06T13:22:00.000+02:00

Realización de un catálogo de imágenes mediante Flash. La primera opción (arriba) es un catálogo simple y la segunda opción (abajo) contiene una máscara realizada sobre el catálogo.

Flash: botones

2006-10-04T12:55:00.000+02:00

Los botones nos permiten interactuar, realizar una acción. Podemos crear botones a partir de un texto o de un elemento gráfico.

Si optamos por realizar un botón con un texto tan sólo tendremos que convertir ese texto en un símbolo y luego poner los diferentes estados que tendrá (en reposo, sobre él, presionado y la zona activa o zona donde actuará), para darle los diferentes estados seleccionaremos el simbolo y haremos doble click sobre él.

De la misma manera, si tenemos un elemento gráfico en nuestra biblioteca podremos hacer que se convierta en un botón, lo seleccionaremos y lo convertiremos en símbolo y desde ahí pondremos que sea un botón, ya sólo nos quedará configurar sus estados.

APLICACIÓN DE ACCIONES
Una vez creado el botón o botones les podemos asignar diferentes acciones o eventos como por ejemplo que actuara como "play" o como "pause" o como "stop", etc...
Para ello seleccionaremos el fotograma donde aplicaremos la acción, seleccionaremos el botón a asignar la acción, iremos a ventana-paneles de desarrollo-acciones y programaremos la acción a realizar con el símbolo creado.

Flash: clip de película

2006-10-04T10:53:00.000+02:00

Dentro de Flash tenemos tres tipos de símbolos:
1- los gráficos
2- los clips de película
3- los botones

Los clips de película se pueden animar además de permitir nombres de instancia.
Para generar un clip de película podemos optar por realizar dos gráficos sencillos y realizar una interpolación de forma entre ellos, poner por ejemplo 10 fotogramas entre ellos como distancia de la interpolación y volver a copiar el fotograma1 y pegarlo en el 20 y aplicar la interpolación creando así un bucle.

Las interpolaciones de forma se muestran en los fotogramas con su coloración verde.

Flash: Papel cebolla

2006-10-02T16:56:00.000+02:00

Flash nos ofrece la posibilidad de utilizar una opción que nos ayudará a ajustar gráficos para la realización de animaciones.
Esta utilidad es la de utilizar la opción del papel cebolla, ésta se encuentra debajo de la línea de tiempo y se visualiza con la forma de dos cuadrados superpuestos, uno transparente y otro opaco. Presionando esta opción sobre un fotograma y ajustando en la línea de tiempo los fotogramas que queremos que se visualicen podemos ver otros gráficos de forma transparente que nos ayudan a visualizar nuestro espacio, es el conocido efecto papel cebolla.
Esta utilidad es muy interesante como se ha citado anteriormente en el caso de realizar animaciones para ir haciendo evolucionar a nuestro personaje o composición.

En este simple ejemplo de muestra tan sólo podemos ver como los gráficos que no están en ese fotograma salen más claros, como si se hubiera superpuesto un papel cebolla por encima, de esta forma hemos podido colocarlos uno al lado del otro a la misma altura.

Flash: máscara (con texto)

2006-09-29T12:38:00.000+02:00

Para hacer una máscara con una texto crearemos una capa por encima de una capa de imagen que tengamos y le daremos la opción de máscara, dentro de esta nueva máscara haremos un cuadro de texto estático y ya tendremos nuestra máscara realizada. Si hacemos que la capa de imagen tenga movimiento y lo visualizamos veremos nuestro texto y por dentro la imagen moviéndose, incluso podríamos darle movimiento a nuestro texto a través de las interpolaciones y obtendríamos un efecto interesante.

Flash: creación de guías

2006-09-29T12:07:00.000+02:00

Flash al igual que Freehand nos permite utilizar reglas y guías que nos ayudarán a crear nuestro proyecto, así por ejemplo si desearamos hacer una guía de nuestro escenario (zona visual en flash) tan solo tendríamos que crear una capa nueva y convertirla en guía, dentro de esta capa guía dibujaremos un rectángulo (solo el trazo) del tamaño de nuestro escenario y bloquearemos la capa, si la ponemos dencima de las otras capas podremos tener visualmente una referncia de nuestro escenario en situaciones como tener una capa donde la imagen sea más grande que el propio escenario. No obstante esta capa guía debe tener la cantidad de fotogramas necesarios para ser visible a lo largo del proyecto.

LAS GUÍAS DE MOVIMIENTO

Una opción interesante son las guías de movimiento a través de las cuales podemos trazar una línea que servirá de referencia para simular movimientos de objetos. Entre la posición 1 de un objeto y la posición 2 de este mismo sobre la escena podemos recrear una trayectoria curva a través de esta opción, porque si creásemos una interpolación de movimiento entre ambos sin esta opción, la trayectoría que seguiría sería una línea recta.

Dreamweaver: Design notes y estados

2006-09-28T13:58:00.000+02:00

Dentro de Dreamweaver podemos utilizar la opción de incluir notas a través de Design notes, así mantendremos la comunicación con otra/s persona/s que estemos trabajando.
Siempre marcaremos el estado de nuestros trabajos (documentos, programas, juegos...) con los diferentes estados posibles:
- borrador
- revisión 1
- revisión 2
- revisión 3
- alpha (terminado pero sin acceso a usuarios)
- beta (prueba por los usuarios)
- final
- revisar (revisión de algún error o último cambio)
También activaremos la casilla de mostrar al abrir el archivo para que la otra persona que vaya a trabajar en el proyecto nada más abrirlo le salga esta nota.

Dreamweaver: Menús emergentes

2006-09-27T13:48:00.000+02:00

Para realizar un menú emergente debemos seleccionar el mapa de imagen realizado, en este caso sobre la pestaña o botón de history, luego poner en la opción de vínculo del panel de propiedades una #.
Después ir a COMPORTAMIENTOS: MOSTRAR MENÚ EMERGENTE.
A través del menú que nos saldrá podremos darle diferentes opciones:

- contenido: irán los subapartados de history con los vínculos a las páginas donde estarán

- apariencia: tipo de menú: vertical u horizontal; fuentes y opciones; estado del texto y sobre el texto.

- avanzado: tanto ancho como altos automáticos, demora de 1000 ms.

- posición: debajo, encima. a un lado, opción de ocultar menú con evento de onmouseout (interesante tenerlo activado).

Dreamweaver: creación de mapas de imágenes

2006-09-24T12:50:00.000+02:00

A veces nos puede ser útil tener una imagen y diferentes links desde diferentes partes de esa imagen. Para ello dreamweaver nos ofrece la oportunidad a través de las propiedades de la imagen, con la opción de mapa.
Así, señalaremos la imagen y con las zonas delimitaremos aquellas partes que queremos convertir en un link, luego nos iremos a vínculo y seleccionaremos a donde irá (ejemplo: nombrepag.html#puntodeanclaje), de esta forma cuando pasemos por encima de la zona de la imagen seleccionada nuestro cursor cambiará a la forma de mano indicando que esa parte es un link que nos llevará a otra información si lo seleccionamos.

Dreamweaver: puntos de anclaje

2006-09-24T12:12:00.000+02:00

Cuando tenemos un texto muy largo y necesitamos hacer una referencia a una cosa en concreto y poder ir de uno al otro lado, podemos utilizar este tipo de enlaces.
Para anclar un punto de referencia debemos ponernos delante del destino final, darle a anclar (símbolo de ancla) y ponerle un nombre de referencia, luego iremos a la palabra o link donde se inicia y señalaremos la palabra, después en el cuadro de vínculo de las propiedades de esa palabra pondremos #nombre.elegido (nombre de referencia anteriormente usado).
Nos daremos cuenta de la existencia de este tipo de links porque quedan subrayados.

De esta misma forma podemos crear un link para volver al inicio de la página, podemos hacerlo a través de un icono o de una palabra como "subir".

algunas páginas de ayuda al diseñador

2006-09-12T19:18:00.000+02:00

Designers Toolbox

D.I.Y

Newsartesvisuales

el " ADN " de los Blog

2006-08-19T13:08:00.000+02:00

Esta es la imagen del ADN de este blog a través de Firefox.

Incluso los Blogs pueden tener ADN, y esto se representa a través de una imagen gráfica que se puede crear del website, es decir, de la página web que nosotros queramos. Es fácil, pues tan solo tenemos que poner la dirección de nuestro website en el generador y éste nos creará una representación gráfica de nuestra web como si fuera el ADN humano y en este caso el ADN de nuestro sitio y que representa toda la riqueza que contiene el lugar, tanto en imágenes como en elementos flash, etc...

Encuentra el ADN de tu blog

Freehand: figura rápida en 3D

2006-07-28T18:48:00.000+02:00

Freehand es un programa que trabaja con imágenes vectoriales, éste nos ofrece la posibilidad de crear figuras y dibujos muy interesantes, incluso podemos crear objetos que simulen 3D de una forma bastante rápida.
Una figura básica como un cubo puede conseguirse en cuestión de segundos o minutos según nuestra maestría.

Photoshop: utilizando máscaras

2006-07-17T21:26:00.000+02:00

Las máscaras vectoriales son una opción que podemos utilizar a la hora de crear nuestros diseños.
Para realizar una máscara necesitamos tener una selección, así que haremos una selección y añadiremos una máscara vectorial. Con esta opción podemos conseguir que la imagen del fondo quede dentro de nuestra máscara que hemos realizado a través de la selección.
Por ejemplo:
si tenemos una imagen de fondo y queremos introducirla dentro de un texto, crearemos una máscara de texto horizontal o vertical (selección) y aplicaremos la opción de máscara vectorial consiguiendo así el efecto deseado (es importante duplicar la capa del fondo sobre la cual aplicaremos la máscara).

Photoshop: Modificaciones básicas de la imagen

2006-07-17T20:45:00.000+02:00

Cuando tratamos imágenes o las creamos tenemos que tener en cuenta una serie de parámetros o propiedades específicas de la imagen, tales como su tamaño o su resolución (cantidad de píxeles que contiene la imagen). En todo momento podemos modificar el tamaño de la imagen, podemos ampliarla (remuestreándola) o reducirla ya sea remuestreándola o recortando el lienzo (nos recorta la imagen sin remuestrearla), también podemos hacer otro tipo de modificaciones como rotarla, cambiarle el modo de color o la resolución, etc...
Algunos de estos cambios pueden afectar al peso total del archivo consiguiendo que éste pese más o menos.
Una de las propiedades que más afectan al peso general del archivo es la resolución de la imagen. Como norma general, se estipulan las siguientes resoluciones:

· resolución de pantalla: 72ppp
· res. para imágenes impresas a color o de tono continuo: 300ppp
· res. para imágenes de linea o imágenes de libros de arte: 600ppp

Estas resoluciones son aproximadas pero nos sirven como referencia para realizar un buen trabajo.

Dentro de las modificaciones que podemos realizar a una imagen tenemos la opción de rotarla, podemos girar toda la imagen (IMAGEN-ROTAR) o una de las capas (EDICIÓN-TRANSFORMAR-ROTAR). Esta opción nos es útil cuando la imagen adquirida a través de cualquier medio está en una posición que no nos interesa para nuestro trabajo, además existe una opción a través de la cual podemos darle los grados de rotación exacta y que es la opción de rotación arbitraria. Cuando nos encontramos con una imagen que está un poco girada, tan sólo tenemos que ir a la herramienta de medición (situada donde el cuentagotas) y medir desde un punto hasta el final de la imagen, así le indicaremos después que es esa la angulación a corregir, después nos vamos a la opción rotar el lienzo arbitrario y aceptar.
Para reflejar una imagen utilizaremos la opción de volteo horizontal o vertical según nos convenga.

Photoshop: restaurando imágenes deterioradas

2006-07-14T16:29:00.000+02:00

Cuando nos encontramos con imágenes que por el paso de los años o no, tienen rasguños, muestras de polvo o cualquier desperfecto, tenemos que tener en cuenta que Photoshop nos da la posibilidad de poderlas arreglar a través de sus herramientas e incluso con un filtro específico para quitar el polvo y las rayas si no son muchas.
Dentro de las herramientas que se pueden utilizar para arreglar estos desperfectos contamos especialmente con el tampón de clonar, el pincel corrector o el parche, cada uno de ellos similares pero a la vez con pequeñas diferencias que se adecuarán más a unos trabajos que a otros.
Así, el tampón de clonar clona exactamente la muestra de donde se ha captado (a través de ALT + click se recoge la muestra y luego clickando se da); el pincel corrector es muy similar, lo que lo diferencia es que en este caso, el pincel corrector respeta las luces y sombras, así es una herramienta muy interesante cuando se están tratando zonas oscuras en rostros u otras imágenes, y por último, el parche nos copia zonas de la imagen y las manda a otras zonas (también respeta zona de luces y sombras), para ello haremos una selección y cogeremos la herramienta parche y la acercaremos al borde de la selección y luego definiremos entre sus opciones como "destino" o como "origen" según nos convenga, usualmente es más utilizado el sentido destino, así tan solo tendremos que arrastrar la selección hasta donde deseemos copiarla y ya estará, en el caso contrario que lo que elijamos sea origen, arrastraremos hasta donde queramos copiar la imagen o muestra y ésta se copiará en nuestra primera selección.

Photoshop: degradados

2006-07-14T15:49:00.000+02:00

Cuando queramos crear un degradado en Photoshop utilizaremos la herramienta específica para ello. Dentro de las opciones que contiene esta herramienta está el editor de degradados, desde el cual podremos elegir un degradado que ya tengamos, crear uno nuevo, guardar nuestros degradados creados y cargar otros que ya hubieramos creado anteriormente y que tengamos en una carpeta en nuestro sistema.
Es importante no tener muchos degradados dentro del programa y sí, fuera de éste en una carpeta que asignemos, así cuando los necesitemos tan sólo los tendremos que cargar y se nos cargarán todos, y en caso que no los necesitáramos éstos no estarían ocupando memoria.
Desde el editor de degradados podemos mediante las diferentes opciones y herramientas darles más o menos opcacidad o transparencia a nuestros degradados y asignarles desde donde comenzarán, donde se unirán, los colores que serán, etc..., para ello sólo tendremos que arrastrar los cursores, quitarlos (arrastrándolos fuera) o añadirlos mediante un click, además podremos definir donde se ajustarán o lugar de unión de los diferentes colores mediante otros pequeños indicadores en forma de rombo, también podemos definir su ubicación mediante números o su opacidad o transparencia.
Además, podemos crear diferentes tipos de degradados: lineales, radial (circular), de ángulo (cónico), reflejado o diamante, así que las posibilidades son muchas a la hora de poder crear un bonito degradado.

Recordar, que para impresión, se recomienda intervalos mínimos entre un 5% y un 95% para la creación de degradados que después sean correctamente impresos.

CASADOS

2006-06-20T10:56:00.000+02:00

Cuando realizamos un trabajo impreso muchas veces es necesario saber el tipo de casado que realizaremos para así calcular el número exacto de páginas y poder economizar gastos tanto de papel como de diferentes acciones que se realizarán como: alzados, plegados y cortes.
Así que es importante conocer como será nuestro pliego: alargado (prolongado) o apaisado y que tipo de casado utilizaremos: regular (prolongado o apaisado) o irregular.

Ejemplos de CASADOS IRREGULARES:

tríptico _2 dobleces _6 páginas
seisavo _3 dobleces _12 páginas

Ejemplos de CASADOS REGULARES:

folio _1 doblez _4 páginas
cuarto _2 dobleces _ 8 páginas
octavo _3 dobleces _16 páginas
dieciseisavo _4 dobleces _ 32 páginas
treintaidosavo _5 dobleces _64 páginas

Tiras de control en impresión

2006-06-05T18:59:00.000+02:00

Las tiras de control se utilizan para controlar problemas en la impresión, normalmente éstas se sitúan en el documento y que más tarde pasarán a imprimirse en el pliego paralelamente al cilindro de impresión. Las tiras de control son muy utiles para controlar ópticamente la calidad de la impresión de cada tinta y la suma y en consecuencia el resultado de ésta.
Las tiras de control están compuestas por diferentes campos de medición entre ellos:
_campos de tono lleno
_campos de trama con valores 40% y 80%
_campos de corrimiento/doble impresión
_campos de equilibrio de grises
_campos de sobreimpresión de tonos llenos

Campos de tono lleno: como su nombre bien dice estos campos contienen un 100% de C, un 100% de M, un 100% de Y y un 100% de K, a través de ellos podemos observar la uniformidad en el entintado.

Campos de trama con valores 40% y 80 %: en estos campos encontramos tramas que simulan los medios tonos y los oscuros, sirven para observar y medir el aumento de valor de tono y contraste.

Campos de corrimiento/doble impresión: en estos campos formados por líneas paralelas con una inclinación de 0º o 30º nos permiten visualizar si existe corrimiento o no (si se juntan o no).

Campos de equilibrio de grises: son los campos donde se aprecia que sumando diferentes tintas se consiguen grises y que no deberían poseer ninguna dominante. Normalmente están formados por cuatro parches, uno con un 40% de K; otro con la suma de 50 C, 41M, 41Y; otro con 100C, 100M, 100Y y el último con un 100% K.

Campos de sobreimpresión de tonos llenos: esta zona es la formada por los parches de R, G y B o suma de los colores pertinentes.

Texto simulado - Lorem Ipsum

2006-05-19T19:25:00.000+02:00

Lorem ipsum es el texto que se usa habitualmente en diseño gráfico en demostraciones de tipografías o de borradores de diseño para probar el diseño visual antes de insertar el texto final.
Por una parte nos sirve para comprobar cuanto nos ocupará el texto que introduzcamos y en consecuencia colocar los elementos gráficos restantes si procede.
Como norma general el texto que se utiliza está en latín pero también se ejecuta en otros idiomas diferentes a los de los usuarios, así el usuario se puede centrar más en la composición y no en lo que dice el texto.

En la web disponemos de páginas generadoras de estos textos, como:
http://www.lipsum.com/
http://www.lorem-ipsum.info/generator3-es

El color y los tipos de tintas

2006-05-16T08:13:00.000+02:00

Es importante conocer que tipo de tintas y que colores son los adecuados para un determinado trabajo puesto que existen muchas clases a parte de la tinta habitual CMYK o CMAN. Así podemos encontrarnos con:

-RVZ : se utiliza normalmente para trabajos que serán visualizados únicamente en pantalla (síntesis aditiva)
-MSB o HSD: es otro modo matemático de calcular el color, trabaja en base a los conceptos de matiz (color), saturación (pureza) y brillo (claridad).
-LAB: sigue el criterio de la luminosidad.
-MULTI-INK: sistema que permite conseguir cualquier color de cuatricomía a partir de colores planos.
-MEDIO-TONO: descompone la imagen en configuraciones de puntos de tamaño variable. Este proceso se realiza para que la impresión de la tonalidad de los colores sea posible.
-TOYO y PANTONE: son dos catálogos de tintas planas.
-FOCOTONE o TRUEMATCH: catálogo de 750 colores con tonos conseguibles por cuatricomía.

Gama de tonos Pantone

2006-05-15T12:20:00.000+02:00

La gama de tonos PANTONE se utiliza en muchas casiones para definir colores que después en su reproducción serán iguales aunque ésta se haya realizado desde otro sitio puesto que son colores fijos. Si el soporte en el que se imprime es el mismo y la tinta es un PANTONE podemos obtener resultados óptimos sin que deba haber diferencia de color.
Dentro de la gama de los PANTONE podemos encontrar de diferentes tipos, cado uno especializado para una clase de papel, así tenemos:

-Pantone Solid Coated: se emplea para papel Couché (el de la revista)
-Pantone Solid Mate: se utiliza sobre papeles mate, sin brillo.
-Pantone Solid Uncoated: adecuado para el papel no Couché.
-Pantone Pastel Uncoated: colores pastel para papel no Couché.
-Pantone Metálic Coated: colores con efectos metálicos, para papel Couché.
-Pantone Solid to Process Coated: permite conseguir esos colores mediante cuatricomía.
-Pantone Solid to Hexacrome Coated: esta combinación hace una filmación de las imágenes de alta calidad y utiliza dos tintas adicionales al CMYK, naranja y verde o magenta claro y cian claro.