Buscar este blog

jueves, 21 de junio de 2012

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

jueves, 24 de mayo de 2012

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.


viernes, 4 de mayo de 2012

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í ;)

jueves, 26 de abril de 2012

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.

viernes, 16 de marzo de 2012

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.

martes, 6 de marzo de 2012

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.

miércoles, 22 de febrero de 2012

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.