Grafismo

Novedades de Adobe Photoshop CS3

ByLuis June 20, 2006

Parece que Adobe Photoshop CS3 viene cargada de novedades, entre una de las mÃ¡s importantes es la creaciÃ³n de dos versiones, una Standard y otra Premium, la cual incluirÃ¡ mÃ¡s funcionalidades. Por ejemplo, la nueva versiÃ³n de Camera Raw irÃ¡ incluida en ambas versiones de Photoshop. Vanishing Point estarÃ¡ solo en la versiÃ³n Premium.
A parte de mejoras en la ediciÃ³n de imÃ¡genes, tambiÃ©n aÃ±adirÃ¡ funcionalidades al uso de tabletas grÃ¡ficas al estilo de Corel Painter y darÃ¡ la posibilidad de exportar a CAD.
VÃa / Bitelia

Apache | Grafismo | How to

Protege tus imágenes con Apache

ByLuis March 31, 2006

Una de las cosas más molestas con las que te puedes encontrar al mantener un sitio, es ver cómo tus imágenes estan siendo utilizadas en otros sitios que las enlazan directamente a tu servidor, esto es molesto por dos motivos, evidentemente el uso de material gráfico de tu propiedad sin tu consentimiento, y la carga extra que sufre la conexión de tu página.
Para los que usamos Apache existe una fácil solución combinándolo con mod_rewrite, el método se basa en crear un fichero .htaccess que contenga una serie de reglas, que literalmente le indicarán al servidor que las imágenes solo se mostrarán si la petición viene del dominio propio.
Las reglas a añadir son las siguientes. Solo tendrás que sustituir el texto example.com por el nombre de tu dominio:

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^https?://(www\.)?example.com/?.*$ [NC]
RewriteRule \.(gif|jpg|jpeg|png|mp3|mpg|avi|mov)$ - [F,NC]

API | Google | Grafismo

Usar la API de Google para obtener bordes redondeados

ByLuis December 15, 2006

Para aquellos que necesiten crear grÃ¡ficos con bordes redondeados y no sepan de editores grÃ¡ficos, la API de Google roundedcorners le puede venir muy bien para obtener las imÃ¡genes necesarias.

Tan solo es necesario llamar a un URL para obtener la imagen. Teniendo en cuenta que el parÃ¡metro c de la url indica el color de la esquina (RGB o RRGGBB), bc el color de fondo, h la altura, w el ancho y a el tipo de esquina que debe generar (tl para arriba a la izquierda, tr para arriba a la derecha, bl para abajo a la izquierda, br para abajo a la derecha).
Google’s own cornershop
VÃa / Ajaxian

Grafismo

Texturas para tus diseños en Texture King

ByLuis October 18, 2006

Texture King es un repositorio de texturas para que las utilices de forma libre en tus diseÃ±os ya sea de forma personal o profesional. El que sean libres no quiere decir que tengan licencia Creative Commons, por lo que podemos usarlas, pero no podemos distribuirlas.
Las fotos estÃ¡n divididas por categorÃas que corresponden al material de la textura, pero no estarÃa mal que tambiÃ©n se pudieran buscar por tags, tipo color, ya que a veces ese tipo de bÃºsquedas nos puede venir muy bien.
Texture King
VÃa / menÃ©ame

Grafismo

Colors on the Web: ayuda para diseñadores

ByLuis September 25, 2006

Visitando una entrada de Vecindad GrÃ¡fica, he encontrado una pÃ¡gina que nos puede ser muy Ãºtil a los que diseÃ±amos sin llegar a ser grandes diseÃ±adores. Se trata de Colors on the Web, una pÃ¡gina centrada en los colores y el diseÃ±o web. En ella encontraremos informaciÃ³n sobre los colores (colores primarios, saturaciÃ³n, …), el significado de los colores (por ahora solo el rojo), el uso de colores en la web, combinaciÃ³n de colores (rueda de colores, colores anÃ¡logos, …) y tres utilidades bastante interesantes: un selector de colores similar a las que ya existen, una rueda de color que selecciona aleatoriamente colores y nos muestra sus resultados en un diseÃ±o y una colecciÃ³n de esquemas organizada por categorÃas.
Colors on the Web
VÃa / Vecindad GrÃ¡fica

Grafismo | Tutoriales

Crear botones de suscripción con Photoshop

ByLuis March 30, 2006

Puede que alguna vez te hayas preguntado cómo hacer uno de esos “minibotones” que aparecen en algunos sitios indicando la suscripción RSS, pues es tan sencillo como dar tres pasos en photoshop.
Creamos un archivo nuevo de las dimensiones deseadas, yo para el ejemplo uso una imagen de 22 pixels de ancho por 11 de alto.
Elegimos los colores que vamos a usar, en este caso he escogido dos tonos de naranja, #E39207 y #FFAE00
Seleccionando el color más oscuro, trazamos un borde de 1px de ancho por toda la imagen, seguidamente seleccionamos la herramienta de borrado y quitamos 1px de cada esquina dejando una imagen como esta
El siguiente paso será hacer una selección de toda la parte interior del recuadro y realizar un degradado desde el extremo superior de la imagen hasta el extremo inferior
Solo nos queda añadir el texto, lo hemos hecho píxel a píxel, y tendremos un atractivo botón para decorar nuestra web.

Grafismo

Encontrar un color para el diseño

ByLuis July 25, 2006

Al menos a mÃ me ocurre que cuando estoy empezando con un diseÃ±o, y tengo que basarme en una imagen, me paso bastante tiempo buscando los colores que vayan con la imagen. Normalmente uso un editor de imÃ¡genes, realizo la pixelaciÃ³n de la imagen y voy buscando que los colores sean representativos. Esto puede ser sencillo con esta rÃ¡pida y cÃ³moda aplicaciÃ³n on line, que nos permite enviar una imagen, seleccionar el tamaÃ±o de los cuadrados de la pixelaciÃ³n y ver quÃ© cÃ³digos tienen los colores. TambiÃ©n se podrÃa usar la entrada que explicamos sobre fondo de pantalla calculado de una imagen, pero esta opciÃ³n nos permite optar a varios colores.

Color Palette Generator
VÃa / Maestros del Web

Similar Posts