Casa SKETCHUP!

Una vez dejado atrás el Google Docs, hemos utilizado el Sketchup (también de google) simplemente para saber manejarnos con él. En realidad a mi no me parece un programa al que le vayamos a sacar mucho partido (en general) pero el saber no ocupa lugar y el trabajo que llevamos a cabo no fue muy latoso ni aburrido. A mi me resultó una práctica relativamente difícil porque era necesaria prestar mucha atención a todos los detalles, ya que a veces un mala medida o una colocación incorrecta de algún elemento podía significar la pérdida de parte del trabajo. En el caso de algunos compañeros (no es el mío), ya tuvieron sus primeras tomas de contacto con el programa el año pasado, lo cual -supongo- les facilitó un poco el trabajo.

El trabajo a realizar fue simple, una casa con su correspondiente parcela, todos empleando las mismas medidas para la elaboración de la casa, sus habitaciones y ventanas y puertas pero con la libertad de decorarla a nuestro gusto. Eso fue lo más divertido sin lugar a dudas porque el programa pone a tu disposición multitud de colores y materiales para las paredes y suelos y además cuenta con una comunidad en Internet (vía google) en la que puedes descargarte todo tipo de objetos (modelos) e incorporarlos a tu creación, al igual que puedes compartir tu modelo en dicha comunidad una vez terminado.

PROCESO:

Antes de empezar, nos dedicamos a probar todas las herramientas que nos ofrece el Sketchup para aprender un poco a manejarlo por nuestra cuenta.

1º. Hicimos la base de la casa con las medidas indicadas y tuvimos que hacer una equidistancia para crear el muro; posteriormente elevamos ambas paredes a una altura adecuada, conformando así el muro exterior. Luego, en ese muro ya formado, hicimos los huecos para las ventanas y la puerta.

2º. Creamos las puertas y ventanas. Primero la puerta, no directamente en el muro sino fuera de la casa, como un elemento individual; Para su creación hicimos el rectángulo (respetando las medidas) y lo desplazamos para atrás para hacerle el grosor; una vez hecho esto, le hicimos una equidistancia para hacerle el marco y luego otra para hacer la cristalera de la derecha; finalmente la colocamos en su hueco del muro. Luego dimos paso a la creación de ventanas, que son todas diferentes pero partimos de la misma estructura (las grandes) para hacer todas. Una vez hecha la primera ventana delantera (Rectángulo, corrimiento para atrás, equidistancia de marco) creamos un grupo para su posterior replicación. Colocamos la primera ventana en un hueco contiguo a la puerta; con la herramienta “mover” y manteniendo pulsado “control” la copiamos cuatro veces más para cubrir el resto de huecos y luego las fuimos ajustando según su correspondiente llanura. Una ves hecho esto lo que hicimos fue aplicarles a cada una sus distintivos (en el caso de las del muro trasero, añadimos barras y paneles y en las delanteras simplemente un panel a una).

3º. Lo siguiente fue hacer la tabiquería, de nuevo individualmente, fuera de la casa. En este paso hay que tener especial cuidado con las medidas para que en su posterior colocación en el interior de la casa ésta quede perfecta. La formación de este elemento es bastante fácil, usamos rectángulos y la herramienta de elevar y dejamos los huecos de las puertas. Para hacer esas puertas seguimos basicamente el mismo proceso que con la puerta principal solo que no le añadimos el detalle de la cristalera; una vez hecha la primera la copiamos y agregamos las otras. Después con un simple rectangulo y diversas herramientas cubrimos el hueco superior que restaba entre los tabiques y la puerta.

4º. Dándole el tamaño que quisimos hicimos la parcela (a parte de la casa) incluyendo una pequeña elevación de 0,01 para colocar ahí la casa posteriormente. Le añadimos una piscina (todos) de las dimensiones que quisimos.

5º. Incorporamos la tabiquería en el interior de la casa con la herramienta de “mover”. Una vez hecho eso, construimos un armario empotrado muy sencillo y luego parte del mobiliario de la cocina (los armarios y las encimeras, ambas fuera de la casa y luego las movimos).

