Mostrando entradas con la etiqueta Actividades: Diseño gráfico y web. Mostrar todas las entradas
Mostrando entradas con la etiqueta Actividades: Diseño gráfico y web. Mostrar todas las entradas

sábado, 25 de julio de 2009

Footmen VS Grunts 2010

Nos hemos tomado unas breves vacaciones, pero estamos preparando "artillería pesada" para el curso próximo: Novedades en las actividades de diseño gráfico y diseño web, videojuegos en 32 bits, nuevo motor de Bennu 3D, nuevo tutorial de programación de videojuegos...

Y como preview aquí os dejo el borrador de la pantalla de presentación de nuestro mapa de Warcraft III Footmen VS Grunts 2010, en el que estamos planteando dejar la versión estable y definitiva.

lunes, 13 de julio de 2009

Generar gráficos en 32 bits a partir de gráficos en 16 bits

La diferencia de los 16 a los 32 bits consiste básicamente en que los gráficos en 32 bits admiten información de transparencia. En cualquier videojuego en el que se quieran tener unos gráficos "decentes", elementos como el fuego o un relámpago tendrán un aspecto artificial si se usan gráficos en 16 bits, ya que resultan totalmente opacos y esto es antinatural, en cambio si usamos gráficos en 32 bits el aspecto será mucho más realista.

Gimp tiene una función que nos permite convertir un fondo de color uniforme de cualquier gráfico o spritesheet en la información de transparencia (Formalmente esa información se llama canal alpha).

Así, en el menú Colores/Color a Alpha podemos seleccionar el color que queremos convertir en información de transparencia.

Os dejo el antes y el después de una imagen de fuego en la que he convertido el fondo negro opaco en el canal alpha, obteniendo un fuego que mantendría un aspecto realista al incluirlo en nuestro videojuego.

Antes:

Después:


También os dejo aquí un ejemplo de programa en Bennu que hace uso de gráficos en 32 bits, podéis observar como la información de transparencia se conserva, y la superposición de gráficos actúa correctamente saturando cada vez más los colores superpuestos:

miércoles, 13 de mayo de 2009

Próximo Viernes 15 de Mayo en el 12 Lunas

La actividad planificada para la segunda Noche de CiberOcio este Viernes tendrá como objetivo realizar una introducción al diseño de páginas web basándonos en el código HTML ya existente de las plantillas de blog que proporciona la plataforma Wordpress.

Guillermo Latorre, webmaster de HacheMuda.com, colaborador en GenBeta.com y diseñador web de profesión en la empresa Idibay Consulting S.L. será el monitor de la actividad.
Para quienes queden entusiasmados con las posibilidades del mundo del diseño web, durante las próximas 3 noches abiertas será posible ahondar más en estas artes.

Por supuesto también estarán disponibles los PCs de los laterales para hacer uso libre de las instalaciones, jugar algún torneo o continuar con nuestros proyectos de programación de videojuegos.

martes, 5 de mayo de 2009

Aforo completo en las Noches de CiberOcio

La nueva actividad de Primavera, Noches de CiberOcio, realizada a través del programa 12 Lunas del Ayto. de Zaragoza, ha completado su aforo hoy, quedando reservados todos los equipos disponibles.

Si no has podido inscribirte a tiempo no te preocupes, la entrada es libre y gratuita y siempre podremos hacerte un hueco. Además, si traes tu propio ordenador portátil podrás unirte a nosotros y participar en los torneos de red local a través de la red wifi.

Las 10 semanas de Noches de CiberOcio culminarán con el "Primer Encuentro de Programadorxs de Videojuegos de Zaragoza" el día 3 de Julio, en el que esperamos reunirnos los más entusiastas de este arte.
La semana siguiente cerraremos la actividad con una fiesta de despedida en la que todos disfrutaremos de un picoteo de lo más friki. ¿Alguna sugerencia para las viandas del banquete de despedida?
Y por supuesto, los primeros torneos de Warcraft III se desarrollarán sobre un mapa editado especialmente para la ocasión: Footmen VS Grunts 12.0 Edición Especial 12 Lunas
Esperando que llegue el Viernes con los dientes afilados, tiemblo de la emoción :')

jueves, 16 de abril de 2009

Actividades en el programa Noches de Ciberocio

Noches de Ciberocio es la nueva actividad de ocio nocturno en Primavera-Verano que organiza la Asociación TRINIT a través del programa 12 Lunas del Ayto. de Zaragoza.

Se desarrolla en la Cibersala de la Casa de los Morlanes, en la Pza. de San Carlos Nº4 (Cerca de la Pza. de España), durante todos los Viernes entre el 8 de Mayo y el 10 de Julio, de 19 a 22 horas.
La entrada es libre y gratuita. Es recomendable hacer una inscripción previa en el tlf. 976 721 832, para solicitar un puesto de PC en la sala o bien traer tu propio ordenador portátil.

¡YA ESTÁ ABIERTO EL PLAZO DE INSCRIPCIONES!

La propuesta de este año es ofrecer una gran variedad de actividades tanto culturales como de entretenimiento, además de ofrecer un lugar de encuentro para aquellas personas con un claro interés por el mundo de la informática.
Cabe destacar la realización del Primer Encuentro de Programadores de Videojuegos de Zaragoza, el próximo Viernes 3 de Julio. En este acto, además de acoger a los que ya conocen nuestras actividades relacionadas con la programación de videojuegos mediante la plataforma Bennu, esperaremos la afluencia de otros programadores/diseñadores que deseen compartir conocimientos. El día destinado a este evento tiene reservado el horario de 18:00 a 23:00 horas, con lo que esperamos tener tiempo suficiente para hacer cuanto se nos pase por la cabeza y más.
Os mantendremos al corriente de las novedades ;)

jueves, 12 de febrero de 2009

ImageCut Full Version

Después de largo tiempo buscando una versión 100% funcional de este programa ha aparecido en el disco de uno de los ordenadores más viejos y harapientos del IES Pedro de Luna.

ImageCut sirve para automatizar el recorte de sprites y facilitar la creación de videojuegos de scroll lateral.

Espero que lo disfrutéis tanto como yo.


(Alojamiento gratuito, en caso de link roto, por favor, avisar a trinitproject@gmail.com)

miércoles, 11 de febrero de 2009

Tutoriales de Photoshop

Esta web almacena una larga lista de enlaces a tutoriales de todo tipo para Photoshop. Desde nociones para principiantes hasta retoques fotográficos, edición de textos, etc.


Un aporte de Héctor, del IES Pablo Gargallo.

viernes, 19 de diciembre de 2008

Retoque gráfico al instante en Photofunia.com

Photofunia es una web que almacena todo tipo de "plantillas" de retoque fotográfico. Basta con cargar nuestra foto y seleccionar uno de los efectos deseados para que nos genere un retoque profesional, muy profesional, en unos pocos segundos. Tecnología basada en detección de caras.

Aquí un ejemplo de mi propia moneda, las gafas de sol y la trenza son para que se note que es de un país muy liberal xD

viernes, 5 de diciembre de 2008

Taller de diseño web en el IES Pablo Gargallo

Así lo ha demostrado nuestra última encuesta, el interés principal del foro es el diseño web.

Lo cierto es que últimamente tenemos el foro bastante desatendido (Con el tiempo mejorará). Mientras tanto Guille de Hachemuda.com (Moztruo, que ere un moztruo!) se encarga de impartir el próximo taller de diseño web en el IES Pablo Gargallo, con la colaboración de la Casa de Juventud de San José.
  • Fecha de inicio: Viernes 11 de Enero de 2009
  • Fecha de fin: Viernes 27 de Marzo de 2009
  • Horarios: Todos los Viernes de 18:00 a 20:00 horas
  • Preinscripciones: pieegargallo@zaragoza.es, cjsanjose@zaragoza.es (tlfs: 976 385 012, 976 723 865)

jueves, 13 de noviembre de 2008

Sprites de explosiones y otros efectos para videojuegos

Una colección de GIFs animados con interesantes efectos gráficos para videojuego.







Más de 100 GIF con animaciones
para videojuegos
Tamaño 10,53Mb

