Trazos Web » Photoshop

79 tutoriales para crear diseños web en Photoshop

Diego — Tue, 03 Nov 2009 05:08:02 +0000

Ya sea que no sepas como crear un buen diseño en Photoshop y quieras aprender o que quieras algo de inspiración, acá te dejo 79 tutoriales (en inglés) para poder crear tu propio diseño en Photoshop que después puedes convertirlos de PSD a XHTML y CSS. Hay diseños para blogs, portafolios, sitios de negocios etc. y además algunos de estos tutoriales traen las descargas de los archivos fuente del tutorial.

Si tienes WordPress y lo que quieres es ahorrarte tiempo aquí hay 70 temas gratuitos de alta calidad para WordPress.

1. Business Layout #4

2. Web Design Layout #8

3. Portafolio Layout #9

4. Design Studio Layout #2

5. Design Studio Layout

6. Web Design Layout #6

7. Portafolio Layout #5

8. Web Design Layout #5

9. Web Design Layout #3

10. Clean Web 2.0 Style

11. Sleek and Textured Web Layout

12. Grungy Web Design

13. Design a creative WordPress Theme

14. Design Web 2.0 WordPress Theme

15. How to Design a WordPress Theme

16. Design a WordPress Premium Theme

17. Create a clean PSD layout with a 3D look

18. Graphic Design Studio Web Layout

19. WordPress Layout #5

20. Clean Blog Design

21.Premium WordPress Layout

22. Business Layout #3

23. Clean & Colorful Web Layout

24. Modern Web 2.0 Web Layout

25. Gaming Layout #3

26. Clean Modern Website Design

27. Green & Sleek Web Layout

28. Webdesign Company Layout

29. Tech Blog Layout

30. Modern Blog Layout

31. Design Studio Layout

32. “Worn Paper” Web Layout

33. Fresh Blog Theme

34. Watercolored Design Studio Blog Layout

35. MyBlues WordPress Style Layout

36. GreenPress WordPress Theme

37. Website Gallery Layout

38. Tutorial Site Blog Design

39. Chocolate Pro WordPress Style Layout

40. Two Column Blog Layout

41. Sleek & Modern Hosting Layout

42. Grunge WordPress Theme

43. Nature Inspired WordPress Layout

44. Clean & Colorful Portfolio

45. Create WordPress Themes

46. Amazing Layout

47. SoftBlue Template

48. Corporate Website

49. Awesome Portfolio Layout

50. Blog / Portfolio Template

51. Professional Portfolio Design

52. Clean Grunge Blog Design

53. Tutzor Web 2.0 Style Design

54. Communication Layout

55. Web / Blog Layout

56. Clear Website Layout

57. Blue Blog Theme Layout

58. Business Layout #6

59. Transparent Website Layout

60. Web Layout with 3D Elements

61. Unique Colorful Site Layout

62. Unique WordPress Theme

63. Light & Sleek Web Layout

64. Grunge Personal Portfolio Layout

65. Software Layout #5

66. WordPress Interface

67. Clean & Fresh Company Website

68. Clean Portfolio Site

69. Impressive Blog Layout

70. Magazine Style WordPress Layout

71. WordPress Layout #6

72. Web Design Professional Layout

73. Very Simple Portfolio Web Layout

74. Creative Blog Layout

75. Web Design Layout #11

76. Clean Business Web Template

77. Blue Corporate Website

78. Colorful WordPress Theme

79. Minimal & Modern Portfolio

Artículos Relacionados:

© 2007-2010 Trazos Web - Un blog de ayuda a Bloggers y Webmasters:
Esta completamente prohibido copiar el contenido de este feed. Si ves que algún sitio infringe nuestro copyright, envía un mensaje a djdiego88@trazos-web.com informando la situación.

Como pasar de Photoshop a WordPress

Diego — Fri, 18 Sep 2009 15:16:16 +0000

Este es un artículo como invitado de Enric Enrich, blogger de OnBeta, blog que trata temas de Windows, Linux, Mac OS X, Aplicaciones Web, Web 2.0, Redes Sociales y más…

Los creadores de blogs con WordPress.org (la versión de WordPress que se puede descargar, no la versión WordPress.com), a veces se encuentran con el problema de no tener mucha experiencia en programas de diseño como es el Photoshop. También nos podemos encontrar en el caso, de un experto en el Photoshop, que no tenga ni la más mínima idea de conocimientos necesarios sobre como convertir su diseño en un theme de WordPress.

Para estos últimos la solución está en la web del proyecto Divine, donde ofrecen una herramienta disponible en descarga directa, que a modo de plugin de Photoshop, te ayudara a convertir tus archivos PSD en un theme sin tener que calentarte mucho la cabeza.

El proceso es tan sencillo como introducir tu nombre y tu correo electrónico en un formulario en su sección de descargas y obtendrás el enlace correspondiente. Pero atención, además de estar completamente en inglés, nos encontramos con la desventaja de que solo funciona bajo Windows. De todas formas, aclaran en el F.A.Q., que están trabajando en una versión para Mac OS.

