Diseño de pósters | una clase magistral de Photoshop: domina la selección | Shivangi Dubey | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Diseño de pósters | una clase magistral de Photoshop: domina la selección

teacher avatar Shivangi Dubey, Graphic Designer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      1:50

    • 2.

      Reúne tus recursos

      4:08

    • 3.

      Inspiración y diseños

      3:54

    • 4.

      Prácticas básicas

      1:14

    • 5.

      Haz una selección

      2:46

    • 6.

      Refinación de la selección

      2:42

    • 7.

      Cómo trabajar con texto

      3:00

    • 8.

      Explora variaciones y opciones

      3:27

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

49

Estudiantes

--

Proyecto

Acerca de esta clase

¡Hola! Bienvenido a la clase de dominio de Photoshop, dedicada a la creación y edición de carteles para desarrollar una imagen comercial: un póster o diseño útil que se puede usar como banner promocional de una causa social, publicaciones en redes sociales o banner publicitario, imágenes de portada de revistas y mucho más.

Esta clase está llena de lecciones de habilidades que debes entender para trabajar en tales proyectos. También doy una pauta completa desde Encontrar inspiración para tu proyecto hasta desarrollar una idea y ejecutarla en pasos simples para obtener buenos resultados profesionales, aunque seas nuevo en Photoshop o el diseño gráfico.

¿Quieres aprender más? Únete a la clase ahora.

Conoce a tu profesor(a)

Teacher Profile Image

Shivangi Dubey

Graphic Designer

Profesor(a)

Habilidades relacionadas