Para obtener por separado las imágenes que componen cada GIF puede usarse cualquiera de estos programas. Gracias Ángel por la aportación xD

jueves, 30 de octubre de 2008

El retorno de Hachemuda

Hachemuda es un weblog muy interesante sobre Linux, Gimp y Cibercultura en general. Su editor es mi amigo, colaborador y consejero Guille (Superwillyfoc). 
 Repentinamente, este Lunes Hachemuda.com, apareció caída por problemas con el proveedor de hosting...

Los problemas con los proveedores de hosting son un incordio y el servicio técnico deja mucho que desear. Es por eso que Hachemuda ha abandonado definitivamente su anterior proveedor de hosting (DreamHost) y ha migrado a OVH.

Recientemente sufrimos un problema similar con www.trinit.es y hasta pasadas 2 semanas no se completó el proceso de migración desde Acens hacia OVH. Guille ha conseguido finalizar el proceso en sólo 4 días, y ahora Hachemuda vuelve a estar más online que nunca.

Enhorabuena Guille.

jueves, 23 de octubre de 2008

Diferentes tipos de curva en diseño gráfico

Todos los programas de diseño gráfico cuentan con al menos una herramienta de creación de curvas. Pero, ¿Siempre es tan sencillo como trazar una serie de puntos y dejar que el programa los una?

No. El trazado de las curvas puede estar programado de muchas formas distintas, y según el método utilizado éstas pueden ser más elegantes para la vista, más fáciles de adaptar a un contorno complicado, más versátiles para trabajar con ellas en 3 dimensiones...

En este interesante vídeo nos explican con todo lujo de detalles cómo las curvas bezier son muy útiles para dibujar en 2D pero en ocasiones no resultan estables para el diseño 3D, al contrario que las curvas NURBS, que tienen un manejo sencillísimo en 3 dimensiones. Ésto puede cambiar según el programa de diseño gráfico (De hecho en 3D Studio Max las NURBS y las bezier se comportan al revés), pero ilustra perfectamente cómo se compone cada tipo de curva.

Sorprende que las curvas spline, siendo las más habituales y sencillas de trazar, ofrezcan los peores resultados visuales. Y atención sobre todo al último tipo de curva, las Spiro curves, inventadas muy recientemente y con una versatilidad impresionante, se podría hacer dibujo artístico con ellas:


Bazier VS NURBS por cortesía de Cristóbal Vila. Vídeo enlazado desde Vimeo

Pulsar el botón inferior derecho, junto al logo de vimeo, para pantalla completa.

jueves, 9 de octubre de 2008

Tirando de Gimp para la nueva cabecera

Es lo que tiene ponerse a enredar con The Gimp, el conocido programa de diseño gráfico, a altas horas de la madrugada...


Empiezas a crear un reflejo, le añades un par de degradados y un poco de imaginación y hala, te encuentras con que acabas de crear una nueva cabecera para la web. Fue así de sencillo, simplemente la comparé con la anterior y me dí cuenta de que había llegado la hora de cambiarla.

Está compuesta por un total de 17 capas de imagen, una para cada elemento. Al principio el trabajo por capas resulta algo complicado, ya que solemos estar acostumbrados a trabar con un único lienzo, estilo Paint de Windows. Eso sí, en el momento que te adaptas al trabajo con capas no entiendes cómo has podido sobrevivir tanto tiempo sin ellas.

Y es que todo el mundo debería poner un programa de diseño gráfico por capas en su vida. Para los que quieren muchas funcionalidades y tienen ganas de crackear algo está el famoso Photoshop. Los que prefieren una funcionalidad similar en una alternativa libre aquí pueden descargar The Gimp. Si acabas de empezar y no quieres muchas complicaciones es muy recomendable Paint.NET, también gratuito. En cambio para aquellos que quieren trabajar con rótulos y logotipos tenemos la alternativa vectorial y libre Inkscape. Y es que hay programas de diseño gráfico por capas para todos los gustos!

Si echas de menos algún personaje o elemento en la nueva cabecera haz tu comentario, gracias a las capas podemos añadirlo en un pis pas.

martes, 9 de septiembre de 2008

Nuevas actividades para el curso 2008-2009