6º. Lo último fue decorar la casa, añadiéndole los colores a los marcos de ventanas y puertas, armario, mobiliario, suelos y paredes. Además le incorporamos más mobiliario a nuestro gusto, tanto al interior como al exterior.

Parece un proceso complicado pero poco a poco y con paciencia se hace perfectamente sin necesidad de poseer demasiados conocimientos.

PD: Os QuieRoOo muXiioOo y hA sidU un pLaSerR cOmPaRtiiR cLasSroOm cOn voSotRus =D

GOOGLE DOCS.

Hola bellos! voy a explicar un poco mi reciente experiencia con Google Docs y como ha de usarse ;).
Lo último que hemos hecho en clase ha sido realizar un par de ejercícios planteados en el tutorial de GDocs propuesto por Aula Clic y Troncoso.
Google Docs es muy sencillo, como ya explique en la entrada anterior, y los tutoriales son muy fáciles de seguir (bajo mi punto de vista quizá explican todo con demasiado detalle, y Aula Clic tiene un par de erratas en lo referente a las herramientas que ofrece GDocs).

Prácticas realizadas:

• PRESENTACIÓN. Aprovechamos todos los trabajos que hicimos en la segunda evaluación con Inkscape y Gimp para realizar una presentación de diapositivas con las fotografías y explicaciones pertinentes. Las opciones que Google Docs ofrece para la realización de presentaciones son las más básicas (Diferentes tipografías... , entradas y salidas de elementos con efectos, temas para los fondos, fundidos...). Si no buscas hacer una presentación muy elaborada y vistosa, GDocs es el programa que necesitas. 
• DOCUMENTOS DE TEXTO. Siguiendo ya el tutorial de Aulaclic, hicimos los ejercicios 4 de los ejercicios paso a paso (Fuente, tamaño y estilo y Alineación en sangría) y posteriormente el número 4 de los ejercicios propuestos (Formatos). Son realmente fáciles de realizar, ya que se explica todo con mucho detalle. Luego seguimos el ejercicio número 5 de los ejercicios paso a paso (Encolumnar un documento) que simplemente consistía en insertar una tabla e introducir texto y elementos en ella con diversas disposiciones (derecha, izquierda, centro y justificado) y tipografías; en este tutorial nos explican como movernos de una celda y columna a otra sin necesidad de usar el ratón. 
• HOJAS DE CÁLCULO.  Para practicar este apartado hemos realizado un par de tutoriales propuestos por Aulaclic pero nos centramos más en los de Troncoso, ya que los anteriores presentaban algún problema y son muy sencillos. Hicimos una de calificaciones y otra sobre las cuentas de un departamento. 

Si quieres ver mis trabajos pincha AQUÍ.

Bajo mi punto de vista, los tutoriales están muy bien sobre todo para gente que nunca ha tratado con este tipo de programas ya que te muestran como realizar todo tipo de documentos con muchos detalles.

Mi reciente experiencia con GDocs ha sido magnífica y corroboro lo que he dicho en la entrada anterior.

Presentación trabajos 2ºev.

Para la realización de esta presentación empleamos el Google Docs. Es un programa muy fácil de utilizar ya que es bastante sencillo, tiene las funciones básicas.  A pesar de que no nos ofrece herramientas complejas, es posible realizar presentaciones dignas. De echo el único problema con el que me topé fue que no consta de gran variedad de tipografías.
GDocs tiene además una ventaja destacable que no presentan el resto de procesadores. Nos permite compartir nuestros trabajos con la posibilidad de ser editados por terceras personas y nunca nos vamos a encontrar con el típico problema de que no se pueda abrir en otros ordenadores por las diferentes versiones. El echo de que tengamos que emplearlo vía web es una desventaja pero no demasiado importante ya que podemos guardarla en el pc como un archivo normal.
Mi presentación es muy simple, solo consta de una portada y una diapositiva final y por el medio las diapositivas correspondientes a los trabajos realizados en la evaluación pasada (con la foto de la práctica, el título y una brevísima explicación).

