Trabajo de 3D Max: Copa de Helado

Este es el último trabajo de la asignatura de Gráfica Digital y en el que nos alejamos de los programas de 2D para entrar en los complicados dominios del 3D, con el programa de Autodesk: 3D Max. El trabajo consiste en crear una copa de helado con las herramientas en 3D para luego realizar un render del objeto con las texturas puestas, ya con el render habia que realizar dos carteles sobre el helado en el Photoshop.

Realice la copa a partir de una forma plana y le aplique una generatriz para hacerla en 3D las bolas de helado son esferas en las cuales deforme las mallas para darles aspecto de derretidas con algunos modificadores. Tambien realice otros cuerpos de forma similar, una cuchara y una taza de cafe y luego les aplique texturas.

Copa-renderCuchara-wirefram

Render-taza-de-cafe

Lo siguiente era crear un plano como superficie, yo hice un mantel, y colocar las composiciones para hacer un render final asi que habia que buscar un composición y vista adecuadas para hacer el render  una vez escogido el plano renderizar.

El pase de diapositivas requiere JavaScript.

Por último con Photoshop había que hacer un cartel con los elementos y aplicarle algunos efecto, yo realice el cartel de un bistro y de una heladeria tipo años 50′.

Cartel-del-Bistro

Trabajo de Photoshop: Fotomontaje

Acabando ya el curso y con el tiempo en los talones, había que entregar este trabajo en el que demostramos el dominio adquirido del programa Adove Photoshop para realizar la portada de una revista llamada Arte y diseño por ordenador a partir de un fotomontaje realizado por mi, ademas del fotomontaje habia que añadir elementos compositivos y de destreza con el Photoshop, como titulares e imagenes secunadarias, ya que un fotomontaje por si solo no constituye una portada de revista.

Portada

El primer paso consistía en realizar la imagen básica y yo realice una mujer en llamas a partir de una foto real de una modelo:

Mujer

Lo primero que realice fue el fondo con el bote de pintura en dos capas y use el borrador para hacer unos pequeños matices, para dar una sensación de fundido a negro.fondo

Ya con el fondo hecho empece a jugar con los ajustes de la imagen de la chica para darle un efecto fuego y empezar a cambiar los efectos visuales con ajustes de capa y en el pelo realice un un efecto ígneo con un pincel, con las herramientas de exposición vamos dando pinceladas para dar el efecto de arder, depues lo difuminamos con un degradado transparente.

paso 1Lo siguiente es con las herramientas de sobreexponer pintamos en las iluminaciones por los bordes  y las zonas deonde le da la luz para tener un efecto de al rojo vivo por todo el cuerpo, lo que resalta en un brillo rojizo.

paso 2

Lo siguiente ya es aplicar las llamas sobre la mujer y perfilar la composición final del fotomontaje, con las fusiones de capa en modo trama ponemos diferente imágenes de fugo sobre la mujer, modificándolas y haciendo que encajen con partes de su cuerpo y con una máscara de capa quitamos las partes que no encaje en la imagen, en el cabello es donde más cuesta de encajar y hay que jugar un poco con el difuminado.

paso 4

Por último, para dar el ultimo ajuste a la imagen hice balances de color y otros ajustes y quedo un efecto mucho más visual y acabado.

paso 4

Después, había que añadir un dibujo escaneado y un objeto del Illustrator , asi que cogí los de una práctica anterior:

moguri-colorEl ultimo paso fue ir probando diferentes composiciones para que los elementos tuvieran una proporción y composicin adecuada para la portada y busqué diferentes tipografías y colores para los titulares que encajaran bien con la imagen de fondo, ademas de documentarme viendo otras portadas de revistas, así pues use los dibujos que no tenían nada que ver con la mujer de fuego para crear los titulares.

Arte-y-diseño

Práctica 19: Operaciones Boleanas en 3D.

Está es la segunda práctica de 3D Max y aquí a partir de lo que vimos anteriormente con la creación de formas, aplicando unas operaciones boleanas podemos modificar el objeto inicial, consiguiendo quitar o añadir estructuras. Hicimos un cenicero a partir de un cilindro y le restamos otro cilindro en el centro, luego pusimos dos cilindros cruzados en posición horizontal y tambien los restamos quedando asi esta estructura, luego le aplicamos alguna textura de metal y vidrio en mi caso.

cenicero-wireframe cenicero

Práctica 18: Creación de objetos 3D. Wireframe

