Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Business Cards
Design

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

by
Difficulty:BeginnerLength:LongLanguages:

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

Final 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 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 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

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 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 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 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 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 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 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 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 shape

Paso 2

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

Rename 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 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 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 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 shape

Paso 7

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

Merge 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 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 color

Paso 3

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

Rotate 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 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 shape

Paso 6

Presiona Operaciones de Trazado y selecciona Fusionar Componentes de Forma.

Merge 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 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 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 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 position

Paso 5

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

Rename layer to left

Paso 6

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

Duplicate layer to right

Paso 7

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

Resize 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 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 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 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 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 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 position

Paso 5

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

Rename layer to address

Paso 6

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

Duplicate 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 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 color

Paso 9

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

Duplicate 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 position

Paso 11

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

Duplicate 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 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 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 shape

Paso 3

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

Create address icon

Paso 4

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

Rename 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 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 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 shape

Paso 8

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

Create website icon

Paso 9

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

Rename 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 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 shape

Paso 12

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

Create email icon

Paso 13

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

Rename 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 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 shape

Paso 16

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

Create phone icon

Paso 17

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

Rename 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 position

Paso 5

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

Create 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 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 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 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 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 group

14. Cómo Crear el Logo

Paso 1

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

Create 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 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 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 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 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 shape

Paso 7

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

Create logo shape

Paso 8

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

Rename 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 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 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 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 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 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 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 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 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 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 position

Paso 2

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

Duplicate layer to website bg

Paso 3

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

Flip 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 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 shapes

Paso 6

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

Merge 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 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 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 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 components

Paso 5

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

Duplicate layer to right

Paso 6

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

Flip 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 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 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 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 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 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 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 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 bundle
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.