Si quieres más información sobre Google docs pincha aquí ;)

Animando a Oliver Atom

Esta práctica que comenzamos a realizar a finales de la evaluación pasada es en la que más tiempo hemos empleado debido a su complejidad. Como podéis comprobar por las sucesivas entradas que he subido, a medida que avanza el curso aumenta la complejidad de los proyectos.

Hemos empleado el Inkscape para dibujar el muñeco y el fondo.

Para dibujar el muñeco me he centrado en que la cabeza quedase lo mas real posible porque es el elemento más característico (para hacerlo dibuje un pentágono y le fui dando forma llevando el objeto a trayecto, utilizando la herramienta nodos. Una vez hecho esto, dibuje una oreja valiéndome fundamentalmente de las curvas Bézier y para ahorrar tiempo dupliqué el elemento e invertí su posición; a continuación hice lo propio con los ojos. La nariz y la boca las dibujé con las curvas bézier también - a la nariz le añadí una esfera difuminada y con menor opacidad para que pareciese mas real). Para la creación del resto del cuerpo empleé básicamente las curvas bézier y algún que otro polígono, siempre retocándolo con la herramienta nodos.

El fondo es muy sencillo, lo único destacable es la portería y la figura del portero, al que simplemente tuve que dibujarle la cabeza y duplicando el cuerpo del propio Oliver y editándolo un poco crear su cuerpo, valiéndome de nuevo de la herramienta "duplicar" y "nodos".

El siguiente paso es pensar en los movimientos que hará tu muñeco, no deben ser muy complejos ya que es preferible que el archivo no sea de gran tamaño.

Para darle movimiento a mi futbolista solo tuve que cambiar sus facciones en algunos de los fotogramas, variar la posición de los brazos y las manos y crear una pelota. Para la creación de los fotogramas he utilizado capas, cada capa constituye un fotograma así que en cada una de ellas he colocado un movimiento de manera que pasando capa a capa la imagen cobrase vida. Para que quedase lo mas exacto posible, dupliqué el personaje y seleccionándolo y posteriormente "elevando la selección a la capa superior actual" en la pestaña capas fui haciendo los fotogramas. Es un proceso un poco latoso pero al fin y al cabo es sencillo.

Una vez terminados todos los necesarios, tuve que guardar una a una las capas en formato PNG exportando la imagen y escalándola de una vez (1024x833). Para crear la animación, utilicé el Gimp: En la pestaña archivo le di a "abrir por capas" y abrí todas a la vez. Eliminé el canal alfa en todas las capas y comprobé el posible resultado en filtros-animación-reproducción para poder regular la velocidad de los movimientos. Tras varias pasadas, ajusté poco a poco la velocidad de cada fotograma para que el resultado fuese mejor. Finalmente guardé el archivo en formato GIF y utilicé un hosting para poder subir la animación al blog.

LOGO VOLKSWAGEN

Esta ha sido una entrada un poco complicada en la que empleamos más tiempo del habitual; tras elegir entre todos el logo que íbamos a copiar hemos elegido éste debido a que al fin y al cabo, en comparación, no presenta mucha complicación.
La creación del logo la hice la gran mayoría con mi compañera Fátima Fernández debido a las complicaciones que se han presentado con los ordenadores del aula.
Para realizar la práctica utilizamos el inkscape otra vez. Esta vez el tamaño de la página no importa demasiado y no tuvimos que emplear imágenes adicionales así que nos pusimos manos a la obra directamente con la imagen del logo original abierto en otra ventana y siempre a la vista.

