Estás aquí

Etiqueta: Diseño Digital

Aprende todo sobre las opciones de calco interactivo con Illustrator

BlogUneWeb

El resultado de un Calco interactivo, depende de las Opciones de calco seleccionadas, ya sea porque las hemos introducido directamente, o porque hemos utilizado uno de los ajustes preestablecidos. Algunas de estas opciones las encontramos en el Panel de control tras aplicar el calco, pero para poder cambiarlas todas, hemos de acceder a la ventana Opciones de calco: Primero seleccionaremos un ajuste del desplegable Ajuste preestablecido, de forma que tengamos que cambiar el menor número de opciones, sólo afinarlas un poco. Ajustes: En Modo encontramos tres opciones Color, Escala de grises o Blanco y negro. De esta elección, depende el…

Leer más

Aprende a calcar un mapa de bits con Illustrator

BlogUneWeb

Rasterizar una imagen era convertir un gráfico vectorial en píxeles, obteniendo así un mapa de bits. El proceso contrario se llama Calco interactivo, es decir, generar un gráfico vectorial a partir de un mapa de bits. Esto nos permite realizar un dibujo partiendo, por ejemplo, de una fotografía, que luego podremos editar, lo que nos puede ahorar tiempo. O si somos hábiles con el lápiz y papel, crear nuestros bocetos a mano, escanearlos, y acabarlos con Illustrator, dándoles color y estilizándolos. Antes de comenzar con algunos ejemplos, vamos a ver en…

Leer más

Aprende a pintar con luz (Light painting) en Photoshop

BlogUneWeb

Como su nombre indica esta técnica consiste en utilizar una fuente de luz (linterna, móvil, bengala, vela, lana de acero, …) y dibujar en el aire o iluminar partes de la escena mientras el obturador permanece abierto durante unos cuantos segundos. Por supuesto el fondo debe estar poco iluminado y preferiblemente ser de colores oscuros. Aunque esta técnica es apropiada para ejecutarla por la noche, también su puede hacer en interiores con poca luz. Normalmente, se combina un elemento físico con la luz generada. Por ejemplo, la imagen de una persona y trazos de luz. Para que…

Leer más

Curvas en caminos de Canvas del HTML 5

BlogUneWeb, ,

Hasta ahora en el manual de canvas del HTML 5  vamos a aprender un poco más en la materia aprendiendo a dibujar caminos con curvas. En principio las librerías de funciones para dibujo en el canvas permite tres métodos de para hacer trazos en curva, basados en funciones matemáticas para expresar curvas de distintos tipos: Arcos:  Nos permiten dibujar circunferencias o segmentos de circunferencias, lo que se conoce como arcos. Lo conseguimos con el método arc() enviando una serie de parámetros que veremos más adelante. Curvas cuadráticas:  Es una manera de…

Leer más

Aprende a usar imágenes en el Canvas. HTML5

BlogUneWeb, ,

Una de las cosas más interesantes que podremos hacer cuando dibujamos en el lienzo del elemento canvas es importar y mostrar directamente el contenido de archivos gráficos externos, es decir, usar imágenes GIF, JPG o PNG dentro de los dibujos que realizamos con canvas. En este artículo veremos cómo realizar este punto, aunque adelantamos que es bastante fácil. Las imágenes provenientes de archivos gráficos las podemos crear con nuestro editor preferido y hacer fácilmente gráficos bastante creativos y vistosos, o editar a partir de fotos creadas con nuestra cámara. Luego…

Leer más

Guía del Canvas HTML5 para desarrolladores

BlogUneWeb, ,

IE9 ha visto la luz en un momento en que las amplias capacidades de los equipos de cliente son el objetivo prioritario de todos los programadores. Los navegadores actuales como Chrome, Firefox e Internet Explorer 9 y 10 lo soportan ya. Pero ¿qué es exactamente el elemento canvas de HTML5? ¿Cómo podemos utilizarlo para crear aplicaciones web avanzadas y extraordinariamente ricas? Si no estás familiarizado con HTML5, antes de empezar a leer este artículo te recomiendo que visites este sitio para aprender más. ¿Para qué sirve el elemento Canvas? Oficialmente, un…

Leer más

Diseña animaciones que carguen con tu página web.

BlogUneWeb, ,

Todos estos recursos CSS, con soporte para los principales navegadores web,  son una interesante ayuda para enfatizar un mensaje en la página de inicio de cualquiera de nuestros proyectos web.  Los ejemplos incluyen movimientos hacia arriba, hacia abajo, deslizamientos de izquierda o de derecha, rebote, fade in… entre otros muchos. Las animaciones están disponibles como plug-and-play para cualquier proyecto web por lo que todo lo que necesitarás hacer es añadir la hoja de estilo a tu sitio web. Desde la propia web del proyecto podemos ir probando cada uno de…

Leer más

Diseña una jarra de cristal en Cinema 4D

BlogUneWeb

En este tutorial, aprenderás cómo modelar una jarra en Cinema 4D. En este video voy a demostrar el modelado de la jarra con una spline NURBS Torno y, lo que es editable y manipular los puntos para crear el labio superior. Con el uso de la explosión fx deformador, se añadió espesor de las paredes de la jarra. Por último, voy a cubrir el modelado de la manija con NURBS barrido y controlar el grosor de las curvas de escala.

Leer más