7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Business Cards

Cómo Crear una Moderna Tarjeta de Presentación Usando Adobe Photoshop

Scroll to top
Read Time: 20 mins

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Una tarjeta de presentación es posiblemente la herramienta de networking más poderosa que puedes tener en tu bolsillo. Es la primera impresión de tí y del negocio que estás representando. Aunque estamos en ésta era digital donde dominan las redes sociales, una tarjeta de presentación física aún es altamente relevante pues forma una conexión humana real entre tí y tus pares, mientras que desafortunadamente las redes sociales no la forman.

En éste tutorial, estaré utilizando Adobe Photoshop CS6 para guiarte paso a paso sobre cómo crear una tarjeta de presentación profesional usando formas básicas, formas personalizadas, formato de texto sencillo y una bonita distribución.

Ésta tarjeta de presentación que estamos a punto de crear es parte del Paquete de Tarjetas de Presentación 4-en-1 de mi portafolio en GraphicRiver. Con toda confianza también consulta mi extensa colección de tarjetas de presentación para ideas e inspiración.

4 in 1 Modern Business Card Bundle4 in 1 Modern Business Card Bundle4 in 1 Modern Business Card Bundle

Recursos del Tutorial

Antes de comenzar, descarga e instala los siguientes recursos:

1. Cómo Instalar o Cargar Formas Personalizadas en Photoshop

Ve a Edición > Ajustes Preestablecidos y selecciona Gestor de Ajustes Preestablecidos. En el menú desplegable de Tipo de Ajuste Preestablecido, selecciona Formas Personalizadas y presiona Cargar. Ahora navega hasta la ubicación donde has descomprimido el archivo y selecciona Tutorial-Shapes.csh. Presiona Cargar y terminaste.

Install photoshop custom shapesInstall photoshop custom shapesInstall photoshop custom shapes

2. Cómo Configurar un Nuevo Documento para una Tajreta de Presentación

Ve a Archivo > Nuevo e ingresa lo siguiente:

  • Nombre: Business-Card-Front  (Anverso de la Tarjeta Presentación)
  • Anchura: 3.25 pulgadas
  • Altura: 1.75 pulgadas
  • Resolución 300 Pixeles/pulgada
  • Modo de Color: CMYK Color 8 bit
  • Contenido de Fondo: Blanco

Ahora presiona OK para crear el documento.

Setup and create new document Setup and create new document Setup and create new document

3. Cómo Crear Guías Seguras, De Recorte y Delimitadoras para una Tarjeta de Presentación

Paso 1

Antes de comenzar, asegúrate de que estén habilitadas las siguientes opciones. Si hay una paloma junto a la opción, ya está habilitada, y puedes saltarte hasta el siguiente paso.

Presiona Control-R o ve a Vista > Regla para mostrar la Regla. A continuación, ve a Vista y marca Ajustar. Finalmente, ve a Ver > Ajustar a y marca Guías, Capas y Límites del Documento.

Set guideline optionsSet guideline optionsSet guideline options

Paso 2

Comencemos con las guías de Área Segura, dentro de las cuáles deben mantenerse todas las imágenes importantes y el texto. Simplemene haz click en la Regla y Arrastra una guía a los cuatro lados del documento. Debería ajustarse a su posición fácilmente.

Create safe area guidelinesCreate safe area guidelinesCreate safe area guidelines

Paso 3

Ahora incrementemos el tamaño del lienzo a 3.5 x 2 pulgadas. Ve a Imagen > Tamaño de Lienzo y establece la Anchura: 3.5 pulgadas seguido por Altura: 2 pulgadas. Presiona OK.

Increase canvas size to 35x2 inchesIncrease canvas size to 35x2 inchesIncrease canvas size to 35x2 inches

Paso 4

Luego, crearemos las guías De recorte. Cualquier cosa más allá de ésta línea será recortada después de imprimir. Ahora haz click en la Regla y Arrastra una guía a los cuatro lados del documento.

Create trim guidelinesCreate trim guidelinesCreate trim guidelines

Paso 5

Incrementa el tamaño del lienzo una última vez. Ve a Imagen > Tamaño del Lienzo y establece la Anchura: 3.75 pugadas seguido por Altura: 2.25 pulgadas. Presiona OK para aplicar los cambios.

Increase canvas size to 375 x 225 inchesIncrease canvas size to 375 x 225 inchesIncrease canvas size to 375 x 225 inches

Paso 6

Crea las líneas Delimitadoras. Aunque no son necesarias, tener ésta guía definitivamente ayudará cuando se alinien objetos con el borde. Simplemente haz click en la Regla y Arrastra una guía a los cuatro lados del documento.

Create boundary guidelinesCreate boundary guidelinesCreate boundary guidelines

Paso 7

Ahora que está terminado, continuemos y vamos a bloquear líneas en su posición actual. Ve a Vista y marca Bloquear Guías.

Lock guidesLock guidesLock guides

4. Cómo Crear un Fondo para la Dirección

Paso 1

Selecciona Herramienta Rectángulo Redondeado de la Barra de Herramientas y haz click en cualquier parte del lienzo. Establece la Anchura: 820 px, Altura: 80 px, Radio: 15 px y presiona OK.

Create rounded rectangle shapeCreate rounded rectangle shapeCreate rounded rectangle shape

Paso 2

Ve a Capa > Cambiar nombre de Capa. Nombra ésta capa Address Bg y presiona Enter.

Rename layer to Address BgRename layer to Address BgRename layer to Address Bg

Paso 3

Haz doble-click en la Miniatura de Capa. Ingresa C:0 M:20 Y:80 K:0  presiona OK.

Set Address Bg colorSet Address Bg colorSet Address Bg color

Paso 4

Presiona Control-T o ve a Edición > Transformación Libre de Trazado y establece Configurar Sesgado Horizontal en H:-20. Presiona Enter dos veces para confirmar.

Set horizontal skewSet horizontal skewSet horizontal skew

Paso 5

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X:337 px y Posición Vertical en Y:540 px. Presiona Enter dos veces para confirmar.

Set shape positionSet shape positionSet shape position

Paso 6

Selecciona la Herramienta Rectángulo (U). Presiona Operaciones de Trazado y selecciona Restar Forma Frontal. Ahora arrastra un rectángulo que se superponga al exceso de la forma como se muestra en la imagen de abajo.

Trim shapeTrim shapeTrim shape

Paso 7

Para completar el recorte, presiona Operaciones de Trazado y selecciona Fusionar Componentes de Forma.

Merge shape componentsMerge shape componentsMerge shape components

5. Cómo Crear un Fondo para el Lema

Paso 1

Selecciona Address Bg del panel Capas. Ve a Capa > Duplicar Capa y nombra ésta capa Tagline Bg. Presiona OK.

Duplicate layer to create Tagline BgDuplicate layer to create Tagline BgDuplicate layer to create Tagline Bg

Paso 2

Haz doble-click en la Miniatura de Capa. Ingresa C:0 M:0 Y:0 K:95 y presiona OK.

Set Tagline Bg colorSet Tagline Bg colorSet Tagline Bg color

Paso 3

Ahora Rotemos ésta capa. Ve a Edición > Transformar Trazado > Rotar 180 Grados.

Rotate layer 180 degreesRotate layer 180 degreesRotate layer 180 degrees

Paso 4

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 1126.5 px y la Posición Vertical en Y:540 px. Presiona Enter dos veces para confirmar.

Set tagline bg positionSet tagline bg positionSet tagline bg position

Paso 5

Selecciona la Herramienta Rectángulo (U) y luego presiona Operaciones de Trazado y selecciona Restar Forma Frontal. Dibuja un rectángulo que se superponga al exceso de la forma.

Trim tagline bg shapeTrim tagline bg shapeTrim tagline bg shape

Paso 6

Presiona Operaciones de Trazado y selecciona Fusionar Componentes de Forma.

Merge shape componentsMerge shape componentsMerge shape components

6. Cómo Crear un Separador de Rectángulo

Paso 1

Ve a Capa > Nuevo Grupo y nombra éste grupo Separador.

Create new separator groupCreate new separator groupCreate new separator group

Paso 2

Selecciona la Herramienta Rectangulo (U) y haz click en cualquier parte del lienzo. Establece la Anchura en 530 px y Altura en 8 px, y luego presiona OK.