Para colmo, aunque no este traducido a nuestro idioma, tendréis disponibles en su web una completa documentación que resolverá cualquier duda. Así que los animo a que tanto programadores como los que no, prueben esta herramienta. Por si alguien aun es reticente a probarla, los dejo con este videotutorial, para aclarar dudas de funcionamiento.

Recuerda que si quieres puedes escribir un artículo para Trazos Web y de paso promocionar tu sitio. Ve las condiciones aquí: Participa en Trazos Web.

Artículos Relacionados:

Como convertir un PSD a XHTML y CSS

Diego — Wed, 16 Sep 2009 20:07:42 +0000

Desde Cristalab nos traen estos dos tres cinco seis siete maravillosos videos totalmente en español y muy bien explicados que nos enseñan a maquetar nuestros diseños en XHTML y CSS desde un archivo PSD (Photoshop).

Muy útil para los diseñadores que se quedan estancados a la hora de maquetar sus diseños.

Estos maravillosos videos han sido realizados por @raymicha. Cualquier duda sobre los videos puedes comunicarte con ella mediante su perfil en Twitter.

Cómo convertir PSD de Photoshop a CSS y XHTML, parte 1

Convertir PSD a CSS y XHTML, parte 2.1

Convertir PSD en HTML, parte 2.2

PSD a XHTML y CSS, Parte 3.1

PSD a XHTML y CSS, Parte 3.2

Convertir PSD a CSS y XHTML, parte 4

Convertir PSD a CSS y XHTML, parte 5

Artículos Relacionados:

icON Stage: 49 iconos vectorizados gratuitos

Diego — Mon, 01 Sep 2008 15:21:48 +0000

Esta colección de iconos ha sido diseñado por DezinerFolio especialmente para Smashing Magazine. Esta colección tiene 49 iconos disponibles en formato .PNG y en tamaño 128×128 pixéles. En el paquete también se incluyen los iconos en formato PSD para que puedas editarlos en el Photoshop u otro programa compatible con esta extensión.

Vista Previa de los iconos

Descarga PNG + PSD

Artículos Relacionados:

Stickers Vectorizados para tu web

Diego — Mon, 24 Mar 2008 05:00:54 +0000

Desde DaPino-Colada nos traen esta colección de Stickers Vectorizados que nos pueden servir para nuestro blog o página web. El zip viene con 9 stickers en fomato .PNG de 512 x 512px vectorizados en diferentes colores y en formato .PSD y .AI para personalizarlos o editarlos.

Están bajo una licencia Creative Commons.

Descargar | Stickers Vectorizados (1.24 MB)

Artículos Relacionados:

Nuevos web badges 2.0

Diego — Tue, 26 Feb 2008 05:13:09 +0000

Desde DaPino-Colada nos traen esta nueva colección de badges para nuestros proyectos web.

Esta colección esta creada en Illustrator y esta completamente vectorizada. Dentro del ZIP vienen 8 iconos en formato PNG transparente y en tamaño 256 x 256. También vienen los archivos editables en PSD y en AI.

Descarga | Web Badges 2.0

Artículos Relacionados:

75 Logos PSD

Diego — Fri, 08 Feb 2008 05:24:13 +0000

Una muy buena colección de logos para modificar a tu gusto con PhotoShop u otro programa que soporte archivos PSD (GIMP, Inkscape, etc) que nos traen desde Web Design Blog.

Descarga | Logos PSD | Logos PSD (Descarga alternativa)

Artículos Relacionados:

Los 80 mejores efectos de texto en la red

Diego — Thu, 03 Jan 2008 17:42:08 +0000

Veo en Designios (sitio estilo Digg de noticias de Diseño) esta recopilación de tutoriales que permiten crear efectos de texto utilizando para ello Photoshop. En sí es una galería de imágenes que enlazan al sitio web que contienen el tutorial respectivo del efecto de la imágen.

Enlace | The Best 80 Photoshop Text Effects on the Web

Artículos Relacionados:

Iconos de marcadores sociales vectorizados

Diego — Wed, 07 Nov 2007 05:00:45 +0000

Desde snap2objects recibimos esta colección de iconos transparentes en 3D de varios de los marcadores más populares del momento. Del mismo estilo a los iconos rss cúbicos que presenté la semana pasada.

Vienen los iconos vectorizados en formato adobe pdf y en formato PNG. También puedes descargarlo en formato vectorizado EPS.

Descarga | Marcadores Sociales (927 KB) | Marcadores Sociales EPS (350 KB)

Artículos Relacionados:

40 cubos rss trasparentes vectorizados

Diego — Thu, 01 Nov 2007 05:00:54 +0000

Un título un poco extraño y reforzado el que me salió….

El caso es que desde snap2objects nos traen esta maravillosa colección de iconos rss de forma cúbica, transparentes y vectorizados.

Son 40 iconos que vienen listos para Corel Draw y Adobe Ilustrator así como vienen sus respectivos archivos PNG.

Descarga | 3DRss (1.5 MB)

Artículos Relacionados: