Advertisement
  1. Design & Illustration
  2. Photoshop Templates

Cómo elaborar una plantilla de tarjeta de béisbol en Photoshop

Scroll to top
Read Time: 8 min

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

En este tutorial, aprenderás cómo crear una plantilla de tarjeta de béisbol en Photoshop. Explicaré todo detalladamente para que todos puedan crear el efecto, incluso lo que acaban de abrir Photoshop por primera vez.

Lo que aprenderás en este tutorial de plantilla de tarjeta de béisbol

  • Cómo diseñar una plantilla de tarjeta de béisbol en Photoshop
  • Cómo crear un fondo para plantilla de tarjeta de deportes
  • Cómo crear una estrella en Photoshop
  • Cómo añadir texto a un diseño de tarjeta
  • Cómo darle borde a un texto en Photoshop

Lo que necesitarás

Para recrear el diseño observado arriba, necesitarás los siguientes recursos:

1. Cómo comenzar a crear una plantilla de tarjeta de deportes en Photoshop

En esta sección, vamos a comenzar a crear una plantilla de tarjeta de deportes. Ve a Archivo > Nuevo y establece la Anchura en 2.5 pulgadas, la Altura en 3.5 pulgadas y la Resolución en 300 px/pulgada.

creating new baseball card template filecreating new baseball card template filecreating new baseball card template file

2. Cómo crear un borde para la plantilla

Ahora vamos a crear el borde de la plantilla. Elige la herramienta Rectángulo redondeado, haz clic en cualquier punto dentro del lienzo para crear una nueva capa con un rectángulo redondeado, y establece la Anchura en 730 px, la Altura en 1030 px y el Radio en 10 px. Luego, establece el color de relleno uniforme en #ffe533 y centra esta capa tanto verticalmente como horizontalmente en el lienzo. Nombra esta capa Border.

creating sports card template bordercreating sports card template bordercreating sports card template border

3. Cómo crear el fondo

Paso 1

En esta sección, vamos a crear un fondo para nuestra plantilla de tarjeta de béisbol. Elige la herramienta Rectángulo redondeado, haz clic en cualquier punto dentro del lienzo para crear una nueva capa que contenga un rectángulo redondeado y establece la Anchura en 690 px, la Altura en 990 px y el Radio en 20 px. Luego, establece el Color de relleno uniforme en #00a2ff y alinea esta capa tanto verticalmente como horizontalmente en el lienzo. Nombra esta capa Card Background.

creating rounded rectanglecreating rounded rectanglecreating rounded rectangle

Paso 2

Ahora elige la herramienta Forma personalizada, selecciona la forma Objeto de registro 2, haz clic en cualquier punto dentro del lienzo para crear una nueva capa que contenga una forma personalizada y establece la Anchura y la Altura en 1350 px. Luego, establece el Color de relleno uniforme en #ffffff y alinea esta capa vertical y horizontalmente en el lienzo.

creating custom shapecreating custom shapecreating custom shape

Paso 3

Haz control-clic en la miniatura de la capa Card Background para hacer una selección de esta capa. Luego, ve a Capa > Máscara de capa > Mostrar selección para añadir una máscara de capa que muestre el área seleccionada de la capa.

adding layer maskadding layer maskadding layer mask

Paso 4

Ahora cambia la Opacidad de esta capa a 20% y nómbrala Background Shape.

changing opacitychanging opacitychanging opacity

4. Cómo añadir una foto a la tarjeta de béisbol

Paso 1

En esta sección, vamos a añadir una foto a la plantilla de tarjeta de béisbol. Elige la herramienta Forma personalizada, selecciona la forma Estrella de 5 puntos, haz clic en cualquier punto dentro del lienzo para crear una nueva capa que contenga una forma personalizada y establece la Anchura en 625 px y la Altura en 594 px. Luego, establece el Color de relleno uniforme en #ffe533, el Color de trazo uniforme en #ffffff y la Anchura de trazo en 10 px. Después, coloca esta capa con las coordenadas X: 375.50 px y Y: 435 px y nómbrala Photo Background.

creating custom shapecreating custom shapecreating custom shape

Paso 2

Ahora ve a Archivo > Abrir, selecciona la foto de stock, y haz clic en Abrir. Posteriormente, aisla el sujeto de la foto. Puedes consultar Cómo crear un objeto aislado: Photoshop en 60 segundos para ver cómo crear un sujeto aislado. Después, haz clic derecho en la capa de la foto y elige Convertir en objeto inteligente.

Usando la herramienta Mover (V), haz clic y arrastra la capa del sujeto al archivo de la plantilla de tarjeta de béisbol con formato PSD. Luego, presiona Control-T en tu teclado para abrir las opciones de transformación y establece la Anchura y la Altura de la capa en 24%. En seguida, coloca la capa como se muestra a continuación y nómbrala Photo.

placing stock photoplacing stock photoplacing stock photo

Paso 3