Draw rectangle shapeDraw rectangle shapeDraw rectangle shape

Paso 3

Haz doble-click en la Miniatura de Capa e ingresa C:0 M:0 Y:0 K:18. Presiona OK.

Set shape colorSet shape colorSet shape color

Paso 4

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X:370 px y Posición Vertical en Y:286 px. Presiona Enter dos veces para confirmar.

Set shape positionSet shape positionSet shape position

Paso 5

Ve a Capa > Cambiar nombre de Capa. Nombra ésta capa Left y presiona Enter.

Rename layer to leftRename layer to leftRename layer to left

Paso 6

Ve a Capa > Duplicar Capa. Nombra ésta capa Right y presiona OK.

Duplicate layer to rightDuplicate layer to rightDuplicate layer to right

Paso 7

Selecciona la Herramienta Rectángulo (U). Estblece la Anchura en W: 80 px y presiona Enter.

Resize rectangle shapeResize rectangle shapeResize rectangle shape

Paso 8

Haz doble click en la Miniatura de Capa. Ingresa C:0 M:20 Y:80 K:0 y presiona OK.

Set shape colorSet shape colorSet shape color

Paso 9

Presiona Control-T o ve a Edición > Transformación Libre de Trazado, Establece la Posición Horizontal en X: 675 px y Posición Vertical en Y:286 px. Presiona Enter dos veces par confirmar.

Set shape positionSet shape positionSet shape position

7. Cómo Crear un Fondo para el Ícono de Contacto

Paso 1

Ve a Capa > Nuevo > Grupo. Nombra ésta grupo Icons Bg y presiona OK.

Create new icons bg groupCreate new icons bg groupCreate new icons bg group

Paso 2

Selecciona Herramienta Elipse de la Barra de Herramientas y haz click en cualquier parte en el lienzo. Ingresa Anchura: 35 px, Altura: 35 px y presiona OK.

Draw round shapeDraw round shapeDraw round shape

Paso 3

Haz doble-click en la Miniatura de Capa. Ingresa C:0 M:0 Y:0 K:95 y presiona OK.

Set shape colorSet shape colorSet shape color

Paso 4

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 122.5 px y Posición Vertical en Y: 541 px. Presiona Enter dos veces para confirmar.

Set shape positionSet shape positionSet shape position

Paso 5

Ve a Capa > Cambiar nombre de Capa. Nombra ésta capa Address y presiona Enter.

Rename layer to addressRename layer to addressRename layer to address

Paso 6

Ve a Capa > Duplicar Capa. Nombra ésta capa Website y presiona OK.

Duplicate layer to websiteDuplicate layer to websiteDuplicate layer to website

Paso 7

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 122.5 px y Posición Vertical en Y: 453 px. Presiona Enter dos veces para confirmar.

Set website positionSet website positionSet website position

Paso 8

Haz doble-click en la Miniatura de Capa. Ingresa C:0 M:20 Y:80 K:0 y presiona OK.

Set website colorSet website colorSet website color

Paso 9

Ve a Capa > Duplicar Capa. Nombra ésta capa Email y presiona OK.

Duplicate layer to emailDuplicate layer to emailDuplicate layer to email

Paso 10

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 122.5 px y Posición Vertical en Y: 408.5 px. Presiona Enter dos veces para confirmar.

Set email positionSet email positionSet email position

Paso 11

Ve a Capa > Duplicar Capa. Nombra ésta capa Phone y presiona OK.

Duplicate layer to phoneDuplicate layer to phoneDuplicate layer to phone

Paso 12

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 122.5 px y Posición Vertical en Y: 364.5 px. Presiona Enter dos veces para confirmar.

Set phone positionSet phone positionSet phone position

8. Cómo Crear los Íconos de Contacto Usando Formas Personalizadas

Paso 1

Ahora que hemos completado el fondo del ícono, continuemos para crear los íconos. Ve a Capa > Nueva > Grupo. Nombra éste grupo Contact Icons y presiona OK.

Create contact icons groupCreate contact icons groupCreate contact icons group

Paso 2

Comencemos creando el ícono de dirección. Selecciona la Herramienta Forma Personalizada de la Barra de Herramientas. Presiona Selector de Forma Personalizada y selecciona Address Icon.

