Diseño Web

Plantillas para Photoshop gratis en la red

by Alan Medina el agosto 1, 2011 @ 01:11:03 AM

Sin duda alguna Photoshop es uno de los programas más conocidos, ya que la mayoría de los diseñadores/artistas gráficos y usuarios ocasionales lo utilizan para realizar algún tipo de trabajo que involucre la edición de imágenes o la composición de obras visuales. Afortunadamente existen varios sitios relacionados a este software, como por ejemplo Netfilicos, en donde tienen una gran colección de Plantillas Photoshop, que son bastante útiles, incluso para los que ya tienen experiencia.

Plantillas photoshop

La mayoría de archivos se encuentran alojados en servidores de descarga gratuitos, y están en formato PSD. Para quien no esté familiarizado con este formato, se trata del estándar utilizado por Photoshop para guardar documentos que incluyen elementos como gráficos, texto, capas, degradados, sombras, etc. Solo hay que hacer doble clic sobre el archivo PSD y Photoshop cargará automáticamente con el documento abierto, el cual se puede comenzar a usar de inmediato.

Gracias a la cantidad tan grande de usuarios de Photoshop, se pueden encontrar plantillas variadas: desde maquetas completas de sitios web hasta impresionantes ilustraciones, iconos y pósters. Si revisas bien los archivos del sitio encontrarás un montón de recursos muy útiles, de alta calidad y además ¡gratis!. Si tienes oportunidad no dejes de visitar Netfilicos.

Fuente | Plantillas Photoshop

Guardado en: Diseño Web,Photoshop,Recursos

Multibrowser

Multibrowser podría convertirse en la herramienta perfecta si te dedicas al diseño y codificación de sitios web. Uno de los principales problemas que se enfrentan es la interpretación que le da cada navegador al código HTML/ CSS.

Seguramente haz visto que algunas páginas se ven bien en un navegador, pero si se les abre en algún otro algunas partes se des-configuran.

multibrowser

MultiBrowser te permite observar como se comportaria la página en distintos navegadores (Chrome, Firefox, Internet Explorer) y no solo eso, en caso de que alguna sección se desconfigure en algún navegador, incluye un editor HTLM / CSS que te permitirá modificarlo y corregirlo.

Entre otras funciones cuenta con validador HTMK,editor HTML y herramientas para desarrolladores.

Enlace | Multibrowser beta

Vía | techtastico

Guardado en: Diseño Web

Iconos y recursos de alta calidad de Google+

by cokalover el julio 26, 2011 @ 09:14:30 PM

Google+ es la red social creada por Google y la competencia directa de Facebook, no es sorprendente que los diseñadores necesiten el icono de esta red para poner en sus páginas.

Free Google Plus Icons to Download

Este pack incluye entre otras cosas 3 iconos en photoshop, 3 iconos vectoriales, iconos en PGN y otras cositas más.

Enlace | Descargar pack iconos Google+

Guardado en: Diseño Web,Photoshop,Recursos

Temas Joomla! Gratis

by Alan Medina el julio 18, 2011 @ 02:24:50 PM

De acuerdo a la wikipedia Joomla es un sistema de gestión de contenidos (CMS) parecido a WordPress y Drupal que también lo son (con sus respectivas diferencias), permite editar el contenido de tu página web fácilmente. Es por eso que muchos usuarios utilizan Joomla! para publicar su contenido.

Joomla template 1 Free Joomla Themes

Pero como en casi todos los sitios webs, mejorar el aspecto visual es casi imprescindible y tener a la mano un tema prediseñado es siempre una excelente opción. Pues en walyou recopilaron una gran colección de temas joomla gratis que seguro le dará un extra a tu página.

Enlace | Temas joomla! gratis

Guardado en: Diseño Web,Recursos

WikiLove, nueva característica de Wikipedia

by cokalover el junio 25, 2011 @ 08:56:04 PM

Según una encuesta de Wikipedia, recibir felicitaciones por haber editado o creado un articulo es de las principales motivos que incitan a seguir colaborando con esta enciclopedia (78% de los encuestados están de acuerdo).

WikiLove Button

Es por eso que próximamente se agregara un botón con un pequeño corazón con el cual los usuarios que crean necesario reconocer el esfuerzo del editor podrán hacerlo mediante un simple click.
La fecha de lanzamiento de wikilove es el 29 de Junio para la wikipedia en ingles.

Enlace | Wikimedia Blog

Guardado en: Diseño Web,Novedades

Generador de estilos de capa ‘layer styles’ online

by cokalover el junio 22, 2011 @ 12:55:49 AM

Normalmente para diseños web se ocupan bastante los estilos de capa o “Layer Styles“, inclusive hay paquetes para descargar con estilos pre-diseñados listos para cargarlos en software de diseño como Photoshop o Gimp.

A pesar de que son muy buenos presentan un pequeño inconveniente por así decirlo, a la hora de pasar el diseño a código suele complicarse un poco, ya sea que tengamos que exportar como imagen o crear el estilo como CSS.

