Revista Comunicación

Tutorial de Photoshop: Efecto de Texto Deportivo

Por Saltaalavista Blog @saltavistablog
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
VERSIÓN EN INGLÉS DEL TUTORIAL
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”

Volver a la Portada de Logo Paperblog