Como hacer un FLYER publicitario en Photoshop | Descarga gratis PSD

y él hola amigos ya estoy de vuelta con un capítulo más para mi canal un vídeo en el que quiero enseñarles algunas cosas que son fundamentos básicos de cómo crear un flyer o cualquier otra creación para medios impresos que ustedes quieran hacer esto les va a servir para poder dar bien las medidas de los diseños no solamente a la hora de imprimir sino cuando estamos haciendo el diseño cuando estamos trabajando en photoshop que es muy importante darle las medidas que tienen que llevar una de estas publicaciones impresas muy bien voy aquí a crear nuevo para empezar quiero comentarles que hay flyers o también se les llama hojas volantes en algunos países hay algunos de estas publicaciones impresas que tienen diferentes medidas por ejemplo tienen un tercio de carta que es la más común creo o al menos acá mi país es la más común también la de el formato de media carta y también el formato carta que quiere decir que caben tres en una página de tamaño carta o caben dos en una página de tamaño carta o es una del tamaño de una página de tamaño carta lógicamente pero imagínense es una hoja volante muy grande por lo general estos no se imprimen a full color con impresora láser sino que a un papel con menor calidad para no gastar tantos recursos etcétera etcétera bien nuestro flyer tendrá la medida de un tercio de carta que como les decía es la más común pues nos vamos a auxiliar del tamaño carta que está acá cuando nosotros le damos en crear nuevo entonces vamos acá a las opciones de impresión donde dice imprimir estoy usando el photoshop cs en la versión 2018 si ustedes tienen un photoshop de que es más antiguo pues se encontrarán estas opciones siempre al lado derecho de la pantalla están las opciones de impresión los formatos ya preestablecidos tamaño carta tabloide eso siempre están ahí ustedes van a encontrar yo voy a usar el tamaño carta tenemos la resolución de 300 en modo de color vamos a ponerse médica porque es para impresión y en contenido de fondo me voy con el scroll hasta abajo y le pongo transparente doy clic en crear y nos aparece tamaño carta pero en formato vertical yo lo voy a cambiar me voy al menú imagen rotación de imagen 90 grados a la derecha para que quede en formato horizontal muy bien lo que voy a hacer es tomar las medidas con estas las formas bien como pueden ver voy a crear una forma le voy a poner un color que se distinga bien y voy a duplicar esta forma mantengo presionada la tecla alt y arrastro la forma vean manteniendo presionado alto ahí está voy a cambiarle de color a ésta voy a ponerle un azul y hago una vez más duplicó y cambio de color le voy a poner un amarillo muy bien ya tengo las tres formas las voy a unir vean que tenemos esta opción de el magneto o el magnético dentro del photoshop que nosotros podemos unir fácilmente a las orillas de una forma muy bien voy a seleccionar las tres capas de una vez manteniendo presionada la tecla shift o mayúscula seleccionó las tres capas vean en el panel de capas y ya están seleccionadas las tres y ahora solo las hago llegar vean hasta los extremos y ya tenemos bien dividida lo que es la página tamaño carta dividida en tres que es el tercio de carta que nosotros queremos y para trabajar con ese tercio de carta lo que hacemos tomamos la herramienta de recorte y vean que también tenemos la misma opción magnética donde podemos hacer más pequeño y él se ajusta al tamaño del tercio de carta ya que se ajusta el tamaño de la forma que tenemos acá muy bien y allí tenemos el tamaño real de un tercio de cartas y ustedes lo sacan con la calculadora una página tamaño carta tiene 8.5 pulgadas de ancho y de alto tiene 11 pulgadas entonces ustedes hacen dividen entre 13 eso les va a dar un decimal no va a ser una medida exacta y bueno un montón de situaciones que les pueden complicar lo que hacemos entonces para saber cuántas nos pueden caber por ejemplo en un tabloide vamos a abrir un archivo nuevo y ahora le doy la medida voy a imprimir medida tabloide en mi país el tabloide más común es de 12 por 18 acá están de 11 por 17 incluso hay de 13 por 19 pulgadas algunos tabloides yo lo voy a poner 12 por 18 que es la medida que en mi país se usa como estándar para el tabloide pongo color se me llega el fondo voy con el scroll al transparente y doy clic en crear una vez más imagen rotación de imagen 90 grados a la derecha bien ya tengo acá si tomo nuevamente una forma le voy a dar otro color decíamos que la página tamaño carta tiene 8.5 por 11 pulgadas muy bien voy a darle ese tamaño voy a tomar las flechas del cursor y presionó la combinación de teclas control más t para modificar el tamaño de esta forma vean que me aparecen acá estos controles donde dice ancho y alto solo dice anne y al entonces yo le doy clic derecho y me aparecen acá las medidas o las mediciones que yo puedo usar vamos a usar pulgadas y le pongo que quiero que mida 8.5 pulgadas de ancho y acá una vez más clic derecho pulgadas por 8.5 por 11 pulgadas qué hemos hecho le hemos dado las mismas medidas que una página de tamaño carta a esta forma ahora sí la duplicó voy a tener dos formas con el mismo tamaño tamaño carta para darle color rojo y vemos de que si nos caben dos páginas tamaño carta en un tabloide quiere decir que si nosotros queremos imprimir flyers de un tercio de carta nos que habrán seis flyers de tercio de cartas dentro de un tabloide así es como ustedes pueden sacar las medidas de cuánto tabloide se necesita para por ejemplo 100 flyers de un tercio de carta espero no enredarme tanto con esta explicación pero era necesario porque muchas veces me preguntan debería de ser un vídeo de como imprimirla de cómo se hace y todo acá lo estoy haciendo para que ustedes entiendan bien esta parte voy a cerrar la capa que hice de tamaño tabloide tengo acá lo que hice de un tercio de carta que es el flyer que vamos a trabajar entonces voy a eliminar las dos formas que tenía acá sobrantes voy a agregar una capa nueva y voy a borrar la última forma para que me quede un fondo transparente y ahora vamos a empezar a crear de cero una plantilla de flyer que tiene un aspecto moderno espero que les guste y si no pueden dejar en los comentarios que como les hubiera gustado que colores hubieran utilizado ustedes y todo lo que ustedes quieran comentar muy bien voy a empezar con una forma pero voy a tomar la herramienta de pluma acá está siempre asegurémonos que en esta casilla no diga trazados sino que forma porque vamos a hacer un elemento que tenga solidez que tenga un color sólido bien vean lo que voy a hacer voy a hacer una forma por acá un poco sin sentido pero que ya le daremos el sentido muy bien acá está esa forma voy a crear otra por acá vamos a seguir los trazos o las esquinas de la otra forma más o menos por acá estoy control z porque quiero bajar un poco más ahí estamos y muy bien ahora otra forma [Música] más o menos desde acá que venga con un poco de curva más o menos por ahí ahora manteniendo presionada la tecla alt voy a cambiar este punto de ancla para que no me haga la curva nuevamente sino que pueda hacer yo un trazado recto así como acá muy bien ya lo tengo más o menos acá vean lo que hemos hecho estamos tratando de simular lo que es un listón que viene cruzando lo que es nuestro flyer voy a seleccionar las tres formas como se los enseñé al principio presionando la tecla shift y las voy a alargar un poco vamos a hacerlas un poco más largas así está bien ahora les voy a dar color para que puedan ver ustedes que tienen sentido y bien voy a darle acá un tono de esta es la forma voy a darle un tono de amarillo más o menos así esta tiene que ir por encima voy a seleccionar la de abajo que es esta tienen que ser el mismo marido pero un tono más oscuro como un poco más oscuro más o menos ahí y esto tiene que ser un amarillo un poco más claro voy a tomar dos voy a tomar este color y luego tirar un poco por aquí muy bien acá podemos arreglar para que se vea mejor puedo tomar con esta herramienta del puntero blanco que sirve para los trazados y para las formas voy a tomar voy a tomar ese punto y lo voy a modificar de esta forma más o menos así y podemos hacer ese efecto también en la forma que tenemos de fondo esta no quiero que estas esquinas esta esquina mejor dicho esta esquina no quiero que se vea entonces lo vamos a ocultar por acá y esta esquina la voy a acoplar acá en la esquina de la otra forma y ya lo tenemos vean que da la impresión que es un listón que va cruzando acá nuestro nuestro flyer y ahora voy a agregar otra forma por acá vamos a hacerla llegar hasta esta esquina pero hizo por acá vamos a hacer llegar a la esquina un poco más o menos así y acá vemos que ya se colocó bajo abajo de nuestra capa que está aquí la que está por encima le vamos a dar un color negro esta va a ser una sombra muy bien y también otra por acá de esta misma manera como lo hicimos anteriormente por acá más o menos así y ya este trazo no importa porque va a ir hasta atrás como pueden ver le voy a dar el color negro vamos a trabajar con esas con esas formas ahora lo que vamos a hacer es colocar la imagen que vamos a usar yo tengo una imagen acá que es la que voy a utilizar la voy a arrastrar algunos siempre me preguntan cómo haces para arrastrarlas yo no puedo a mí no me sale esa opción pues les muestro nos vamos al menú archivo si no lees si no pueden hacer esa opción de arrastrar la imagen pues se van al menú archivo acá siempre hay una opción que dice colocar en mi caso dice colocar elemento incrustado a ustedes les puede aparecer así o solamente colocar y es lo mismo entonces ahí ustedes se van aquí está el for night y ustedes se van a la carpeta donde tienen donde tienen la imagen nunca está y le dan clic la selección y le dan click en colocar bien aquí a nosotros la colocamos la hacemos más grande tiene que llenar todo este espacio y lo dejamos así lo vamos a tirar al fondo porque tiene que estar atrás de este listón pero vemos que hay una parte aquí que se sale bien vamos a tomar el pincel teniendo seleccionada la capa de la imagen de la foto voy a dar clic en esta opción que dice acá máscara añadir máscara de capa vean que se agregó un cuadro blanco en la capa voy a tomar el color negro y con el pincel voy a pintar de color negro vean que se desaparece esa parte algunos también me preguntan cómo hago para manejar rápidamente el pincel para hacerlo más grande o más pequeño o aumentar o bajar la dureza como lo hago rápidamente pues esto mantienen presionada la tecla alt y presionan clic derecho si presiono clic derecho y se mueven de izquierda a derecha hacen el pincel más grande o más pequeño manteniendo presionado alt y se mueven siempre manteniendo alt y clic derecho se mueven de arriba a abajo modifican la dureza del pincel vean este es un pincel con dureza de cero por ciento o sea difuminado y este es un pincel con dureza del 100% ahí está la diferencia yo sólo lo utilizó para borrar acá y ya está muy bien la imagen la quiero en blanco y negro voy a agregar una capa de ajuste de tono y saturación le voy a bajar toda la saturación ya en blanco y negro voy a agregar otra capa de ajuste a otras niveles y vemos que los niveles están acá un poco a la izquierda los voy a mover la derecha para mejorar la tonalidad de las sombras y muy bien ahora voy a poner siempre una capa de ajuste pedro de color uniforme de color totalmente negro pero voy a bajarle la opacidad vean el tono que logramos o el look que logramos en la fotografía entonces acá le ponemos vamos a agregarle una capa de texto que diga empresa empresa muy bien voy a cambiar acá tengo el cuadro o el panel de carácter donde puedo modificar el texto lo voy a cambiar el color blanco si ustedes no pueden ver acá este cuadro o este panel pues se van al menú ventana y pueden elegir todas las ventanas que quieran que desaparezca y eligen la que dice carácter para que puedan ver esta ventana muy bien ahora lo voy a hacer más grande pensar más grande el texto tengo modificado acá tengo un 80 y tienen que ser 100% muy bien está en regular está en negrita no la quiero en negrita sino que quiero que sea así pero quiero que sea un tipo de letra delgada y ustedes pueden jugar con las los tipos de letra que ustedes tengan está bien así el espaciado quiero modificarlo acá el espaciado entre las letras ahí está bien este flyer es a manera de ejemplo no no estamos usando datos reales no se preocupen por eso muy bien acá photoshop también nos muestra cuando nos aparece esta línea de color fucsia pues nos muestra que este es exactamente la mitad de nuestro lienzo de trabajo entonces lo ponemos justamente ahí bien ahora voy a poner otra capa de texto vean que sólo tomo la opción de texto y doy clic y ya aparece ahí el pronto o el puntero donde yo puedo escribir voy a poner sin marc webb otra vez en mayúsculas pero ahora sí voy a utilizar otro tipo de letra lo voy a poner centrado bien al final me decidí por esta ms reference no sé cómo se llama ustedes pueden elegir la que ustedes quieran la que combine con el diseño que están haciendo con los colores todo eso con la imagen que tengan de fondo voy a bajar acá a 12 muy bien aquí en tres está bien voy a hacer algo voy a estirar un poco el texto está en 36 voy a ponerle 40 en 40 está bien empresa smart web e incluso ustedes pueden ponerle por acá vamos a hacer una forma muy delgada pero en color amarillo ustedes pueden ponerle algo así para empezar a darle más estilo y acá un texto tu mejor opción como les decía esto es algo de ejemplo y nuevamente vamos a las características gastamos en propiedades acá están vamos a modificar el tamaño de una erupción pero quiero otro tipo de letra esto está bien haz que extended puede hacer que algunas de estas que yo estoy utilizando ustedes no las tengan porque yo instalo fuentes a menudo y si quieren instalar sus propios sus propias fuentes pues pueden descargar archivos de fuentes de algunas páginas que tienen fuentes gratuitas se van a la carpeta fondo que está la carpeta de windows en el disco ce ahí está la carpeta de fuentes y las copian y las pegan ahí en esa carpeta muy bien y ahora voy a vemos que éstas se han puesto arriba esta capa de texto la voy a bajar porque quiero que sólo éstos de estas formas estos vectores estén sobre cualquier imagen vean que aquí me hizo falta borrarle un poco a la fotografía voy a tomar realmente el pincel en color negro y ya está bien ahora voy a agregar sobre las capas de texto voy a agregar una forma o mejor dicho una capa de ajuste de color uniforme le voy a poner color blanco creo que sería hasta el fondo sería veamos como hacemos acá vamos a hacer algo vamos a seleccionar todas las capas la de tono saturación las niveles y relleno de color las seleccionamos damos clic derecho y damos clic en crear máscara de recorte bien ahí sí apareció está relleno de color blanco que hemos agregado porque porque si ven acá les apareció una flechita a las capas quiere decir que cuando damos máscara de recorte o sea que estamos indicando las capas que afecten solamente la capa que está abajo de ellas acá están las tres y justo la que está abajo es la de la fotografía así que va a afectar solamente a esa capa y deja las demás sin efecto muy bien ya tenemos la parte de abajo donde vamos a agregar algún texto que podemos agregar lo que nosotros queramos podemos agregar un texto voy a hacer un cuadro y lo voy a llenar con el texto lorre ipsum o sea un texto de ejemplo voy a ponerle en color negro texto en color negro para que se vea creo que no me lo cambio porque ya lo había escrito ahí está tanque seleccionarlo y ponerle color negro y en la opción de párrafo puedo cambiarlo acá que sea centrado texto centrado la alineación del texto que sea el centro y dejamos el texto al centro o bien incluso puedo ponerle acá un cuadro una de las mismas formas que estamos utilizando pero sin relleno como hacemos esto vamos acá donde está el relleno y damos en este cuadro blanco que tiene una línea roja y a la par está el relleno del trazo o sea de los bordes acá vamos a agregar el color negro y en el tamaño vamos a agregar el tamaño que nosotros queramos vean que se agrega este borde y eso es lo que quiero ahí está incluso pudiera usar voy a aplicar esta capa vamos a duplicar la capa voy a volver a hacer lo mismo voy a seleccionar las tres capas que tenía la de niveles tengo saturación y relleno de color y crear máscara de recorte clic derecho pudo aplicar acá tengo el duplicado o sea esta fotografía pero en duplicado y la puedo poner sobre la capa de relleno de color voy a bajarla con el puntero perdón con las teclas cursor asia estoy hablando cosas que no son muy bien y al tenerlo acá lo puedo modificar no voy a poner ahí y le voy a bajar la opacidad para verlo solo de fondo más o menos así sin necesidad que se vea del todo sino solo verlo allá en el fondo para tener algo de textura en ese fondo blanco pues bien ya que tenemos esto podemos agregar algunos iconos de redes sociales vamos a golear los porque así somos no nos complicamos redes sociales imágenes vamos a buscar aquí están estas aparecen vamos a clic derecho en guardar imagen como y vamos a ponerla en el escritorio bien ahora vamos al menú colocar dar clic ahí nada más colocar la mente incrustado vamos a poner la mejor colección acá está doy clic y doy clic en colocar vemos que ya podemos poner acá nuestros iconos y qué vamos a hacer porque no queremos todo lo demás sólo queremos esos tres los de instagram facebook y twitter vamos a agregar también el de whatsapp si podemos agregarlo también qué vamos a hacer vamos a seleccionar con esta herramienta de perdón es esta selección rápida damos mantenemos presionado el clic para que parezcan las demás herramientas y seleccionamos herramienta de selección rápida voy a quitarle la visibilidad de estos a estas capas para poder trabajar mejor y vean que automáticamente me reconoce el cuadrito de la red social ustedes pueden ser un poco más cuidadosos que yo a la hora de hacer estas elecciones ahí están y ahora una vez estén seleccionados estos cuatro iconos de redes sociales doy clic en la herramienta de añadir máscara de capa y al añadirla ya nos quedan solamente los iconos muy bien vamos a dejarlos acá y está el centro se supone y puede ser aparecer nuevamente voy a dejarlos hasta abajo incluso los puedo ser más pequeños para que no ocupen tanto espacio eso quiere decir que esta empresa tiene presencia en todas estas redes sociales vean y así es como le vamos dando forma a nuestro flyer podemos ponerle por acá también otra forma más o menos acá de un color del mismo marido que estamos utilizando no voy a cada donde puedo ingresar el color y me aparece el cuentagotas seleccionó y ya me aparece de ese color voy a ponerlo al centro y voy a crear otros más pequeños del mismo color está bien pero primero este tanque hacerlo un poco más pequeño y más delgado así y acá vamos a poner uno y el otro por acá creo que tienen que ir más unidos a modo que sean simétrico el espacio que estamos añadiendo ahí está bien y esto es solo para agregar algunos elementos vean podemos hacer lo siguiente vamos a seleccionar los tres las tres formas o los tres vectores aquí están seleccionados siempre manteniendo presionada la tecla shift doy clic derecho y acá está esta opción que dice combinar formas las vamos a combinar y se combinan en una sola y esto para que para poder agregarle una sombra paralela que que está muy exagerada pero yo lo voy a modificar un poco más o menos por ahí le modificó el tamaño la opacidad solo para que resalte y una vez tengan tenemos esto podemos nosotros agregar algún texto o alguna imagen dentro de este qué cuadros módulos no sé cómo llamarle podemos agregar nosotros hoy bien y como pueden ver ya tenemos una estructura o un diseño básico de un flyer con un diseño moderno con un diseño que le puede gustar muchas empresas a las personas que ustedes les trabajen algo que podemos hacer también es que estos vectores negros que agregamos podemos ponerlos en modo de superponer perdón en multiplicar y bajarles la opacidad para que para que se vean como unas sombras acá está también en cuanto lo dejamos a este 25 bien no podemos en multiplicar le dejamos la opacidad en 25 damos enter y ahí está un poco mejor podemos modificar esa parte incluso podemos agregarle acá un filtro desenfoque gaussianos tenemos que convertir en una gente inteligente y vean le podemos agregar un desenfoque para que parezca más una sombra y no sea algo tan sólido filtro desenfocar desenfoque de aws ya no vamos a convertir en objeto inteligente y ahí está muy bien y ahora ya son sombras eso es todo lo que quería mostrarles ya les expliqué sobre los tamaños cómo manejarlos dejen ustedes en la descripción si les fue útil esta información dejen un pulgar arriba también les voy a dejar el psd este archivo para que ustedes puedan modificarlo y ponerle la foto que ustedes quieran el texto que ustedes quieran las imágenes lo que ustedes quieran cambiar le va a estar en la descripción de este vídeo el psd el archivo editable sólo les pido que me dejen un comentario y un pulgar arriba y se suscriban para que este contenido pueda servirle a otras personas ya que es algo importante lo considero algo importante así que les agradecería ese favor y esto es todo muchas gracias por estar pendientes de mis redes sociales nos vemos en el siguiente vídeo