All Articles Photoshop
Diseñar un "Cool" anuncio de Social Media en Photoshop
Martin Perhiniak on Tue, May 7th 0 comments
Look around and you'll probably notice that good social media adverts use excellent graphics & banners. In this Photoshop tutorial, Martin Perhiniak shows how to design a

En este artículo, vamos a diseñar un anuncio fresco de medios sociales. Este gráfico ha sido creado por una empresa de formación del Reino Unido ( www.lovesocialmedia.com ) junto con otras banderas combinando objetos típicos ingleses con iconos y logotipos de medios sociales. En este tutorial vamos a pasar por el proceso de diseño del gráfico principal, que es una versión mejorada del logotipo de la compañía.

Así es como el diseño final se verá:

Final Logo


Vamos a necesitar algunos iconos de redes sociales en primer lugar. Les recogido por lo que no tiene que buscarlos.

Icons


Usted puede


Paso 1 - Importar formas personalizadas

Una vez que haya descargado el conjunto de iconos que debe tener un archivo en su computadora llamado social_media_icon_set.csh. Todo lo que tiene que hacer con esto (y se aplica a cualquier archivo de definición o ajustes Photoshop) es hacer doble clic en él. Si tienes Photoshop instalado en su equipo, que las formas personalizadas se cargarán automáticamente en tu biblioteca de presets. Usted puede comprobar si se selecciona la herramienta de dibujo de forma personalizada situado en la barra de herramientas en las herramientas de forma (Rectángulo, Rectángulo redondeado, Elipse, etc) y haga clic en el pequeño cuadro de imagen en la barra de opciones (arriba) junto a la palabra Shape .

Pic 1


Usted debe tener un par de formas estándar de Photoshop personalizados más 15 iconos sociales al final. Si desea deshacerse de los iconos estándar se puede ir a Edición

Pic 2


Cuando esté listo con esto usted puede hacer clic en Hecho.


Paso 2 - Crear un documento nuevo

Tiempo para crear el documento de nuestro diseño. He utilizado las siguientes dimensiones, pero su hasta usted para elegir el tamaño que prefiera para su diseño:

Pic 3


Paso 3 - fondo rojo

Este paso si es muy simple. Elige un color rojo para su muestra de primer plano (parte inferior de la barra de herramientas) y luego pulse Opción / Alt-Retroceso para rellenar la capa de fondo con el rojo.

Pic 4


Paso 4 - dibujar o importar la forma del corazón

Vamos a necesitar una forma de corazón de nuestro diseño, que será el marco para los iconos de redes sociales. Usted puede utilizar esta imagen (archivo PNG con transparencia) o se puede dibujar una forma de corazón, si usted está familiarizado con la herramienta Pluma.

Heart


Si quieres dibujar, comenzar con la mitad izquierda del corazón y sacar de él hacia la siguiente manera:

Pic 5


A continuación, puede duplicar la forma mediante la herramienta Selección de trazado, haga clic en el camino y luego mantenga presionada la tecla Mayús-Alt / Opción mientras se mueve hacia la derecha:

Pic 6


Una vez que tenga los dos lados, se puede mover de un tirón horizontalmente uno de ellos. Seleccione la ruta y luego usar Edit

Pic 7


Ahora podemos unir estos dos caminos juntos. Mover a cerca uno del otro hasta que sus superposiciones de líneas rectas entre sí en el centro. Una vez hecho esto usted puede seleccionar los dos juntos.

Pic 8


El siguiente paso es elegir Combinar Componentes forma de la barra de opciones:

Pic 9


Su forma de corazón está listo. Ahora puede guardarlo como una forma personalizada para que pueda utilizarlo en sus próximos proyectos también. Al tiempo que la ruta seleccionada seleccione Editar

Pic 10


Cuando la capa de la forma del corazón está listo, asegúrese de configurar el color de relleno a blanco y la carrera a ninguno (en las versiones anteriores de Photoshop CS6 sólo tiene que configurar la muestra de color de primer plano a blanco y luego presione Alt / Opción + tecla de retroceso al tiempo que la capa de formas seleccionada). La última cosa que necesita hacer es girar en sentido horario el corazón de 30 grados. Para ello tendrá que pulsar Comando / Control-T (Free Transform) y mantenga pulsada la tecla Mayús mientras se hace girar la forma.


Paso 5 - Agregar texto

He añadido una capa de texto que dice compartir el amor en todas las capitales utilizando Bold DIN con el color blanco. También me giré la capa de texto de 30 grados hacia la izquierda y la colocó debajo de la forma del corazón a la derecha siguiendo el borde.

Pic 11


Paso 6 - Agregar iconos de redes sociales

Este paso será el que más tiempo consume una. Vamos a tener que llenar la forma del corazón con los iconos y para que se vea interesante que tendremos que tratar de cubrir la mayor área posible sin tener los iconos se superponen entre sí.

Te voy a enseñar cómo agregar el primer icono y entonces usted puede seguir haciendo el mismo procedimiento varias veces.

Seleccione la herramienta Forma personalizada y establecer el color de primer plano para el mismo rojo como fondo. Seleccione uno de los iconos de los medios sociales de la barra de opciones y dibuje la forma mientras se mantiene pulsada la tecla Mayús para mantener las proporciones originales. También es importante contar con el modo de dibujo de la herramienta Forma personalizada de dar forma. Una vez que tenga su capa Forma listo, puede utilizar la herramienta Transformación libre para cambiar su tamaño, moverlo y rotarlo alrededor.

Pic 12


Paso 7 - Ajuste de iconos

La última cosa que necesita hacer es asegurarse de que usted tiene todo el corazón bien se llenó de iconos. Puede que le resulte difícil volver a seleccionar iconos agregado anteriormente. Después de un tiempo usted tendrá varias docenas de capas y la forma más fácil de volver a seleccionar rápidamente una capa de forma creada anteriormente es utilizar la herramienta Mover y Control / Comando + clic en una forma para seleccionarla. Esto le puede ahorrar mucho tiempo en terminar este diseño

Heart Final


Espero que hayan disfrutado este tutorial y bien hecho por su arduo trabajo :)

Related Videos
Comments (0)

You must be logged in to comment.

Understanding Brushes, Vector Tools and Transforms
Photoshop CS6 103
Dream It. Do It.
Do you want to learn Understanding Brushes, Vector Tools and Transforms?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: