Cristalab

lunes, 3 de septiembre de 2012

Cristalab

Diseño y medidas de tarjeta de presentación en Illustrator
Textos estilo magazine usando Regiones en CSS3
Pantalla Azul OS X
Cambio de Look

Diseño y medidas de tarjeta de presentación en Illustrator

Posted: 03 Sep 2012 05:29 AM PDT

En este videotutorial de Illustrator aprenderemos a configurar las medidas de nuestra mesa de trabajo, ajustándolas a los estándares usados en la generación de tarjetas de visita (tarjetas personales o de presentación) , revisándolas tanto en pulgadas como en milímetros y creando los márgenes de separación y seguridad adecuados, que nos permitirán colocar el texto, nuestro logotipo y varias formas sin riesgo de obtener una impresión incorrecta o fuera de lugar.

Empezaremos con un documento simple, configurado con el modo de color CMYK y unas medidas concretas de tamaño, que luego volveremos a ajustar, añadiendo gracias a las reglas, una serie de guías que definirán el sangrado y los límites del área de trabajo e incluyendo bloques de texto descriptivos, un logotipo generado in situ y varias formas decorativas.

Saludos.

Textos estilo magazine usando Regiones en CSS3

Posted: 13 Aug 2012 05:41 AM PDT

Las regiones en CSS3 hoy en día requieren de Chrome 20 o superior (únicamente), incluso en Chrome 20 hay que mover algunas cosas como te muestro en el tutorial para poder empezar a jugar con las regiones. Es interesante introducirnos en este tema puesto que pronto será un estándar más de CSS y nosotros ya estaremos listos para empezar a generar páginas al estilo de una revista.

Las regiones es uno de de varios estándares que Adobe está tratando de aportar a HTML5, y que junto con las Exclusiones prometen grandes avances, y, ¿quién mejor que Adobe para traer el estilo Magazine a la web?.

Colocar regiones requiere de dos partes, el contenido que fluirá sobre las regiones, y las regiones mismas; para definir el contenido usamos la siguiente instrucción:

[css:1:4b3eab11d5]
#contenido
{
+flow-into:content;
}
[/css:1:4b3eab11d5]

La palabra content identifica a ese contenido y la llamaremos para indicarle a las regiones que ése contenido fluirá sobre ellas. Para definir pues las regiones podemos hacer lo siguiente:

[css:1:4b3eab11d5]
.regiones
{
+flow-from:content;
}
[/css:1:4b3eab11d5]

Para más información, sigue este enlace de HTML5Rocks

Aquí el videotutorial: