Juanpol

Dirección Creativa & Diseño web

18

Ene
09
Diseñar con Photoshop, algunos consejos
Guardado en Blog, Diseño con 11 comentarios.

Mirando un par de artículos sobre Adobe Creative Suite CS4 aterrice en un artículo de Bati comentando algunos “malos hábitos” en los que caemos muchas cuando utilizamos Photoshop, su artículo hace referencia a otro publicado en Viget.

Photoshop, algunos consejos

Los malos hábitos a los que hacen referencia son:

  • No organizar capas y carpetas desde el principio.
  • Utilizar la herramienta de selección para crear formas.
  • Borrar parte de una imagen en vez de utilizar una mascara de capa.
  • No guardar muestras ni estilos.
  • No tomar ventaja de los filtros inteligentes.
  • No tomar ventajas de los objetos inteligentes.
  • No usar los accesos directos.

Algunas cosas fundamentales:

1) Ordenar nuestro diseño en capas y carpetas

¡Qué gran verdad!, es clave utilizar tiempo en organizar bien todos los elementos que forman un diseño. Alguna vez alguien me ha dicho mientras miraba mi pantalla de Photoshop: “Juan… ¡qué nivel de detalle le das a las capas y objetos!”; por supuesto es un comentario típico de alguien que no sabe lo que es sentarse delante de un diseño durante un día entero y los días siguientes hasta terminarlo.

Mucho menos cuando hay que pasarle el diseño a un maquetador, en mi caso paso mis diseños a dos maquetadores en la empresa, ellos abren mis ficheros para pasarlos a código XHTML+CSS. ¿Qué harían si un diseño como el de Estados Alterados (Maitena) no tuviera orden? Me dirían de todo menos bonito…

Además… no hace falta llegar a la instancia del corte, muchas veces nos vemos obligados a modificar los diseños una vez terminados o como comenta Bati, mientras lo estamos diseñando.

El orden, fundamental. Como en casi todo… ¿no?

2) Crear formas, los trazos y nodos deberían ser nuestra Matrix.

Hace unos días le comentaba a un amigo que no es diseñador las ventajas de utilizar formas vectorizadas para diseñar; la herramienta de Selección en Photoshop es muy buena pero las formas vectorizadas son mucho más potentes y a la hora de modificar y reutilizar elementos dentro de un layout se gana muchísimo tiempo.

3) Usar máscaras, aunque no sea carnaval.

Igual que en el punto anterior…. utilizando mascaras cuando queremos quitar, borrar o no mostrar partes de una imagen o fotografía ganaremos mucho tiempo. No se cual es tu, pero el mio es simple, los dealines son “mortíferos” y hay que diseñar y entregar los layouts en tiempo record.

Si crees que tienes alguna sugerencia, o deseas compartir tus experiencias a la hora de trabajar con este tipo de herramientas… por favor, deja tu comentario.

Nos gustaría debatir contigo, gracias.

Tags:

Hay 11 comentarios.
Comentario de Juan Lupión - 18 Enero, 2009 13:46

Una curiosidad… ¿por qué Photoshop y no Fireworks? ¿Cuestión de preferencia personal o hay alguna otra razón?

Comentario de Elessar - 18 Enero, 2009 15:18

¡genial el post, Juan! muy muy útil :)

Comentario de Juanpol - 18 Enero, 2009 15:28

juan, hablo de photoshop como puedo hablar de fireworks. lo que coment sirve para una u otra aplicacion. en mi caso utilizo ambas, photoshop y fireworks para layouts de sitios web y fireworks, unicamente para diseñar widgets (especialmente x su alta compatibilidad con el entorno de desarrollo de adobe air y flex).

Comentario de Juanpol - 18 Enero, 2009 15:29

ele… en realidad el post original de viget es el util, el mio son comentarios del mismo. pero gracias x dejar tus comentarios x aqui. ;)

Comentario de Kialaya - 22 Enero, 2009 19:12

Me vas a permitir que te añada otro gran “mal hábito” en esa estupenda lista. Es un mal hábito que todos hemos tenido y sólo después de grandes catástrofes por fin nos hemos quitado y es el de “no guardar el archivo cada 5 min o incluso menos”. Personalmente, yo creo que éste es peor que cualquiera de los arriba mencionados.

Sí, ya sé que lo que me vas a decir, pero vale que un Mac no se cuelga tanto como un windows pero también se le puede ir la electricidad no? ;-)

Comentario de Juanpol - 22 Enero, 2009 22:27

jejejje ese si que es bueno marta :) es tan obvio que ni hay que ponerlo en una lista, pero… nunca esta mal recordarlo, asi que bienvenido!

los Macs me gustan… pero tampoco son dios, hay que decirlo. :)

gracias x participar!

Comentario de rusinho - 18 Febrero, 2009 21:14

Juanpi, que pasa neng? No he leido el artículo, para serte sincero. Pero quería pasar por aquí para dejar un “hola que tal?” :-). Ya veo que a pesar del tornado todo sigue en su sitio, recogidito y bien :-)

Un abrazo tio, tengo ganas de que nos veamos.

Comentario de Juanpol - 21 Febrero, 2009 12:30

eso intentamos rus! pronto nos vemos, no lo dudes. ;) un abrazo grande!

Comentario de Daniel - 20 Marzo, 2009 13:10

Buen post, no es que descubras algo nuevo a la humanidad, pero esas son cosas sencillas que si no llevas a la práctica te puedes encontrar con decenas de capas que te den un dolor de cabeza como quieras corregir un borde en un pequeño logo. Todo eso que dices nos hace más fácil la tarea de modificar elementos cuando sea necesario y de forma mucho más rapida

Comentario de desarrollo de web - 11 Agosto, 2009 20:18

En mi caso lo que peor llevo, es ver en algunas ocasiones diseños web organizados como el c#@!… aveces encontrar una determinada capa es todo un logro!!!

Como bien se comenta lo ideal entre otras muchas cosas es:
- Organización
- Crear máscaras de capa
- Crear máscaras de recorte
- Crear capas de ajuste
- Crear trazados

Un saludo,
Alejandro Arco

Comentario de adri - 21 Octubre, 2009 9:15

Más claro y conciso, imposible. Cuanta generosidad al compartirlo. Se agradece, colega! Ahora cebo yo! :=)

Dejar un comentario

Nombre: (requerido)

E-mail (no será publicado): (requerido)

Web

Comentario:

Blog

Notas e ideas sobre diseño digital interactivo.

Introduce una o varias palabras y pulsa el botón Buscar.

Categorías

Archivo

Enlaces

Juanpol

Dirección Creativa & Diseño web

Este sitio web vive gracias a WordPress y fue desarrollado en ordenadores Mac con Adobe Creative Suite, Espresso, CSSEdit y Cyberduck. / XHTML - CSS

... si no hay galope se nos para el corazón ...