CONSTRUCT: Guía de publicación do videoxogo

Unha vez que teñades feito o voso videoxogo, chega o momento de publicalo e compartilo.

Antes de nada teredes que descargar unha copia do xogo dende o menú do Construct3.

 

Pinchades en Menú - Proxecto - Gardar como - Descargar unha copia

O programa vos proporcionará un arquivo en formato c3p, que deberedes subir a unha conta na nube, por exemplo google drive, e deixar a ligazón na entrada do xogo.

Así calquera que descargue o arquivo poderá fedellar nel.

O seguinte paso é publicar o xogo no blog de xeito que se poida xogar.

Para iso teremos que colgar o xogo na web de Scirra, que é a empresa creadora do programa.



O primeiro será ir ata o apartado correspondiente da web, por exemplo a esta:
https://www.scirra.com/arcade/top-addicting-games

e pinchar en UPLOAD GAME, o botón gordo laranxa. Teredes que estar rexistrados. A conta de Construct vale.

Entón teredes que ir a Construct e ir a Menú - Proxecto -  Exportar e escoller a opción Scirra Arcade. (Hay opcións para comprimir o programa, pero recomendo non usalas a menos que faga falta)

Para que o programa vos entregue un arquivo comprimido en formato zip que contén todo o xogo, imaxes, etc...

De regreso na páxina de Scirra, teredes que premer en "Choose a file to upload", onde navegaredes para excoller o arquivo zip que acabades de descargar.

Feito iso, premer no botón de abaixo de todo, UPLOAD.

Tras subir, levaravos a unha última páxina onde teredes que cubrir varios datos. É importante saber que se non cubrides todo o xogo non subirá.

Teredes que poñer

