Pedro Puig

Entradas de la categoría ‘Tutoriales’

Inundación en la ciudad

comienzo

inundacion

En psd tuts+ podemos ver el proceso de manipulación fotográfico de una calle cualquiera, creando una espectacular inundación. El tutorial es de Andrew Gardner y sorprende el cuidado en el detalle y la iluminación del resultado final.

Sencillamente alucinante

Vía: psd tuts+

Escalado Inteligente en Photoshop CS4

Una de las características que más me llamo la atención en el Photoshop CS4 fue el escalado según el contenido o escalado inteligente. En este post vamos a tratar de explicar cuál es su funcionamiento.

Fotografía Original

Fotografía original

Escalado normal

Escalado normal

En versiones anteriores al CS4, si escalábamos una imagen, por ejemplo en horizontal, el resultado es que todos los elementos de la fotografía se distorsionaban, si queríamos que esta no se distorsionara, teníamos que utilizar el pincel corrector o el tampón de clonar.

Ahora con el escalado inteligente del CS4 el resultado es este:

Escalado inteligente

Escalado inteligente en horizontal

Impresionante verdad

Crear un sitio web desde cero

wireframe

picture-27

Interesante artículo de cómo crear un sitio web desde el lápiz hasta la finalización en photoshop, cada vez veo más necesario el prototipado en papel tanto para diseñadores como para clientes. Recuerdo al principio de los tiempos cuando me ponía a diseñar directamente en photoshop, ahora eso lo veo impensable, me da igual estar estancado con el cliente una semana o un mes para la aprobación de un wireframe, os puedo asegurar que eso será tiempo ganado al final del proyecto.

50 lecciones de Diseño Gráfico

grid-audi-small

En PSDtuts+ han realizado una muy interesante recopilación de 50 lecciones gratuitas sobre diseño gráfico. Las lecciones están divididas en 5 grandes grupos:

  • Tipografías
  • Diseño basado en cuadricula, malla o rejilla
  • Teoría del color
  • Teoría del diseño
  • Interface de Usuario (UI) y usabilidad

Son lecciones, que deberíamos tener muy presentes a la hora de comenzar un desarrollo gráfico profesional.

Vía: Vecindad Gráfica

13 Tutoriales de Photoshop CS4 en video

En Web Design Ledger han hecho una interesante recopilación de 13 tutoriales en video de las nuevas funcionalidades que aporta Adobe Photoshop CS4 al diseñador. Hay mucho para elegir, pero sin duda la que más me impresiona es el escalado inteligente de imágenes, pudiendo conseguir una imagen perfecta en un solo paso sin desperdiciar tiempo en recortar y retocar.

Vía: Web Design Ledger

Hacer sombras en Photoshop

Photoshop nos permite múltiples posibilidades para dar sensación de profundidad a un objeto o forma. En Deziner Folio nos demuestran que aplicar sombras es más fácil de lo que pensamos.

Vía: Deziner Folio

Animación de menus usando jQuery

sprite

Si, lo reconozco, mi fuerte no es la programación, sin embargo en Shop Dev he visto un ejemplo de cómo animar menús usando jQuery. El efecto final es bastante elegante.

Ver Demo

Descargar PSD

Vía: Shop Dev

Contornear formas abiertas en Photoshop

Comienzo a partir de hoy una serie de mini tutoriales de photoshop de tareas sencillas, pero que probablemente nunca nos hemos parado a pensar como se hacen o ni siquiera si se pueden realizar.

En esta primera entrega vamos a ver como contornear formas abiertas en photoshop. Todos sabemos que es muy fácil contornear un cuadrado, un círculo. Pero ¿y si queremos contornear una línea? Voy a intentar explicar cómo podemos realizar esta tardea de forma sencilla y simple.

En primer lugar nos abrimos un documento en blanco. Si queremos que nuestro contorneo sea de un determinado color deberemos seleccionar este en la paleta de colores, yo he elegido el color negro.

selector de color

En primer lugar haremos el contorneo a una línea recta. Para ello seleccionaremos la herramienta pluma y dibujaremos un trazado recto.

barra de herramientas

trazado recto

A continuación activaremos la pestaña de trazado y con el trazado seleccionado, haremos clic en la opción “Contornear trazado”.

“…se acabaron los feos…”

Como decía la canción “…se acabaron los feos…” En Desinn Reviver recopilan 50 trucos para pasar a ser una persona guapa, por lo menos en foto.

Desde los malditos michelines, el color de los ojos, un cambio de color de pelo sin pasar por la peluquería. Con el photoshop no tendremos excusa para estar guapos y delgados y todo esto sin regímenes ni operaciones estéticas.

Y es que lo que no haga el photoshop…

Tutoriales de Photoshop

Tutoriales de Photoshop

En Paintbits encontramos un muy interesante recopilatorio de tutoriales de nuestro querido y amado Adobe Photoshop. El recopilatorio está clasificado en diferentes categorías ( efectos, retoque, tipografías, pintura digital, diseño, iconos, diseño web y temas variados).

Como bien dicen en Isopixel, el problema es distinguir entre tanta cantidad de información, que tutoriales son de calidad y cuáles no. Estos sin duda son de la primera clase.

Espero que lo disfrutéis.