Han sucedido muchísimas cosas desde que comenzamos un año atrás con nuestro taller de programación de videojuegos. Nuevas actividades, nuevos amigos y compañeros, nuevas experiencias...

¡HOY CUMPLIMOS UN AÑO!

En primer lugar queremos celebrar nuestro primer cumpleaños deseando todo lo mejor a nuestros queridos lectores y seguidores. Sin vosotros no hubiese sido posible que después de este año de esfuerzos podamos seguir innovando y sorprendiendo al público con nuestras actividades culturales.

Y es que este próximo curso hemos proyectado actividades para todos los gustos. Este es el resúmen de las actividades y talleres que nuestra asociación a preparado para este nuevo curso 2008-2009.


Podéis descargar un breve PDF con las características de la actividad haciendo clic sobre cada una de ellas.

lunes, 4 de febrero de 2008

Un excelente programa para recortar los gráficos y animaciones

La tarea más monótona a la hora de crear un videojuego es sin duda el recorte de las animaciones "a mano". Supongamos que queremos utilizar los gráficos de uno de los protagonistas de Shadow Over Mystara, el famoso Beat'em'up medieval de los 90 basado en la serie Dragones y Mazmorras.


Una opción sería trabajar mediante las herramientas de Selección de Rectángulo y Cortar y Pegar desde cualquier programa de diseño gráfico, por ejemplo Paint.NET que es uno de los más recomendados.

Get Paint.NET!

Es una tarea fácil pero tediosa, nos supone tener que generar unos 20 archivos para recortar la plantilla completa.


Otra opción es, desde el propio Lenguaje de Programación, escribir las instrucciones adecuadas para el recorte automático de la imágen (instrucción map_block_copy). Esta técnica requiere tener un buen dominio del Lenguaje y hacer bastantes cálculos para conseguir un recorte preciso. Por ejemplo ha sido utilizada para la implementación de nuestro Street Fighter TriniT Edition, todavía en desarrollo.


Pero sin lugar a dudas, la opción más sencilla es utilizar el programa Image Cut. Su versión de prueba tiene la funcionalidad suficiente para dejarnos trazar las líneas de corte que queramos sobre nuestra imágen, y con la opción Cut genera automáticamente cada uno de los recortes en un archivo distinto, con el formato que queramos.


El resultado final es que en unos pocos segundos y después de eliminar los recortes que no nos interesan tenemos esto:


lunes, 26 de noviembre de 2007

Nuevas actividades para el curso 07/08

TriniT Formación es una asociación de jóvenes Ingenieros en Informática de Zaragoza. Nuestras actividades están basadas principalmente en el desarrollo de talleres y cursos sobre nuevas tecnologías informáticas. El listado de las nuevas actividades para este curso es el siguiente:

1. TALLER DE DISEÑO GRÁFICO

El diseño gráfico y el retoque fotográfico van mucho más allá de lo que las herramientas básicas ofrecen o de lo que conocemos por nuestra experiencia como usarios.


En este taller se trabajará con las últimas versiones de Photoshop, Flash y Gimp aprendiedo todo lo necesario sobre iluminación artificial y manipulación de imágenes, reescalados inteligentes, edición de publicidad profesional, integración en páginas web y muchísimas cosas más.

2. TALLER DE CREACIÓN DE VIDEOJUEGOS

Programar videojuegos no es una tarea facil, pero con algo de motivación y voluntad y con el asesoramiento y las herramientas apropiadas puede llegar a ser una labor amena y divertida.


La principal característica de este curso es que cada alumno elige el videojuego que quiere empezar a programar, y gracias a esto, además de aprender todos los conceptos teóricos y prácticos, se desarrolla un proyecto apto para ser trabajado y ampliado como hobby y entretenimiento personal.

3. TALLER DE EDICIÓN DE PÁGINAS WEB

Editar y mantener una página web personal ya es algo tan habitual como poseer una dirección de correo electrónico.


Con este Taller se introduce al alumno en varias técnicas de edición avanzada que van desde la creación de un blog personal hasta la adaptación del mismo a una página web con nombre de dominio propio, estadísticas de visitas, integración de publicidad e inclusión de archivos y elementos multimedia. Se utilizará también el lenguaje HTML para la edición a nivel profesional.

