20 mar 2012

Práctica 06 Símbolo de Volkswagen

Comenzaré diciendo que esta ha sido la práctica que más me ha costado de todo el curso. Quizá no sea la más difícil, pero para mí lo fue. Intentaré describir bien los pasos a seguir para conseguir hacer un excelente plagio del logo de Volkswagen.

Primero haremos lo de fuera, las circunferencias, son tres, la más grande, que es gris y sólo se le ve un trocito, la siguiente es azul y comprende dos círculos, el siguiente al gris y el interno, y el blanco, a dónde se pega la W.

Hablando de la W, crearla será el siguiente paso, para eso creamos dos triángulos, uno encima del otro y con la herramienta "diferencia" nos quedara una V, la moldeamos a nuestro gusto y la duplicamos, las colocamos de tal manera que nos quede una W. Entonces, la colocamos concéntrica con las circunferencias (siempre con "Alinear y Distribuir"), lo que sobre lo cortamos, haciendo una especie de polígono con la herramienta "Curvas Bézier" que abarque los restos inútiles de W, hacemos diferencia y nos queda lo que queríamos, finalmente hacemos un rectángulo separando la W de tal manera que quede una V encima de una W, lo recortamos con diferencia y ya.

Tenemos la base, ahora los retoques finales, le metemos gradientes a los diferentes colores del símbolo para que los claroscuros queden como el original, duplicamos la parte blanca, la pintamos de negro, bajamos la capa y la desenfocamos para que quede sombra en el logo. Sólo nos queda hacer la especie de brillo que hay por el medio, yo la hice  (no estoy seguro de que el profe lo explicara así) haciendo un círculo y desenfocándolo totalmente, lo bajamos un par de capas y ya tenemos el brillo.

Aquí tenéis el resultado de todo este esfuerzo al lado del original, espero que os guste!




6 mar 2012

Práctica 05 Portada de Revista

Tras un largo período sin publicar nada, volvemos al trabajo con la misión de hacer nuestra propia revista, trabajo que consisitía en usar una foto nuestra como base para la portada de una revista. En mi caso, opté por una solución sencilla para la foto, usé la fotografía de la práctica anterior, y decidí hacer una revista de cine, usando mi posición en la foto como si fuera una especie de director o algo semejante.

Lo primero era darle formato revista a mi foto que era horizontal, usando la hoja que trae el Inkscape de principio, y usando rectángulos y líneas guía como referencia para que cuadrase.

Lo primero era el título, en un alarde de originalidad le puse "Cinestar", con un bonito estilo de tipografía, añadiendo debajo del título algunas cosas propias de la revista como el precio y todo eso, así como tembién el código de barras.

También puse algunos últimos estrenos y una especie de anuncio circular que adelantaba el contenido de la revista, ideas que cogí prestadas de portadas reales de revista. Tenía más cosas preparadas pero el espacio era limitado y empezaba a quedar cargado. Abajo os dejo el resultado final:

 

13 feb 2012

Práctica 04 Fotomontaje sentado

En esta nueva práctica de TIC aprendimos a hacer un fotomontaje pero de una manera un tanto particular, en vez de pegarnos en una foto ya elegida, en esta nueva práctica tuvimos más libertad de acción, es decir, elegimos nuestra foto (cuya única restricción era estar sentado) y el fondo donde queríamos pegarnos, a la hora de elegir es importante escoger dos fotos con las que podamos crear consonancia.

Tras la elección nos metimos en materia, lo primero como siempre es recortarnos (sin olvidarnos de difuminar los bordes, uno de los mandamientos de TIC), y, a continuación pegarnos de la manera mas creíble en nuestro fondo, escalándonos y metiendo lo que queramos para que quede decentemente creíble el tamaño con respecto a la foto.

A continuación jugamos con el tono y saturación de nuestra foto sentados para crear consonancia con el fondo, en algunos casos como en el mío, también queda mejor retocando el fondo, en mi caso le saqué algode nitidez para que no hubiera tanta desigualdad.

Resultado Final:

6 feb 2012

Práctica 03 Fotomontaje

Hola! En esta nueva y didáctica entrega de trabajos TIC hemos hecho un fotomontaje con la foto usada anteriormente, "pegándola" en una foto vieja de la típica familia norteamericana viendo la televisión en blanco y negro. El trabajo consistía en sustituir el aburrido programa que están felizmente viendo por una foto, igualmente aburrida, pero nuestra.

