B ITAC OR A
Semiotica
Sintaxis, seman-
Diseño tica y prag-
Fundamen- matica Simbolo, icono,
tos del diseño signo, señaletica
grafico
Punto, linea, plano escala, tamaño y
escala y mas!
Sintaxis de la imagen
Iimagen de ref-
erencia, síntesis Wacom
lineal y mas Ejercicios real-
Antropomorfa, fitomorfa, zoomorfa, logo
tipo...
izados en clase
PhotoShop e Illustrator
Color
Marco Antonio Chaves Bermúdez
Bachillerato en Publicidad, 2019
Bitacora
Diseño
Fundamentos basicos del diseño
grafico: Punto, linea, plano, escala
y tamaño, repetición, abstracto.
5
Semiotica
(Sintaxis, semántica y pragmática),
Símbolo, Icono, Signo, Señaletica, la
expresión la semejanza y diferencia.
12
Sintaxis de la imagen
(imagen de referencia, síntesis lineal,
síntesis contorno, síntesis de siluetas,
fondeado, sombreado, negativo.
13
La Gestalt
(proximidad, cierre, similitud y
continuidad) Fondo Figura (tamaño
y posición), tipos (fusión)
14
Color
Color, modelos de color (rgb,cmy,
ryb), matiz, tono, saturación, brillo,
tinte, sombra, Chroma, armonías
16
Wacom
Ejercicios realizados en tableta
Wacom a lo largo del curso lectivo,
PhotoShop e Illustrator.
19
Bitacora es un protyecto final para el curso de Produccion Grafica de la carrera de
publicidad de la Universidad Latina. Realizado por Marco Antonio Chaves Bermúdez
durante el segundo cuatrimestre del año 2019.
Profesor: Jaime Arroyo Arias - Impresion por Reprocentro - Diseño por Marco Chaves
Bermúdez
Bitacora Diseño 5
DISEÑO Fundamentos basicos del diseño
grafico: Punto, Linea, Plano, Escala y Tamaño, Repetición,
Abstracto y Perceptual.
PUNTO: Se le denomina pun- elementos.
to a la señal de dimensiones
pequeñas, ordinariamente cir- REPETICION: La repetición
cular, que, por contraste de es otro principio que refuerza
color o de relieve, es percep- la relación y consistencia entre
tible en una superficie. elementos.
LINEA: La línea puede ser ABSTRACTO: Es un concepto
considerada como la traza general, opuesto al figurativo,
que deja el punto al moverse, que remite a lo más esencial
o como la unión de dos o más del arte, reducido a sus aspec-
puntos. A su vez es una suma tos cromáticos, formales y es-
de puntos que son conectados tructurales.
en el espacio.
PERCEPTUAL: El recibir a
PLANO: Cuando se habla de través de los sentidos, las imá-
un plano, se está haciendo ref- genes, sonidos, impresiones
erencia a la superficie geomé- o sensaciones externas. Se
trica que no posee volumen. trata de una función psíquica
que permite al organismo cap-
ESCALA Y TAMAÑO: Deci- tar, elaborar e interpretar la in-
mos que existe una escala formación que llega desde el
cuando se da una relación entorno.
matemática (proporción) entre
las dimensiones de distintos
Bitacora
6 Edición # 1
PUNTO (perceptual y abstracto)
Bitacora
Heredia, Costa Rica
Bitacora Diseño 7
LINEA (perceptual y abstracto)
Susam, nost, saperovid quam faciasitatur alit
exero beaque lam, quam, corro corpos iur,
sundae nobitatque sunto dolore nimil idus
repe ped magnimp erciur, nonseq
Bitacora
8 Edición # 1
PLANO (perceptual y abstracto)
Bitacora
Heredia, Costa Rica
Bitacora Diseño 9
ESCALA Y TAMAÑO (perceptual y abstracto)
Bitacora
10 Edición # 1
REPETICION (perceptual y abstracto)
Bitacora
Heredia, Costa Rica
12 Edición # 1
SEMANTICA: Se conoce como semántica al determinan el uso del lenguaje”
Semiotica estudio del significado de los signos lingüísticos
y de sus combinaciones. Está vinculada al sig- SINTAXIS: Es una parte de la gramática que se
nificado, sentido e interpretación de palabras, encarga de estudiar la combinación y el orden
expresiones o símbolos. de los vocablos en las oraciones. Describe la es-
tructura del lenguaje, e incluye reglas para com-
PRAGMATICA: La pragmática es “el estudio de binar palabras en la formación de frases.
los principios que regulan el uso del lenguaje en La importancia de la sintaxis en la comuni-
la comunicación, es decir, las condiciones que cación, se basa en que orienta la construcción
determinan tanto el empleo de un enunciado adecuada de oraciones, dando como resultado
concreto por parte de un hablante concreto en una expresión oral coherente
una situación comunicativa concreta, como su
interpretación por parte del destinatario”, con lo
que se convierte en “una disciplina que toma en
consideración los factores extralingüísticos que
SIMBOLO: Un símbolo es una representación mente, las pinturas rupestres del Paleolítico Su-
sensible y no verbal de una idea compleja, y que perior, destaca como uno los primeros intentos
resulta de un proceso de asimilación y síntesis del hombre para trascender por medio de este
de dicha idea en una cultura. Esa representación tipo de lenguaje.
sensible puede tratarse de un elemento grá-
fico, visual, auditivo o figurado. Por lo tanto, un LENGUAJE VISUAL: El lenguaje visual es el len-
símbolo surge de un proceso de convencional- guaje que desarrollamos en el cerebro relacio-
ización de un concepto y del modo de expresarlo nado con la manera de como interpretamos
distinto al lenguaje verbal. lo que percibimos a través de los ojos (“visual-
mente”). Es el que utiliza imágenes y signos gráfi-
ICONO: Un icono es una imagen o represent- cos. Tiene como objetivo la transmisión de men-
ación que sustituye a un objeto o a una idea por sajes a través de la imagen. El lenguaje visual es
analogía o simbólicamente. el sistema de comunicación que se emplea en la
SIGNO: Un signo es aquel que está en lugar del creación de mensajes visuales.
objeto al que representa (referente), y que por
una relación convencional o de semejanza.
SEÑALETICA: La señalética es la conjunción de
diversas señales o señalizaciones que tienen en
común diversos rasgos tales como: color o códi-
gos de color, síntesis de formas representativas,
tipografías, etc.
LENGUAJE GRAFICO: El lenguaje gráfico es aquel
tipo de comunicación que usa gráficos, imágenes
y expresiones matemáticas para expresar y trans-
Bitacora
mitir pensamientos o ideas. El dibujo, específica-
Heredia, Costa Rica
Bitacora Sintaxis 13
Sintaxis de la Imagen
I
magen de ref- tivo. formas geométricas un gráfico que no
erencia: Es y planos que brinda- tiene un significado
la figura que Sombreado: En ran una sensación evidente, sino que
tomaremos esta síntesis se ad- de rigidez y dureza sirve para sugerir
como guía ecua especialmente con un menor nu- sutilmente algún
para el proceso las luces y sombras mero de elementos aspecto de la em-
de síntesis esto se para proporcionen en su composición. presa: dinamismo,
dará por medio de un efecto de volu- solidez, confianza.
lineas y planos. men sobre la forma, TIPOS: Caligrafico La decisión de qué
creando la sen- diferencia del logo- estilo utilizar no es
Síntesis en Dibujo saciones de una im- tipo Tipográfico, el completamente li-
Lineal: Este proce- agen estilizada (no Caligráfico propor- bre, cada uno es
so consiste en cap- tiene que ser lineal). ciona una gran ele- mejor en ciertos ca-
tar los mayores de- gancia y una impre- sos y peor en otros.
talles de lineas que Negativo: La figura sión de familiaridad En general (y es
existe en la figura de superficie con- de trato personal. una generalización
tinua puede tener Tiene el inconveni- muy grande):
Síntesis del contor- detalles usando ente de que requi-
no: Viene a ser el lineas en negativo ere un gran dominio Cuanto mayor es la
recorrido de la linea (líneas blancas so- técnico. empresa, o cuando
que va a encerrar la bre fondo negro), se tiene una mayor het-
figura y convertirlo debe guardar tanto Ilustrativo: El énfa- erogeneidad de pro-
en una sola plano los detalles internos sis está en un grá- ductos y servicios,
que es la forma de como externos. fico que representa es más apropiado ir
la figura, llamado de manera bastante a un estilo tipográ-
tambien cortorno. Fragmentado o for- explícita algún as- fico o abstracto.
mas: La figura su- pecto de la activi- Actualmente hay
Síntesis en siluetas: fre una descom- dad de la empresa. una tendencia clara
Tan parecido al con- posición en hacia el tipográfico,
torno con la diferen- segmentos de pla- Simbólico: Hay un mientras que hace
cia que silueta ex- nos cortados, como gráfico con un sig- unos años se tendía
BIitacora
presa visualmente si fueran pedazos nificado claro rela- más a lo abstracto.
las lineas interiores de la misma forma, cionado con la em- El estilo ilustrativo
y exteriores, provo- se puede usar tanto presa, pero no es es más apropia-
cando así espacios orgánico como rec- tan explícito, sino do para negocios
vacíos dentro de la tilíneo. que se ha hecho pequeños o muy
forma.. abstracción del con- especializados.
Geométrico ó rec- cepto y se ha es- El simbólico es,
Fondeado: A la silu- tilíneo: La figura tilizado el gráfico. quizás, el más
eta se le da un efec- se representará a genérico
to como de nega- través del uso de la Abstracto: Hay
14 Edición # 1
La Gestalt
Dos universidades fue que obtuvieron los primeros resultados experimentales. Por una parte,
estaba la escuela de Graz; por otra, la de Berlín. La escuela de Graz propuso la teoría de la pro-
ducción, que consideraba la cualidad Gestalt, es decir, la forma o todo, como el producto de
un acto perceptivo. Por otra parte, la escuela de Berlín demostró que la Gestalt viene dada de
forma inmediata; no es producto de la percepción, sino que, por el contrario, la percepción es
producto de la Gestalt. La veracidad de esta afirmación quedo demostrada con el movimiento
aparente, con la presentación de dos fenómenos en distintos tiempos.
Leyes de la Gestalt: Principio de la cial de elementos que lleva a cabo
proximidad: Habla del agrupamien- la mente, con base en la distancia.
to parcial o secuencial de elemen- Los objetos adjuntos tienden a ser
tos que lleva a cabo la mente, con vistos como una unidad. Los es-
base en la distancia. Los objetos tímulos que están próximos tienden
adjuntos tienden a ser vistos como a percibirse como parte de la misma
una unidad. Los estímulos que es- unidad.
tán próximos tienden a percibirse
como parte de la misma unidad. Principio de continuidad: Los de-
talles que mantienen un patrón
Principio de cierre: Las o dirección tienden
líneas que circundan a agruparse juntos,
una superficie se cap- como parte de un
tan, en igualdad de cir- modelo. Es decir, perc-
cunstancias, más fácil- ibimos elementos con-
mente como unidad o tinuos aunque estén
como figura, en com- interrumpidos entre
paración con aquel- sí. Tiene elementos
las otras que se unen de cierre porque las
entre sí. Las circunfer- partículas independi-
encias, cuadriláteros o entes tratan de formar
triángulos producen el figuras, partiendo de la
efecto de cerramiento. ley de cierre. De igual
Esta nueva ley parece ser operativa modo, toma propiedades de la ley
porque señala el hecho de que las de buena figura o destino común,
líneas rectas paralelas forman gru- al generar la elección de las formas
pos más definidos y estables que más simples y rotundas.
los puntos, que delimitan un espa-
cio con más dificultad.
Principio de la proximidad: Habla
Bitacora
del agrupamiento parcial o secuen-
Heredia, Costa Rica
Bitacora Gestalt 15
Figura - Fondo
Un diseño con contraste es cuando línea o la textura. Pero a veces el
la figura se desprende claramente contraste no permite identificar cuál
del fondo. Esto se puede producir es la figura y cuál es el fondo.
por el color, el valor de la figura, la
Diseño con Fusion
Es una postura opuesta a la antes la figura e mimetiza con el fondo. Se
mencionada. Fusión es cuando se puede decir que la lectura no es tan
trabaja con un tratamiento de color, fácil.
valor, forma línea o textura en la que
Reversalidad
La reversibilidad es una forma de nar cuál es el fondo y cuál la figura.
BIitacora
diseño que provoca sensaciones Hay una competencia clara entre
muy interesantes en el espectador. ambos elementos, lo que concreta
Es aquel en el que es difícil determi- un diseño interesante.
16 Edición # 1
Color
Modelos de color (rgb,cmy, ryb), matiz, tono, saturación, brillo, tinte, sombra, Chroma,
armonías de color (monocromatico, complementario, complementario divididos, análo-
gos, triadas, matices neutralizados) Policromía, grises cromáticos, cálidos y fríos (helados,
fríos, templados, ardientes, muy cálidos y cálidos), sicología del color (iconico, fantasioso,
psicológico y simbólico).
Colores Luz
Estos están compuestos por luz y son los colores que vemos por ejemplo en los focos y pantal-
las de cualquier tipo (computadora, celulares, televisiones, etc…).
Los colores primarios son: Rojo, verde y azul (modelo de color RGB – sigla en inglés de red,
green, blue). Estos colores luz también son conocidos como colores aditivos, esto derivado de
la Síntesis Aditiva.
Colores Pigmento
Estos son los colores que utilizamos en dibujo, pintura e imprenta. Los colores primarios son:
Cian, Magenta, Amarillo (modelo CMY – sigla en inglés de cyan, magenta, yellow). También son
conocidos como colores sustractivos, esto derivado de la síntesis sustractiva.
Colores Primarios
Comúnmente son utilizados los colores primarios tradicionales que son el rojo, amarillo y azul
(modelo RYB – sigla en inglés de red, yellow, blue). En la actualidad el modelo RYB precursor
del modelo CMY es considerado como obsoleto e impreciso, pero aún se sigue aplicando en el
mundo de las artes.
Matiz (Hue)
Es el estado puro del color, sin el blanco o negro agregados, y es un atributo asociado con la
longitud de onda dominante en la mezcla de las ondas luminosas. El Matiz se define como un
atributo de color que nos permite distinguir el rojo del azul, y se refiere al recorrido que hace
un tono hacia uno u otro lado del circulo cromático, por lo que el verde amarillento y el verde
azulado serán matices diferentes del verde.
Bitacora
Heredia, Costa Rica
Bitacora Color 17
Saturación o Intensidad: También llamada Croma, este concepto representa la pureza o intensidad de
un color particular, la viveza o palidez del mismo, y puede relacionarse con el ancho de banda de la luz
que estamos visualizando. Los colores puros del espectro están completamente saturados. Un color inten-
so es muy vivo. Cuanto más se satura un color, mayor es la impresión de que el objeto se está moviendo.
Valor o Brillo: Es un término que se usa para describir que tan claro u oscuro parece un color, y se refiere a
la cantidad de luz percibida. El brillo se puede definir como la cantidad de “oscuridad” que tiene un color,
es decir, representa lo claro u oscuro que es un color respecto de su color patrón.
Colores cromáticos grises: situados cerca del centro del círculo cromático, pero fuera de la zona de colores
acromáticos, en ellos se distingue el matiz original, aunque muy poco saturado.
Colores monocromáticos: variaciones de saturación de un mismo color (matiz), obtenidas por desplaza-
miento desde un color puro hasta el centro del círculo cromático.
Colores complementarios: colores que se encuentran simétricos respecto al centro de la rueda. El Matiz
varía en 180 º entre uno y otro.
Colores complementarios cercanos: tomando como base un color en la rueda y después otros dos que
equidisten del complementario del primero.
Tríadas complementarias : tres colores equidistantes tanto del centro de la rueda, como entre sí, es decir,
formando 120º uno del otro.
El contraste: Es un fenómeno con el que se pueden diferenciar colores atendiendo a la luminosidad, al
color de fondo sobre el que se proyectan. Cuando dos colores diferentes entran en contraste directo, el
contraste intensifica las diferencias entre ambos. El contraste aumenta cuanto mayor sea el grado de dife-
rencia y mayor sea el grado de contacto, llegando a su máximo contraste cuando un color está rodeado
por otro.
Colores cálidos: Como norma general, los colores cálidos son los que van del rojo al amarillo, pasando por
naranjas, marrones y dorados. Para simplificar, suele decirse que cuanto más rojo tenga un color en su
composición, más cálido será.
Colores fríos: Por otro lado, los colores fríos son todos los tonos que van desde el azul al verde, además de
BIitacora
los morados.
Color simbolico: Si el color psicológico es una sensación, se comprenderá que es producto de una oper-
ación sensible –diferente a la operación racional- Por su parte, el color simbólico constituye una codifi-
cación, pasando de un fenómeno de lo sensible y espontáneo a ser un fenómeno [Link]
18 Edición # 1
Color fantasioso: La fantasía y manipulación, nace como nueva forma expresiva, por ejemplo,
las imágenes coloreadas a mano en las que no se altera su forma, pero si el color. De esta forma
se crea un ambigüedad entre la imagen o fotografía representada y el color expresivo que se le
aplica, creando así una fantasía, respetando las formas pero alterando el color natural..
Color icononico: Definimos un color icónico a la expresividad cromática como función de acel-
eración identificadora: la tierra es marrón, la cereza es roja y el cielo es azul. El color es un el-
emento fundamental de la imagen realista ya que la forma incolora aporta poca información en
el desciframiento inmediato de las imágenes. La adición de un color natural acentúa el efecto
de realidad, permitiendo que la identificacion del objeto o figura representada sea más rápida.
Por lo tanto el color ejerce una función de realismo que se superpone a la forma de las cosas:
una manzana será más real si se reproduce o plasma en su color natural.
Bitacora
Heredia, Costa Rica
Bitacora Wacom 19
Wacom
Ejercicios realizados en clase con tableta Wacom
BIitacora
20 Edición # 1
Bitacora
Heredia, Costa Rica