miércoles, 20 de enero de 2010
Vuestra papelería de empresa online
jueves, 17 de diciembre de 2009
Papelería de la empresa
TAREA: Como aproximación al nuevo trabajo de diseño gráfico que vais a acometer a partir de ahora, os propongo que trabajéis con una herramienta online para el diseño y montaje de la papelería de la empresa. Os ayudará a crear el papel de las cartas, facturas, sobres, tarjetas de visita y otros muchos elementos que se utilizan a diario en todas las empresas:
- Logiprint. No requiere registro alguno, podréis personalizar la papelería, incluso con vuestro logotipo y, por supuesto vuestros datos, y generar un fichero pdf listo para su impresión. Si necesitais guardar vuestro trabajo para continuarlo en otro momento, hay una opción en la que escribís vuestro correo y se os enviará un email electrónico con un enlace a vuestro documento.
miércoles, 2 de diciembre de 2009
Primeros bocetos de logotipos
martes, 27 de octubre de 2009
Tu logotipo
TAREA1- Trabajo individual: Basándose en todo lo que hemos visto, hablado... sobre logotipos, cada socio de la empresa tiene que desarrollar un logotipo para su empresa. Desarrollará bocetos, croquis y llegará a un logotipo con el mayor grado de definición y acabado posible para que pueda ser propuesto al resto de los integrantes de su empresa en la fecha del próximo Consejo: 26 de noviembre 2009. Por tanto, la fecha de entrega es 26 de noviembre de 2009. Este trabajo dará luga a una nota individual. 2- Trabajo grupal: Los socios, junto con el profesor, elegirán la mejor de las propuestas y elaborará de forma conjunta el logotipo final de su empresa. Los elementos finales que se presentarán son: - Lámina DIN A-4 con el logotipo a escala 3:1 en líneas de contorno. Anagrama: 0.8 Construcciones auxiliares: 0.4 Red sobre la que se apoya: 0.2 - Lámina DIN A-4 con el logotipo a escala 3:1 con rellenos en tramas diferentes con indicación del color de cada una de ellas a modo de leyenda. Anagrama: 0.8 Rayados/tramas/rellenos: 0.4 Red sobre la que se apoya: 0.2 - Lámina DIN A-4 con el logotipo a escala 3:1 en color con técnica libre. Anagrama: 0.8 (si hay contornos) Rellenos a color con técnica libre (rotuladores, lápices color, témperas, collage de papeles de colores...) Red sobre la que se apoya: lápiz duro o plantilla informática. - Fotocopia DIN A-4 de la lámina anterior en blanco y negro (simulación monocromo, fax...). Nota: Cada lámina debe ir firmada por uno de los creativos (cada alumno recibirá una nota adicional a la del grupo). - La memoria explicativa, no inferior a 200 palabras. - Se acompañarán todas las fichas utilizadas en el proceso de creación del anagrama correctamente numeradas, tanto individuales, como grupales. - En la fecha de entrega, cada grupo dará lectura a su memoria y procederá a su defensa. A determinar fecha de entrega. Este trabajo dará lugar a una nota individual y una nota grupal.
La imagen de la empresa: logotipos
- Identificativo. Debe diferenciar una marca o empresa de otras.
- Indicar calidad, valor, origen, fiabilidad.
- Único. Debe ser atractivo y original.
- Simple y Memorable. Debe ser fácilmente recordable. Por tanto debe ser simple.
- Práctico. Debe ser apropiado para ser utilizado en todo tipo de medios: impresos, membretes, uniformes, TV, página web, etc.
- Consistente. Su imagen, paleta de colores, tipo de letra, etc. deben mantenerse en todas las piezas de la empresa.
- Sustentable. Resistir el paso del tiempo. Que no se vuelva obsoleto en poco tiempo.
- Acorde. Debe ser acorde a su representado. No debe dar una impresión equivocada de la actividad de la empresa o del producto representado.
- Adaptable. Ni muy moderno, ni muy conservador, o seríamos rechazados por algunos mercados.
Ejemplos de logotipos para inspirar (no copiar):
Logo Design Love, 33 logos.
Diseños simples, 15 ejemplos.
Diseños a mano.
Rediseño de logotipos. 10 ejemplos de la evolución de logotipos.
15 ejemplos de ambigramas.
Algunos logotipos pueden inpirarse en obras de arte:
Logotipo del programa Fama a bailar inspirado en la obra de Robert Delaunay:
CREACIÓN DE LOGOTIPOS CON LAS TIC
Diseña online tus propios logotipos: Easy Logo Maker, es un editor online pensado para la creación y diseño de logos. Se trata de una aplicación gratuita que ofrece una galería de figuras, permite manipular los elementos del diseño como objetos y textos, subir imágenes, etc... La imagen creada luego puede ser grabada. http://www.sulogo.es/, es una divertida aplicación para crear un logo. Es una herramienta comercial por lo que una vez hecho el logo puedes comprarlo. Diseña tus logotipos con software instalado en tu ordenador: Creación de logotipos con Gimp. Pequeño tutorial para realizar un logotipo con el software libre de diseño Gimp.
Para Saber Más:
Criterios para crear un logotipo
GoodLogo!.com: Los mejores 250 logos.
Logotipos: Más logos para inspirarte.
Identidad Cromática: El color. El color, junto a la forma, define la identidad visual de una entidad. Estrategia para la definición de la identidad cromática.Variables a tener en cuenta en la selección de los colores identificatorios de una empresa.
Colores RGB y CMYK aplicados a logotipos. Conocer las características de las paletas de colores que se utilizan para generar imágenes en pantalla y cómo aprovecharlas para sugerir colores al diseñador.
Principios de uso de tipografías. Las tipografías son parte fundamental de un logotipo. Conozca las clases de tipografías existentes.
Círculo Cromático. Recomendaciones para elegir combinaciones de colores.
Fundamentos del diseño de logotipos. Para profundizar en el tema, este es el artículo indicado.
Creación de Slogans. Es habitual incluir un eslogan junto al logotipo. Qué es exactamente un eslogan y qué características debe tener para que su mensaje sea comunicado exitosamente.
Glosario de diseño gráfico. Extenso diccionario de términos que normalmente se utilizan en el diseño gráfico y en el diseño de logos.
jueves, 23 de julio de 2009
Así se hizo... Los mundos de Coraline
Se trata de Los mundos de Coraline, una nueva película de Henry Selick, director también de Pesadilla antes de Navidad. Esta película está también realizada con la técnica del Stop-Motion. ¡Menudo trabajazo, qué paciencia!. Aquí os dejo, en la imagen, un enlace al programa de TVE Así se hizo sobre la fantástica película. Y un pequeño vídeo resumen.