Game Name Onde poredes o nome do xogo.
Description. Información do xogo, a historia, os controis, os obxectivos, copyright, autorría, data, etc...
I(ntrustions. Pois iso.
Short Description.  Unha breve descripción do xogo
Category O xénero ao que pertence o xogo. Puzzle, carreiras, etc...
Version . O número da versión de telo, se non é a versión 1.0
Mobile Enabled  Se o xogo está habilitado para xogar en móbiles.
Work in Progress Se o traballo está incompleto e vai a ser mellorado no futuro
Adult Content  Se trata temas para adultos.

E premer UPDATE DETAILS

MOI IMPORTANTE

Teredes que crear unha imaxe de 450px de ancho, e 300px de alto que servirá de portada e miniatura para o xogo. En formato png ou jpg. Podedes usar o gimp ou o inkscape.

Neste apartado final os pedirá esa imaxe. A escoilledes en navegar, dádeslle a UPLOAD e listo.

A última ventá pulsades check en todas as casiñas, premedes en PUBLISH MY GAME! e xa poderedes coller o código para pegar no html do blog. Como?Pois teredes que ir ao xogo, que xa estará colgado na galería de Scirra. Darlle, e premer no pequeno icono dunha cadea que hay xusto arriba do xogo.
Na casiña de EMBED CODE xa teredes o código necesario.

E listo!

Hosted by the Scirra Arcade

Exemplo de xogo: Pasqui Running

Hosted by the Scirra Arcade

DES - Análisis de Publicidad en Medios Impresos

Se trata de usar el inkscape  (o hacerlo a mano) como hemos visto en clase para trazar las masas principales, los tercios y las líneas de fuerza de anuncios publicitarios en medios impresos.

Se pide como poco el análisis exhaustivo de un anuncio. Si quieres poner más, vale.

Ejemplos vistos en clase:

Además del análisis gráfico, haremos un análisis discurrido basándonos en los pricipios vistos en clase.

DES - Sistema de puntuación del proyecto personal

Logotipos

Un logotipo é un símbolo gráfico que identifica a unha empresa, marca, producto, causa, institución...
Por norma xeral entendemos por logotipo como o conxunto de texto e anagrama, e así o faremos tamén neste traballo para non xerar confusión, aunque técnicamente o logotipo só fai referencia á parte tipográfica (o texto) dun emblema e non inclúe o anagrama ou isologotipo.


O anagrama, isologotipo ou icono non é algo obligatorio en todos os "logotipos", algúns logos moi bos como o de Coca-Cola non teñen anagrama, e outros moi recoñecibles como o de Nike non teñen texto nalgunhas ocasións.


Nambergantes os anagramas axudan á identificación da empresa porque poden ser elementos relacionados co producto ou servicio, etc... que a empresa ou institución ofrece.

Neste post verás cales son as claves xerais para o deseño gráfico de logotipos e iconos ou anagramas.

5 características imprescindibles dun logotipo

1. Identificativo
   
2. Sinxelo e doado de reproducir
   
3. Fácil de recoñecer
   
4. Fácil de lembrar, memorable
   
5. Coherente, todos os elementos dunha imaxe corporativa deberán seguir un mesmo estilo.

 

 

  9 Claves para o deseño de logotipos

1. Elixe una tipografía que transmita os valores da túa empresa, asociación, evento, etc...
   As distintas tipografías transmiten diferentes emocións, valores e significados (xuventude, dinamismo, tradición…) Deberás telo en conta á hora de elexir unha ou outra.
   
   
2. Escolle unha tipografía legible, incluso en tamaños muy pequeños. Se xogas coas letras e as transformas procura non perder nunca a lexibilidade ou o logotipo resultará inútil e non cumplirá ben a súa función.
   
   
3. Non uses máis de dúas fontes tipográficas distintas.
   
   
4. Para deseñar o anagrama (debuxo) traballa con formas simples. A simplicidade é a base para o deseño dun bo logotipo e permitirá a súa doada reproducción en todo tipo de soportes e tamaños (papelería, rótulos metálicos, vinilos…)
   
   
5. Busca o equilibrio entre anagrama e tipografía xa que ambos elementos deben complementarse. Si existe un desequilibrio entre tipografía e anagrama, que sexa intencionado e moi evidente.
   
   
6. Alinea correctamente todos os elementos do logotipo e procura que garden unha proporción adecuada entre eles.
   
   
7. Coida a elección de cores xa que, ó igual que a tipografía, as cores serven para transmitir emocións e sensacións. O logotipo ten que verse ben en blanco e negro e cuando se invirtan as cores. Mesmo é boa idea comezar a deseñar o téu logotipo sen cor.
   
   
8. Non uses máis de tres cores distintos no logotipo e non abuses dos degradados.
   A elección da cor influirá nos costes de impresión dos distintos elementos dunha identidade corporativa.
   
   
9. Crea tantas variacións sobre unha mesma idea como se te ocurran, xa tendrás tempo de eliminar as que peor funcionen.

DES. Traballos con tipografía

Ilustración Tipográfica
(en construcción)

Caligramas de Contorno y Dintorno

De contorno cando o texto rodea a figura:

 De dintorno, cando o texto enche a figura. (Lembra xogar cos parámaetros de centrado, xustificado, o tamaño da letra, etc)

Tipogramas/tipoformas

Se trata de construír un dibujo que represente visualmente la palabra que lo define, empleando las letras de dicho nombre, sin modificar la geometría de la misma ni su proporción)

Tipografía Expresiva

A continuación veréis algunos ejemplos de textos que han sido modificados de forma gráfica para que la imagen refuerce el contenido del texto de una manera visual. En todos los casos el tipo de letra es el mismo.

Haz cinco ejemplos similares.

Safari tipográfico

Busca y fotografía diez tipografías en el ambiente urbano.
Comenta según tu criterio si está bien o mal empleada, y que cambios sugerirías de haberlos.

Des: Textos e traballos con fontes tipográficas

TIPOGRAFÍA

La Tabla Periódica de las tipografías

La Wikipedia nos define Tipografía, (del griego τύπος [típos], ‘golpe’ o ‘huella’, y γράφω [gráfο], ‘escribir’) como el arte y la técnica en el manejo y selección de tipos para crear trabajos de impresión.
El tipógrafo Stanley Morison la definió como:

Arte de disponer correctamente el material de imprimir, de acuerdo con un propósito específico: el de colocar las letras, repartir el espacio y organizar los tipos con vistas a prestar al lector la máxima ayuda para la comprensión del texto escrito verbalmente.

Morison (1936)

En el área del Diseño la tipografía resulta ser un elemento clave y esencial a la hora de comunicar. Un buen diseñador o diseñadora deberán conocer y saber emplear la tipografía adecuada a la hora de transmitir un mensaje, teniendo en cuenta su forma y familia, tamaños, impactos, interletrado, etc...

