miu

34

Upload: ricardo-solis

Post on 15-Mar-2016

216 views

Category:

Documents


1 download

DESCRIPTION

Final Laboratorio de Diseño Digital

TRANSCRIPT

2

3

MiuEs una revista de diseño que intenta crear nuevas ideasasí cómo dar nuevos pasos. Mediante la realización de

artículos pretendemos enseñar y brindar conceptos.

La toma de decisiones es una de nuestras grandes cualidades nosotros somos una revista de ingenio y

calidad. Nos liberamos del miedo y la incertidumbrede nuestro FUTURO.

Miu ha creado nuevas visiones y perspectivas, con pasoseguro. Asómate y descubre lo nuevo y lo diverso, en

nuestra revista . Informate del uso de diferentes conceptosrevisa está información y adentrate al diseño de una

forma ordenada y creativa.

Editorial

4

María Fernanda Larracoechea González

Estudiante de la Licenciatura en Comunicación y Medios digi-tales del Tecnológico de Monterrey, Campus Querétaro. Fe-cha de Nacimiento: 29 de junio de 1991. Edad 20 años. Soy una persona que no es conformista y que está abierta a nue-vas ideas y situaciones. Busco siempre lo nuevo e innovador, ya que las diferentes percepciones me parecen interesantes e inspiradoras. Puedo brindar soluciones y nuevas alternativas. Creativa y eficiente.

Reconocimientos de diseño en ZIPPO y Coca-cola.

María del Mar García Monte Estudiante de la Licenciatura en Comunicación y Medios Digitales en el Tecnológico de Monterrey campus Querétaro.Fecha de nacimiento: enero 07 de 1991.Edad: 21 años.

Soy una persona de mente abierta a nuevas ideas y cono-cimientos, una persona creativa, responsable y realista que está preparada para todo. Me adapto a diferentes situaciones y personas de ambientes diferentes con rápidez y gusto.

Ricardo Solís Hernández

Casi Licenciado en comunicación y medios digitales, fotógrafo, con sueños de cineasta y encaminado hacía los medios interactivos,

Director creativo y de medios digitales en Darma Studio, coordinador de fotografía en publicaciones impresas, digitales y de eventos como el CutOut Fest, fotógrafo de Formación Cultural de ITESM Campus Querétaro y ganador de varios premios locales y nacionales de fotografía.

5

Editorial e ÍndiceSemblanza

Notas del Autor

ColorRicardo Solís

Formas PrimitivasMaría Fernanda

Larracoechea

El 3DRicardo Solís

¿Cómo hacer un Logo?María del Mar

Monte

¿Qué es una Infografía?María Fernanda

Larracoechea

Tipos de archivo: FilesRicardo Solís

Uso de texturasMaría Fernanda

Larracoechea

Haciendo un CollageMaría del Mar

Monte

PatronesMaría del Mar

Monte

HiperrealismoRicardo Solís

Realizando un ImaginarioMaría Fernanda

Larracoechea

Reflexión Final

Pág. 6

Pág. 10

Pág. 12

Pág. 14

Pág. 15

Pág. 18

Pág. 20

Pág. 22

Pág. 25

Pág. 26

Pág. 30

Pág. 31

Pág. 4Pág. 5

6

El color tiene un impre-sionante poder en la forma en la cual per-

cibimos el mundo, los colores nos presentan emociones pasadas, futuros explorables y presentes cautivadores, cada color tiene cierta frecuencia lumínica la cual a cierta aso-ciación cultural o perceptual logra que sintamos o pense-mos de cierta forma. Para todo esto existen ciertas reglas de combi-nación o de uso del color, que nos permite vis-ualizar conjun-tos de colores de una forma más armónica,

Para empezar ex-isten los colores básicos o mejor conocidos como los colores primarios que son el rojo, el amarillo y el azul, la razón por la que se conocen como primarios es que el-los son la base de todas las combinaciones de colores posibles, después existen los secundarios, que son las combinaciones directas de los