Si no la habéis visto, os la recomiendo. Es una maravilla.
Aquí os incluyo un vídeo también rodado con la técnica del stop-motion. ¿Os imagináis mover cada cerilla y cada cajita miles y miles de veces? (Si éste o el siguiente vídeo no se ven desde aquí, pulsa sobre ellos y serás dirigido a su página).
LAÏKA (SHORT VERSION) from Guillaume Blanchet on Vimeo.
Y este otro con plastilina:
Wooork from Soon in Tokyo on Vimeo.
Para saber más:
El stop-motion es una técnica de animación en la que se va rodando fotograma a fotograma, haciendo que objetos estáticos parezcan en movimiento (entre cada toma se varía la posición de los objetos ante la cámara). Es el sistema clásico utilizado para la animación de películas realizadas con objetos de plastilina.
Si os interesa el tema aquí tenéis unos enlaces interesantes, y no dejéis de visitar éste artículo y los relacionados con él, facilitados por Lucía en su blog Las Tic en Plástica.
Potens plastianimation:Web del estudio de animación de pablo Llorens. Recibió en el 2005 el Goya al mejor cortometraje de animación por “El chico croqueta”. La web merece la pena por su cuidada apariencia y por lo interesante de sus apartados, en especial los extras con tutoriales y making off de algunos de sus trabajos. Muy interesante y divertida.
Rustboy: Web del proyecto Rustyboy de Brian Taylor donde día a día (ver “diary”) ha ido contando las peripecias de la película: nuevos pantallas, algunos segundos de animación, fondos…
Stopmotionanimation.org: web con variada y amplia información sobre la técnica. Incluye un foro dividido en temas y una galerís con películas animadas. (En inglés).
Animando!: portal dedicado a la animación, donde se pueden encontrar tutoriales y ejemplos para hacer animaciones con los alumnos. Muy interesante el apartado ¿Qué es animación?.
Photojojo.com: Interesante manual de cómo hacer películas de stop-motion con la cámara digital. Vicent: Primer corto de Stop-motion de Tim Burton.
El garabato feliz. Animación en plastilina: Web orientada a niños de 1º de la ESO o de Primaria con tutoriales fáciles e interesantes.
domingo, 21 de junio de 2009
Fotos de clase y más
Photo Cube
Aunque... a mi me siguen gustando más los vídeos de ANIMOTO:
Por cierto, este vídeo lo he subido a Youtube en esta dirección: http://www.youtube.com/watch?v=x-oS-GS7LQs&feature=player_embedded.
Disfrutadlo y compartidlo si queréis.
jueves, 11 de junio de 2009
Diseño Gráfico
- Gimp (editor de imágenes)
- Inkscape (gráficos vectoriales)
- SynfigStudio (animación 2D)
- Blender (modelado 3D)
- CinePaint (retoque digital, se ha usado en películas como Harry Potter o El Señor de los anillos)
- FontForge (editor de fuentes de letras)
- Scribus (maquetación y publicación)
- Kompozer (edición web)
martes, 9 de junio de 2009
Vuestra tarea de Imagen Vectorial y de Bits