¿Y cómo logramos hacer esta brujería?
Es más sencillo de lo que parece, primero seleccionamos la imagen televisiva original con el lazo, para posteriormente cortar la imagen (siempre difuminando los bordes), conviene dejarla por ahí para usarla después como modelo. 
Toca ir a nuestra foto, como está en color, la convertimos a escala de grises, para que no quede muy cantoso. La pegamos por detrás de la foto original, intentando que cuadre con la tele, para ello la escalas y le metes un poco de perspectiva (e imaginación, porque la herramienta no es muy allá). Por último intentas que la foto no destaque, metiéndole diferentes efectos, como tono, saturación, algún brillo, ruído...

He aquí el resultado final:

31 ene 2012

Práctica 02 GIMP "Color de Ojos"

En esta nueva y divulgativa práctica, teníamos como objetivo cambiar el color de los ojos de alguien. Se supone que la foto tendría que ser propia, pero tuve algunos problemas, y finalmente la foto que retoqué fue una de las más famosas y conocidas del Mundo, hecha hace años por National Geographic.

Y ahora empecemos a explicar cómo se hace este trabajo tan complicado. La forma del Profe Nacho, es mucho más bonita, pulsando control y todo eso, pero aparte de que no me acordaba de muchas cosas, la forma con la que lo hice era mucho más sencilla.

Primero se selecciona la elipsis del ojo con la herramienta "selección libre" (un lazo), se hace en un ojo, y entonces pulsas (en el menú de la herramienta) añadir a la selección. Añades el otro ojo a la selección, entonces, como somos unos profesionales, nos damos cuenta de que pintar las pupilas queda muy feo, por lo que las eliminamos seleccionando "substraer de la selección" y seleccionándolas.

Entonces llega el momento de la magia, vamos a color, y balance de color, cambiamos el color de los ojos y ya está.

Aquí el resultado final:

20 ene 2012

Práctica 01 (GIMP+Inkscape) Imagen DIgital

En esta, mi primera entrada de este año 2012 (Feliz año!) explicaré mis comienzos en este curso con el GIMP y el Inkscape.

Comenzaré por el principio, tanto GIMP como Inkscape, sirven para manipular fotos de distinta manera, como imagináis los dos son software libre, ya que nuestro instituto no tiene dinero para mas. En esta práctica en concreto hemos jugado con las características de la foto, tanto como con su color, tamaño, etc..

Pero con estos medios también se pueden hacer grandes cosas, empecemos el seguimiento del trabajo paso a paso.

Elección imagen
Lo primero, se elige una imagen factible, de una calidad decente, para que la podamos reducir posteriormente a un tamaño menor en GIMP para que nuestros fantásticos y potentes ordenadores no se peten. Como comprobaréis mi imagen es una atracción de Disneyland.


Inkscape
En Inkscape lo que se hace con la foto original es hacer copias con varios efectos de vectorización, los cuáles indico en el montaje final.

GIMP
En GIMP es dónde hacemos el montaje final, colocando en un espacio en blanco, dónde colocamos la imagen original en el centro, y las imágenes con efectos alrededor. Además le hicimos un fondo para que quedara mejor mediante la función de "gradiente".

12 dic 2011

Weebly

Weebly es una página web que te ayuda a crear de forma totalmente gratuita tu propia página web.

El sitio fue creado originalmente por David Rusenko, Veltri Dan y Chris Fanini, todos los cuales asistieron a Penn State a una degree.It pregrado fue nombrado por la revista Time como el número cuatro de las cincuenta mejores webs de 2007. Algunas páginas semejantes que ofrecen servicios parecidos son: Yola (antes Synthasite), Lifeyo, Jimdo, Webs, uCoz, Wix...


La práctica consistía en hacer una página web usando Weebly, sobre un tema concreto, hice el trabajo con Iria Coll, y lo hicimos del famoso grupo Red Hot Chili Peppers.

Mientras hacíamos la página fuimos viendo el funcionamiento de Weebly, te ofrece numerosos estilos de párrafo, fotos, título... que tienes que ir arrastrando con el ratón para así ir haciendo poco a poco la página web, también puedes crear pequeñas presentaciones de fotos o hacer subapartados en la propia página.



Aquí el resultado final: http://redhot-chilipeppers.weebly.com/