Select address custom shapeSelect address custom shapeSelect address custom shape

Paso 3

Haz click en cualquier parte del lienzo. Marca Conservar Proporciones, ingresa Anchura: 16 px y presiona OK.

Create address iconCreate address iconCreate address icon

Paso 4

Ve a Capa > Cambiar nombre de Capa. Nombra ésta capa Address y presiona Enter.

Rename layer to AddressRename layer to AddressRename layer to Address

Paso 5

Haz doble-click en la Miniatura de Capa. Ingresa C:0 M:0 Y:0 K:0 y presiona OK.

Set address icon colorSet address icon colorSet address icon color

Paso 6

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 123 px y Posición Vertical en Y: 540.5 px. Presiona Enter dos veces para confirmar.

Set address icon positionSet address icon positionSet address icon position

Paso 7

Ahora continuamos para crear el ícono del sitio web. Selecciona la Herramienta Forma Personalizada de la Barra de Herramientas. Presiona el Selector de Forma Personalizada y selecciona Icon Website.

Select website custom shapeSelect website custom shapeSelect website custom shape

Paso 8

Haz click en cualquier parte del lienzo. Marca Conservar Proporciones, ingresa Anchura: 20 px y presiona OK.

Create website iconCreate website iconCreate website icon

Paso 9

Ve a Capa > Cambiar nombre de Capa. Nombra ésta capa Website y presiona Enter.

Rename layer to websiteRename layer to websiteRename layer to website

Paso 10

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 123 px y Posición Vertical en Y: 453 px. Presiona Enter dos veces para confirmar.

Set website icon positionSet website icon positionSet website icon position

Paso 11

Crea el ícono de correo electrónico. Selecciona la Herramienta Forma Personalizada de la Barra de Herramientas. Presiona Selector de Forma Personalizada y selecciona Email Icon.

Select email custom shapeSelect email custom shapeSelect email custom shape

Paso 12

Haz click en cualquier parte del lienzo. Marca Conservar Proporciones, ingresa Anchura: 20 px, y presiona OK.

Create email iconCreate email iconCreate email icon

Paso 13

Ve a Capa > Cambiar nombre de Capa. Nombra ésta capa Email y presiona OK.

Rename layer to emailRename layer to emailRename layer to email

Paso 14

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 123 px y Posición Vertical en Y: 409 px. Presiona Enter dos veces para confirmar.

Set email icon positionSet email icon positionSet email icon position

Paso 15

Ahora creemos el ícono del teléfono. Selecciona la Herramienta Forma Personalizada de la Barra de Herramientas. Presiona Selector de Forma Personalizada y selecciona Phone Icon.

Select phone custom shapeSelect phone custom shapeSelect phone custom shape

Paso 16

Haz click en cualquier parte del lienzo. Marca Conservar Proporciones, ingresa Anchura: 20 px, y presiona OK.

Create phone iconCreate phone iconCreate phone icon

Paso 17

Ve a Capa > Cambiar nombre de Capa. Nombra ésta capa Phone y presiona OK.

Rename layer to phoneRename layer to phoneRename layer to phone

Paso 18

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 123 px y Posición Vertical en Y: 365 px. Presiona Enter dos veces para confirmar.

Set phone icon positionSet phone icon positionSet phone icon position

9. Cómo Crear el Grupo de Fondo

Paso 1

Primero necesitamos desbloquear la capa Fondo, indicada con un ícono de candado. Haz doble click en la Capa Fondo y nombra la capa Fondo. Presiona OK.

Unlock background layerUnlock background layerUnlock background layer

Paso 2

Asegúrate de que la Capa Fondo que acabas de desbloquear aún esté seleccionada. Manten presionada la tecla Mayúsculas y haz click en el grupo Contact Icons.

Select groups and layersSelect groups and layersSelect groups and layers

Paso 3

Ahora que todas las capas y grupos están seleccionados, ve a Capa > Nueva y selecciona Grupo a partir de Capas. Nombra éste grupo Background y presiona OK.

Create background groupCreate background groupCreate background group

El fondo del anverso de la tarjeta ahora está completo.

Antes de continuar para insertar el texto y el logo, aquí está cómo debería verse hasta éste punto.

