Como usar Photoshop

Como usar Photoshop

Tutoriales y consejos sobre cómo usar Photoshop

Comprimir imágenes en PNG

Hoy vamos a ver un tutorial más práctico que técnico pero que nos puede ser muy útil. Cuando realizamos ciertos trabajos necesitamos una gran calidad pero un peso de la imagen reducido. Por ejemplo, cuando tenemos que hacer una imagen para un sitio web, queremos que está imagen tenga la mayor calidad posible pero tenga un peso pequeño para que los tiempos de carga se reduzcan. Hoy conseguiremos comprimir imágenes en PNG para lograr que la calidad no se vea afectado y el peso de la imagen se reduzca.

Tutorial para comprimir imágenes en PNG

Una vez que tenemos una imagen en PNG realizada con Photoshop o simplemente la hemos cogido de internet y queremos comprimirla, nos vamos hasta esta dirección web: http://tinypng.org/. Arriba, donde dice «Drop your .png files here» pulsamos y podemos añadir hasta 20 imágenes a la vez para que se compriman.

imagen comprimida

En unos segundos se habrán comprimidos y el peso habrá bajado considerablemente. Como se ve en la imagen la calidad es la misma y se ha reducido su peso. Por tanto objetivo cumplido.

Imágenes en PNG

El formato PNG es el más utilizado para realizar sitios web. Es un formato que te permite crear imágenes con transparencias (otros formatos como jpg rellena las transperencias de blanco) y además ocupan poco peso. Con este tutorial hemos reducido aún más el peso de las imágenes en PNG. Si tienes que hacer una web y quieres calidad y tiempos de carga reducidos elige este formato. En Photoshop eliges la opción Guardara para web y seleccionas el formato PNG para poder guardar tus imágenes en este formato.

Diseñar una web con Photoshop

Parece bastante imposible si desconocemos lenguajes como HTML o sabemos usar bien Photoshop pero a día de hoy es posible hacer una página web con Photoshop. Hoy explicaremos un poco más sobre esto, no haremos un tutorial pues hay miles en la red y nos costaría horas y horas, pero si es bueno saber que a partir de nuestro programa de diseño se pueden genera auténticos sitios web de calidad.

Photoshop y HTML de la mano para generar páginas webs de calidad

web-photoshop

Sin saber utilizar HTML no podrás hacer webs con Photoshop. Por tanto lo primero que tenemos que hacer es dominar este lenguaje. HTML es un lenguaje de programación que ha evolucionado en los últimos tiempos hasta HTML5.

Una vez que dominemos este lenguaje, es hora de ponerse con Photoshop y diseñar nuestra web. Tendremos que diseñar todas las secciones, como si estuviéramos haciendo una captura de pantalla de una web. Podemos añadir botones, imágenes, logos, etc. Posteriormente con HTML le daremos vida.

Y ese es este paso, dar vida a nuestras webs realizadas con Photoshop. Para ello tendremos que ir escribiendo código que nos permita dar acciones a las distintas secciones, botones e imágenes de la web.

Webs de diseño con Photoshop

Las webs normales no se suelen hacer con Photoshop pues son bastante estáticas. Para utilizar webs más dinámicas se utilizan otros lenguajes de programación  Si quieres una web donde el diseño resalte por encima de todo si puedes utilizar Photoshop. De todas formas el resto de webs también llevan algo de Photosohop para crear botones, iconos, etc.