Tutorial: Dibujo en perspectiva con Illustrator CS5
Tutorial en video sobre la nueva herramienta de Illustrator CS5 para dibujar en perspectiva de forma automatizada.
+ Leer Más
Inspiración: Olaf Wipperfürth
Olaf Wipperfürth es un gran fotógrafo alemán de moda, con un estilo muy particular.
Os mostramos más de su trabajo, para que os inspireis.
+ Leer Más
Añadir sombra en CSS
Añadir una sombra a los divs o textos es algo que se suele hacer con imágenes, aunque existen formas de solucionarlo en CSS para evitarnos pesos innecesarios.
+ Leer Más
Tutorial: Dibujo en perspectiva con Illustrator CS5
18 hours ago
Tras haber mejorado en CS4 algunas de las tremendas cagadas que se seguían manteniendo hasta el CS3, como el no tener control sobre los degradados o la imposibilidad crear transparencias en éstos, el paso a CS5 ha dejado de convertirse en algo necesario para convertirse en algo útil.
Una de las nuevas funciones es la de poder dibujar en perspectiva sin tener que calcurlarla, de una forma bastante automatizada. Esta nueva herramienta es muy útil si tenemos en cuenta que algunos nos hemos pasado mucho tiempo haciéndonos grids de muestra (con todo el tiempo que esto conlleva) para poder realizar un dibujo mínimamente tridimensional.
Como ya existen muchos tutoriales (y muy interesantes) en castellano sobre este tema, os remito a este excelente tutorial en video de Addicted 2 Web Design.
Para aquellos que les guste dar otra vuelta de tuerca a su creatividad, diremos que, quizás, una de las posibles mejoras de esta herramienta de cara a la versión CS6 sería el poder crear de forma automatizada perspectivas circulares, sin tener que recurrir a deformaciones que, demasiadas veces, distorsionan los trazos de una forma que no podemos controlar.
illustrator, tutoriales
Inspiración: Olaf Wipperfürth
2 days ago
Una servidora, generalmente, suele ser fan de las fotografías de moda basadas en las últimas tecnologías: cámaras HD que dan una nitidez espectacular, tratamiento de colores vívidos… la modernidad pura.
Es quizás por esa razón por la que me apasiona especialmente un fotógrafo que no cumple estas normas y, a pesar de ello, sigue mostrando una genialidad indiscutible.
Para muestra, un botón:
Podeis ver más trabajos de este genial fotógrafo en su web.
Fotografia, Inspiración
Añadir sombra en CSS
2 days ago
Añadir una sombra en CSS es menos complicado de lo que parece, aunque, como siempre, si se quieren usar standards de CSS3 tenemos el típico problema del soporte a navegadores en la edad de piedra, como IE6 (aunque esto no es una novedad de CSS3, en CSS2 ya estaba implementado).
La sombra añadida a un div funciona con los siguientes navegadores.
* Firefox 3.5+ * Safari 3+ * Google Chrome * Opera 10.50 * Internet Explorer 5.5La sintaxis es muy sencilla:
#div {
box-shadow: 3px 3px 4px #000;
}
Los primeros dos valores son las distancias horizontales y verticales de sombra, el tercero para el desenfoque de la sombra y, por último, el color de la sombra.
Esta es la sintaxis para versiones de navegadores que aceptan CSS3, en caso contrario, tenemos dos versiones más:
#div {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
}
Por increíble que parezca, también hay un hack para exporer.
Para IE8 sería:
#div {
-ms-filter: “progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=’#000000’)”;
}
Para IE del 5 al 7:
#div {
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=’#000000’);
}
Esta sintaxis es para añadir sombra a un div, sin embargo también se puede añadir sombra al texto:
text-shadow: 2px 2px 2px #000;
