# Diseño gráfico ¿Cómo aprender a usar Photoshop en 1h30?

Sin comentarios

Photoshop es un software de retoque, procesamiento y dibujo asistido por computadora, lanzado en 1990 que revolucionó la fotografía e incluso el diseño que se podía hacer con ella. Publicado por Adobe, se utiliza principalmente para procesar fotografías digitales. Trabaja principalmente con imágenes rasterizadas porque las imágenes están formadas por una cuadrícula de puntos llamados píxeles. El interés de estas imágenes es reproducir sutiles gradaciones de colores.

Alternativa freeware: Gimp (herramienta muy completa); Irfanview (para cortes rápidos) *
* descargar desde el sitio web del editor

Conoce los estándares: ¿impresión en papel o internet?

Desplazamiento de impresión

Para trabajos destinados a la impresión offset, como carteles por ejemplo, trabajamos con imágenes con una resolución de 300 dpi o ppp ( puntos por pulgada ) y definición de color en CMYK (Cyan Magenta Yellow Black). La definición de la imagen debe establecerse según las especificaciones de su impresora. Para obtener más información sobre la diferencia entre RGB y CMYK

Uso de internet

Para uso en internet trabajaremos con una resolución de 72 a 120 dpi y colores en rgb . Sin embargo, tenga en cuenta que para el trabajo de recorte se sentirá más cómodo con imágenes grandes y de alta resolución. El formato debería adaptarse más tarde.

Entorno de Photoshop

El menú es bastante intuitivo y sus principales entradas son:

  • Archivos : abre en varios si tienes que trabajar diferentes imágenes
  • Editar : use para retroceder, o use la ventana del historial para retroceder / cancelar operaciones; aquí utilizará principalmente "transformación"
  • Image :
    • Modo : hemos visto modos cmyk y rgb, eventualmente necesitará usar blanco y negro
    • Tamaño de imagen : puede administrar dimensiones y resoluciones
    • Tamaño del área de trabajo : muy práctico para adaptar el área de trabajo independientemente de la imagen, para crear una máscara (modelo de retrato en 600 * 800 por ejemplo)
    • Rotación : ajuste la línea del horizonte en paisajes, por ejemplo
  • Capa : para administrar capas y crear nuevas
  • Texto : para gestionar caracteres y párrafos (interlineado, por ejemplo)
  • Selección : a menudo lo utilizará para "deseleccionar" especialmente
  • Filtro : le permite aplicar filtros a las fotos
  • 3D : no es necesario en el entrenamiento para principiantes
  • Pantalla : podrá hacer zoom, pero a menudo utilizará las funciones de " tamaño de pantalla" o "tamaño de píxel real "
  • Ventana : le permite mostrar la barra de herramientas o las capas esenciales y las ventanas del historial.
  • Ayuda : esto puede ser útil, pero hacer preguntas específicas a Google también funciona muy bien

Barra de herramientas de Photoshop

 

Esta herramienta es muy completa y las funciones que más utilizarás son:

  • Puntero : para mover un elemento
  • Selector : para seleccionar una forma geométrica
  • Lazo : aislar una forma compleja
  • Varita mágica : aislar un área de color sólido
  • Herramienta de recorte: seleccione y corte un área
  • Cuentagotas : seleccione un color
  • Búfer de duplicación: duplica una forma o más a menudo un fondo
  • Borrador : borra con precisión un contorno
  • Bote de pintura : "vierte" un color
  • Texto : escribe un texto
  • Color : seleccione un color, el hexadecimal estándar es más fácil de usar que rgb o cmyk

Para cada botón hay 3 variantes accesibles con un simple clic derecho.

Ejemplo: aislamos con la pipeta el color del bañador: # 4C5F4A

 

Existen herramientas como color-hex.com que te permiten elegir tonos de colores, o incluso colores asociados. Esto es muy práctico cuando, por ejemplo, tienes que crear un botón que cambia de color al pasar el cursor sobre él (efecto hover). Esto se hace principalmente en el CSS para personalizar un sitio web, pero ese es otro tema.

Ejercicio: recorta un retrato con Photoshop

Elección de imagen