colores primarios el morado (la combinación del azul y el rojo), el verde ( la combi-nación del amarillo y el azul) y el naranja ( la combinación del rojo y el amarillo).

La armonía básicamente se refiere a una lectura fluida o sin brincos de una imagen, ésta siempre se encuentra es-tructurada de tres elementos

de color, primero se en-cuentra el color dom-

inante, que es la base del resto de la combinación, especialmente el color opuesto, después existe

el tónico que es el color que le da

brillo o que destaca den-tro de toda la composición, es el más potente en valor, por último se encuentra la mediación que es el que le da la fluidez y llena los espacios entre el tónico y el domi-nante, normalmente se en-cuentra en el círculo cromáti-co cerca del tónico.

Color

7

8

Publicidad

9

Publicidad

10

Las formas primiti-vas pueden darle un nuevo giro a lo que es

diseñar. Es decir mediante la unión de formas primitivas puedes crear un personaje o una imagen soló es nec-esario un poco de ¡ingenio y creatividad!

El trazo vectorial ofrece una gran libertad en la creación de distintas formas, nos da la capaci-dad de formar nuevas ideas o composiciones en el Diseño Gráfico. Permite que el lenguaje visual pueda estar formado en entidades básicas que podrán formar un elemento comunicativo.

Cuando hablamos de formas primitivas nos referimos a las figuras geométricas como lo son: Cubo , cono, cilindro y esfera.

Utilizando estás formas y al-gunos efectos del programa

Adobe Illustrator, se puede crear algo diferente.

En la imagen del pulpo que se nos presenta podemos observar un personaje crea-do por varias formas.

Como puedes darte cuenta para la creación del pulpo se generaron círculos y líneas. Utilizando el Pathfinder en-

contrado en Adobe Illustrator se uni-

eron las figuras y se hizo un solo contorno. Además para la boca y otros

objetos se utilizó el efecto Distort

para lograr una especie de curva y darle un aspecto más animado.

Así que, ¡no esperes realiza sorprendentes diseños!

FormasPrimitivas

11

12

El 3D no es el uso de una herramienta digital, sino que la

explotación de una nueva dimensión, que en realidad normalmente son proyec-tadas en una base bidimen-sional, la cual sigue siendo en dos dimensiones pero aparenta estar en 3 dimen-siones, por el uso de som-bras, volumen y texturas se puede crear ésta il-usión normalmente en los programas de diseño y de creación de per-sonajes o ambi-entes en tercera dimensión el espacio usado es el Z, para aplicaciones en 2D se usan las coordenadas del plano cartesiano X y Y.

Illustrator nos permite usar esta nueva dimensión a través de la siguiente forma, usaremos el ejemplo de una lata de sopa. Primero se crea un círculo, se va al menú, efecto 3D, Extrude & Bevel, se usan los siguientes va-

lores en el menú de position, en las casillas de la derecha se ponen en este orden -5º, -50º, 120º y en perspectiva se pone 70º, en el menú de Extrude & Bevel se le da el valor de Extrude Depth de 400 pt, el programa extend-erá el círculo en la tercera dimensión, en la dimensión Z.

Para darle el toque final y gener-

arle una etiqueta que se le pueda dar sombra y la forma de la lata, primero se gen-

eran los trazos de la etiqueta, se in-

troduce como un sím-bolo, regresando a la ven-tana de extrude & Bevel, se va a la ventana de Map Art y se busca colocar en el menú desplegable de símbolo, saldrá el preview de la eti-queta, se selecciona el botón de scale to fit y la casilla de Shade Artwork y listo tienes una lata con una etiqueta en 3D.

EL3D

13

14

Idear un logotipo o sello para una marca se ha con-vertido en uno de los retos

más grandes para los diseña-dores, es la pieza fundamental del diseño gráfico moderno. Casi to¬dos los diseñadores han trabajado con logotipos o han creado los suyos propios. Esta actividad combina las distintas tareas interconecta-das en la concepción de una forma gráfica distintiva que identifiquen un valor comercial.

