Diseño Tarjeta de visita Plantilla frontal Photoshop CC

• Abril 26, 2024

En este tutorial, agregaremos los elementos de diseño a nuestra plantilla frontal de la tarjeta de presentación. En el último tutorial, ya hemos construido la base para la plantilla de tarjeta de presentación en Photoshop CC, lo que resulta en una plantilla con una mesa de trabajo separada para el frente y el reverso de la tarjeta de presentación. También agregamos líneas para las áreas de sangrado, recorte y seguridad.

Pero la plantilla está vacía de elementos de diseño (ver captura de pantalla), como un gráfico de fondo, texto o formas. En este tutorial, comenzaremos agregando un gráfico de fondo de marcador de posición como un objeto inteligente, haciendo más fácil reemplazar el marcador de posición con el gráfico de diseño. A continuación, agregaremos marcadores de posición para el texto que generalmente se incluye en una tarjeta de visita. En el frente de la tarjeta, colocaremos el nombre personal / comercial y el eslogan y en la parte posterior de la tarjeta podremos poner la información de contacto.

A medida que agregamos elementos de diseño, el panel Capas puede desorganizarse. Entonces, organizaremos algunas capas en carpetas grupales. Por ejemplo, las capas de texto se pueden combinar en una carpeta de grupo. Además, si tiene más de un gráfico de fondo, como varias texturas diferentes, podemos combinarlas en una carpeta de grupo. Finalmente, podemos codificar por color estas capas y carpetas. Por supuesto, puede usar cualquier combinación de colores, pero para este ejemplo usaremos rojo para texto, verde para gráficos y formas y azul para las instrucciones.

Agregar diseño de fondo o gráfico de textura

Utilizo un gráfico de cuadrícula simple como mi gráfico de fondo de marcador de posición. El usuario de la plantilla puede cambiar fácilmente el gráfico porque será un objeto inteligente. Agreguemos el gráfico de fondo para el frente de la tarjeta.

1. Seleccione la mesa de trabajo Frente de la tarjeta de negocios.
   
   
2. Agregue su gráfico de marcador de posición (ver captura de pantalla).
   
   
3. Arrastre la nueva capa debajo de la capa Líneas, para que podamos ver las líneas a medida que agregamos elementos de diseño.
   
   Como el artista podría querer cambiar este gráfico por el suyo, digamos que esto es posible por la etiqueta que le damos a esta capa.
   
   
4. Cambie el nombre de la capa a [SU DISEÑO DE FONDO AQUÍ].
   
   
5. Haga clic derecho en la capa y elija Convertir a objeto inteligente desde el menú emergente.
   
   

Añadir texto

Ahora estamos listos para agregar nuestro nombre comercial o personal y el eslogan al frente de la tarjeta. En el ejemplo, utilicé la fuente Raleway Typekit, que es gratuita con cualquier membresía de Creative Cloud o membresía de prueba gratuita. Como el nombre es la información más importante, configuremos el estilo de fuente como Negrita y el tamaño en 18 pt (ver captura de pantalla). También centraremos el texto.

Nota: La ubicación final, la fuente y el estilo del texto cambiarán, ya que estará influenciado por el diseño del fondo.

1. Seleccione la herramienta Tipo y agregue el texto del marcador de posición Nombre del Negocio (ver captura de pantalla).
   
   
2. Cambie el nombre de la capa a [SU NOMBRE AQUÍ]
   
   
3. Repita el paso anterior para agregar el texto de marcador de posición para el eslogan o la profesión. Establezca la fuente en un tamaño más pequeño de 14 pt y agregue el texto del marcador de posición Lema.
   
   
4. Cambie el nombre de la capa a [SU TAGLINE AQUÍ] (vea la captura de pantalla) y arrástrelo debajo de la capa [SU NOMBRE AQUÍ].
   
   A continuación, centraremos el texto.
   
   
5. Con ambas capas de texto seleccionadas, cambie a la herramienta Mover. En el panel Opciones (ver captura de pantalla), use los botones de Centros verticales y Distribución de centros horizontales para centrar el texto horizontal y verticalmente.
   
   Ambas líneas de texto estarán en la misma posición. Muevamos el nombre sobre el lema (ver captura de pantalla).
   
   
6. Seleccione la capa [SU NOMBRE AQUÍ] y use la herramienta Mover para mover el nombre sobre el lema.
   
   Finalmente, combinemos las capas de texto en una carpeta de grupo (ver captura de pantalla).
   
   
7. Agregue una nueva carpeta de grupo al panel Capas y asígnele un nombre Texto.
   
   
8. Arrastre ambas capas de texto a la carpeta.
   
   

Opcional: es posible que desee agregar una forma detrás del texto, como un rectángulo blanco con un trazo negro. Agregaremos una forma vectorial, para que el usuario pueda cambiar los colores de relleno y trazo según sea necesario en el panel Propiedades (ver captura de pantalla).

1. Seleccione la capa de fondo, para que la nueva capa se agregue arriba.
   
   
2. Dibuje un rectángulo en la mesa de trabajo con la herramienta Rectángulo. Deberá establecer lo siguiente en el panel Opciones (ver captura de pantalla).
   
   Modo: forma
   Relleno de forma: blanco
   Trazo de forma: negro
   Ancho del trazo de forma: 5 px
   Tipo de trazo de forma: sólido
   
   
3. Cambie el nombre de la capa [AJUSTE DE RELLENO DE CAJA Y COLOR DE CARRERA]
   
   

Opcional: podemos codificar por color nuestras capas (ver captura de pantalla).

1. Seleccione la capa del grupo Instrucciones y haga clic derecho en el icono Ojo. Establece el color en azul.
   
   
2. Seleccione la capa Líneas en la carpeta Frente de la tarjeta de presentación y configure el color en azul.
   
   
3. Seleccione la carpeta del grupo Texto en la carpeta Frente de la tarjeta de presentación y configure el color en rojo.
   
   
4. Seleccione la forma y las capas de fondo y configure el color en verde.
   
   

En el próximo tutorial, diseñaremos la parte posterior de la tarjeta de presentación.

Atrás | Siguiente

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.

Instrucciones De Vídeo: Crear tarjeta de presentación doble cara con Photoshop | Tutorial (Abril 2024).