Existen en el uso de la tipografía en el diseño actual dos vertientes, quienes consideran que las tipografías han de ser expresivas y los que opinan lo contrario.

Dos vídeos sobre la tipografía Helvetica, una de las más famosas e influyentes

 

DAFONT es un sitio web donde podréis encontrar una gran cantidad de tipografías gratuítas de diferentes calidades y temas clasificadas por categorías.

Unos tipos duros. Un portal web muy interesante donde encontrar todo tipo de contenidos relacionados con la tipografía.

Tipos formales es un gran espacio web latino con muchos contenidos interesantes relacionados con la tipografía. Podéis descargar el libro electrónico Unos tipos formales AQUÍ 

ELEMENTOS TIPOGRÁFICOS

• Altura de las mayúsculas: altura de las letras de caja alta de una fuente, tomada desde la línea de base hasta la parte superior del carácter.
• Altura de la x o altura X: altura de las letras de caja baja excluyendo los ascendentes y los descendentes.
• Anillo u hombro: asta curva cerrada que encierra el blanco interno en letras tales como en la b, la p o la o.
• Asta: rasgo principal de la letra que define su forma esencial. Sin ella, la letra no existiría.
• Asta ascendente: asta de la letra que sobresale por encima de la altura x, como en la b, la d o la k.
• Asta descendente: asta de la letra que queda por debajo de la línea de base, como en la p o en la g.
• Astas montantes: astas principales verticales u oblicuas de una letra, como la L, B, V o A.
• Asta ondulada o espina: rasgo principal de la S o de la s.
• Asta transversal o barra: rasgo horizontal en letras como la A, la H, f o la t.
• Basa: proyección que a veces se ve en la parte inferior de la b o en la G.
• Blanco interno: espacio en blanco contenido dentro de un anillo u ojal.
• Brazo: parte terminal que se proyecta horizontalmente o hacia arriba y que no está incluida dentro del carácter, como ocurre en la E, la K, la T o la L.
• Bucle u ojal: porción cerrada de la letra g que queda por debajo de la línea de base. Si ese rasgo es abierto se llama simplemente cola.
• Cartela: trazo curvo o poligonal de conjunción entre el asta y el remate.
• Cola: asta oblicua colgante de algunas letras, como en la R o la K.
• Cola curva: asta curva que se apoya sobre la línea de base en la R y la K, o debajo de ella, en la Q. En la R y en la K se puede llamar sencillamente cola.
• Cuerpo: altura de la letra, correspondiente en imprenta a la del paralelepípedo metálico en que está montado el carácter.
• Inclinación: ángulo del eje imaginario sugerido por la modulación de espesores de los rasgos de una letra. El eje puede ser vertical o con diversos grados de inclinación. Tiene una gran importancia en la determinación del estilo de los caracteres.
• Línea de base: línea sobre la que se apoya la altura de la x.
• Oreja o Íbulo: pequeño rasgo terminal que a veces se añade al anillo de algunas letras, como la g o la o, o al asta de otras como la r.
• Serif, remate o gracia: trazo terminal de un asta, brazo o cola. Es un resalte ornamental que no es indispensable para la definición del carácter, habiendo alfabetos que carecen de ellos (sans serif).
• Vértice: punto exterior de encuentro entre dos trazos, como en la parte superior de una A, o M o al pie de una M.

FAMILIAS TIPOGRÁFICAS

 No hay un consenso en tanto en cuanto qué familias o grandes grupos existen a la hora de clasificar las tipografías, existiendo diferentes opiniones.

Hay quien sostiene que habría que diferenciar grupos, familias, estilos y variables.

Por ejemplo, para referirnos a la Helvetica su grupo sería Tipografía Sin Serifa, Estilo Neo Grotesco, Familia Helvetica, y con sus Variables (cursiva, negrita, delagda, gruesa, etc)

Por lo general se suelen clasificar las tipografías en tipografías con serifa (Romanas antiguas, Romanas Modernas, Egipcias) y sin serifa (san serif o de palo seco),  Decorativas y Caligráficas, de Fantasía, etc... mira el siguiente cuadro para verlo de forma más cómoda. 

Una posible clasificación

Pero el nivel de detalle va a depender de a quién preguntes.

Os dejo un enlace a una web que lo explica muy bien AQUÍ