Ya entramos en el compicado mundo del 3D, sin duda el más complejo de todos los hemos visto. Empezamos a ver el programa de Autodesk 3D Max, esta totalmente en ingles y la interfaz es dificil de usar en comparación con Adobe.

Este programa funciona por cordenadas tridimensionales, asi que que hay que saber bien donde se van a crear los objetos, te 3D Max te permite ver los objetos que crea desde cualquier perspectivas y se ve en 4 ventanas las diferentes vistas.Formas-básica

En esta práctica veremos como se crean los objetos en 3D, con la opción Create podemos seleccionar diferentes tipos de elementos para crear: básicos, lineas, compuestos…

Lo primero es introducir las coordenadas donde lo vamos a crear, luego ponemos las medidas que ha de tener y por último le damos las características de los segmentos que tendra. Todo esto viene determinado por el wireframe, esto es una maya de renderización del que resulta una imagen semitransparente, de la cual solo se dibujan las aristas de la malla que constituye al objeto; una imagen en wireframe solo tenemos que tener en cuenta las posiciones de los puntos en el espacio tridimensional y las uniones entre ellos para formar los poligonos.

wireframe

Red de Wireframe

Lo objetos básicos que se pueden crear suelen ser cuerpos poligonales sencillos como cubos, conos o cilindros aunque hay algunos más complejos, podemos ver las imagenes tanto en wireframe con sus conexiones como los objetos con superficie y sus mayas.
wireframeFormas-básicas-a-color

Práctica 16: Ajustes fotográficos y de color.

En esta práctica hemos aprendido a utilizar los ajustes del Photoshop para usarlos en elementos concretos y en diferentes capas para asi darles una apariencia diferente.

A partir de una foto he empezado aplicandole un filtro de blanco y negro, despues con el pincel he seleccionado las partes que me interesaban, los labios y la rosa, haciendo una mascara para que se vea el color rojo, de esta manera tenemos la foto en blanco y negro con una parte de color que nos interesa, tambien le añadi un filtro fotográfico con un color rojizo para acentuar los contrastes y detalles de la piel y cambiar el color del ojo.

Foto1    Mujer con Rosa

Despues he añadido el título Rose con la herramienta de mascara de texto con una tipografía caligráfica que encajara bien con un anuncio de perfume, y usé una imagen en primer plano de pétalos de rosa que encajara con el tema de manera que se puede mover la imagen del contenido de texto sin mover la posición del texto. Luego con la mascara de texto hice un subtítulo a modo de marca para el perfume, en el que baje los niveles para acentuarlas sobre la propia foto.

Mujer con Rosa y Títulos

Por último, le añadi una imagen de un perfume para acabar de perfilarlo como anuncio y lo interpuse entre la capa de la imagen y los filtros para darle el efecto de blanco y negro con un efecto de trasparencia sobre la rosa y forme una linea compositiva con los labios, la rosa y el perfume para darle un cariz sensual.

Anuncio Perfume

Práctica 15: Dibujos con Photoshop

En esta práctica he hecho un dibujo a mano con lápiz y los he escaneado en alta calidad para conservar los detalles del dibujo.

Con el programa Adobe Photoshop he aprendido a aplicar mascaras de ajuste y he modificado los niveles y el umbral para saturar las lineas del dibujo, después con  el bote de pintura les he aplicado un color base sobre el que he pintado las sombras con las herramientas de pincel con baja dureza y con un modo de fusión para que no tapara las lineas del dibujo original y se pudieran ver las sombras hechas con lápiz.

He hecho dos dibujos uno es un Moguri de la saga de videojuegos Final Fantasy  y el otro es de un anime llamado Digimon.kyubimon

moguri-color    moguri

Práctica 14: Cudrícula de pixeles: Terra

Esta es la segunda práctica hecha con Photoshop, en la anterior vimos la herramienta más básica de selección, en esta práctica vemos más a fondo como funcionan realmente los píxeles, que son la idea era realizar una rejilla modular  y formar una imagen a partir de rellenar los recuadros de la cuadícula y formar píxeles.

Muchos de los videojuegos de los formatos de 16 bits para abajo estan basados en el principio de los mapas de bits sencillos, aunque en realidad todos los monitores funcionen con bits, a partir de esta idea realice dos imágenes de un videojuego de la NES: el Fina Fantasy VI y realice a uno de sus personajes en una cuadricula de píxeles.

Avance a una idea y realice un modelo vectorial con la rejilla que simula un mapa de bits, formando un personaje de consola de 16 bits.