sábado, 30 de mayo de 2009
Tamaño y peso de las imágenes
VSO Image Resizer permite cambiar el formato de tus fotografías, modificar el tamaño de las fotos para que ocupen menor, añadir una marca de agua, etc.
Formatos de imagen

En este ejercicio vamos a comprobar qué sucede cuando guardamos una imagen en distintos formatos.
- Crea una carpeta llamada FORMATOS para almacenar los archivos del ejercicio.
- Abre el programa GIMP.
- Abre la imagen "tigre", o busca en Internet cualquier otra imagen para trabajar con ella.

- Ve al menú Archivo>Guardar como>despliega: Seleccione el tipo de archivo.Guárdala con el nombre ”tigre bmp” y el formato “BMP”. Ciérrala.
- Abre de nuevo la imagen original y guárdala como “tigre tif” y el formato TIFF sin compresión. Ciérrala.
- Vuelve a abrir la imagen original y en este caso guárdala con el formato GIF y el nombre "tigre gif”. Deja la opción Convertir a indexada y haz clic en Exportar. Ciérrala.
- Abre la imagen inicial y guárdala como PNG (“tigre png”).
- Partiendo siempre de la imagen original, guárdala como JPG comprimido:
“tigre 5%” con un grado de compresión del 5%
“tigre 25%” con un grado de compresión del 25%
“tigre 50%” con un grado de compresión del 50% - Abre el explorador de Windows para comprobar el tamaño de los archivos según el formato. Visualiza las imágenes obtenidas, ampliándolas para observarlas mejor.
- Captura la imagen para enviar la solución el ejercicio, junto con las siguientes cuestiones:
- ¿Cuáles son los archivos que “pesan” más?
- ¿Pierden calidad al guardarlas?
- Compara las imágenes con formato GIF, PNG y BMP. ¿Qué observas en cuanto a su calidad? ¿Cuál es el menos pesado?
- Compara las imágenes comprimidas JPG con el resto ¿Qué conclusión obtienes?
- ¿Cuáles de estos formatos, BMP, GIF, TIFF, JPG, PNG crees que es el más adecuado para ser utilizado en Internet? Razona tu respuesta.