Ve a Capa > Máscara de capa > Mostrar todas para añadir una máscara de capa que muestre toda la capa. Luego, toma la herramienta Pincel (B), selecciona un pincel definido y establece el color de frente en #000000. Mientras la máscara de capa esté seleccionada, pasa el pincel como se muestra a continuación. En lugar de pasar el pincel en la máscara de capa, también puedes realizar una selección y luego rellenarla con un color.

adding layer maskadding layer maskadding layer mask

5. Cómo crear las estrellas

Paso 1

En esta sección, vamos a crear las estrellas. Elige la herramienta Forma personalizada, selecciona la forma de Estrella de cinco puntos, haz clic en cualquier punto dentro del lienzo para crear una nueva capa que contenga una forma personalizada y establece la Anchura en 75 px y la Altura en 71 px. Luego, establece el Color de relleno uniforme en #ffffff y coloca esta capa con las coordenadas X: 161.50 px y Y: 277.50 px. Nombra esta capa Star_1.

creating custom shapecreating custom shapecreating custom shape

Paso 2

Ahora repite este proceso para añadir tantas capas de estrellas como quieras y nombra las capa por secuencia de números. Siéntete libre de usar diferentes ajustes de tamaño. Luego, selecciona tu primera capa de estrella y utiliza la combinación de teclas Mayúsculas-clic en tu última capa de estrella para seleccionar todas las capas intermedias. Presiona Control-G en tu teclado para crear un nuevo grupo de las capas seleccionadas y nómbralo Stars.

repeating processrepeating processrepeating process

6. Cómo añadir texto a un diseño de tarjeta

Paso 1

En esta sección, vamos a añadir algo de texto. Elige la herramienta Forma personalizada, selecciona la forma Pancarta 4, haz clic en cualquier punto dentro del lienzo para crear una nueva capa que contenga una forma personalizada y establece la Anchura en 545 px y la Altura en 228 px. Luego, establece el Color de relleno uniforme en #ffffff y el Color de trazo uniforme en #ffe533. Después de eso, coloca esta capa con las coordenadas X: 375.50 px y Y: 876 px y nómbrala Banner

creating custom shapecreating custom shapecreating custom shape

Paso 2

Ahora elige la herramienta Texto horizontal (T), establece la fuente en Lovely Kids, tamaño de la fuente en 80 px, alineación en Centro y el color en #ffe533. Luego, haz clic en cualquier punto dentro del lienzo, escribe el texto "Baseball Team" (o cualquier cosa que quieras) y coloca esta capa con las coordenadas X: 376 px y Y: 861.50 px.

creating text layercreating text layercreating text layer

Paso 3

Haz clic derecho en esta capa y elige Opciones de fusión. Luego, selecciona y marca el estilo del Trazo y usa los ajustes que aparecen a continuación:

adjusting blending optionsadjusting blending optionsadjusting blending options
El color es #00a2ff.

Paso 4

Ahora elige la herramienta Texto horizontal (T), y establece la fuente en Open Sans, el estilo de la fuente en SemiBold, el tamaño de la fuente en 25 px, la alineación en Centro y el color en #00a2ff. Luego, en el panel Carácter, marca la opción Todo en mayúsculas y establece el Tracking en 200. Haz clic en cualquier punto dentro del lienzo, escribe el texto "Isabelle Silva" y coloca esta capa con las coordenadas X: 376.15 px y Y: 923.57 px.

creating text layercreating text layercreating text layer

Paso 5

Elige la herramienta Forma personalizada, selecciona la forma Pancarta 4, haz clic en cualquier punto del lienzo para crear una nueva capa que contenga una forma y establece la Anchura y la Altura en 80 px. Posteriormente, establece el Color de relleno uniforme en #ffffff y el Color de trazo uniforme en #ffe533. Después de eso, coloca esta capa con las coordenadas X: 650 px y Y: 100 px y nómbrala Background.

creating custom shapecreating custom shapecreating custom shape

Paso 6

Ahora elige la herramienta Texto horizontal (T) y establece la fuente en Open Sans, el estilo de la fuente en Bold, el tamaño de la fuente en 30 px, la alineación en Centro y el color en #00a2ff. Luego, haz clic en cualquier punto dentro del lienzo y escribe el texto "CF". Después de eso, haz control-clic en la miniatura de la capa Background para hacer una selección de esta capa, elige la herramienta Mover (V) y haz clic en Centrar verticalmente y Centrar para alinear esta capa tanto vertical como horizontalmente.

creating text layercreating text layercreating text layer

Paso 7

Selecciona la capa Background y haz control-clic en la capa CF para seleccionar ambas capas al mismo tiempo. Luego, presiona Control-G en tu teclado para crear un nuevo grupo de las capas seleccionadas y nómbralo Position.

creating new group from layerscreating new group from layerscreating new group from layers

¡Lo lograste!

¡Felicidades, tuviste éxito! Has aprendido cómo crear una plantilla de tarjeta de béisbol en formato PSD. De esta manera, puedes crear una plantilla de tarjeta para cualquier deporte o plantillas sobre cualquier otro deporte.

final resultfinal resultfinal result

¿Te gustó este tutorial sobre la plantilla de tarjeta de béisbol utilizando Photoshop? Entonces también te podrían agradar:


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.
Advertisement
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.