Front background completeFront background completeFront background complete

10. Cómo Crear una Capa de Texto del Lema

Paso 1

Asegúrate de que los paneles Carácter y Párrafo estén habilitados antes de continuar. Sáltate éste paso y procede al Paso 2 si ya están habilitados por defecto.

Selecciona Herramienta Texto Horizontal (T) de la Barra de Herramientas y presiona el botón paneles Carácter y Párrafo.

Enable character and paragraph panelEnable character and paragraph panelEnable character and paragraph panel

Paso 2

Selecciona Alinear Texto a la Derecha en el panel Párrafo. En el panel Carácter, establece la Fuente en Lato, el Estilo de Fuente en Negra, Tamaño de Fuente en 6 pt y Color en C:0 M:0 Y:0 K:0

Set character and paragraph stylesSet character and paragraph stylesSet character and paragraph styles

Paso 3

Ahora haz click en la forma Tagline Background y escribe VISUAL EYE CANDY en el cuadro de texto. Presiona Control-Enter.

Create tagline text layerCreate tagline text layerCreate tagline text layer

Paso 4

Necesitaremos cambiar el color y el estilo para la palabra VISUAL únicamente. Comencemos por seleccionar esa palabra particular. Asegúrate de esté todavía seleccionada la Herramienta Texto Horizontal (T), coloca tu cursor justo encima de la palabra VISUAL, y luego haz doble click para seleccionar.

Select textSelect textSelect text

Paso 5

En el panel Carácter, establece el Estilo de Fuente en Regular y el Color en C:0 M:20 Y:80 K:0. Presiona Control-Enter para aplicar cambios.

Change text color and styleChange text color and styleChange text color and style

Paso 6

Presiona Control-T o ve  Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 934 px y Posición Vertical en Y: 541 px. Presiona Enter dos veces para confirmar.

Set tagline positionSet tagline positionSet tagline position

11. Cómo Crear la Capa del Texto de la Dirección

Paso 1

Ve a Capa > Nueva > Capa. Nombra ésta capa Address y presiona OK.

Create address layerCreate address layerCreate address layer

Paso 2

En el panel Párrafo, selecciona Alinear texto a la Izquierda. Mientras estés en el panel Carácter, cambia el Estilo de Fuente a Bold Italic y establece el Color en C:0 M:0 Y:0 K:95.

Set character and paragraph stylesSet character and paragraph stylesSet character and paragraph styles

Paso 3

Selecciona la Herramienta Texto Horizontal (T) y haz click en la forma Address Background. Escribe 777 Seventh Avenue New York NY 54321 en el cuadro de texto y presiona Control-Enter cuando termines.

Create address text layerCreate address text layerCreate address text layer

Paso 4

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 373 px y Posición Vertical en Y: 542 px. Presiona Enter dos veces para confirmar.

Set address positionSet address positionSet address position

12. Cómo Crear la Capa del Teléfono, Correo Electrónico y Sitio Web

Paso 1

Ve a Capa > Nueva > Capa. Nombra ésta capa Phone/Email/Website y presiona OK.

Create phone email and website layerCreate phone email and website layerCreate phone email and website layer

Paso 2

En el panel Carácter, cambia el Estilo de Fuente a Regular y establece el Interlineado en 10.5 pt.

Set character stylesSet character stylesSet character styles

Paso 3

Selecciona la Herramienta Texto Horizontal (T) y haz click en una área vacía junto a los Íconos de Contacto. Ahora escribe "000 1234 5678, madison@email.com" y "www.website.com", cada uno en una línea distinta. Para hacer eso, presiona Enter después de cada entrada para crear una nueva línea. Presiona Control-Enter cuando termines.

Create phone email and website text layerCreate phone email and website text layerCreate phone email and website text layer

Paso 4

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 269 px y Posición Vertical en Y: 409 px. Presiona Enter dos veces para confirmar.

Set phone email and website positionSet phone email and website positionSet phone email and website position

Paso 5

Manten presionada la tecla Control y selecciona las capas Address y Phone/Email/Website. Ve a Capa > Nueva > Grupo a partir de Capas y nombra éste grupo Contact. Presiona OK.

Create contact groupCreate contact groupCreate contact group