La palabra log-otipo proviene de la conjunción de dos palabras del griego clásico: logos (palabra) y tupos (significado, im-presión). El logotipo puede estar conformado de tipo-grafía, un símbolo, una ima-gen, o una combi¬nación de estos tres elementos y debe representar a una empresa y expresar gráficamente su carácter y estilo.¿Cuáles son los pasos que se deben seguir para diseñar un logo?Gareth Hardy, Diseñador

freelance UK, especialista en identidad de marca nos pro-pone lo siguiente:

-Leer bien el brief.Subrayar las palabras clave, identificar a la audiencia así como la naturaleza del nego-cio y poner atención en los requisitos especiales de los clientes.-Recolectar imágenes.-Hacer bocetos a mano antes

de empezar a trazar en la computadora.

-Enséñale propuestas a tu cliente.-Digitaliza el boceto o escané-

alo.-Vectoriza a detalle.

-Crea variaciones.Utiliza diferentes combina-ciones de colores, degrada-dos, tipografías.-Imprime para revisión.-Prueba tu logo sobre fondo blanco y fondo negro. Si fun-ciona está casi listo.-Puedes probar la aplicación del logo diseñando la papel-ería.

Logo

15

Una infografía es un diseño gráfico en donde están mezcla-

dos los elementos visuales con información sobre alguna temática.

La información en una info-grafía debe ser concisa, im-portante, directa e informa-tiva. Esto llevará al lector a tener la información más relevante de un tema, en el texto se en-contrarán datos como fechas, línea biográfica, historia, etc.

¿Qué beneficios tiene la infografía?

- Le da una mayor com-prensión y agilidad a la infor-mación- Entretenido y dinámico- Responde a preguntas, da datos importantes y usa el-ementos visuales- Mayor rapidez

Algunos Tips para hacer una infografía:

- Organice la información y cree puntos de importancia, además de texto breve y con-ciso. - Distribuye en forma equita-tiva la los elementos visuales y el texto, es decir tiene que tener una proporción.

- Debe contener una perspec-tiva diferente pero debe

de respetarse las medidas.

- Pueden agre-garse ciertas texturas y efec-tos pero sin saturar.

- Utiliza imágenes de acuerdo al tema

escogido es decir no pongas imágenes que no tienen que ver con el tema.

Las infografías no solo darán una nueva forma de trans-mitir la información, sino que además pondrán a prueba la creatividad del diseñador.

Infografías

16

17

18

Con la llegada de la era digital, todos los profe-sionales en el área grá-

fica tienen que lidiar con todos los tipos de formato de imagen digital que existe en estos días, tener que lidiar con compre-siones, descompresiones, per-dida de calidad, profundidad de bits y archivos que sirven para cada ocasión, aunque existan cientos de diferentes formatos y con diferentes compresiones, los principales tipos de archivos de imagen digital son: RAW, TIFF, BMP, PSD, GIF y JPEG cada uno con sus ven-tajas y desventa-jas.

El archivo RAW es un archivo usado por los fotógrafos profesionales y es un archivo negativo digital que almacena la mayor cantidad de información, con un mayor rango dinámico que el Jpeg, sus desventajas principales son el archivo muy grande que genera y que cada fabricante de cámaras usa su archivo específico, el archivo TIFF es un elegante y muy usado formato que también mantiene una compresión muy

reducida con una mayor canti-dad de información, es muy uti-lizado para publicaciones como revistas o impresiones en gran formato, su desventaja principal es el tamaño del archivo, ya que es muy grande.

El BMP es el archivo creado por Windows, que permite com-presión, varios perfiles de color y diferentes profundidades de color, poco utilizado en el ám-

bito profesional gracias a su compresión que no

es realmente buena, PSD es el formato nativo de Photo-shop, permite el uso de capas y el historial de ma-

nipulación, el gran espacio en el disco

duro es su principal desventaja.

El GIF es muy utilizado por la internet, tiene buena com-presión y uso de transparencias, su desventaja es que sólo per-mite una profundidad de 8 bits, el archivo JPEG es el más uti-lizado para las imágenes digi-tales, no permite transparencias, pero su algoritmo de com-presión logra pérdidas de cali-dad.

