Tutorial de Photoshop: cree gráficos de Facebook, Twitter y LinkedIn en Photoshop

Los gráficos de redes sociales son fáciles de crear en Photoshop, siempre que siga estos sencillos pasos.

Introducción

Recortar imágenes para las redes sociales es una tarea bastante común, y una que Photoshop puede sobresalir en. En este tutorial, se le muestra la mejor manera de crear un archivo de Photoshop que le permita exportar fácilmente imágenes para diferentes publicaciones y plataformas en redes sociales.

He utilizado imágenes personales para mi propia presencia en las redes sociales aquí, pero las mismas reglas se aplican a las páginas de marca y a las presencias.

Hay una tonelada de diferentes tamaños de imagen en los diferentes canales de redes sociales. Como referencia, aquí están las especificaciones para los más populares: Facebook, LinkedIn y Twitter.

Las dimensiones de Facebook para publicaciones son 1,200 x 630px, 1,200 x 627px y 1,200 x 717px.

Para fotos de portada y fotos de perfil, las dimensiones son 828 x 315 px y 180 x 180 px.

Con LinkedIn, está la imagen de perfil y la foto de portada profesional, las dimensiones son: 400 x 400 px para la foto de perfil y 974 x 330 px para la foto de portada

Del mismo modo, tenemos varios para Twitter: 400 x 400 px para la foto de perfil, 1.500 x 500 px para la foto de encabezado y 440 x 220 px para la foto in-stream.

Paso: 1

Vamos a crear un nuevo documento. En el cuadro de diálogo Nuevo documento, desea seleccionar la categoría Web y luego especificar las dimensiones de uno de sus gráficos.
Vamos con 828 x 315px, la foto de portada de Facebook. Además, asegúrese de dejar la opción Artboard seleccionada, ya que esto nos permitirá agregar gráficos adicionales en este único documento.

Paso: 2

Al crear varias imágenes en un solo documento, es muy importante mantenerse organizado. Para hacerlo, cambie el nombre de su Artboard para identificar fácilmente lo que representa el gráfico. Haga doble clic en el nombre de Artboard en el panel Capas y escriba ‘Foto de portada de Facebook’.

Paso: 3

Como saben, tenemos bastantes gráficos que necesitamos crear. El objetivo es crear Artboards para cada uno de los gráficos que necesitamos. Hay varias formas de crear nuevos Artboard en Photoshop, pero, para este ejemplo, iremos al menú del sistema y seleccionaremos Capa> Nuevo> Artboard.

Paso: 4

Asigne un nombre al Tablero basado en el gráfico que desea crear. Luego ingrese las dimensiones para ese gráfico. En este caso, escribiré ‘Facebook Shared Image’ para el nombre y estableceré el ancho en 1,200 px y la altura en 630 px.

Paso: 5

Debe repetir el paso anterior para la cantidad de gráficos de redes sociales que desee crear. En este caso, creé gráficos para las diferentes imágenes necesarias para Facebook, LinkedIn y Twitter.

Recuerde, las imágenes representan dos categorías diferentes de ilustraciones: ilustraciones de perfil y activos que desea compartir.

Paso: 6

Hay tres gráficos diferentes que usaremos en cada una de estas imágenes. En primer lugar, es una foto de perfil, por lo general, algo así como un tiro en la cabeza. Luego, es la foto de portada; algún tipo de marca personal o corporativa. Por último, es una imagen o anuncio que desea compartir. Lo ideal es que obtenga todos estos gráficos en resoluciones superiores a su imagen más grande.

Paso: 7

Primero trabajaremos con la imagen de perfil. Seleccione el ‘Artboard de fotos de perfil de Facebook’ en el panel Capas. Elije Archivo> Colocar incrustado …

Esto abrirá un cuadro de diálogo donde puede obtener la imagen del disparo en la cabeza. Resalta la imagen que deseas y haz clic en Colocar.

Paso: 8

La imagen tendrá un recuadro de cambio de tamaño a su alrededor, y la imagen se escalará para ajustarse a las dimensiones del Artboard. En este caso, es 30%.

Cambia los valores de ancho y alto al 100% y presiona Enter en tu teclado. Esto hará que la imagen sea demasiado grande, pero nos permitirá crear un objeto inteligente en el siguiente paso.

Paso: 9

Ahora que la imagen tiene su tamaño original, ahora podemos convertir la imagen en un objeto inteligente. Esto nos da la mayor flexibilidad si alguna vez tenemos que actualizar la imagen.

Esto es importante porque usaremos varias instancias de esta misma imagen en todo el documento. Seleccione la imagen en el panel Capas, haga clic con el botón derecho y elija Convertir a objeto inteligente.

Paso: 10

Ahora la imagen es un Objeto Inteligente y debemos redimensionarla para que se ajuste a las dimensiones del Artboard.

Con la capa correcta seleccionada, puede elegir Editar> Transformación libre , y cambiar el tamaño de la imagen con el cuadro delimitador o, si recuerda los porcentajes de ancho y alto, puede escribirlos en la barra de Opciones.

Paso: 11

Queremos que el objeto inteligente se almacene en una ubicación central, por lo que arrastraremos la miniatura del objeto inteligente al panel Bibliotecas. Guárdelo ya sea en una biblioteca que ya tenga o cree una nueva.

Una vez que arrastre el objeto inteligente, se convierte en una nube. Su objeto inteligente ahora tendrá una nube pequeña encima.

Paso: 12

Ahora puede arrastrar el Objeto inteligente desde Creative Cloud Library a cualquier Artboard que necesite ese gráfico. En este caso, necesitaremos la misma imagen para nuestra imagen de Twitter / LinkedIn.

Recuerde, dimensionamos la imagen lo más grande que pudimos antes de convertirla en un Objeto Inteligente para que llene el Artboard más grande sin ningún problema.

Paso: 13

Ahora repetirá este mismo proceso para los otros gráficos de redes sociales que desea crear. Recuerde asegurarse de que la imagen tenga el tamaño más grande posible antes de convertirla en un objeto inteligente. Luego, almacene ese objeto inteligente en la nube para que esté en una ubicación central. Nuevamente, esto hace que actualizar las imágenes sea mucho más fácil.

Paso: 14

Con todos los gráficos en el lugar, exportémoslos para poder usarlos en nuestras redes sociales. Elija Archivo> Exportar> Artboards a archivos . Este comando nos permitirá exportar todos los gráficos en todos los Artboards en un simple paso.

Paso: 15

En el cuadro de diálogo, elija una ubicación donde desee guardar los archivos. Elija un nombre de prefijo y elija la opción Sólo de escritorio en este caso. Seleccioné PNG para el tipo de archivo, pero puede elegir lo que funciona mejor para usted. Cuando esté satisfecho con su configuración, haga clic en Ejecutar.

Paso: 16

Después de hacer clic en ejecutar, verá que Photoshop automáticamente comenzará a exportar cada uno de los Artboards individuales. Cuando esté completo, aparecerá un cuadro de diálogo que indica que el proceso está completo. Haga clic en Aceptar para regresar a Photoshop. Todas sus imágenes han sido exportadas.

¡Y tu estas listo!