13. Cómo Crear la Capa de Texto del Nombre y el Puesto de Trabajo

Paso 1

Comencemos con el puesto de trabajo. Ve a Capa > Nueva > Capa. Nombra la capa Job Title y presiona OK.

Create job title layerCreate job title layerCreate job title layer

Paso 2

En el panel Carácter, establece el Estilo de Fuente en Bold Italic, establece el Interlineado en Auto y el Color en C:0 M:20 Y:80 K:0, y presiona OK.

Set character stylesSet character stylesSet character styles

Paso 3

Selecciona la Herramienta Texto Horizontal (T) y haz click en un espacio vacío arriba del separador. Ahora escribre Graphic Designer en el cuadro de texto y presiona Control-Enter para confirmar.

Create job title text layerCreate job title text layerCreate job title text layer

Paso 4

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 194 px y Posición Vertical en Y: 224 px. Presiona Enter dos veces para confirmar.

Set job title positionSet job title positionSet job title position

Paso 5

Creemos la capa del nombre. Ve a Capa > Nueva > Capa. Nombra ésta capa Name y presiona OK.

Create name layerCreate name layerCreate name layer

Paso 6

En el panel Carácter, establece el Estilo de Fuente en Light, Tamaño de Fuente en 10 pt, y Color en C:0 M:0 Y:0 K: 95, y luego presiona OK.

Set character stylesSet character stylesSet character styles

Paso 7

Selecciona la Herramienta Texto Horizontal (T) y haz click ligeramente arriba del Puesto de Trabajo. Ahora escribe STEVE MADISON en el cuadro de texto y presiona Control-Enter.

Create name text layerCreate name text layerCreate name text layer

Paso 8

Asignemos un estilo de fuente más pesado únicamente para STEVE. Coloca tu cursor arriba de STEVE y haz doble click para seleccionar. En el panel Carácter, establece el Estilo de Fuente en Negro y presiona Control-Enter para confirmar los cambios.

Select text and change character stylesSelect text and change character stylesSelect text and change character styles

Paso 9

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 268 px y Posición Vertical en Y: 188 px. Presiona Enter dos veces para confirmar.

Set name positionSet name positionSet name position

Paso 10

Mantengamos las capas organizadas al agrupar las capas Name y Job Title. Manten presionada la tecla Control y selecciona las capas Name y Job Title. Ve a Capa > Nueva y selecciona Grupo a partir de Capas. Nombra éste grupo Name & Job Title y presiona OK.

Create name and job title groupCreate name and job title groupCreate name and job title group

14. Cómo Crear el Logo

Paso 1

Ve a Capa > Nueva > Grupo. Nombra éste grupo Logo y presiona OK.

Create logo groupCreate logo groupCreate logo group

Paso 2

En el panel Párrafo, selecciona Centrar Texto. Mientras estés en el panel Carácter, establece el Estilo de Fuente en Light, Tamaño de Fuente en 6 pt, Interlineado en 6.5 pt, y Color en C:0 M:0 Y:0 K: 95, y presiona OK.

Set character and paragraph stylesSet character and paragraph stylesSet character and paragraph styles

Paso 3

Selecciona Herramienta Texto Horizontal (T) y haz click en cualquier parte del lienzo. Escribe CREATIVE INSPIRATIONS en el cuadro de texto y presiona Control-Enter para confirmar.

Create company name text layerCreate company name text layerCreate company name text layer

Paso 4

Establezcamos un estilo diferente únicamente para la palabra CREATIVE. Coloca tu cursor arriba de CREATIVE y haz doble click para seleccionar. En el panel Carácter, establece el Estilo de Fuente en Negro seguido de Tamaño de Fuente en 12 pt y presiona Control-Enter para aplicar los cambios.

Select text and change character stylesSelect text and change character stylesSelect text and change character styles

Paso 5

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 902 px y Posición Vertical en Y: 306 px. Presiona Enter dos veces para confirmar.

Set company name positionSet company name positionSet company name position

Paso 6

Selecciona la Herramienta Forma Personalizada de la Barra de Herramientas. Presiona Selector de Forma Personalizada y selecciona Logo Shape.

Select logo custom shapeSelect logo custom shapeSelect logo custom shape

