jueves, 17 de marzo de 2011

Prácticas restantes de InkScape

   Como andamos algo faltos de tiempo en el final de esta segunda evaluación, en esta entrada resumiremos todas las prácticas que hemos hecho en InkScape desde la T (explicada en la anterior entrada).


  1º- Cuadrado.

     Comenzamos haciendo un cuadrado con la herramienta "Crear rectángulos y cuadrados", duplicándolo 4 veces y colocándolos formando un cuadrado más grande yendo a "Objeto" - "Alinear y distribuir". Pondremos el de arriba a la izquierda y el de abajo a la derecha negros, y los otros dos blancos. Ahora para hacerle efecto de sombra a los negros, los duplicamos los desplazamos un poco abajo a la izquierda y los desenfocamos. Para hacer que los blancos sean transparentes excepto su borde, vamos a "Objeto" - "Relleno y borde" y en Relleno ponemos el canal alfa a 0 y en Color de trazo todos a 0 menos el alfa que estará al máximo. Por último escribimos nuestros nombres ( nombre y apellido en este caso) encima y los centramos. El resultado es este:




2º- Símbolo de Nike

     Este es muy sencillo, solo tenemos que hacer 4 puntos ( o los que se deseen para que sea lo más parecido posible) con la herramienta "Dibujar curvas Béizer y líneas rectas"", después elegimos la herramienta "Editar nodos de trayecto o tiradores de control" y seleccionando los puntos que queremos curvar darle a Suavizar los nodos, ahora si queremos podemos modificarlo a nuestro gusto. En nuestro caso lo pintamos de naranja y incluimos nuestra propia marca.





3º-Logo de Volkswagen

    Esta última práctica fue más difícil que las anteriores y tuvimos algunas dificultades, pero conseguimos completarla satisfactoriamente. Tiene dos partes, en la primera había que hacer el logo de Volkswagen en blanco y negro sin sensación de volumen, y la segunda tenía que tenerla y además ser a color.

     - Hacemos dos triángulos mediante la herramienta "Crear estrellas y polígonos", colocamos uno encima del otro, seleccionamos ambos y le damos a "Trayecto" - "Diferencia" para crear una V. La duplicamos y colocamos una encima de otra para hacer una W y las unimos (Unión). Ahora hacemos un círculo, lo colocamos debajo de la W y le damos de nuevo a Diferencia, ya tenemos un círculo con el hueco en forma de W. Para la aureola exterior podemos crear un nuevo círculo un poco mayor que el anterior, le sacamos el relleno y aumentamos el grosor del trazo hasta que deseemos. Y por último para el rectángulo de en medio hacemos uno del tamaño deseado, lo alineamos en el centro y lo ponemos del mismo color que el resto. El resultado es este.


     2º- Esta práctica es mucho más fácil si ya tenemos hecho la anterior, ya que a partir de ella sacaremos el molde con la herramienta "Cubo de pintura". Una vez lo tenemos, lo duplicamos, lo colocamos un poco debajo a la izquierda de color negro y la desenfocamos para que parezca su sombra. Ahora resta hacer un círculo de color azul y colocarlo debajo. si queremos podemos usar la herramienta "Degradado" tanto en el círculo como en el molde para hacerlo más claro por una parte y oscuro por otra. Nosotros también le añadimos un círculo de color blanco arriba a la derecha, solo lo desenfocamos a nuestro gusto. Una vez acabado todo, este es nuestro resultado.

                                                                                                      
Esteban y Eloy      

jueves, 3 de marzo de 2011

Primera práctica de Inkscape. T.

   Saludos a todos, por ahora hemos acabado de usar GIMP y comenzamos con Inkscape, un programa gratuito de creación de gráficos vectoriales que surgió en 2003.

   Vamos a describir la primera práctica que hemos realizado, una circunferencia con una T, fondo degradado y nuestros nombres detrás. Este trabajo es una gran sencillez. Primero hicimos una circunferencia con la herramienta elipsis (y CTRL apretado para que fuera perfecta) y la pintamos de color rojo. Después escribimos una T de tamaño proporcional, la colocamos exactamente en el centro de la circunferencia mediante la opción "Alinear y distribuir" y usando "Diferenciar" se forma un hueco con el contorno y el relleno de la T. Como toque adicional le podemos añadir otra circunferencia por debajo del mismo tamaño con un "degradado" que vaya de blanco a amarillo para conseguir el efecto de la imagen. Y por último para sumarle un toque adicional escribimos "Esteban y Eloy"  loa bajamos a fondo y le quitamos opacidad al círculo de arriba para que se viera.