Terra Menu

Terra Menu cara

Trabajo de Illustrator: Objetos

Este es uno de los trabajos de entrega de Gráfica Digital, consiste con el programa vectorial en 2D Adobe Illustrator utilizar las destrezas adquiridas para crear varios objetos con una temática común: en mi caso he escogido una temática Steam Punk, un movimiento retrofuturista ambientado en la Inglaterra victoriana.

Se pueden ver las siluetas primarias, el diseño a todo color y los motivos en blanco y negro.Steam Punk 2Steam Punk 3 Steam Punk 4

Evolución de las TIC y aplicación al diseño.

La tecnología a partir del siglo XIX ha avanzado volando y hemos recicbido unos avances tecnologícos en muy poco tiempo asombrosos, tanto como para decir que el siglo XXI es la era de la información, hoy en dia no hay nada practicamente que no tenga un ordenador o un chip conectado.

Hoy en día todo el mundo cree que no hay nada en la historia económica que haya progresado de manera más rápida, y que haya tenido un mayor impacto, que la revolución informática.

La Ley de Moore afirma que el precio del elemento básico de la revolución informática, el microchip, cae 50% cada 18 meses. Lo mismo que ocurrió con los productos cuya manufactura se mecanizo en la primera revolución industrial. La revolución informática, así como la revolución industrial, ha cambiado todos los aspectos de la vida diaria, hoy no se puede imaginar la vida sin tecnología.

Podriamos afirmar que el primer aparato de computación existió en la antigua Grecia, se trataba del abaco, una invención que servia para hacer calculos no muy diferentes a los algorítmos y la computación binaria quábacoe hacen los ordenadores hoy en dia.

Despues de la Revolución industrial fue surgiendo una globalización de la comunicación con los inventos del telégrafo y el telefono, es decir ya se empiezan a usar los impulsos electricos codificados en información, podriamos considerar que es el precursor de las TIC.

Ondas radiófonicas.

El telefóno móvil es la evolución de los emisores y receptores de ondas de rádio de la II Guerra Mundial. El telefono ya no funciona por impulsos codificados sino por ondas de rádio lo que permite un expansión y comunicación más eficiente.

Gracias al transistor, los aparatos de radio evoluciona. En 1948, el americano William Shockley inveta el transistor, una pequeña pieza de metal con la misma  que las lamparas de diodos pero con la ventaja de ser muy lijero,manejable y resistentes, y se permite tener una gran emisora y muchos pequeños puertos receptores que son las rádios .

Captación de imagenes

descargaNo solo se aprende a enviar ondas sonoras, sino que con el tiempo tambien se aprende a enviar imagenes, el principio para captar imagens fue con la cámara oscura mediante la fijación fotonica sobre una superficie, pero con el tiempo fue evolucionando y se empiezan a crear las primeras captadoras de imagenes momentaneas, es decir las primeras cámaras fotográficas basadas en este principio. Con el tiempo estos procesos en vez de con productos químicos se consiguen hacer con aparatos electrícos  menos aparajosos y más portatiles, y luego se pasa a la revolución de las cámaras dígitales que conservan la información en una targeta de memória.

Primeros cómputos.

Luego en la primera mitad del siglo XX los ordenadores aparecieron hacia 1945 en EEUU. el primer ordenador es una máquina de 30 toneladas, cuando aparecen los diodos de tubo de vacio, los cientificos tienes laidea de utilizarlos para construir potentes máquinas electricas de calcular, como el principio del abaco. Se llevan acabo varias pruebeas antes de que en 1946 dos jovenes investigadores, John Machly y John E xkert, presenten el Eniac. Este primer ordenador, es una máquina gigantesca que ocupa una habitación grande, sin embargo representa un progreso extraordinario, puesto que puede realizar en dos horas calculos complicados que le habrian costado siglos a un hombre solo.

Bug

El primer »bug» (averia informatica), esta palabra que significa insecto tiene este nombre debido a que precisamente el fallo fue debido a que una polilla se coloco en uno de los transistores del Eniac y no hizo contacto.

La carrera hacia la miniaturización.

Unos avances hacia la miniaturización fueron los transistores y los chips que permiten fabricar ordenadores cada vez más pequeños.

Los pequeños transistores sustituyeron a las grandes lamparas de diodos, diez años despues este invento permite fabricar circuitos impresos, los transistores estan pegados a un placa y unidos entre ellos por filamentos muy pequeños. El tamaño de los ordenadores disminuye y sus prestaciones aumenta.

