descripción formal - blog sobre la asignatura metodologia y

Transcripción

bocetos previos
Naming: Next Level // Versión 11 // Duotono definitivo.
H
DESCRIPCIÓN FORMAL
De entre todos los colores presentados, esta sería la propuesta tomada como definitiva ya
que el contraste que generan ambos resulta especialmente llamativo e impactante.
RETÍCULAS
Naming: Next Level // Versión definitiva // Duotono.
t
Todas las secciones están maquetadas
t
sobre una retícula de columnas y filas.
Todas las páginas llevan una numeración
que recae sobre un rectángulo acabado en
punta que cambia de color según la sección.
t
Diseñada en páginas maestras.
t
t
El diseño original contiene espacios muy estrechos tanto entre los trazos que se cruzan como en la separación
con el rectángulo que alberga el eslogan. Esto deriva que en tamaños más reducidos produciría una unión.
Ese efecto se ha arreglado en esta última y definitiva versión separando y ampliando ese espacio. Además el
degradado de color que se produce entre las uniones de los trazos es demasiado oscuro, con lo que se ha
aclarado notablemente produciendo un efecto más suave y elegante. Por último, cuando fuese necesario, un
resplandor de un 60% de negro se puede aplicar con el fin de no perder legibilidad en fondos muy claros.
Según el tono y la luminosidad de
Hay un total de 5 páginas maestras,
color del rectángulo se altera de
una por cada sección. Hay 3 diferentes
blanco a negro la numeración para
puesto que se repiten 2.
que no afecte a la legibilidad.
Retícula de Editorial y Sumario
- 11 filas x 10 columnas.
- Medianil filas: 7,1 mm.
- Medianil columnas: 5 mm.
Medidas generales
- Página: 210 x 297 mm.
- Pliego: 420 x 297 mm.
- Margen superior: 15,38 mm
- Margen inferior: 17,1 mm.
- Margen exterior: 10 mm.
- Margen interior: 15 mm.
- Sangrado: 3 mm.
- Anotaciones: 8 mm.
Versión negativa del logo definitivo.
56
57
descripción formal
descripción formal
Retícula Sección Noticias
Retícula Sección Análisis
Retícula Sección Reportajes
Retícula Sección InfoLevel
- 4 columnas.
58
59
descripción formal
descripción formal
CUADRÍCULA BASE
t
Con el fin de alinear líneas de párrafo
DESCRIPCIÓN DE
ELEMENTOS GRÁFICOS
t
Toda la revista contiene la misma cuadrícula
entre columnas y conseguir una limpieza
base, con un interlineado de 12 pt. para
y orden general en la composición, se
una Eurostile LT Std Medium de 8 pt.
genera una cuadrícula base sobre la que
se adaptará la línea base del texto.
t
La cuadrícula comienza desde los
1) Línea discontinua
t
Divide zonas.
t
Destaca párrafos tipográficos.
t
Enmarca elementos o fotografías
que se quieran destacar.
Ejemplo de elemento divisorio.
márgenes e impide que el texto que
t
En determinadas ocasiones, el texto no se
adaptará a cuadrícula puesto que supondría
esté adaptado a ella salga fuera.
un inconveniente para el diseño.
Elemento básico.
Párrafo destacado.
2) Línea continua y discontinua
de extremos circulares
t
Elemento decorativo
t
Conecta imagen con texto.
Aplicaciones como elemento decorativo.
Elemento decorativo.
Enmarque de imágenes destacadas.
60
61
descripción formal
descripción formal
La ficha consta de cinco apartados individuales
que resumen la información del juego
al completo entre la que se incluye:
t
Género
t
Desarrollador
t
Distribuidor
t
Precio
t
Plataforma
t
Fecha de lanzamiento
t
Número de jugadores
t
Idioma
t
PEGI (Pan European Game Information).
Es un sistema europeo para clasificar
el contenido de los videojuegos y otro
tipo de software de entretenimiento.
Simbología usada en la infografía.
Con el propósito de complementar la
información con valores numéricos, a cada
icono se adjunta una barra dividida en diez
secciones de un punto cada una. El estilo
gráfico simula bombillas encendidas o
apagadas según el brillo del color (rojo para la
puntuación más baja y azul para la más alta)
que dependen de la puntuación obtenida.
Diversos estilos de línea.
Ejemplo de conexión entre imagen y texto.
Detalle de infografía. Barra de puntuación.
4) Infografía
3) Trazos diagonales
t
t
Adaptación del estilo aplicado a
El uso reiterado de trazos diagonales
la infografía con respecto a los
a 45º situados paralelamente es un
designados en elementos anteriores.
elemento muy utilizado en el diseño.
Posteriormente se crean símbolos para que
t
Aplicado sobre fondos de color se
vayan en concordancia con el diseño de la
colorea armónicamente con el fin de
infografía. La sección “Análisis” requiere
provocar un efecto poco contrastado.
el uso de una infografía que actúa en
calidad de ficha en la que se condensa
t
Aplicado sobre fondos blanco o
información referente al juego analizado.
negros, genera alto contraste.
t
t
62
Simbología desarrollada en Adobe Illustrator.
Su estratégica ubicación rellena espacios
Su diseño radica en transmitir el significado
vacíos aportando uniformidad compositiva.
de lo que simboliza mediante de iconos.
Ficha. Infografía.
63
descripción formal
descripción formal
t
t
6) Otros elementos decorativos
Breve texto donde se describe la
experiencia por parte del personal
que hace posible la revista.
EDICIÓN DE ELEMENTOS FOTOGRÁFICOS
Todas las imágenes se caracterizan por no
t
Valoración numérica definitiva
acompañada por su equivalente textual.
Creados al principio del desarrollo
tener un nivel de brillo adecuado. No sólo se
gráfico en conjunto con los demás.
corrigen estos niveles desde Adobe Photoshop,
si no que además puntualmente se realizan
t
Su presencia es puntual.
t
Rellenan aquellos espacios vacíos que
estropean la composición visualmente
según el estilo asignado.
correcciones más complejas con el fin de
armonizar y unificar la composición.
t
Todos ellos parten de una fotografía que
no encaja con las dimensiones del A4,
así pues, es imprescindible solucionar
este aspecto mediante la realización de
montajes fotográficos en Adobe Photoshop.
La metodología utilizada en esta edición es:
Estilos de fusión sobre fondos planos.
Detalle de infografía. Valoración textual y numérica.
5) Fusiones
Utilizadas como elementos decorativos
con el objetivo de continuar con el estilo
t
Corrección de niveles.
t
Ajuste o recorte en sus dimensiones.
t
Filtro “Paso alto” para corregir nitidez.
t
Filtro “licuar” para corregir formas.
t
Aumento ligero de saturación
en imágenes puntuales.
t
Eliminación de marcas de agua utilizando
pincel corrector y tampón de clonar.
t
Empleo de degradados y colores sólidos.
t
Aplicación de reflejos a objetos mediante
duplicación, transformación vertical,
distorsión libre y máscaras de capa.
t
Elaboración de fondos utilizando fragmentos
de la imagen principal o mediante el
apoyo de imágenes independientes.
t
Uso de pinceles, eliminación de manchas,
polvo y rascaduras, eliminación de fondo
a una imagen mediante el contorneado
preciso utilizando la herramienta pluma.
aplicado a la revista, alejándolo de lo simple
y sobrio. Se utiliza en dos aspectos:
t
Sobre fondos de colores planos.
t
Fusionado con imágenes e ilustraciones.
t
Ejemplos de elementos decorativos varios.
Las secciones que van a permanecer constantes en
cada publicación son editorial, sumario e infolevel
Creadas en Adobe Illustrator
(destinada a trucos, cartas y guías), y guardan
con fines decorativos.
t
una relación estilística gracias a los colores
elementos gráficos y colores que las componen.
Su inserción en el diseño se
destina a elementos que se
componen de colores planos.
Cromatismo de secciones general.
Fusión adaptada a imágenes.
64
65
descripción formal
descripción formal
Detalle constructivo Anuncio “Call of Duty MW3”
t
aplicación de sombras desvanecidas
con desenfoque gaussiano.
t
Coloreado digital a una imagen previamente
convertida a blanco y negro.
t
Desplazamiento de elementos
tipográficos pertenecientes a la imagen
utilizando tampón de clonar.
t
Arreglo de imágenes mediante
duplicación de partes de la misma.
Detalle constructivo Anuncio “Far Cry 3”
Detalle constructivo Anuncio “Darksiders II”
PROCESO CONSTRUCTIVO DE ANUNCIOS
Cada uno de los anuncios que aparecen en la
revista están construidos en base a una fotografía
en alta resolución previamente seleccionada.
Lo más probable es que las dimensiones de esta
fotografía no encajen con las dimensiones de
destino, por lo que resulta necesario construir el
anuncio en Adobe Photoshop en conjunción con
otras fotografías y/o diversos elementos gráficos
como degradados, colores planos, tipografías, etc.
66
67
descripción formal
descripción formal
Detalle constructivo Anuncio “Ps Vita”
Detalle constructivo Anuncio “Prototype 2”
Detalle constructivo Anuncio a doble pagina “Assassin’s Creed Revelations”
Este fondo azulado se creo
desde cero en Photoshop
utilizando degradados radiales
y superposiciones de capas en
conjunto con modos de fusión.
Se aumentan todos los márgenes de la imagen y se elimina
el círculo de RADNET que aparece sobre el texto. La frase
“Welcome to New York Zero” se inserta en la parte superior.
68
69
descripción formal
descripción formal
Detalle constructivo Anuncio a doble pagina “The Last of Us”
Original
Detalle constructivo Anuncio a doble pagina “Darkness II”
Corregido
Este anuncio no posee montajes. Únicamente hubo que corregir la posición del nombre
del juego desplazando su posición hacia la derecha porque el lomo coincidía con la cara
de la niña. El proceso se llevó a cabo con tampón de clonar.
El fondo fue creado con partes de la imagen principal, duplicadas y giradas.
Los colores y textura se aplicaron gracias a las dos láminas de papel.
70
71
descripción formal
descripción formal
Montaje “Los mejores de 2011”
Se le aplican reflejos para dar la sensación
Para presentar este concurso/reportaje se utilizan
de estar sobre un plano y se añaden unos
imágenes en alta resolución de las videoconsolas
motivos decorativos en forma de rombo.
ELIMINACIÓN DE ELEMENTOS
que se sortean. Obtenidas estas imágenes se
realiza montaje fotográfico en Adobe Photoshop.
Screenshot Skyrim original
Imagen Tomb Raider 2012 original
Screenshot Skyrim corregido
Imagen Tomb Raider corregida
Esta imagen se importa a InDesign como TIFF con
ELIMINACIÓN DE MARCA DE AGUA
COMPLEJIDAD EN LA ELIMINACIÓN DE
ELEMENTOS Y MARCAS DE AGUA
fondo transparente. El color negro es asignado
desde este programa aplicando un degradado
El proceso continúa en realizar un
radial que simula un efecto de luz para evitar
Algunos originales traen incrustados una marca
bodegón con las tres imágenes que son
diferencias de negro entre imagen y fondo.
de agua o diversos elementos gráficos que
previamente contorneadas y separadas de
resultan inapropiados en su integración con
su fondo con la herramienta pluma.
el resto de elementos de la composición.
Screenshot Final Fantasy XIII-2 original
El screenshot de “Skyrim” o la imagen de “Tomb
Raider” conlleva más complejidad, ya que
hubo que eliminar degradados y elementos que
se situaban en zonas necesarias para publicar
la fotografía. El texto “Tomb Raider” tuvo que
desplazarse hacia la derecha para hacerlo encajar
con la dimensiones de destino. En la de “Final
Fantasy XIII-2” sólo hubo que eliminar una marca
de agua situada en su margen inferior derecho.
Screenshot Final Fantasy XIII-2 corregido
72
73
descripción formal
descripción formal
Montaje desechado “Darksiders II”
adaptar la frase a la forma deseada. Además
Detalle constructivo de la Portada
Con el fin de fusionar tipografía e imagen en
de aplicar color y textura, se corrigen
La portada de la revista busca el impacto desde el
una sola unidad y conferir un grado elevado
los puntos focales de iluminación.
stand donde se encuentre a la venta. Un collage
de espectacularidad, se diseña directamente
diseñado en Photoshop conformado por multitud
en Photoshop una composición con texto
de imágenes en el que se destacan a los personajes
tridimensional que de entrada a un reportaje de
de videojuegos más conocidos y relevantes durante
la revista. La herramienta de edición de 3D que
ese año, se representa visualmente el reportaje
alberga este programa permite transformar un
especial concurso “Los mejores juegos del año”.
texto bidimensional a tridimensional además de
Ya que la imagen posee mucho movimiento
aplicar color, textura, estilos de bisel, distancias
y dinamismo, se intenta aplicar a la tipografía
de profundidad y deformaciones varias.
este mismo efecto que se consigue utilizando
Enemigos. Silent Hill Downpour.
Imágenes que componen el collage
desenfoques. Por último se aplican destellos
de luz que parten del hombro del personaje.
Nariko. Heavenly Sword.
Dante. Dante’s Inferno.
Esta fue la imagen que se tomó como
base para el diseño. El primer paso es
eliminar los logos. Tras esto se escribe el
Ezio Auditore. Assassin’s Creed Revelations
Sangre de Dragón. Skyrim.
Armor King. Serie Tekken.
Batman y Catwoman. Batman: Arkham City.
texto “Cabalgando con la muerte” que será
colocado frente al torso del personaje.
Cabalgando con la
Muerte
La herramienta 3D entra al proceso y desde
su menú se realizan diversos ajustes para
74
75
descripción formal
descripción formal
Imágenes que componen el collage de la Portada. Continuación.
Muerte. Darksiders II.
Soldado. Battlefield 3.
76
Construcción paso a paso de la Portada.
Kratos. Serie God of War.
Se utiliza una textura de papel como fondo y se le aplica
una mancha de pintura mediante máscara de capa.
Se añaden más imágenes. El pelo rojo de
uno de los personajes se pone por encima
de la textura y se le añade una sombra.
Se coloca de fondo una textura metálica y mediante modos
de fusión se aplica degradado de color en otra capa.
Todas las imágenes están colocadas. Se proyecta
sombra para dar la sensación de volumen. El
destello que nace de las manos de uno de los
personajes se intensifica con un degradado.
Chris Redfield y Jill Valentine. Resident Evil.
Personajes varios. Serie Final Fantasy.
Gogeta. Serie Dragon Ball.
Ryu. Serie Street Fighter.
Vehículo. Colin McRae Dirt 3
Las imágenes, previamente recortadas se van añadiendo
y se inserta una banda más oscura en la parte inferior.
Se añade un efecto
de destello más
evidente al anterior.
A un personaje se le
aplica un resplandor
para que no afecte
a la visibilidad del
conjunto. A otro
personaje se le
simula un efecto
de movimiento
creado con fibras y
modos de fusión.
77
descripción formal
descripción formal
Aspecto final de la Portada.
El último pase se realiza en InDesign después de exportar el diseño como TIFF a 300 ppp. Se incorporan logo, número de
la revista , precio, código de barras, titulares principales y contenidos. Los niveles se corrigen aclarando el resultado final.
CONSTRUCCIONES TIPOGRÁFICAS.
t
Desarrolladas en Adobe Illustrator y aplicadas
exclusivamente a titulares y encabezados.
t
Tipos de construcciones:
1) Elementos básicos: líneas, cuadrados y
círculos.
2) Tipográficas: Diseños basados en una ya
3,50€
Por sólo
#1
existente que sufre modificaciones formales.
1. Un giro de tuerca / El mes que viene
Tipografía utilizada en la editorial. “Un giro
de tuerca” simboliza los cambios que están
por venir gracias a la aparición de la revista
Detalles constructivos de tipografía.
NextLevel. Su construcción geométrica
AVANCES
esta basada en trazos rectos y curvos. Para
Spec Ops: The Line
Tomb Raider 2012
generar los curvos se utilizaron círculos a
los que se le fueron eliminando partes de
sus puntos ortogonales. Para la unión entre
ANÁLISIS
trazos rectos y curvos se crearon piezas
Final Fantasy XIII-2
Batman Arkham City
TESV: Skyrim
independientes que fusionaran ambas partes.
Construcción final “un giro de tuerca”.
Las distintas alturas de la línea base, la fusión
de trazos de una letra con las de otra y el
REPORTAJE
Darksiders II
aplicar líneas diagonales en determinadas
contraformas, aporta dinamismo y
¡Así se juega con la Muerte!
Detalle constructivo de la letra “u”.
REPORTAJE ESPECIAL/CONCURSO
MEJORES AÑO
LOS
JUEGOS DEL
NOTICIAS
Te contamos dentro del panorama consolero actual
los juegos que más se están haciendo notar.
INFOLEVEL
Estrenamos sección dedicada a Cartas de los lectores. En
el próximo número se ampliará con Trucos y Guías.
contemporaneidad a la tipografía, estilo que
va acorde con el planteado para la revista.
De la misma base se genera otra frase “el
mes que viene” situada en la antepenúltima
página, lugar donde se da entrada a los
contenidos más relevantes del próximo
número. Resulta necesario elaborar otras letras
que no han sido utilizadas para la primera
construcción, como son la “m” y la “Q”.
Construcción final “el mes que viene”.
78
79
descripción formal
descripción formal
2. Los mejores de 2011 - Encabezado
Todos los números fueron elaborados
A este paso del proceso se aplican degradados de
Tipografía aplicada a un reportaje concurso
para utilizarlos en los encabezados que
color, respetando los de la primera construcción
en el que se expone una selección de
distinguen los grupos (clasificados por
tipográfica del reportaje. La expansión de
juegos del año divididos por categorías
género) en los que se divide el reportaje.
la tilde quedaría a sangre de la página.
donde los lectores votan a los mejores.
Resultado final números “los mejores de 2011”.
Otras opciones desechadas:
Detalle constructivo “los mejores de 2011”
Proceso constructivo “ayúdanos a elegir a los mejores”.
Desde este punto se pueden editar las formas
individualmente mediante el uso de la herramienta
La tipografía aporta estilo retro, en el que su
selección directa. Una vez alterados los tamaños
estructura esta conformada en base a cuadrados
y colocados todos los caracteres, se crean
girados 45º, recordando al pixel. La unión de
otras formas (líneas, flechas, estrellas u otros
estos cuadros define la forma y mediante piezas
elementos) que rellenen los espacios donde
se produzcan vacíos en la composición.
coloreadas con diferentes intensidades crean
un efecto tridimensional de luces y sombras
Construcción finalizada con propuesta en negativo.
Construcción tridimensional “los mejores de 2011”.
que le confiere sensación de perspectiva. El
color amarillo aplicado resulta completamente
3. Los mejores de 2011 (Bases)
4. InfoLevel
visible sobre fondos oscuros, motivo por lo
Al final del mismo reportaje se diseña una
La última sección es denominada InfoLevel
que el reportaje tiene fondo negro, además de
página en la que se resumen todos los juegos
(“Info” de información y “Level” por aludir al
diferenciar este bloque de los anteriores.
presentados y se incluye la información relativa
nombre de la revista. Además de que en conjunto
al concurso (cómo concursar y las bases). El
se traduce como “nivel de información”) y está
encabezado se construye esta vez a raíz de
dedicada a cartas de los lectores, las cuales son
una Rockwell Extra Bold. En primer lugar se
atendidas por los redactores de la revista. Este
escribe la frase con un interletraje negativo,
bloque se ampliará desde el segundo número con
hasta que se superpongan unas a otras, se
una selección de trucos y miniguías de juegos.
convierten a curvas y se desagrupan.
Para inaugurarla se diseña el encabezado
partiendo de la Eurostile LT Std Bold.
Resultado final “los mejores de 2011”.
80
Ejemplos del desarrollo constructivo.
81
descripción formal
descripción formal
Las dos palabras que dan nombre a la sección
Bold Extended 2
Bold
se colocan a diferentes alineaciones y alturas. A
Aparece en el eslogan de la marca de la
t
Portada sobre fondos de color.
para poder desplazar los fragmentos resultantes.
t
Texto base para destacar palabras o frases.
info
level
t
Expresa la pregunta en entrevistas.
t
Carta de un lector en la sección infolevel.
t
Secciones.
t
Dígitos en infografías.
Oblique
t
Numeración de página.
t
Nombres de juegos, videoconsolas
y empresas desarrolladoras.
t
Pestañas “A” “B” “C” “D” “E” “F” “G” y
“H” en reportaje “Los mejores de 2011”.
t
Términos anglosajones.
t
Comentarios introducidos en texto base.
cada palabra se le realiza un corte que las dividirá
revista: “Tus videojuegos a un nuevo nivel”.
abcdefghijklmnñopqrstuvwxyz
ABCDEFGHIJKLMNÑO
PQRSTUVWXYZ
0123456789 (.,:;¿?¡!-/“”&%)
Elemento gráfico lineal “info level”
Aplicar el color que distingue a la sección de
las demás y situar el subtitular “trucos/cartas/
consultas” conforma el último paso constructivo.
info
level
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
0123456789 (.,:;¿?¡!-/“”&%)
0123456789 (.,:;¿?¡!-/“”&%)
Proceso constructivo “info level”
Siguiendo la dirección de las líneas que cortan,
Construcción finalizada “info level”
se eliminan fragmentos del punto de la “i” y parte
Rockwell Std
16 pt
Regular
de la base de la “l” con la misma angulación.
Tipografías utilizadas
19,5 pt
17 pt
AVANCES
Eurostile LT Std
Medium
Es la tipografía utilizada como texto base. Se
aplica a un tamaño de 8 puntos con interlineado
Detalle del proceso constructivo “info level”
de 12 puntos y se ajusta a cuadrícula base.
Continuando con el estilo de la revista,
se define como fondo mediante líneas
paralelas colocadas a distancias desiguales
entre ellas, una “i” de información. El resto
de la sección combina este mismo estilo
gráfico partiendo de formas circulares.
Spec Ops: The Line
Tomb Raider 2012
ANÁLISIS
Final Fantasy XIII-2
Batman Arkham City
TESV: Skyrim
Darksiders II
0123456789 (.,:;¿?¡!-/“”&%)
REPORTAJE ESPECIAL/CONCURSO
20,7 pt
t
Descripciones en pie de foto.
t
Desarrollo de párrafos
19,5 pt
30 pt
14 pt
REPORTAJE
LOS
Encabezados.
introductorios a un reportaje.
¡Así se juega con la Muerte!
t
58,3 pt
19,5 pt
87,4 pt
MEJORES
AÑO
9,3 pt
0123456789 (.,:;¿?¡!-/“”&%)
JUEGOS DEL
NOTICIAS
Te contamos dentro del panorama consolero actual
los juegos que más se están haciendo notar.
INFOLEVEL
Estrenamos sección dedicada a Cartas de los lectores. En
el próximo número se ampliará con Trucos y Guías.
Detalle de tamaños tipográficos en portada.
82
83
descripción formal
descripción formal
t
Bold
Fichas de juegos (infografías)
DIN 1451 Std Engschrift
como encabezados.
t
t
t
Encabezados para destacar palabras.
t
Párrafos introductorios a juegos.
t
Encabezados de pie de foto.
género en reportaje “Los mejores de 2011”.
a b c d e f g hi j k l m nñ
Comentarios de juego.
opq r s t uv w xy z
A B C D E F G HI J K L M NÑ
t
Frases importantes
0123456789 (.,:;¿?¡!-/“”&%)
59 Ultra Condensed
t
Título apartado leyenda:
“¿Entiendes nuestro idioma?”.
0123456789 (.,:;¿?¡!-/“”&%)
Título juego “Batman: Arkham City”.
OPQRS TUV W XY Z
Univers LT Std
t
Encabezados de grupos clasificados por
t
Nombres de juegos en reportaje “Los
mejores de 2011” (12 pt) y en las
Gill Sans Bold Extra Condensed
t
Título juego “Final Fantasy XIII-2”
plataformas/desarrolladoras (7 pt).
Aachen BT Bold
t
Frases relacionadas con el juego
introducidas en la imagen.
0123456789 (.,:;¿?¡!-/“”&%)
t
0123456789 (.,:;¿?¡!-/“”&%)
Encabezados principales.
47 Light Condensed
0123456789 (.,:;¿?¡!-/“”&%)
t
Descripción de juegos en reportaje
“Los mejores de 2011”.
HappyKiller Regular
84
t
Marca “NextLevel”
t
Editorial.
t
Sumario
t
Encabezados de sumario
“En portada” e “InfoLevel”.
0123456789 (.,:;¿?¡!-/“”&%)
85

descripción formal - blog sobre la asignatura metodologia y

Transcripción

Documentos relacionados

Páginas 8 y 9

Revista de Prensa