1. Dibujamos una circunferencia del tamaño que tendrá el logo finalmente, después dibujamos otra un poco más pequeña para simular el borde blanco que presenta el logo. Una vez hechas ambas circunferencias, seleccionando las dos, le dimos a "Alinear y distribuir" en la pestaña superior de "Objeto" y una vez abierta esa ventana centramos ambas circunferencias a los ejes horizontal y vertical.
2. Dibujamos otra circunferencia, más pequeña que la anterior, y de nuevo una cuarta circunferencia para hacer el círculo central (debe ser más pequeña). Una vez tengamos las dos centradas (repitiendo el proceso del primer punto de alinear y distribuir) las seleccionamos y le damos a "Diferencia" en la pestaña superior "Trayecto" para que quede el espacio central libre y que quede un aro.
3. Es el momento de hacer la W del centro, el objeto principal del logotipo. Para hacerlo tenemos que dibujar dos V del mismo tamaño y proporciones, esto debes ajustarlo a ojo, más o menos comparando con el logo original. Cuando tengamos ambas V hechas, lo que debemos hacer es colocarlas en el círculo central, prestando especial atención en los huecos que quedan entre ambas y el borde del círculo. Una vez colocadas en el sitio correcto (valiéndote de las líneas guias si es necesario), las unimos para que sean un único objeto seleccionando ambas y clicando en "Unión" en la pestaña superior "Trayecto". A continuación debemos recortar lo que sobra de la W, para ello dibujamos por encima una especie de "sombrero" que cortará los picos de arriba de la W que sobrepasen el aro del centro; una vez hecho esto, simplemente seleccionamos la W y el "sombrero" y le damos a "Diferencia" de nuevo. Una vez recortado lo sobrante, bajamos la W una capa (seleccionamos la W y le damos a "bajar la selección un nivel", para que quede por debajo del aro). Por último unimos el aro y la W, seleccionando ambos y realizando el proceso citado anteriormente.
4. Finalmente le dimos los efectos que tiene el logo original. Primero seleccionamos los colores adecuados para cada elemento, utilizando la rueda de colores (en la ventana de "Relleno y borde", que debe estar siempre abierta). Para darle sombra al elemento principal lo duplicamos en "Duplicar los objetos seleccionados" (segunda barra superior) y le damos un color negro- gris y jugamos un poco con su opacidad y el desenfoque, posteriormente lo colocamos por debajo (bajar selección un nivel) y lo movemos para que quede lo más real posible. También le añadimos el troquelado del elemento central haciendo un pequeño aro gris, de la misma forma que hicimos el aro que rodea la W, y nuevamente lo colocamos una capa por debajo. Para darle las sombras utilizamos la herramienta de gradiente y para el brillo hicimos una esfera con poca opacidad en color blanco y un poco desenfocada.

PORTADA REVISTA

Para la realización de este fotomontaje he empleado el inkscape principalmente.
Una vez escogido el tipo de revista que quería hacer (habiendo observado algunas que están en el mercado para inspirarnos y coger ideas) y la foto principal de portada, tuve que retocarla un poco, y para hacerlo utilicé el gimp. Además, para que la imagen se adaptase mejor, he tenido que recortarme la cabeza y pegarla de nuevo para que ésta quedase un poco por encima del título de la revista. Previamente introduje el título (primero lo puse con un estilo de letra y luego lo retoqué "llevando el objeto a trayecto", seleccioné el color y los bordes para que quedase el título un poco mas llamativo y vistoso) y posteriormente pegué la cabeza por encima.
Una vez hecho esto, introduje en mi portada los elementos básicos de una revista, el número de publicación el precio y el código de barras.
Después escribí los titulares y para que éstos no quedasen en segundo plano los he escrito con diferentes tipografías y encuadres (como en el caso del segundo titular, ya que introduje una fotografía más, era necesario recuadrarla para que fuese un poco más independiente del titular de la imagen portada).
Y por último añadí el detalle del regalo semanal, reduciendo bastante el tamaño de la imagen que acompaña al texto para restarle importancia.
En la creación de este trabajo hay que prestar especial atención en el tamaño, esto fue lo que más problemas me ha dado, debido al tamaño de la imagen original y la adaptación de la misma a la página A4. Además es necesario tener en cuenta que elementos deben resaltar más haciendo un buen uso de las variedades tipográficas y las múltiples herramientas que presenta este programa. Es recomendable que la ventana de "relleno y borde" permanezca siempre abierta, te facilita el trabajo bastante.