Paso 7

Haz click derecho arriba de Company Name. Ahora marca Conservar Proporciones y establece la Anchura: 110 px. Presiona OK.

Create logo shapeCreate logo shapeCreate logo shape

Paso 8

Ve a Capa > Cambiar nombre de Capa. Nombra ésta capa Logo y presiona ENTER.

Rename layer to logoRename layer to logoRename layer to logo

Paso 9

Haz doble-click en la Miniatura de Capa. Establece el color en C:0 M:20 Y:80 K:0 y presiona OK.

Set logo colorSet logo colorSet logo color

Paso 10

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X:  902 px y Posición Vertical en Y: 210 px. Presiona Enter dos veces para confirmar.

Set logo positionSet logo positionSet logo position

15. Cómo Crear el Grupo de Detalles

Paso 1

Seleccionemos las capas necesarias para formar éste grupo. Primero, seleccionemos la capa de texto VISUAL EYE CANDY. Ahora manten presionada la tecla Mayúsculas y selecciona el grupo Logo.

Select layers and groupsSelect layers and groupsSelect layers and groups

Paso 2

Ahora que has seleccionado las capas y grupos necesarios, ve a Capa > Nueva > Grupo a partir de Capas. Nombra éste grupo Details y presiona OK.

Create details groupCreate details groupCreate details group

¡Magnífico! El anverso de la tarjeta de presentación ahora está completo.

Es importante guardar tu progreso antes de continuar para crear la porción del reverso. Ve a Archivo > Guardar o presiona Control-S en tu teclado.

Front part of business card completedFront part of business card completedFront part of business card completed
El anverso de la tarjeta de presentación ahora está completo

16. Cómo Configurar el Documento para el Reverso de la Tarjeta de Presentación

Paso 1

No estaremos creando un nuevo documento ésta vez. Mejor, estaremos duplicando la parte frontal para ahorrarnos todo el trabajo de configurar de nuevo el documento. Ve a Imagen > Duplicar. Nombra éste nuevo documento Business-Card-Back y presiona OK.

Duplicate front psdDuplicate front psdDuplicate front psd

Paso 2

En el panel Capas, haz click en el ícono del Triángulo junto a Details y Fondo para revelar el contenido agrupado. Ahora manten presionada la tecla Control y selecciona los siguientes Grupos y Capas:

  • Name & Job Title
  • Contact
  • Visual Eye Candy
  • Contact Icons
  • Icons Bg
  • Separator
Select layers and groupsSelect layers and groupsSelect layers and groups

Paso 3

Ahora elimina los grupos y capas seleccionadas que ya no necesitamos. Ve a Capa > Eliminar > Capa y presiona para confirmar.

Delete selected layers and groupsDelete selected layers and groupsDelete selected layers and groups

17. Cómo Establecer la Posición del Logo

Selecciona el grupo Logo en el panel Capas. Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 562.5 px y Posición Vertical en Y: 338 px. Presiona Enter dos veces para confirmar.

Set logo positionSet logo positionSet logo position

18. Cómo Crear el Fondo del Sitio Web

Paso 1

Primero, selecciona la capa Tagline Bg en el panel Capas. Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 464.5 px y Posición Vertical en Y: 540 px. Presiona Enter dos veces para confirmar.

Set shape positionSet shape positionSet shape position

Paso 2

Ve a Capa > Duplicar Capa. Nombra ésta capa Website Bg y presiona OK.

Duplicate layer to website bgDuplicate layer to website bgDuplicate layer to website bg

Paso 3

Ve a Edición > Transformación de Trazado y selecciona Voltear Horizontal.

Flip horizontalFlip horizontalFlip horizontal

Paso 4

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: 660.5 px y Posición Vertical en Y: 540 px. Presiona Enter dos veces para confirmar.

Set website bg positionSet website bg positionSet website bg position

Paso 5

Selecciona Website Bg y Address Bg en el panel Capas. Presiona Control-E o ve a Capa y selecciona Combinar Capas.

Merge selected shapesMerge selected shapesMerge selected shapes

Paso 6

Ahora selecciona la Herramienta Rectángulo (U). Presiona Operaciones de Trazado y selecciona Fusionar Componentes de Forma.

