Mostrando entradas con la etiqueta aprender. Mostrar todas las entradas
Mostrando entradas con la etiqueta aprender. Mostrar todas las entradas

martes, 25 de noviembre de 2014

Tutorial básico de Illustrator

Cómo crear un diseño geométrico abstracto.


Buenos diseños pueden crearse incluso usando las herramientas más simples. En este tutorial vamos a crear un diseño geométrico usando básicamente hexágonos, colores y una serie de texturas.
Este diseño fácilmente puede usarse como un poster, o incluso como portada para un libro o álbum.



El diseño que estamos creando se compone de una serie de hexágonos repetidos. La inyección de colores al azar da vida a la presentación, y el uso de texturas permite crear un estilo similar a los patrones geométricos usados en los años 70.



Vamos a hacer uso de Illustrator y Photoshop para esta creación. Empezamos usando Illustrator y dibujamos un polígono de 6 caras en la mesa de trabajo. Giramos tal figura 90º y luego vamos a Objeto>Trazado>Desplazamiento e introducimos 3mm.



Seleccionamos la nueva forma y le quitamos el relleno y el trazo. Para ello seleccinamos las casillas de relleno y trazo, e individualmente elegimos el pequeño ícono con una línea roja diagonal.



Presionamos Ctrl+Y para activar el modo de esquema, y luego presionamos Ctrl+U para activar las guías inteligentes. Manteniendo ALT presionado hacemos clic y arratramos para obtener un duplicado de las formas, horizontalmente, hasta que queden alineados.



Presionamos Ctrl+D varias veces, para repetir la transformación, hasta obtener una larga lista de hexágonos.



Seleccinamos el conjunto de hexágonos en línea y escalamos a un menor tamaño para que quepan en la mesa de trabajo. Debemos mantener SHIFT pulsado mientras hacemos ello para conservar las proporciones.



Sin quitar la selección mantenemos presionado ALT y arrastramos para obtener otro duplicado. Ahora, debemos alinear el contorno entre los bordes inferiores de los originales.



Clic y arrastramos para obtener otro duplicado de la primera fila. Esta vez desplazamos el duplicado solo horizontalmente.


Usamos Ctrl+D para repetir esta transformación. No debemos prestar atención a los vacíos que van quedando en el diseño ya que en seguida lo solucionaremos.



Ahora obtenemos un duplicado de la segunda fila y repetimos esta transformación usando el atajo Ctrl+D hasta que el patrón esté completamente lleno.


Para dar simetría al patrón, seleccionamos y eliminamos todos los hexágonos que sobresalen por la derecha.



Seleccionamos todo el patrón y pulsamos Ctrl+G para crear un nuevo grupo. Centramos el diseño en la mesa de trabajo con la paleta Alinear. Luego, clic derecho y seleccionamos Desagrupar.



Presionamos Ctrl+Y para desactivar el modo de esquema. Los hexágonos con los que trabajamos están todos presentes, solo que no son visibles los de mayor tamaño por el hecho de haberles quitado tanto relleno como trazo al inicio.



Usando una agradable paleta de colores dibujamos unos rectángulos para que los colores queden a nuestro alcance (luego podríamos usar cuentagotas para facilitarnos las cosas).
Luego, con un color determinado, dibujamos un gran rectángulo de fondo.
De hecho el rectángulo quedará sobre las demás formas, por lo que habría que enviarlo atrás.



Manteniendo pulsada la tecla SHIFT seleccionamos al azar una serie de hexágonos, y asignamos a dicha selección el primer color de la paleta elegida.



Repetimos el proceso, esta vez eligiendo el segundo color de la paleta. Si seleccionamos un grupo de hexágonos de una forma no deseada luego podemos asignar colores a algunos hexágonos individualmente.



Luego de asignar los colores de nuestra paleta a cada hexágono vamos a hacer uso de Photoshop para superponer texturas a estos colores y dar un mayor realce al diseño.



Podríamos simplemente pegar todo el diseño a Photoshop y aplicar una textura general. Sin embargo, podemos lograr un mejor efecto si agregamos texturas diferentes para cada grupo de hexágonos del mismo color. Empezamos copiando el fondo a Photoshop.



Quitamos el relleno del fondo. Seleccinamos ahora un primer color y vamos a Seleccionar > Mismo > Color de relleno. Presionamos SHIFT y añadimos el gran contorno rectangular a la selección.



Copiamos y pegamos nuestra selección a Photoshop, creando otra capa, exclusiva para esta selección.



Repetimos el proceso, seleccionando otros grupos de hexágonos con los colores restantes.



Buscamos algunas texturas en este enlace: http://lostandtaken.com/gallery
Pegamos una textura a Photoshop, sobre nuestra primera capa, y la desaturamos cambiando el modo de fusión a "Multiplicar" con un 30% de opacidad.