4. CURSO AVANZADO DE OFFICE

La colección de programas de ofimática resulta imprescindible para trabajar con un ordenador, en este curso trataremos las herramientas Word, Excel, Publisher y Access.


Como característica principal de este curso, para cada programa marcaremos un objetivo con las modificaciones que el alumno proponga. Durante las sesiones se explicará lo necesario para alcanzar nuestro objetivo y crear una plantilla avanzada de documento, una hoja de cálculo con funciones, una base de datos y una presentación multimedia. Para el trabajo con bases de datos se usará el lenguaje SQL, actualmente el más demandado a nivel profesional.

5. CURSO DE PROGRAMACIÓN

La informática no sólo consiste en el manejo de programas, también tenemos la oportunidad de crearlos nosotros mismos y para cualquier propósito. Durante este curso trabajaremos con el lenguaje de programación C y C++, ampliamente utilizado a nivel universitario.


Seguiremos unas nociones de introducción a cada tema que nos permitirán crear para cada uno de ellos un sencillo programa hasta estar preparados para crear nuestro primer programa completo, que cumplirá un propósito específico.

6. LINUX Y EL SOFTWARE LIBRE

El Software Libre es una colección de programas en continuo crecimiento y desarrollo creados por profesionales, de manera desinteresada y sin ánimo de lucro. Estos programas incluyen desde el Sistema Operativo Linux, actual rival de Windows, hasta el software de ofimática OpenOffice que iguala en prestaciones al Office de Microsoft.


También trabajaremos con un número creciente de programas libres de propósito general como pueden ser Antivirus, Compresores, Editores Gráficos y Entornos de Programación, entre otros. En este taller aprenderemos a instalar y manejar la última versión de Linux, gratuita y actualmente equiparable a Windows Vista, comprobaremos como es posible realizar cualquier tarea en un ordenador sin necesidad alguna de software profesional y navegaremos por los principales foros de descarga.

Nuestras actividades dan una buena oportunidad de introducir al alumno en el sector actual de las nuevas tecnologías de la información en todos sus campos. Nuestra labor y experiencia docente en este tipo de cursos está avalada por más de 5 años de experiencia continua en el campo de la informática, tanto en el mercado laboral como en sector de la enseñanza, y por supuesto en desarrollo de actividades culturales y lucrativas con la financiación de la Diputación General de Aragón y el Ayuntamiento De Zaragoza.

Como habrán podido comprobar, una parte de nuestro glosario está orientado a actividades completamente novedosas en el sector tecnológico actual y en continuo desarrollo de cara al futuro. Aquí se incluyen los talleres de programación, creación de videojuegos y edición de páginas web. Son tareas ideales para situar al alumno en el mundo real en el que va a desarrollar sus estudios en un futuro, y ofrecen una buena preparación a la vez que resultan divertidas y favorecen la implicación del alumno dada la importancia de su inventiva y participación.

El resto de nuestro glosario se centra en la informática a nivel de usuario. Los cursos de diseño gráfico, linux y software libre y el avanzado de office cubren las necesidades actuales de un usuario habitual de la informática. Por otra parte también introducen conceptos de gran utilidad para el manejo del sistema operativo y la edición de documentos, hojas de cálculo, presentaciones y retoques fotográficos. Son elementos que resultan algo común en el manejo diario de nuestro ordenador y con los que nunca llegamos a familiarizarnos completamente si no recibimos una introducción adecuada.

Una característica muy importante de nuestras actividades es el seguimiento de un plan de calidad. Las actividades llevan asociada una documentación planificada que incluye desde encuestas hasta evaluaciones autocorregibles. Esta documentación está disponible desde la primera sesión y a lo largo de toda la actividad. Este tipo de planificación está basada en los estándares de calidad ISO actuales, suponen una completa novedad en el sector de las actividades culturales y ofrece al seguidor una experiencia formalmente documentada, además de ofrecer a la asociación estadísticas muy importantes sobre satisfacción y aprendizaje del alumno.

Contactar directamente con la asociación