Merge shape componentsMerge shape componentsMerge shape components

19. Cómo Crear Fondos Decorativos

Paso 1

Selecciona la capa Address Bg en el panel Capas y ve a Capa > Cambiar nombre de Capa. Nombra ésta capa Left y presiona Enter.

Rename address bg to leftRename address bg to leftRename address bg to left

Paso 2

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición Horizontal en X: -94 px y Posición Vertical en Y: 540 px. Presiona Enter dos veces para confirmar.

Set left layer positionSet left layer positionSet left layer position

Paso 3

Selecciona la Herramienta Rectángulo (U). Presiona Operaciones de Trazado y selecciona Restar Forma Frontal. Ahora dibuja un rectángulo que se superponga al exceso de la forma.

Trim excess shapeTrim excess shapeTrim excess shape

Paso 4

Con la Herramienta Rectángulo (U) aún seleccionada, presiona Operaciones de Trazado y selecciona Combinar Componentes de Forma para completar el recorte.

Merge shape componentsMerge shape componentsMerge shape components

Paso 5

Ve a Capa > Duplicar Capa. Nombra ésta capa Right y presiona OK.

Duplicate layer to rightDuplicate layer to rightDuplicate layer to right

Paso 6

Ve a Edición > Transformar Trazado y selecciona Voltear Horizontal.

Flip horizontalFlip horizontalFlip horizontal

Paso 7

Selecciona la Herramienta Mover (V) desde la Barra de Herramientas. Manten presionada la tecla Control y selecciona las capas Right y Fondo en el panel Capas. Ahora presiona Alinear bordes derechos en las Opciones de la Barra de Herramientas.

Select layers and align right edgesSelect layers and align right edgesSelect layers and align right edges

20. Cómo Crear la Capa del Texto del Sitio Web

Paso 1

Estaremos creando una nueva capa de texto dentro del grupo Details. Primero seleccionemos el Grupo Details en el panel Capas.

Select details groupSelect details groupSelect details group

Paso 2

A continuación, selecciona Centrar Texto en el panel Párrafo. En el panel Carácter, establece Fuente en Lato, Estilo de Fuente en Regular, Tamaño de Fuente en 6 pt, Interlineado en Auto, Color en C:0 M:0 Y:0 K:0 y presiona OK.

Set website character and paragraph stylesSet website character and paragraph stylesSet website character and paragraph styles

Paso 3

Selecciona la Herramienta Texto Horizontal (T). Haz click en la forma Website Background y escribe www.website.com en el cuadro de texto. Presiona Control-Enter para confirmar.

Create website text layerCreate website text layerCreate website text layer

Paso 4

Establezcamos un estilo diferente únicamente para la palabra website. Selecciona la Herramienta Texto Horizontal (T). Coloca tu cursor justo encima de website y haz doble click para seleccionar. En el panel Carácter, establece el Estilo de Fuente en Negro, Color en C:0 M:20 Y:80 K:0 y presiona OK. Presiona Control-Enter para aplicar los cambios.

Select text and change character stylesSelect text and change character stylesSelect text and change character styles

Paso 5

Presiona Control-T o ve a Edición > Transformación Libre de Trazado. Establece la Posición  Horizontal en X: 563 px y Posición Vertical en Y: 540 px. Presiona Enter dos veces para confirmar.

Set website positionSet website positionSet website position

¡Fabuloso! Tu Tarjeta de Presentación Ahora Está Completa

¡Buen trabajo! Has llegado al final del tutorial. Por ahora, deberías haber aprendido cómo crear y transformar formas, crear formato de texto sencillo, y usar formas personalizadas para agilizar el proceso de crear una tarjeta de presentación.

Modern business card completedModern business card completedModern business card completed

Pero no te detengas aquí.

Ve más allá y usa las habilidades que acabas de aprender para realzar el diseño general. Si necesitas ideas o inspiración, dirígete a mi colección de trarjetas de presentación.

¿Estás apurado para ésta tarjeta de presentación? Simplemente descarga ésta y otras tres tarjetas de presentación de mi Paquete de Tarjetas de Presentación 4 en 1 en GraphicRiver.

Modern business card bundleModern business card bundleModern business card bundle
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.