Pegamos otra textura sobre la capa de hexágonos del primer color y desaturamos.
Hacemos CTRL+click sobre la miniatura de la capa de hexágonos para cargar su selección, y a continuación, aplicamos "Layer Mask" sobre la capa de la textura para recortar al tamaño adecuado.



Cambiamos la capa de la textura a "Luz suave" con 70%, para crear una serie de marcas sobre el diseño. La aplicación de una textura general habría afectado a todo el diseño. En este caso solo alteramos las primeras formas.



Repetimos el proceso con otras texturas para las capas de hexágonos siguientes. Cargamos la selección y aplicamos "Layer mask" (Máscara de capa).



La superposición de texturas elimina la apariencia limpia y plana de un diseño digital y da a nuestro diseño un aspecto más realista.

Esto es todo. Si desean ver el contenido original en inglés pueden hacerlo dando click aquí.

viernes, 7 de septiembre de 2012

English Terms #002

Este es un segundo listado de palabras y expresiones en inglés

De momento puedo decir que no domino el inglés en su totalidad, sin embargo, conociendo algunas expresiones consigo entender (en muchas ocasiones) bloques de texto de aquel idioma.
Esto no quiere decir que lo siguiente posiblemente sea falso, no. Es correcto. He usado algún traductor sencillo y luego volví a escribir estas líneas para darle sentido, cuando no lo hubiera.

For parts (a) and (b) apply the constant acceleration equations to the motion of the bullet.
Para las partes (a) y (b) aplicar las ecuaciones de aceleración constante para el movimiento de la bala.
En un primer momento el traductor inexacto me decía que motion era "desplazamiento". Y yo he estado pensando que de motion a desplazamiento no hay nada que los relacione lo suficiente como para recordarlo fácilmente. Felizmente, luego he pensado una palabra con más sentido de relación con "motion". Esa palabra es movimiento. Aunque movimiento lo relacionaba con movement.
Bueno de todos modos, ambos significan movimiento según Translate Google. Son unos sinónimos en inglés. Y, curiosamente, emotion es emoción jeje.

Apply constant acceleration equations to the motion of the rocket and to the motion of the canister after it is released.
Aplicar las ecuaciones de aceleración constante al movimiento del cohete y para el movimiento de la lata después de que se libera.
¿Eso quiere decir que el Team Rocket de Pokémon era en realidad el Equipo Cohete?
Bueno, eso no es confuso. Lo que puede resultar algo enredoso es "canister", traducido como lata. Viene a significar también, envase, o cartucho. Canister, cartucho; canister, cartucho. Aunque realmente según el texto veo que se relaciona también con "desecho".
Una palabra importante es released. Por lo menos yo, lo he visto muchas veces, y pude "estimar" su significado. Pero ahora estoy completamente seguro: released, liberado, puesto libre.

sábado, 11 de agosto de 2012

[Sección] C++

En esta sección publicaré una serie de documentación sobre C++. El contenido aquí presente le facilitará el estudio de dicho lenguaje de programación, ya que podrá informarse desde diversas fuentes, que tratan al lenguaje desde diversas perspectivas. He aquí información, desde básica, hasta los niveles más avanzados. Esta entrada la actualizaré cada vez que se agregue cierto contenido.



domingo, 29 de julio de 2012

1: Introducción a los Objetos.

1: Introducción a los Objetos

Es comprensible que a los ordenadores no se les haya atribuido mucha importancia en sus inicios. Éstos resultaban poco productivos y era complicado el acceso a ellos, incluso no recomendable para las empresas.

Sin embargo, los tiempos han cambiado, tanto que nadie habría imaginado las características de las que se goza ahora.
Los ordenadores han dejado esa simplicidad de máquinas, y corresponden ahora a las herramientas más útiles. Son además un entrenamiento para nuestra mente. Interactuar con ellos puede ayudarnos a desarrollar grandes capacidades (pues si así lo deseamos, le daremos un buen uso).

El autor del libro (Bruce Eckel) considera a los ordenadores como medios de expresión. Y era de esperarse, ¿cierto? Pues claro. Estamos hablando de “lenguajes” de programación. Nos comenta además que, aquel movimiento de usar el ordenador como medio de expresión, se ve mucho más encarecido en los lenguajes POO.

viernes, 27 de julio de 2012

First Post.

Con este primer mensaje – por decirlo así – declaro inaugurado este sitio web.

Lo sé, suena un tanto curioso darles la bienvenida a este portal sin contenidos.

Sin embargo, la idea es ir añadiendo entradas en base a los conocimientos que vaya adquiriendo, sobre los distintos lenguajes de programación.

A estas alturas debería ya estar dominándome muchos de ellos.
 Sin embargo, más vale tarde que nunca.

De momento, me encuentro aprendiendo sólo el primero de la siguiente lista (aunque eso no quiere decir que no vaya a pasar por todos los mencionados; eso es ya un reto mio):
- C++
- Java
- Python
- LUA
- PHP
- ASM
- Delphi