4º Práctica de GIMP. Letras en calor resplandeciente.

   Esta práctica fue un poco más difícil que la anterior, tuvimos muchos problemas y hubo que repetirla 4 veces, pero finalmente se consiguió. Vamos a explicar solo como hicimos la última, que es la que salió bien.

    Primero escribimos en el fondo "Esteban" a tamaño 140, (podéis escoger la fuente que queráis) y con la capa seleccionada accedimos a "Filtros"-"Alfa a logotipo"-"Calor resplandeciente", dejamos los parámetros por defecto y aceptar. Como queremos que las letras se transparenten, eliminamos todas las capas menos la llamada "Glow Layer" y "Texto" (en este caso pondrá "Esteban" ya que es el nombre que le hemos dado"), clicamos con el botón derecho encima de la paleta capas y le damos a "Combinar capas visibles". Ahora creamos una imagen nueva , en nuestro caso de tamaño 1024x512 y cambiamos el fondo blanco por un degradado que vaya de negro a  amarillo, para ello seleccionamos la herramienta "Degradado". Por defecto los colores de frente y fondo (debajo de las herramientas) serán negro y blanco, cambiamos el blanco por un amarillo con los parámetros Rojo 255, Verde 148 y Azul 0; cuando tengamos los colores y la herramienta seleccionada clicamos en la parte inferior del fondo y arrastramos hacia arriba (mantener pulsado Ctrl para que vaya recto).Debería quedaros algo así:


  Ahora copiamos la capa "Texto" desde la otra imagen y la pegamos encima del nuevo fondo, la duplicamos y le pusimos de nombre "Fuego1", activamos "Mantener transparencia" ( marcar el cuadro a la derecha de bloquear) y pintamos esta nueva capa con un amarillo claro (Rojo 251 Verde 247 Azul 128). El resultado fue este:

   Es hora de producir el movimiento de las llamas, para ello vamos a utilizar diferentes filtros. Desmarcamos la opción "Mantener transparencia" y a continuación comenzamos. Primero vamos a "Filtros"-"Distorsión"-"Desplazamiento" escogemos "Desplazar verticalmente" y valor 50. Ahora de nuevo "Filtros"-"Distorsión"-"Ondas" y como parámetros "Amplitud" 5, "Desfase" 0 y "Longitud de onda" 50. Toca difuminar un poco: "Filtros"-"Desenfoque"-"Desenfoque Gaussiano" con el parámetro en 5 horizontal y vertical. Y por último "Filtro"-"Desenfoque"-"Desenfoque de movimiento"-"Lineal"; Longitud 5 y Ángulo 45. Así salió:

   Solo queda: duplicar la capa "Fuego1", activar "Mantener transparencia", pintarla (la capa "Fuego1") con los valores Rojo 247 Verde 79 Azul 56, poner la capa "Texto" por encima de las demás y clicando encima de la capa "Texto" darle dos veces a "Combinar capas visibles". El resultado es este:

   Para introducirla en la imagen que queramos solo tenemos que arrastrar encima:

Esteban & Eloy

jueves, 17 de febrero de 2011

3º Práctica de GIMP. Halo

   Está práctica era más fácil que la anterior puesto que había que hacer menos cosas, a continuación describiremos cómo lo hemos hecho:

   En primer lugar abrimos el montaje anterior con el GIMP y ocultamos la capa fondo y sombra para que sólo se viera el cuerpo recortado.

   Ahora seleccionamos la capa cuerpo y con la herramienta varita mágica + MAYUS seleccionamos el fondo e invertimos la selección (CTRL + I). Luego escogimos la herramienta pincel y le cambiamos los parámetros: color blanco, opacidad 50 y el tipo de pincel Circle Fuzzy (11) para que diera impresión de halo sobrenatural. Sólo quedaba ir a la pestaña "Editar" - "Trazar selección" y seleccionar "Trazar con una herramienta de pintura" y aceptar. Activamos de nuevo el fondo y la sombra, y trabajo acabado. La fotografía inicial está en la anterior entrada y aquí está el resultado:



Esteban y Eloy

viernes, 4 de febrero de 2011

2º Práctica de GIMP. Fotomontaje.

   Bueno, ahora os hablaremos de la 2º práctica, en la que tuvimos que recortar mi cuerpo (Esteban)  de una imagen para insertarlo en un paisaje previamente escogido a una resolución de 1920x1080 píxeles. Empezaremos por el principio:

   Primero elegimos una imagen en la que salgo de cuerpo entero y la abrimos en el GIMP, luego la seleccionamos con la herramienta llamada "lazo" y una vez acabado la copiamos y la pegamos en el paisaje.

   Como el cuerpo pegado era mucho mayor que la imagen, usando la herramienta "escalar" la pusimos a un tamaño creíble, después, antes de deselecionarlo creamos una nueva capa para que no se fundiera con el fondo y puediéramos modificarlo más tarde si queríamos.

   Hecho esto, seguía pareciendo irreal, ya que a diferencia del resto de elementos, el cuerpo no tenía sombra, la forma de hacerlo era seleccionando a ojo con el lazo por detras y oscureciéndolo, pero de está forma no se parecía al cuerpo, sino que no tenía forma; pero innovamos una forma de que pareciera más real. Pegamos de nuevo el cuerpo por encima y le pusimos otra capa, usando la herramienta de transformación "perspectiva" la inclinamos con relación a luz proporcionada por el sol y la oscurecimos.

   Para oscurecerlo fuimos a Colores - "Matiz - Saturación" y le quitamos luminosidad y saturación. Por último, ya todo parecía aceptable, pero no daba el pego porque el cuerpo era demasiado oscuro en relación al paisaje, así que por el mismo procedimiento que la sombra le aumentamos la luminosidad. Una vez acabado solo restaba mandarle el correo a nuestro profesor. Y aquí está, 1º la fotografía incial y luego el resultado:

Esteban y Eloy

viernes, 21 de enero de 2011

Imagen Digital

¡Feliz año a todos! Ésta es la primera entrada del nuevo trimestre, que trata sobre la imagen digital. De momento estamos trabajando con GIMP pero no sabemos que sorpresas nos deparará el futuro.

Parece que en este trimestre seguiremos juntos Eloy y yo (Esteban), compartiremos el blog (el mío) y publicaremos las entradas juntos.


Bueno, dejémonos de circunloquios y pasemos a explicar lo referente a GIMP y a la 1º práctica. Empecemos por GIMP.



GIMP (GNU Image Manipulation Program) es un programa que como indican sus siglas, sirve para manipular imágenes, en referente al apartado técnico presenta menos herramientas y funciones que otros editores como por ejemplo el "Adobe Photoshop". Sim embargo, su gran ventaja reside en su gratuidad, lo permite su uso masivo, por ejemplo en los centros educativos sin demasiados recursos (como el nuestro).

 Ahora hablemos de la primera práctica hemos realizado con el uso de GIMP. Primero escogimos una imagen en Internet que contara con un tamaño de 1080x768 píxeles y presentara una cierta diferencia de colores para que se notara mejor el resultado. Acto seguido la abrimos con GIMP y la reducimos a 600x427 en un fondo de 1920x1080 para que tuvieramos espacio suficiente para pegarla 5 veces más. Por último les cambiamos el número de bits de color. La 1º es la original; la 2º de 16 bits, lo que viene siendo 2 elevado a 16 colores; la 3º 8 bits, 2 elevado a 8; la 4º a 4 bits; la 5º a 2 y la 6º a 1 bit, lo que es blanco y negro.
Finalmente le pusimos un fondo psicodélico y aquí teneis el resultado.

  

 Esteban y Eloy

lunes, 13 de diciembre de 2010

Weebly

   Weebly es una página Web que sirve para crear a su vez otras páginas de una forma fácil y simple. Cualquiera puede registrarse, es gratis, salvo que quiera acceder a una serie de privilegios como tener un dominio propio en cuyo caso tendrá que pagar. Tras rellenar un sencillo cuestionario ya se está listo para empezar a editar la página. Primero hay que elegir un diseño que condicionará todo lo que pongamos ya que las opciones de diseño una vez elegido son mínimas; después podemos cambiar el menú y la imagen inicial que aparece en casi todos los diseños. Una vez aquí solo tenemos que decidir sobre que tratará nuestra página y empezar a publicar.

   Mi página Web trata sobre Albert Einstein, un gran matemático y físico de origen alemán de finales del siglo XIX y primera mitad del XX.

Enlace de la página aquí.