Para saber más sobre este tema puedes consultar el siguiente artículo sobre “Imágenes vectoriales y mapa de bits” del Observatorio Tecnológico del ISFTIC.
Actividad de mi excompi de curso Amelia Tierno, en su blog AULAS DE TECNOLOGÍAS.
Edición de imágenes digitales on-line
- Picnik puede ser un buen ejemplo para iniciarse. Ya lo usamos hace meses desde Flickr.
- Photoshop también tiene su página “a distancia”: Photoshop Express. Es la versión online del famoso editor de imágenes. Mucho más sencillo que su hermano instalable se presenta como una alternativa a repositorios y editores sencillos de imágenes. Lógicamente no podemos esperar la potencia del clásico Photoshop, pero es de los más completos. Hay que registrarse y crear una cuenta para empezar a usarlo. Su aplicación Decorate, permite añadir a nuestras fotos dibujos, bocadillos, textos, etc que nos puede servir como una sencilla herramienta para realizar fotonovelas.
- Alilg es otra posibilidad entre las muchas que pueden encontrarse.
- PicFont permite añadir fácilmente texto a tus imágenes.
- Image Mosaic Generator para generar mosaicos y todas aquellas que publiqué en este artículo del blog hace unos meses (MOZAIQ, MOSAIC MAKER, Textorizer, Warholizer...).
Pixlr. Otro editor genial. Muy sencillo de usar, con un agradable diseño y con múltiples opciones. Sus botones son muy similares al nuevo Gimp. Capas, pinceles, brochas... Y el programa se puede poner en idioma español en el menú superior desplegable.

Psycopaint, es un programa de retoque fotográfico libre en Internet. No hace falta registro ni instalación. Simplemente subes una foto, eliges una serie de pinceles con la aplicación y produces efectos de pintura libremente sobre la foto. Es como tener rotuladores, brochas, pinceles que arrastras sobre los colores de la propia imagen que va transformándose y produce efectos mágicos. Tiene posibilidades tan increíbles como los mejores editores de fotografías tipo Corel, Adobe Photoshop o Gimp pero no necesitas instalarlo ni tener grandes conocimientos. La galería muestra la gran cantidad de posibilidades que ofrece y la pestaña ayuda puede ser muy interesante (aunque es bastante intuitivo).

BEFUNKY. El programa te permite subir fotos del ordenador o de una web y lo mejor de todo es que puedes salvar el trabajo en tu propio ordenador, mandarla por correo o publicarla en una web o cualquiera de las redes sociales. Todo sin previo registro. Hay varias pestañas con todos los efectos que se pueden aplicar. Dentro de esa pestaña tienes varias posibilidades. Con la pestaña GODIIES puedes añadirle marcos a las fotos, pero a diferencia de otros programas, puedes hacer esos marcos más o menos grandes, rotarlos o reflejarlos. Pica en el marco una vez elegido y tira de los cursores para modificar el marco o rotarlo.

