Tutorial de Photoshop: Efecto de Texto Deportivo

A continuación te ofrecemos desde Saltaalavista Blog la versión en español de este tutorial de Photoshop publicado por EnvatoTuts+ con el que aprenderás la forma de conseguir este llamativo texto de estilo deportivo de una manera sencilla y en apenas unos pocos pasos gracias a los estilos de capa de Photoshop.

RESULTADO FINAL

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog

RECURSOS
- Fuente SF Sports Night by Dafont
- Motivos by EnvatoTuts+

TUTORIAL
PASO 1
Crea un Nuevo documento (Ctrl + N) de 600x400 píxeles y una resolución de 72ppp. A continuación rellénalo con la herramienta Bote de Pintura (G) de color #111f2a.

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 01

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 02

PASO 2
Seguidamente doble clic sobre el candado de la capa recién creada para desbloquearla y clic Ok en la ventana flotante. Una vez desbloqueada, doble clic nuevamente para aplicar los siguientes Estilos de Capa.

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 03

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 04

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 05

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 06

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 07

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 08

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 09

PASO 3
A continuación selecciona e instala la fuente descargada desde la sección de Recursos del tutorial “SF Sports Night NS Alternate” y escribe la palabra “Vista” aproximadamente sobre la zona central inferior del lienzo, con un tamaño de fuente de 157,41pt. en color negro y define su método de suavizado en Enfocado. 

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 10

PASO 4
A continuación y para deformar el texto ve a Edición/Transformar/Deformar y aplica los siguientes ajustes: 

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 11

Seguidamente duplica esta capa por 2 veces (Ctrl + J) y (Ctrl + J).

PASO 5
Crea un grupo para estas tres capas de texto y renómbralas como “Vista 1”, “Vista 2” y “Vista 3”. 

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 12

Seguidamente aplica los siguientes Estilos de capa:
Estilos de Capa para “Vista 1”

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 13

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 14

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 15

Estilos de Capa para “Vista 2”

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 16

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 17

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 18

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 19

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 20

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 21

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 22

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 23

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 24

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 25

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 26

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 27

Estilos de Capa para “Vista 3”

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 28

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 29

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 30

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 31

PASO 6
Selecciona e instala ahora la fuente descargada desde la sección de Recursos del tutorial “SF Sports Night NS” y escribe la palabra “Salta a la” por encima de las capas “Vista” con un tamaño de fuente de 58,59pt. en color blanco y define su método de suavizado en Enfocado. 

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 32

PASO 7
Deforma el nuevo texto creado. Para ello ve a Edición/Transformar/Deformar y aplica los siguientes ajustes a la capa de texto: 

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 33

Seguidamente duplica esta capa (Ctrl + J).

PASO 8
Crea un grupo para estas dos nuevas capas de texto y renómbralas como “Salta a la 1” y “Salta a la 2”. 

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 34

Seguidamente aplica a cada una de ellas los siguientes Estilos de capa:
Estilos de Capa para “Salta a la 1”

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 35

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 36

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 37

Estilos de Capa para “Salta a la 2”

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 38

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 39

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 40

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 41

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 42

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 43

PASO 9
Selecciona la herramienta Polígono (U) y configura 5 como número de lados. A continuación selecciona Estrella blanca de 5 puntas dentro del selector de herramientas preestablecidas. Una vez hecho esto traza seguido de “Salta a la” una capa de formas de la Estrella de 5 puntas y nómbrala “Estrella”.

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 44

Seguidamente ve a Edición/Transformar/Deformar y selecciona del menú desplegable la opción Arco con unos valores iguales a los mostrados a continuación.

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 45

Duplica ahora esta capa de formas renombrándola como “Sombra” y crea un nuevo grupo para estas dos capas con el nombre “Estrella 1”

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 46

PASO 10
Seguidamente aplica a “Estrella” y “Sombra” los siguientes Estilos de capa:
Estilos de Capa para “Sombra”

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 47

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 48

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 49

Estilos de Capa para “Estrella”

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 50

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 51

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 52

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 53

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 54

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 55

PASO 11
Duplica por 2 veces el grupo de capa “Estrella 1”. A continuación renombra cada uno de los nuevos grupos como “Estrella 2” y “Estrella 3”. Desplaza ambos grupos hacia la izquierda de “Estrella 1” y escala cada uno de ellos hasta obtener una vista como la mostrada a continuación.

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog 56

RESULTADO FINAL

Tutorial de Photoshop Efecto de Texto Deportivo by Saltaalavista Blog


MÁS TUTORIALES DE PHOTOSHOP EN ESPAÑOL:
- CREACIÓN DE UN PAISAJE IMAGINARIO CON PHOTOSHOP
- TEXTO CON ESTILO DE CHOCOLATE Y TEXTURA DE GALLETA
- EFECTO CARICATURA CON PHOTOSHOP & PLUGIN PIXEL BENDER
- COLORES MÁS INTENSOS CON PHOTOSHOP
- RETRATO EN SEMITONO CON ADOBE PHOTOSHOP E ILLUSTRATOR
- CONVERTIR UNA FOTOGRAFÍA EN DIBUJO A LÁPIZ CON PHOTOSHOP

“No olvides compartir esta entrada a través de tus redes sociales si te ha resultado de interés, gracias”

Mensaje de Alberto PL

Bienvenid@ hasta este pequeño rincón del ciberespacio donde podrás encontrar los mejores tutoriales en español así como una gran variedad de recursos gratuitos, manuales e informaciones de interés relacionadas con el mundo del diseño en general y con Adobe Photoshop en particular. Todo gratis y en español!!!
    Comentarios Blogger
    Comentarios Facebook

2 comentarios :

  1. Vaya currazo de post Alberto, ¿no te compensa más un videotutorial? porque editar todo eso es un pasote. Muchas felicidades, te ha quedado muy bien, muchas gracias por tu esfuerzo compi ;)

    ResponderEliminar
    Respuestas
    1. Muchas gracias a ti Raquel por valorar el esfuerzo, la verdad que si ha sido un curro guapo el que me ha llevado este tutorial, en cuanto a lo de los videotutoriales es cierto que alguna vez he valorado esa posibilidad, así que quizás más adelante. Un saludo y estamos en contacto.

      Eliminar