Etiqueta: Diseño Digital

Antes de nada, esto no pretende ser un tutorial de retoque de imágenes ni de creación de gráficos, ni de Fireworks, aquí solo hablaré de los tipos de imágenes que se usan en internet, para comprender como funciona cada una, y de la mejor forma de seleccionar el tipo adecuado para cada situación, usando Fireworks. Esta es la Herramienta para optimizar imagenes en Fireworks 8 A través de esta herramienta, podremos exportar imágenes con muchas configuraciones diferentes. En el primer selector, tenemos las opciones pre-establecidas de Fireworks: GIF Web 16 (impone…

Leer más

Te has preguntado ¿cómo se consiguen hacer animaciones con este estilo de partículas? Pueden ser realizadas desde un programa de modelado y animación 3D como Maya, 3DSMax entre otros, pero indagando sobre este estilo me encontré con el Plug-in Plexus para After Effects que nos facilita lograr este efecto. La verdad es que hay varios videotutoriales en inglés sobre cómo empezar con Plexus desde cero, así que me enfocaré en una de sus funciones, la deimportar el archivo .obj a través de Plexus. Qué es el archivo .OBJ Si eres usuario de After effects…

Leer más

Aquí va mi primer tutorial, se trata de hacer recorte de cabello para impresos sin usar paths en Photoshop. Varias veces hemos llorado para hacer un buen recorte o hemos dejado de usar la imagen que realmente nos gustaba por evadir el recorte de cabello. Usamos trucos baratos como glows, etc. Aquí les muestro una forma muy fácil y rápida de hacerlo, pero sobre todo, no usas paths y el método ¡sirve para impresión! Recortar pelo en Photoshop con calidad para impresión 1. Antes que nada busquemos una foto con pelo complicado,…

Leer más

Para los que comienzan en el diseño web, gráfico, etc. o con Photoshop, es muy común que sólo tengan conocimientos básicos de los modos de Color en Photoshop. En este tutorial les quiero mostrar los Modos de Color que tenemos en Photoshop y en qué caso podemos aplicar un determinado Modo de Color. Para que entiendan a qué me refiero con respecto a los modos de Color de una imagen, estos modos los podemos ver en nuestro Photoshop accediendo al menú: imagen > Modo. Bueno ahora veamos un concepto básico y el uso básico de cada…

Leer más

Vamos a ver como crear dos formas compuestas bastantes simples, en este caso un sol y unas nubes: Ejercicio: Nubes: 1. Creamos unas cuantas elipses imaginando el contorno de la nube: 2. En el panel buscatrazos hacemos Alt + clic sobre el efecto Añadir, con todas las elipses seleccionadas. 3. Ahora, le podemos aplicar degradado para darle efecto de volumen, y escalarla o deformarla para ajustarla al tamaño final. Sol: 1. Dibujamos una estrella con puntas largas, y el relleno que tendrá el Sol. 2. Sobre ella dibujamos dos círculos, el último un…

Leer más

Illustrator nos permite crear una página web completa de forma gráfica. Podemos crear un documento con imágenes, texto, etc. y luego exportarlo a una página web. Ahora bien, sería muy ineficiente que toda la página fuese una única imagen, con un mapa de imagen. Por eso Illustrator nos permite dividir el documento en sectores, que pueden generar imágenes de distintos formatos, o directamente texto html. Imaginemos una página web completa con el aspecto de la siguiente imagen: Para el tamaño del ejemplo, no merecería la pena dividirlo en sectores. Crearíamos…

Leer más

Crear un mapa de imagen es colocar enlaces sobre una imagen. Podemos dividir una imagen en varias áreas, y que al pulsar sobre cada una de ellas nos lleve a un enlace distinto. Por ejemplo, en la siguiente imagen, al pulsar sobre cada icono accedemos al curso de aulaClic correspondiente. Aunque el resultado sea una única imagen, nosotros trabajaremos con distintos objetos, cada uno de los cuales puede tener un enlace. Para crear un enlace en un objeto, lo seleccionamos e introducimos la dirección en el campo URL del panel Atributos. En Mapa…

Leer más

Al fusionar dos objetos, creamos copias del primero, que se va transformando suavemente hasta adquirir las características del segundo. A estas copias se les llama pasos. En este caso, vemos que se va modificando el trazado y color del relleno del cuadrado rojo hasta convertirse en la estrella azul. Esto podemos hacerlo con la herramienta Fusión , haciendo clic en ambos elementos, o directamente con el comando del menú Objeto → Fusión → Crear, si hemos seleccionado previamente los elementos. Podemos concretar más, indicando que un punto del objeto inicial corresponderá con determinado punto del final, provocando la…

Leer más

Si bien cuando hablamos de resolucion en el diseño o la fotografía digital lo hacemos para referencias la cantidad de  pixeles que hay (Teoría aditiva del color, luz – Canales RGB) o puntos de impresión (Teoría sustractiva del color, pigmentos – Canales CMYK) en un área dada en centímetros o en pulgadas; siendo pulgadas, las más utilizada. Terminología Cuando hablamos de la resolución de una imagen  para pantalla,  tenemos los términos: PPI (En inglés points per inch) o en español PPP (Pixeles por pulgada). Cuando se habla en terminos de impresión, la resolución se maneja en DPI (En inglés dots per inch) o en español PPP (Puntos por pulgada). Cuantos más…

Leer más