FILES

19

20

Una textura es una ima-gen del tipo bitmap que se utiliza para cubrir un

objeto virtual, puede ser tridi-mensional o bi-dimensional. Las texturas son de gran utilidad para brindar a los diseños más realismo y estética. Por está razón las texturas suelen ser muy utilizadas por los diseña-dores ya que brindan otra per-spectiva de los diseños. Para encontrar tex-turas hay diferentes sitios Web que puedes buscar para bajar las tex-turas gratis. Puedes encontrar desde texturas liqui-das, así como de roca o madera. Además puedes encontrar diversas imágenes llamativas e imaginativas que podrían servirte para adherir a tu diseño. Las texturas realzan y avivan los aspectos visuales, ayudan a que el diseñador no sólo realice imágenes simples.

Tips para seleccionar una textu-ra:

- Encuentra una textura que se

acople a tu diseño

Busca en varias fuentes,determina si quieres brindarle fuerza o suavidad a tu diseño ,prueba varios efectos y ve como se ven, intenta nuevos brillos o contrastes en las tex-turas

- Beneficios de usar texturas:

- Todo esto hará que la realización de tus

diseños tenga una mayor calidad visual

- Realismo

- Da efectos y sen-saciones diferentes

- Apela a los sentidos

Así que, ¿que esperas? puedes realizar diferentes diseños todo es cuestión de tu dedicación y tu creatividad, utiliza cuantos quieras pero recuerdaque todo se vea ¡bien y artístico!

Texturas

21

22

Un collage es una técnica artística que consiste en

ensamblar elementos diver-sos en un todo unificado, hace cerca de cien años, ar-tistas como Pablo Picasso y George Braque lanzaron un desafío al mundo del arte, sustituyeron obras que imita-ban a la realidad por cuadros hechos con diferentes peda-zos de realidad.