Te recomiendo si estás usando google * usar los filtros de tamaño o inyectar la imagen que deseas trabajar en la búsqueda para ver si hay una en un formato más grande que el que tienes.

* Presta atención a los derechos de imagen.

En el caso de Fred David, elegí una foto contrastada , es decir, donde el primer nivel de imagen se destaque bien del fondo porque si el fondo se fusiona con el primer nivel, tendrás muchos problemas para hacerlo. eso simplemente.

Los más difíciles de cortar son el cabello, elija una foto donde el corte sea “limpio” y relativamente suave.

Principio de capas en Photoshop

La principal ventaja de Photoshop es que utiliza un sistema de capas. Tenga cuidado de seleccionar la capa en la que está trabajando. Aquí hacemos clic derecho para duplicar la capa y desactivar la capa de fondo haciendo clic en el ojo.

Recorta el retrato

Luego usaremos la varita mágica para quitar la más grande, luego el lazo magnético para los contornos. Al pasar el lazo, no dude en hacer clic para fijar el punto de selección en los lugares menos contrastantes. Con la herramienta de selección, vacíe los espacios.

Para vaciar la selección, presione la tecla "Eliminar"

Puede ajustar una selección con las teclas Mayús para agregar y Alt para eliminar.

Acabados de molduras

No obtendrá el resultado de un diseñador gráfico real, pero el objetivo aquí es tener una solución rápida y eficiente.

Ahora tienes que trabajar con el tamaño real de los píxeles, o un zoom adicional si es necesario e intentar tener una buena definición de los contornos y evitar roturas bruscas y pixelación de la imagen. Para ello, utilizaremos las mismas herramientas que antes y el borrador para suavizar los contornos .

Elija el grosor de la goma y su dureza . La dureza del 50% proporciona un efecto de halo muy útil para suavizar sin pixelar.

Puede controlar la calidad de su recorte al incluir una capa debajo de la imagen recortada que rellena con un color de contraste, aquí rojo. En la imagen de abajo, pude identificar puntos a la izquierda.

Formato de grabación

Si guarda en .jpg tendrá un fondo blanco. Para un fondo transparente, guarde como png-24.

Superponer 2 capas con Photoshop

Abra una imagen de fondo y luego seleccione el retrato en la otra ventana. Haz control + C para copiar, luego controla + V para pegar el retrato en la imagen de fondo.

Si el retrato es demasiado pequeño, primero tenga cuidado de ajustar el tamaño de la imagen. Si es demasiado grande, haga clic en transformación> escala . Presione la tecla Shift para mantener las proporciones del retrato y ajustar el tamaño.

Guarde la composición en .jpg en lugar de en png, la imagen será más clara (250Ko en lugar de 1,5Mo). Para obtener información, el peso total de esta página es 1,18 MB . ¡Un factor que influye en el tiempo de carga de una página web!

Ahora sabe cómo utilizar los conceptos básicos de Photoshop y las imágenes .png transparentes.

Para crear fácilmente soportes publicitarios: postales, carteles, vaya a https://www.canva.com/fr_fr/

Para saber más sobre Fred david

Especialista en growthacking y e-commerce, ¡te beneficiarás de nuestra experiencia para desarrollar tus contactos y tu facturación en un tiempo récord!

    SEOCAmp París 2020
    Estudio de caso de Black Hat Cycle

    ¿Cómo autofinanciar su startup con netlinking agresivo? o la historia del lanzamiento de una plataforma que sin branding, sin redes sociales, sin partners (marketing) y sin avisos legales ... generó 100.000 € con solo unas pocas páginas web , buen marketing y buen SEO!

    Retorno de la inversión

    ¿Sabías que la referencia a Google es el pilar central de tu comunicación? Sin duda el apalancamiento más rentable en torno al cual deben girar tus acciones publicitarias pagas.

    Cotización Gratis

    Ofrecemos servicios profesionales de SEO que ayudan a los sitios web a aumentar drásticamente su puntaje de búsqueda para competir con las clasificaciones más altas, incluso cuando se trata de palabras clave altamente competitivas.

    Reciba un consejo gratis por semana

    Nuestras ultimas noticias

    Ver todas las publicaciones
    Sin comentarios