FOTOMONTAJE 2

FOTO ORIGINAL

Seguimos empleando el gimp en nuestras prácticas y esta vez se trató de hacer otro fotomontaje. Lo que buscábamos era colocarnos sentados en algún fondo que no tuviese que ver con la foto de la que nos recortamos, y que quedase lo más real posible.

Para lograrlo, una vez que escogiesemos nuestra foto sentados y el fondo dónde nos queremos pegar (cuantas más opciones mejor, ya que debemos escoger un fondo y una foto que se ajusten lo máximo posible en el sentido de brillos e incidencias de ambas imágenes), tenemos que recortarnos en la foto con la herramienta de recorte libre de nuevo, prestando atención en que esté seleccionada la opción de difuminar los bordes esta vez con menor radio (yo lo he hecho con un radio de 3). Una vez recortados nos pegamos en el fondo en el que deseamos aparecer (doble clic en la capa flotante para guardarla independientemente) y, en la mayoría de los casos, nos escalamos manteniendo pulsado CTRL ya que el tamaño de nuestras fotos no suele coincidir con el del fondo escogido. Ya escalados nos colocamos en el lugar dónde nos vamos a "sentar" lo mejor posible (en mi caso he tenido que ajustar un par de cosas, tuve que recortar el sofá y pegarlo de nuevo en el mismo sitio para que quedase más real). Cuando todo está aparentemente listo, asistiendo el principal objetivo de que el montaje quede real, debemos ajustar al máximo los colores, sombras, brillo, saturación... de nuestra imagen pegada para que se complemente lo mejor posible con las características del fondo.

FOTOMONTAJE

Nuestra tercera práctica consiste en un fotomontaje partiendo todos de la misma imagen y utilizando como segundo elemento la fotografía que hubiésemos retocado en la práctica anterior (como podéis comprobar yo no he utilizado mi imagen retocada de la segunda práctica, y fue debido a su forma, al ser vertical y la pantalla de la televisión horizontal, se deformaba bastante) y para fusionar ambas imágenes hemos empleado el Gimp de nuevo.
Lo primero que hice fue poner la foto que posteriormente iba a pegar en blanco y negro ya que la imagen principal es una foto antigua en escala de grises. Una vez cambiados los colores la he escalado un poco.
En una ventana nueva he abierto la imagen de la familia viendo la televisión y con el elemento de recorte libre (herramienta del lazo) he ido recortando poco a poco la pantalla de la tele teniendo especial cuidado de que en esa capa estuviese añadido el canal alfa y de que la función de difuminar los bordes estuviese activada en el menú de recorte. Una vez recortada he abierto la fotografía que quería que suplantase a la pantalla y he guardado esa capa flotante (menú de capas), este paso es realmente importante. He tenido que escalar bastante la foto a añadir, para que se adecuase al tamaño de la pamtalla del televisor. Respecto a la foto, he tenido que variar un poco su perspectiva (herramienta que podrás encontrar en la banda lateral izquierda) para que coincidiese perfectamente con la posición de la televisión. Una vez realizados estos cambios, he movido la capa de la fotografía hasta el final en el menú de capas para que ésta apareciese por detras de la imagen grande. Con cuidado debes ajustarla para que cuadre perfectamente con la pantalla de la televisión.
Para darle un toque mas real he jugado con el brillo y el contraste, con el degradado de luminosidad y con algún que otro filtro (le he aplicado un poco de ruído).

RETOQUE FOTOGRÁFICO: Cambio color de ojos

Seguimos empleando nuestras clases en el tratamiento fotográfico, esta vez con fotografías de mapa de bits. Nos centramos en el retoque fotográfico utilizando el gimp y lo que debíamos hacer en esta segunda práctica simplemente fue cambiarnos el color de los ojos, en mi caso como tengo los ojos oscuros opté por un color claro.