La técnica artística que inventaron para hacer eso la llamaron pa-pier collé (“pa-pelCrear un foto-montaje ha sido más fácil con el ad-venimiento de los programas informáticos, tales como Adobe Photoshop e Ilustra-tor. Estos programas hacen los cambios de forma digital, permitiendo que el flujo de trabajo sea más rápido y se pueda obtener resultados más precisos. También per-mite deshacer los errores, sin embargo, crear una com-

posición digital requiere mucho tiempo.

La tendencia actual es la creación de imágenes que combinan la pintura, el tea-tro, la ilustración y gráficos en su conjunto fotográfica perfecta. El Collage digital utiliza un equipo de herramientas para fomentar las oportunidades

de asociación de diferentes elemen-

tos visuales y la transformación posterior de los resultados visu-ales mediante el

uso de los me-dios electrónicos.

Collage

23

24

25

Los patrones en cuanto a diseño se refieren, son una regularidad o patrón de

figuras que cubre o pavimenta completamente una superficie plana.

Es una figura que se repite con cierta simetría y orden que da el efecto de continuidad infinita que comúnmente se usa para diferentes cosas como en el estampado de playeras, bolsos, zapatos y otros accesorios en la moda.

Los patrones más simples son llama-dos teselaciones y consisten en cubrir una su-perficie con un patrón de formas planas de manera que no se superponen y no hay huecos, siguiendo la misma repetición y periodicidad.

También existen los patrones fractales que usan las escalas de un mismo objeto para generar un efecto conocido como “esca-la invariable”, es decir cuando en las formas dentro de una figura pueden identificarse patrones de formación que se repiten a todas las escalas.

Existen los patrones regulares, hechos con el triángulo equiláte-ro, el hexágono y el cuadrado. La unión de cada vértice debe sumar 360 grados.

Los patrones semiregulares contienen dos o más polígonos regulares y tiene las siguientes propiedades:

-Está formada sólo por polígonos regulares.

-El arreglo de polígonos es igual en cada vér-

tice.

-Existen sólo 8 teselados semi-regulares y

polígonos verdes.

Los patrones no regulares son los que

están formados por polígonos no regulares.

Se crean con transformaciones isométricas, distintas culturas han utilizado ésta técnica para hacer pavimentos, mosaicos en catedrales o templos. Los patrones ayudan a dar una per-spectiva diferente mediante la repetición en diferentes escalas de figuras y contemplarlas más detalladamente.

Patrones

26

El hiperrealismo es una tendencia pictórica que inició en los años

sesenta del siglo pasado, busca reproducir la realidad aún más fiel y objetiva que la realidad, la manera de lograr éste efecto en la fotografía que irónicamente se va a un estilo pictórico que intenta desde un principio superar a la fotografía, es jugar con los contrastes y de alguna forma crear una exa-geración virtual de las sombras y los contrastes lo que lo hace ver como una reali-dad más cruda.

En cuestiones generales lo que se busca para lograr este tipo de efecto con el editor de imágenes de su preferencia, ya sea Gimp, Photoshop, Aperture o Lightroom, prim-ero se tiene que manejar los contrastes, tratar de quitar las luces medias de la imagen, en otras palabras botar los ne-gros a muy negros, remarcar más las altas, claro que sin

llegar a la perdida de infor-mación en uno o el otro de los rangos extremos.

Después lo que se tiene que manejar es lo que enmuchos programas de edición de imágenes se le conoce como clarity, lo que hace ésta herramienta es ex-plotar los límites de contraste, en otras palabras lo que logra

es que dos colores con-trastantes remar-

quen más el límite de cada uno, logrando así una simulación virtual de lo que por defecto la

cámara no logra, manejando estas

herramientas junto con el manejo de color de cada imagen se puede lograr una imagen con una realidad mucho más cruda y más mar-cada de lo normal, la desven-taja de este efecto sobre las imágenes es que remarca las imperfecciones de la cara si éste es un retrato.

Hiperrealismo

27

28

29

30

Todos hemos oído hab-lar de la imaginación, es ésta misma la que crea

diversas imágenes en nuestra mente que no tienen ningún sentido aparente.

La imaginación forma parte de diversas artes como lo son el teatro , la pintura, la filosofía, el cine, la literatura, etc. Pero tam-bién es considerada como una forma de expresión del hombre en donde su capacidad cognitiva se une con sus deseos más ínti-mos. Para realizar un Imaginario se debe contar con un pensamiento libre y artístico para lograr ¡difer-entes imágenes y formas!

Kant describe a la imaginación como “mediadora entre la per-cepción y los conceptos, entre el sentido y el pensamiento”

Por lo que crear un diseño imaginario conlleva no sólo la unión de creatividad del dis-eñador, sino que además debe generar un concepto bien defi-nido. Hacer una selección de imágenes y darle un sentido a

la idea que tiene para poder así plasmar la idea. Además Kant reflexiona y dice que la imaginación remite en-tonces a los objetos particu-lares en cuanto a su forma; es por ello que no remite a un concepto determinado del en-tendimiento, sino que remite al entendimiento en cuanto facul-tad de los conceptos en general, es decir, está relacionada con

un concepto indetermina-do del entendimiento

Con esto podem-os decir que es bueno tener un concepto para “aterrizar” a un

tema, pero es bue-no usar la creativi-

dad y el ingenio para elaborar un diseño diferente

que dé un concepto entendible pero indeterminado que sólo se pueda decir que es imaginario.

La imagen a continuación fue realizada a Photoshop y está inspirada en los sueños. Medi-ante la selección de una serie de imágenes estás se colocaron en una posición diferente e imagi-nativa para lograr y transmitir el mensaje de surrealismo.

Imaginario

31

Nosotros creemos que en el mundo laboral debe de haber una repartición de tareas, un orden y una estructura para llevar acabo un proyecto.

Crecimos como personas ya que pudimos apreciar una diferencia de ideas y conceptos, además de que tuvimos que aprender a trabajar

con diferentes personas a las que estamos acostumbrados. Pensamos que fue un proyecto original y acertado que nos llevo a cambiar nuestra forma de pensar en los mecanismos de trabajo

que en un futuro afrontaremos..

Reflexión final

32

33