LayerStyles, es un generador online de estos estilos y lo mejor de todo es que su interfaz es casi igual al programa de diseño que ocupes solo que totalmente gratis en tu navegador y genera automáticamente el CSS.

Enlace | LayerStyles

Guardado en: Diseño Web

Descargar plantillas para blogger

by prigeek el junio 22, 2011 @ 12:42:30 AM

Puedes ver un pequeño tutorial en video relacionado a este tema. Revísalo, ya que es muy fácil de entender y explica a la perfección cómo descargar y aplicar plantillas de blogger desde cero.

Si estás a punto de montar tu propio blog, o ya tienes uno pero quieres cambiar el aspecto del mismo, nada mejor que contar con una buena lista de plantillas para blogger, disponibles para la descarga y que sean totalmente gratuitas. Por ejemplo en B Templates, encontraremos muchos de estos, y te aseguro que sin importar el estilo que estés buscando, lo encontrarás, puesto que este sitio posee páginas y páginas completas, llenas de templates de entre los cuales puedes elegir.

Algunas, son básicas y nos vendrán muy bien si recien empezamos y queremos que nuestro sitio tenga un aspecto sobrio, y para ser gratuitas, vale destacar que los creadores de estas plantillas, hicieron un excelente trabajo en cuanto a diseño, puesto que algunos de los templates vienen con headders incluidos los cuales son muy coloridos, rellenos y originales. Al toparnos con alguno que nos agrade, podemos descargarlo fácilmente y así mismo podemos hacer con cuantos queramos, para poder probar y optar por el que más nos guste.

Guardado en: Blogging,Descargas,Diseño Web,General

Descarga gratis diseños de un sitio estilo revista (PSD)

by Alan Medina el diciembre 23, 2010 @ 09:07:07 AM

Últimamente se han vuelto muy populares los sitios web con un layout (estructura) estilo revista. Incluso existen temas para WordPress con esta distribución (se les conoce como estilo Magazine) ya que permiten mostrar mucha información con relativamente poco espacio, y sobretodo porque la información aparece de forma ordenada.

Para quienes gustan del diseño Web, pueden inspirarse con una plantilla para Photoshop que contiene precisamente la estructura de un sitio estilo Magazine. Este archivo es de libre uso, ya sea para fines personales o comerciales y aunque no es obligatorio dar créditos al autor, ciertamente no estaría de más, pues la calidad del trabajo es increíble. Juzguen por ustedes mismos.

psd-magazine-gratis.jpg

Este es un archivo creado por Orman Clark, un diseñador del Reino Unido, quien generosamente lo pone a disposición del público en general sin cobrar una sola libra. Además de esta plantilla, incluye otros dos archivos gráficos de igual calidad.

Enlace | Magazine Style Layout (PSD)
Vía | WebAppers

Guardado en: Diseño Web

Manuales HTML gratis para hacer una web

by Alan Medina el diciembre 18, 2010 @ 12:31:10 PM

Así que quieres aprender a hacer una web. Para tu fortuna, en Internet existen muchos recursos como guías, manuales y tutoriales gratuitos, que te podrán ayudar a comprender el proceso que implica crear una página web. Desde l más básico como los conceptos de HTML, hasta el manejo de servidores, transferencia de archivos, optimización, bases de datos, etc.

Hacer una web

Debido a la gran cantidad de sitios que existen sobre este tema, recomendaré algunas páginas en español, fáciles de entender y en donde hay muchos usuarios que también quieren aprender cómo hacer una web. Recuerda tomar todo con calma y paciencia, y que el aprendizaje es un proceso largo que requiere dedicación y disposición de tu parte. Aquí tienes mis sugerencias:

Con esos enlaces que te acabo de recomendar podrás aprender mucho si así te lo propones. Todos los manuales que enlacé son gratuitos y de libre acceso, así que lo único que necesitas es disposición de aprender y un poco de tiempo libre. Espero que aprendas mucho de estos recursos pues son de los mejores que hay en la red y me han servido mucho estos últimos años.

Guardado en: Diseño Web,Tutoriales

Tutorial: Cómo crear un botón en Photoshop

by Alan Medina el diciembre 11, 2010 @ 12:48:41 PM

Tiene mucho tiempo que no escribo un tutorial en este sitio, por lo que me decidí a realizar una pequeña guía para aprender a crear un botón en Photoshop. La guía estará basada en Photoshop CS5 pero con versiones anteriores del programa también se puede hacer de la misma manera.

1. Crear un nuevo documento

Cómo crear un botón en Photoshop

Primero hay que crear un nuevo Documento (File → New… o Archivo → Nuevo…). Hay que elegir un tamaño adecuado. En mi caso fueron 300 x 150 pixeles pero puede ser del tamaño que necesites. Si lo deseas, puedes darle un nombre al documento.
[click to continue…]

Guardado en: Diseño Web,Tutoriales