Para hacerlo utilicé la herramienta de selección libre (lazo) del gimp y con cuidado y acercando la foto lo necesario,  fui seleccionando el ojo (antes de comenzar a seleccionar le di a difuminar los bordes en la ventana lateral inferior, para que al acercar la foto el iris quedase redondeado), una vez seleccionado uno hice lo mismo con el otro mientras pulsaba SHIFT para que ambos se mantuviesen seleccionados. Para que las pupilas permanezcan intactas y solo cambiar el color del iris, lo que tuve que hacer fue seleccionar de la misma forma una pupila manteniendo pulsado CONTROL y luego hacer lo propio con la otra y es conveniente hacer lo mismo con los brillos que puedan aparecer en los ojos para que el resultado sea mas real. Una vez que todo estuviese seleccionado cliqueé en "colores" (barra superior) y jugué un poco con el balance de color y la iluminación y saturación. Con el balance de color les di a mis ojos el color que más o menos buscaba y luego lo perfeccioné variando la iluminación y la saturación. Para alcanzar ese aspecto tan natural lo que hice fue bajar la saturación y darle un poco de iluminación.

Finalmente guardé los cambios conservando la foto original y terminé haciendo el montaje con ambas fotografías para que se perciba claramente el cambio.

Parece complicado pero es muy sencillo y además de esto puedes hacer todo tipo de retoques con el gimp, como quitar arrugas e imperfecciones, eliminar brillanteces...

Si quieres informarte acerca de las ventajas de gimp, entra en mi Mister Wong y allí encontrarás un breve resumen y el enlace a su blog.

Práctica Efectos Vectorizaciones

Hemos comenzado este trimestre teniendo las primeras tomas de contacto con programas como inkscape y gimp, que se basan en el tratamiento de las imágenes digitales y sus características como la profundidad, el color... El inkscape es un editor de gráficos vectoriales (un gráfico vectorial es un método de creación de imagenes mediante figuras geométricas, como lineas o puntos) y el gimp consiste en un editor de imágenes en mapa de bits (una imagen de mapa de bits consiste en aquella que está compuesta por una matriz de puntos, o sea píxeles). Son bastante fáciles de utilizar y te los puedes descargar de forma gratuíta.
Voy a explicar el proceso que he seguido para realizar esta práctica:

1.Lo primero ha sido elegir una imagen, preferiblemente propia y con cierta cantidad de detalles y variedad de colores. Una vez escogida la fotografía perfecta la he reducido con el gimp a 1280x960 para que fuese mas manejable y partir todos de un patrón similar.

2. Después utilizando el inkscape empecé a aplicarle los efectos a la foto original. Abrimos la foto en el inkscape y cliqueamos en "Trayecto" (barra superior) y luego en "Vectorizar mapa de bits". Los efectos que el profe nos ha mandado aplicar han sido:

CORTE DE LUMINOSIDAD

DETECCIÓN DE BORDES

PASADAS DE COLORES

PASADAS COLOR GRIS

 Para conseguir el resultado deseado tuve que ir regulando el umbral y las pasadas dándole a "Actualizar". Tuve muy en cuenta la selección de la imagen que quería editar antes de nada.

 3. Una vez hechos todos los efectos, fui guardando cada imagen editada individualmente para tratarlas mas tarde con el gimp. Para guardarlas cliqueé en "Archivo" (barra superior) y luego en "Exportar mapa de bits", me he fijado en si las dimensiones eran las adecuadas y le di a "Exportar".
 4. Con el gimp creamos el collage (imagen superior). Para hacerlo tuve que crear un documento de tamaño 4000x2600 y copiar y pegar las imágenes una por una en el lugar adecuado. Una vez que estuvieron todas ordenadas, le puse el fondo, para hacerlo cliqueé en la capa de fondo y le puse un solo color y lo difuminé (todo está en la caja de herramientas). Presté especial atención en la distribución de las capas.
5.Una vez hecho todo esto, le puse los nombres a cada imagen adecuandolos al efecto aplicado y el nombre de la práctica.
6.Para guardar la imagen en JPG, y poder subirla al blog, le di a guardar como y abajo de todo cliqueé en "seleccione el tipo de archivo", cliqueé en JPG y exporté la imagen.