Diseño Diseño gráfico
Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: Heytens, bienvenido a esta clase de diseño personal de tienda de fotografía Soy Shivani Rape diseñadora e ilustradora freelance, dedicando tiempo a diseñar diversas ilustraciones, plantillas y diseños para tiendas, marcas, etiquetas de moda y Llevo bastante tiempo en esta línea. Ahora quiero ayudarlos, ustedes, compañeros diseñadores en ciernes que quieren convertirse en un diseñador asombroso, pero les resulta Y cómo iniciar y aprender, hacer y trabajar sobre el diseño y proyectos que no solo se ven naturales y proyectos de la vida real también te ayudan a aprender nuevas habilidades de cierta manera profesional. He diseñado esta clase para que cualquiera que sea principiante o aprendiz o profesional se encuentre involucrado en esto y se quite algo u otro como beneficio de resultado Esta clase está elaborada con lecciones cortas, cada una especificada en un determinado proceso o un paso para construir el proyecto. Por fin, juntos aprenderemos en esto todo sobre el proceso de selección de Photoshop, dominando y refinando las selecciones, aprendiendo sobre los diseños y jugando con un texto en el diseño del póster Finalmente, crearemos algo propio, el trabajo en torno a ello. Entonces para las más variaciones, más opciones. Por último, aprenderemos a guardarlo y exportarlo para su uso final o posterior. Esta clase está llena de objetivos de aprendizaje, proceso de creación extranjera. Date prisa y únete a mí ahora en esta clase para que comiences. 2. Reúne tus recursos: Antes de comenzar nuestro proceso de diseño, primero entendamos sobre el estilo y las referencias de diseño para el proyecto. Nuestro proyecto para esta clase es crear un diseño de póster. En primer lugar, por carteles. Empezamos con un diseño de póster por diversas razones. El número uno es que al ser un cartel, se trata de un diseño de planta rectangular. Eso quiere decir que es de estilo universal. Una vez que estemos listos para jugar y soportar este espacio, podremos crear montones y montones de diseños como este, como banners de Facebook, carteles, publicaciones de Instagram, diseños de Pinterest, banners web, tarjetas de presentación, tarjetas de visita, invitaciones y mucho más. Creo que el diseño de carteles es una excelente manera comenzar tu viaje o de repasar tus habilidades. Número dos, es mucho más práctico. Como puedes escuchar, quieres crear algo realmente digno, profesional y útil. No solo mostrando tus habilidades en un mundo elegante, sino a una cosa más útil, real y aplicable en el mundo Cuando se trata de diseños útiles, me refiero a hacer algo a la venta como una oferta de descuento o un der promocional para una tienda o diseño de tienda para promover la causa social. Todo esto lo aprenderás, puedes aplicar en habilidades de Es ahí. Empecemos por echar un vistazo rápido en el espacio de trabajo de Photoshop. Estoy justo en la pantalla de Photoshop aquí. Si también estás teniendo Photoshop CC 2020 más o menos, tu pantalla debe estar parecida a la mía. Aquí puede ir al archivo, seleccionar Nuevo o presionar control o comando en su teclado para abrir el cuadro de diálogo nuevo documento. En este cuadro adecuado, puede ver que hay múltiples configuraciones y criterios. Primero, tenemos nuestro nombre de archivo. Puedes renombrar el archivo si quieres, como lo estoy haciendo aquí. Entonces tenemos dimensiones del archivo con la unidad en la que está contando. Tenemos las unidades como pixeles, pulgadas, centímetro, milímetro, y así sucesivamente Si estás trabajando con un archivo para uso digital, te sugeriría trabajar con los píxeles. Pero si estás trabajando para el resultado final esté en el archivo de impresión, entonces asegúrate de estar en las pulgadas, centímetro o elevador Además, puedes seleccionar la orientación de tu modo artístico como horizontal o retrato. Además, puede elegir las dimensiones de archivo de conjunto de cargas de tamaño de archivo de conjunto estándar. Aquí puedes ver o simplemente puedes ingresar tus datos personalizados manualmente. Lo siguiente importante es la resolución. Cuando trabaje para un archivo digital, asegúrese de que la resolución sea de 72 píxeles por pulgada. Si estás trabajando el archivo de impresión, asegúrate de que estás usando el conjunto de 300 píxeles por pulgada. A continuación, pasando al modo de color, dependiendo del propósito del archivo, establezca el modo de color en el GP. Si se trabaja para digital o CMYK, si el proyecto es para el propósito de impresión, se dará cuenta a medida que cambiemos el modo de color, el perfil de color automáticamente cambia a los perfiles correspondientes para el CMYK es argumenta Lg. Ahora tenemos el relleno de fondo color preelegido ya que estamos todos listos para crear un nuevo archivo en el trabajo en Photoshop. Pulsa Crear, y pasemos a otra lección para aprender sobre el siguiente paso, refi 3. Inspiración y diseños: Antes de comenzar con un archivo de Photoshop, aprendamos algunas teorías sobre carteles atractivos y mejorados con esfuerzos creativos y estilo moderno. Hay toneladas de diseño que puedes crear y ejecutar para tu proyecto. Para entenderlos mejor, ahora mismo tengo algunos de ellos en la pantalla para ti. Vamos a entender el diamante. Se puede ver que esta es la primera referencia que tengo. El diseñador jugó con la forma de modelo y estilo vectores para realzar el look y convertirlo en un look de espacio aéreo de tres D para el póster. También, jugó aquí con las sombras del jugador para darle el aspecto real adecuado. Ahora siguiente aquí otra vez el diseñador aquí jugó bien con la colocación del modelo y el rectángulo. Esto solo interrumpe la monotonía del póster y mantiene el aspecto del póster como un look mínimo mudo Nuevamente, las sombras también se utilizan aquí, pero esta vez es una manera muy suave de mantener el aspecto adecuado alineada con el tema mínimo. Este es un ejemplo de cómo también puedes usar las habilidades que vas a ser re, aprendiendo en esta clase para hacer una portada de revista atractiva de aspecto profesional como esta o un póster publicitario. Ahora bien, esta es una publicación bastante interactiva para el anuncio de banner de Instagram. Aquí puedes ver cómo diseñador jugador con los gradientes de color de fondo agregando tantos elementos al espacio de manta a los sitios, pero hay el espacio más amplio para jugar Hay cierto equilibrio de diseño en ambos lados del modelo. Como puedes ver aquí. El balance de color también da una muy buena perspectiva. Agregar texto de gancho como texto grande, luego colocar los otros detalles. Y el texto esencial nos da una idea de cómo jugar las cosas alrededor y seguir manteniendo información en su lugar para enfocarnos en ellas. Puedes encontrar referencias tan atractivas y útiles en cualquier momento, en cualquier lugar cerca o a tu alrededor. Por carteles en paredes, tablones de anuncios desplazando tus cuentas de redes sociales y mucho más Solo mantén un ojo para los looks de diseñador y la inspiración que motivaste y actualizaste con los últimos looks y estilos en curso. Ahora bien, una vez que tengamos bastante claros los elementos de diseño y el diseño de estructura para un póster profesional, trabajemos en el diseño del póster. Tómate tu tiempo, siéntate con tu pluma. Esboza algunas ideas como hice aquí. Como pueden ver, estoy teniendo estos pocos bocetos toscos para armar y jugar con nuestro proyecto Ahora el siguiente paso es elegir la imagen perfecta para el producto. Pocas pautas a tener en cuenta mientras buscas una buena imagen para tu proyecto Is. Número uno, asegúrese de que el tamaño y dimensión de la imagen sean de calidad H. Número dos, asegúrate de que el objeto de la imagen esté realmente enfocado. Número tres, prefiera buscar y descargar tu imagen en plena calidad. Esto se puede hacer fácilmente desde cualquier sitio gratuito de fotos de stock como Pexels.com Unsplash.com 4. Prácticas básicas: Oye, otra vez, estoy de vuelta en la pantalla de Photoshop. Ya hemos elegido nuestro archivo para trabajar. Ahora es el momento de traer el archivo a Photoshop y trabajar en él. Hay varias formas de abrir el archivo en Photoshop. Una es el archivo de Google y seleccione Abrir y luego navegar por su archivo de imagen desde una carpeta en particular donde lo haya descargado o guardado. Simplemente puedes arrastrar y soltar la imagen en la pantalla de Photoshop o en tu lienzo donde estés en nuestro camino. Trabajando aquí, lo hice en ambos sentidos. Si tienes tu imagen abierta, en el siguiente paso, simplemente puedes arrastrar la imagen al archivo en el que estés trabajando así. De cualquier manera, es lo suficientemente bueno. Puede cambiar el tamaño de su imagen en cualquier momento según tamaño de su lienzo utilizando el acceso directo de la herramienta de transformación y desde lo anterior, asegúrese de mostrar que el control de transformación está seleccionado aquí Ahora solo puedes controlar el tamaño y ajustarlo a tu manera. Pasemos a la siguiente lección. Empecemos a trabajar en la imagen. 5. Haz una selección: Ahora tengo nuestro linaje abriendo Photoshop, y quiero que nuestro objeto esté libre del fondo, lo que significa que quiero que el modelo se corte del fondo Para ello, primero echa un vistazo al panel de capas. Aquí está bloqueado como fondo. No podemos borrar ni hacer nada con él. El primer paso es duplicar esta capa. Escoge correctamente capa duplicada, cámbrala si quieres. Y luego dale bien, solo apaga la visibilidad de la capa base. De esta manera tenemos nuestro archivo principal guardado tal como está para cualquier uso posterior, y tenemos una capa duplicada sobre la que trabajar. Ahora trabajando en la capa duplicada, necesitamos seleccionar nuestro objeto por separado del fondo. Para ello, realmente necesitas trabajar de cerca en la imagen. Para eso, puedes acercar la imagen golpeando el comando del controlador plus. Y luego usa la barra espaciadora de atajos del teclado o la herramienta manual de la barra de herramientas Ambos actúan como la herramienta de mano así y se mueven de un área a otra. Y esto te dará un aspecto mucho más claro. Ahora selecciona el tema. Utilice la herramienta de selección rápida desde el atajo, el azul o desde la barra de herramientas. Y luego revisa las propiedades arriba aquí. Debe ser similar a ti y ahora es todo bueno trabajar con él. Empecemos a seleccionar el tema uno por uno. Estamos usando la selección add on de la configuración anterior para que podamos seguir agregando a la selección anterior. Como esto, una vez que hayas terminado, puedes parar. Ahora tenemos toda el área seleccionada. Una forma es que simplemente podemos cortar la otra capa. Pero de esa manera es sólo un método rudo, ya no podemos refinarlo ni reformarlo. Una mejor manera es enmascarar la selección. Ir al menú Capa, Tenemos el rectángulo, entonces aquí está, la máscara. Después haga clic en él y pégale. Después tenemos el área seleccionada como se muestra, y el resto es golpeado. La máscara se forma sobre esa capa en particular. 6. Refinación de la selección: Espero que esté bastante claro a la altura de este paso. Ahora tenemos que refinar y modificar nuestra selección en algo cada vez más soga y uno limpio. Todo eso primero vaya a la ventana de propiedades aquí o seleccione las propiedades de las ventanas minu, seleccione la máscara pulgar mail y haga clic en las propiedades aquí Establezca la opacidad a un porcentaje menor de, digamos, 50 a 60% Agregue una capa de color sólido debajo de la capa de trabajo usando esta opción de la capa de abajo aquí Seleccione agregar capa de color sólido. Y elige el color particular así, estoy usando el negro para que pueda ver los detalles de una manera mucho mejor. Ahora selecciona la miniatura de la máscara y haz zoom en la imagen. Entonces estás trabajando a detalle. Se pueden ver estos pequeños fragmentos de selección no tan limpia. Para eliminar esto, simplemente seleccione la herramienta de pincel de la barra de herramientas o el acceso directo B para la herramienta de pincel. Aquí en colores, tienes el negro en primer plano y el blanco como fondo Zapatos blancos y alturas negras pintadas con un color negro. Para quitar u ocultar la selección extra, simplemente pinte sobre las áreas que quieras eliminar. Así, ves la magia simplemente cambiando el tamaño del pincel manualmente o desde los ajustes anteriores o por el atajo. Corchete rectángulo izquierdo para disminuir el tamaño, y corchete rectángulo derecho para aumentar el tamaño. Desde el teclado. Para las áreas que quieras revelar la máscara, usa el color blanco en primer plano y pinta las áreas como lo estoy haciendo ahora Ahora se muestra en el tema. Adelante y revisa más los detalles para editar. Una vez que estés feliz, de nuevo, ve a Panel de Propiedades con máscara comm nail seleccionada y volvemos la opacidad al 100% De esta manera tenemos la selección limpia y clara y libre del fondo con alta calidad en su lugar Esto era lo que querías. Vamos a llevar a la siguiente lección para aprender sobre el 7. Cómo trabajar con texto: Oye, espero que ahora tengas un claro proyecto de volumen de tema selecto. Vamos a agregarle texto. Herramienta de texto seleccionada de la herramienta. Da click en las cámaras para agregar texto. Esto agregará una nueva capa sobre todo, como la capa de texto y escriba su texto. Puedes redimensionarlos, recolorarlos en cualquier momento como desees Si quieres cambiar el tipo de letra o seleccionar las cosas de lo anterior aquí o simplemente puedes hacer que el tamaño de fuente sea más grande usando la herramienta de transformación Ahora bien, este es el momento de que la acción mágica funcione. Coloca el texto debajo del corte. Última reproducción desde el panel de capas. Simplemente dibuja hacia abajo para agregar más detalles. Añadiré sombras al texto seleccionado. Seleccione el texto aquí. Ahora elige los efectos del ícono de abajo en el panel de capas aquí. Opción de sombra desde el panel y establece los ajustes. O si está bien en la vista previa, si estás contento. Ahora es el momento de que el siguiente truco de magia haga que tu póster se vea más interactivo y mejorando el comando del controlador de retención seleccione el reproductor de texto. Esto hace que la selección de texto sea así. Puedes ver los s. coincidentes Ahora ve al pulgar enmascarador en el objeto o el sujeto, selecciónalo y usa una herramienta de pincel Nuevamente, como lo hicimos mientras enmascarábamos las áreas en la última lección. Esta vez pinta las áreas donde quieras revelar el texto u ocultar el texto. Como lo hice en la lección que estoy haciendo aquí ahora mismo, ya puedes ver cómo va surgiendo. ¿No va esto interesante? Espero que tengas la idea y puedas jugar y encontrar una pareja perfecta para el proyecto. 8. Explora variaciones y opciones: Entonces ahora de vuelta en Photoshop, tenemos el póster que completamos en nuestra última clase. Ahora en esta lección, vamos a explorar y agregar más detalles, más elementos para hacer algunas variaciones, diferentes estilos, un póster, puedes comenzar agregando algunos elementos como una forma zometrica usando la herramienta de forma de la barra de herramientas Y haz una caja y cambia su relleno al trazo, Aumenta el tamaño del trazo para ver lo interesante que está saliendo. Esto todavía está detrás del objeto para que pueda cambiar fondo de color más sólido mediante el uso la herramienta de ajuste del panel de capas. Usamos la imagen como fondo, ahora usamos un color sólido. Esto le da a algún otro aspecto. Ahora agreguemos una parte más divertida, agregando la sombra al tema. Es una manera bastante fácil de hacer es duplicar la capa sujeto encabezando el comando de control J. En la capa duplicada, seleccione la máscara mal, haga clic derecho y seleccione Aplicar Máscara de Capa. Ahora ahora mantén presionado el control o comando y haz clic en el pulgar de la capa. Esto activará la selección de área seleccionada. Esa selección de objeto en particular ahora hace una nueva capa por encima de él y simplemente llénala con el color negro. Esto llenará el área seleccionada como el negro porque la selección está activa. Usando la herramienta de cubo de pintura, utilizo la herramienta de cubo de pintura para llenar la selección en la nueva capa. Coloca esa capa debajo del sujeto, nuestra capa de sujeto. Ajustar la colocación de sombra debajo de la, se ve bastante real, algo de lado Bien, aquí puedes ver cómo se muestra. Y ahora ve al menú Filtro, selecciona el desenfoque y usa el desenfoque efusivo. Ahora puedes jugar y elegir la cantidad de desenfoque que necesites. Una vez que estés feliz, solo pega bien. Puedes intentar agregar algunos o más elementos de tu elección. Al igual que una línea hecha a medida por pento podría ayudarte a lucir más atractiva y genial Nuevamente, se le puede agregar asombro. Como hicimos para el rectángulo y el texto antes, acabamos de hacer que el sujeto interactuara con ellos así. Espero que les guste de esta manera que creamos variaciones a partir del archivo de correo. Y espero que tengas bastante claro los pasos que seguimos y usamos el.