Los increibles chips.

Emicrochipl americano Gilbert Hyatt perfecciono el circuito impreso y lo miniaturizo al máximo. Los transistores y los hilos que los unen son invisibles a plena vista. Esto microprocesadores estan impresos sobre sooprtes minusculos. La gran cantidad de infotmación que se guarda en enorme ordenadores se almacena ahora en chips más pequeños que una uña.

Los juegos: de la televisión al ordenador.

pong1En 1961, el america Steve Rusell fabrica el primerjuego de ordenador , pero no tiene exito, una decada má tarde, Nelson Bushnell desarrolla un juego de tenis a partir de un simple oscilador.

En los años 70, las consolas permiten jugar en las pantalas de televisión, y en los 80mgracias a los microprocesadores, aparecen las consolas de juego individuales de 8 bits.

Las imagenes cada vez iran teniendo más calidad hasta alcanzar una resolución mayor.

Programas variados.

A partir de los años 80, los ordenadores son capaces de ejecutar tareas cada vez más complejas y variadas gracias a unos programas llamados software. Se pueden utilizar para copiar textos, dibujar retocar imagenes, montar películas … Desde mediados de los 90 puedes leer discos laser, CD-ROMS y DVDs.

Internet y los ordenadores.

A  principios del siglo XXI más de 500 millones de ordenadores estan conectados a internet.Esta red mundial permite comunicarse y acceder a una innumerable cantidad de informacón.Internet revoluciona el mundio de la comunicación y la información. Internet empieza en 1957 cuando los sovieticos lanzan el satélite Sputnik. El presidente de EEUU teme ataques desde el espacio, pide que los ordenadores del ejercito americano este mejor protegidos .Se propone que ne lugar de colocar los ordenadores en un mismo lugar se aconseja instalarlos en lugarres distantes y buscar una forma de conectarlos para uqe la información circule de unos a otros. En 1969, cuatro universitarios amreicanos unen sus orednadores gracias a lineas telefónicas. En 1972, el informátio Ray Tomilson idea un sistema de intercambio de correos electrónicos: el  e-mail, asi es posible intercambiar mensajes.

Una basta red: la página web.

En los 70, las universidades y las empresas crean su propia red pero, como los ordenadores no usan los mismos programas no pueden intercambiar información. En los años 80, los informaticos inventan un lenguaje comun que todos pueden reconocer, el sistema bianrio de bytes, en el que se establece que la información ira recogida en grupos de 8 bits, eso es un byte.Satélites

Años despues unos ingenieros suizos crean la página web: gracias a potentes ordenadores, cables telefónicos y satelites si tienes acceso a millomes de páginas web y documentos.

Un virus para un virus.

Una vez en 1972 se creó un virus informático llamado Creeper (arrastrador), Para combatirlo, Se creó otro virus ya que no existían los antivirus, este paso a ser el primer antivirus y se llamó Reaper (segador), puesto que crecía al acabar con los virus creeper.

Web 2.0

La Web 2.0 se refiere a una nueva generación de Webs basadas en la creación de páginas Web donde los contenidos son compartidos y producidos por los propios usuarios del portal. El término fue utilizado para referirse a una segunda generación en la historia del desarrollo de tecnología Web basada en comunidades de usuarios y una gama especial de servicios, como las redes sociales, los blogs, los wikis o las folcsonomías, que fomentan la colaboración y el intercambio ágil y eficaz de información entre los usuarios de una comunidad o red social. La Web 2.0 es también llamada web social por el enfoque colaborativo y de construcción social de esta herramienta.

En conclusión

Las TIC forman parte de la historia y actualidad del diseño gráfico ya que gracias al origen de los soportes graficos como la fotografía y despues el surgir de la era digital ayudo a conformar lo que es el diseño gráfico de hoy en día, tambien en el ambiente de la animación digital el avance de los videojuegos y programas de reenderizado 3D ha conformado los programas de hoy en día como los programas de Adobe Autodesk que tan usados son por los diseñadores. Por último, para la divulgación de los mensajes y las ilustraciones del diseño sin las televisiones, la imprenta moderna digital y la expansión por medios informaticos no se conocería hoy en dia ni la mitad de la información de la actualidad ya que Internet se ha convertido en la más grande enciclopedía del mundo.

Bibliografía:

  • FLEURUS. 2006. Los inventos. Imagen. Ed. PaniniBooks
  • Wikipedia
  • definicion.de/web-2-0/