- Aviary: Este editor, muy completo, incluso podemos añadir capas, es una más de las aplicaciones de esta Web con un bonito y agradable diseño. Hay que registrarse para utilizarlo pero nos permite crear y editar también gráficos vectoriales y jugar con sus otras aplicaciones como su laboratorio visual.
- FotoFlexer: Quizás es el más intuitivo, con botones muy sencillos y un buen número de efectos para modificar nuestras imágenes fácilmente. Otra ventaja es que no hace falta registrarse para utilizarlo. Nos permite editar las imágenes alojadas en los servicios de alojamiento de archivos gráficos y las redes sociales más usuales como Flickr, Picassa, PhotoBucket, Facebook, Myspace.
- Quick Thumbnail: Escala las imágenes por porcentaje o tamaños predeterminados y nos deja aplicarles sencillos filtros.
- My Pictr: Nos adapta las fotografías para crear nuestra imagen de perfil o avatar en diferentes aplicaciones y redes sociales. Para no romperse la cabeza con el tamaño adecuado.
- Picshadow. Es una aplicación que añade sombra a tus imágenes. Puedes regular el grosor, color... muy facilita y consigues realzar las imágenes. Por ejemplo:
Si te interesa conocer algunas otras, puedes visitar este enlace donde encontrarás algunas de las más conocidas. Hasta 20 aplicaciones on-line para retocar tus imágenes.
También encontrarás información en el artículo "Programas de edición de fotografías, Editar fotografías en Internet", en CONSUMER EROSKI.
Edición de imágenes digitales: Paint, InfarView, Photoshop y Gimp
PAINT, programa incluido con Microsoft Windows en todas sus versiones, es una herramienta muy sencilla que, en muchas ocasiones nos basta para, por ejemplo, seleccionar una parte de la imagen, redimensionarla, añadir algún texto o algún efecto, cambiar el formato de una imagen o, simplemente, para pegar una captura de pantalla (Alt+ImprPant ó ImprPant) y seleccionar la parte que nos interesa, copiarla, y pegarla luego directamente en Word, PowerPoint, o donde deseemos.Fíjate en este vídeo qué manejo del Paint, vaya destreza:
IRFANVIEW. Para redimensionar y otras tareas generales de gestión de imágenes, uno de los programas más utilizados es Irfanview. Lo puedes bajar en el enlace anterior. Es gratuito, para uso no comercial.
PHOTOSHOP, es la herramienta comercial clásica de edición de imágenes. Es software propietario, es decir, hay que comprarlo para tener una versión legal del mismo. La web oficial es: http://www.photoshop.com/. En ella se puede seleccionar TEST DRIVE y podrás descargarte el programa para probarlo durante 30 días. Es el que estamos utilizando en clase para trabajar, afortunadamente, cuando caduquen los 30 días, si Dios quiere, estaremos en la playita y no lo necesitaremos, al menos en el instituto. Una de las aplicaciones de los editores de imágenes es la de hacer collages o montajes fotográficos creativos. Este vídeo te muestra un ejemplo:
GIMP (GNU Image Manipulation Program) es un programa de edición de imágenes libre y gratuito. Se ha convertido en una alternativa al Photoshop. Funciona tanto en Linux como en Windows. La página oficial de GIMP es http://www.gimp.org/ y la página en español es http://www.gimp.org.es/ desde donde puede descargarse el programa en español, así como tutoriales, noticias, foros… Desde este enlace te lo puedes descargar para distintos sistemas operativos.
Para ampliar información:PAINT
Introducción a Microsoft Paint
http://www.scribd.com/doc/2461636/Microsoft-Paint-manual-sencillo
Vídeo "Cómo instalar Irfanview" , en español.
Vídeo "Cómo modificar una imagen en IrfanView", en español.
Manual de Irfanview.
VTOnline Enseñanza Libre. Cuarenta y tantos videotutoriales on-line sobre Photoshop para iniciarse y para expertos sobre diferentes aspectos del retoque fotográfico. En español. Lógicamente, hay que empezar por el número 1.
PhotoshopRoadMap, toda una web dedicada a Photoshop. Llena de tutoriales, aunque en inglés, están ilustrados paso a paso para los diferentes retoques fotográficos. No te costará trabajo seguirlos.
Manual de Photoshop. Un índice que te introduce en la mayoría de las opciones del programa.
Cómo crear un logo web 2.0 en Photoshop.
Tutoriales y videotutoriales de Photoshop.
GIMP
Algunas direcciones interesantes, de las muchas que hay en la red:
VTOnline Enseñanza Libre. 20 tutoriales on-line sobre Gimp sobre diferentes aspectos de la edición de imágenes. En español.
Curso de GIMP del ISFTIC
Curso de GIMP del IMH
Curso de GIMP de UMA. Video Tutoriales de GIMP
Manual de introducción a GIMP UOC
Curso de GIMP IES Cerro de los Infantes
Taller de GIMP
http://tecnologiaedu.uma.es/materiales/gimp/
Tutorial de GIMP, por la UNED
Videotutoriales de Gimp, de FacilWare. Efecto lapiz, Blanco y negro con color, Cambiar fondo, Efecto cómic, Efecto adelgazar, Maquillaje básico, Morenito playero, Ponte un tattoo, Pequeño collage, Mejora el aspecto de tus fotografías, Blanquear los dientes y Colorea tus dibujos.
De todas formas si, en Youtube, buscas "GIMP español", "Photoshop español" o "Paint español", encontrarás muchos vídeos referentes a aspectos concretos de la edición de imágenes con estos programas.
También encontrarás información en el artículo "Programas de edición de fotografías, Programas para profesionales", en CONSUMER EROSKI
Tarea de imagen digital vectorial y mapa de bits

Tarea:
IMAGEN VECTORIAL E IMAGEN DE MAPA DE BITS
1- Entra en la página de búsqueda de imágenes de Creative Commons.
2- Localiza una imagen vectorial. Pulsa sobre ella para verla en tamaño completo.
3- Guarda la imagen en tu pendrive.
4- Amplía el zoom de tu pantalla (Ctrl +) y observa la calidad de la imagen.
5- Haz lo mismo con una imagen de mapa de bits.
6- Publica ambas fotos en tu blog identificando cual es vectorial y cual es un mapa de bits. Contesta también en el mismo artículo las siguientes preguntas:¿Qué ocurre si ampliamos una imagen vectorial?
¿Y si lo hacemos con una imagen de mapa de bits?
La imagen digital
(por mi excompi de curso, Amelia Tierno)
(por Alejandro Sánchez)
Feliz cumpleaños, SylvyaTic
happy birthday
Urcloud.com
Get a scroller sign at http://www.crazyprofile.com.com!
domingo, 19 de abril de 2009
¿Quieres tener tu propia calle? ¿Y otras señales?

Generador de ... puff, tantas cosas:
En esta web, el enlace es éste: http://123pimpin.com/, puedes imprimir tu texto en un montón de imágenes, algunas animadas incluso. Es muy facil: elegir la imagen, introducir el texto y hacer la vista previa: "Grab". Si te gusta cómo queda puedes hacer dos cosas:
1- Guardar la imagen (botón derecho-guardar como...).
2- Copiar y pegan el código que da en tu blog...
Algunos ejemplos:
Generador de mosaicos con imágenes, textos...


Hay otra herramienta parecida: MOZAIQ. Crea un retrato mosaico a partir de imágenes de Flickr.
Los mosaicos están de moda. Otra herramienta, aunque algo distinta es MOSAIC MAKER. Crea un collage con un máximo de 36 fotografías que puedes subir de tu PC o coger de Flickr.
He encontrado otra herramienta: Textorizer. Es una pequeña aplicación (no llega a 500KB) que permite transformar imágenes en forma de textos. Es más creativa pues pudes personalizar los efectos. El usuario puede elegir dos tipos de "texturización", decenas de tipos de letras, colocar su propio texto, etc. El programa requiere la última versión de Java, funciona bajo Windows, Linux y Mac OSX y, lo que es muy de agradecer, puedes instalarla si quieres en el ordenador o ejecutarla desde Internet.
Otra herramienta interesante es: Fotografía sin fin. Una idea de National Geographic. Vas pinchando en la fotografía y ves que está formada por otras. Vuelves a hacerlo y ocurre de nuevo. Y así infinitamente. Una buena combinación de creatividad y tecnología.
¿Y qué tal a lo Wharhol? Warholizer: consigue un retrato al estilo Warhol, el mayor representante del Pop Art.


viernes, 17 de abril de 2009
Imágenes divertidas con JPGFun y otros
- Creación de calendarios personalizados con tu foto en unos segundos (http://bighugelabs.com/flickr/calendar.php).

- Efectos especiales a tus fotos (blanco y negro, sepia, monocromo, pintura, carboncillo, boceto, negativo, implusiones, bordes...). http://bighugelabs.com/flickr/fx.php.

- Puzzles en tus fotos. (http://bighugelabs.com/flickr/jigsaw.php).

Otra página divertida es Faceinhole. Como su nombre indica, es "cara en agujero". Podrás insertar tu cara en diferentes fotografías consiguiendo divertidos montajes. La imagen la puedes subir desde tu PC o hacer una fotografía en ese mismo momento con la webcam. Una vez insertadda la imagen en tu foto elegida, podrás escalar la cara, girarla, variarla de posición, cambiar su brillo, saturación... todo, para que el montaje quede tan real como te lo quieras trabajar. El resultado puedes enviarlo a una red social, incrustar su código en tu blog, enviar a amigos en un correo o con un enlace a una URL... Yo me he hecho unas pruebas rápidas y esto es lo que he obtenido.
Create your own FACEinHOLE
Otro efecto que puedes aplicar a tus fotos es el de "agua en movimiento". Yo lo he aplicado a mi foto, como siempre, pero tú puedes aplicarlo a una playa, el mar abierto... y conseguirás poner movimiento a la imagen con sólo desplazar el ratón sobre la imagen en distintos sentidos y a diferente velocidad. Cuidado, que el mar marea, no te pases. La aplicación se llama Water Effect Animation.
Photozing te permite montar tus fotos con una gran variedad de temas:
Zing Photos by Crazyprofile.com
Zing Photos by Crazyprofile.com
Zing Photos by Crazyprofile.com





