Crear un efecto de texto de isla en Adobe Photoshop

En el siguiente tutorial, le mostraré cómo crear un efecto de texto de isla en Adobe Photoshop utilizando una fuente como base.



Imagen definitiva

Como siempre, esta es la imagen final que crearemos:

Crear un efecto de texto de isla en Adobe Photoshop Final


Detalles del tutorial

  • Programa: Adobe PhotoshopCC
  • Tiempo estimado de finalización: 40 minutos
  • Dificultad: Principiante Intermedio

Recursos


Paso 1

Crear un 1000x 700documento px, vaya a Ver > Mostrar > Cuadrícula para habilitar el Red y luego ir a Ver > Ajustar a > Cuadrícula para habilitar el Encajar a la cuadricula. Pegar Controlar + K para abrir el preferencias ventana, ir a Guías, Cuadrículas y Cortes e ingrese las configuraciones mencionadas en la siguiente imagen. A lo largo del tutorial apagué la cuadrícula ( Mando + ‘ ) para que usted tenga una mejor vista. La cuadrícula le facilitará la creación/edición de las formas.

Crear un efecto de texto de isla en Adobe Photoshop 1


Paso 2

Centrarse en el Capas panel, seleccione la capa Fondo y haga clic en el icono del candado para desbloquear la capa.

Muévete a tu Barra de herramientasestablezca el color de primer plano en #2F82B6toma el Herramienta Bote de pintura y llene el lienzo con el nuevo color.

Crear un efecto de texto de isla en Adobe Photoshop 2
Crear un efecto de texto de isla en Adobe Photoshop 2


Paso 3

elige el Herramienta Texto horizontal y usa el Insaniburguer fuente.

Vaya a su lienzo, agregue el «ISLA” texto con el tamaño en 230px y el color #2E1E0C.

Crear un efecto de texto de isla en Adobe Photoshop 3
Crear un efecto de texto de isla en Adobe Photoshop 3


Etapa 4

Concéntrate en el Capas panel, asegúrese de que el texto esté seleccionado, haga clic derecho sobre él y vaya a Tipo rasterizar.

elige el Herramienta Lazocentrarse en el «S” y crea una selección como se muestra en la primera imagen.
Toma el Herramienta de movimiento y mover la zona seleccionada, 14px hacia abajo, usando el botón de flecha hacia abajo de su teclado.

Crear un efecto de texto de isla en Adobe Photoshop 4
Crear un efecto de texto de isla en Adobe Photoshop 4


Paso 5

Ahora, simplemente repita el procedimiento realizado en el paso anterior con el Herramienta Lazo y el Herramienta de movimiento para las otras letras como se muestra a continuación.

Crear un efecto de texto de isla en Adobe Photoshop 5


Paso 6

Centrarse en el Capas panel, asegúrese de que la capa con su texto esté seleccionada, haga clic derecho sobre ella y vaya a Convertir a objeto inteligente.

Ir Filtro > Distorsión > Rizo e ingrese la configuración que se muestra en la siguiente imagen.

Crear un efecto de texto de isla en Adobe Photoshop 6
Crear un efecto de texto de isla en Adobe Photoshop 6


Paso 7

Abre el Estilo de capa ventana para el texto e ingrese la configuración que se muestra en las siguientes imágenes.

Crear un efecto de texto de isla en Adobe Photoshop 7
Crear un efecto de texto de isla en Adobe Photoshop 7
Crear un efecto de texto de isla en Adobe Photoshop 7
Crear un efecto de texto de isla en Adobe Photoshop 7


Paso 8

Ahora, prepararemos el patrón para el siguiente paso.

Abre el «HierbaVerdeTextura0004” en Photoshop, de este paquete y luego guarde el patrón yendo a Edita> Define Patrón y haga clic en Aceptar.

Crear un efecto de texto de isla en Adobe Photoshop 8
Crear un efecto de texto de isla en Adobe Photoshop 8


Paso 9

Regrese a su documento principal, concéntrese en el Capas panel, asegúrese de que el Objeto inteligente todavía está seleccionado y duplicarlo usando el Controlar + J atajo de teclado.

Seleccione esta copia nueva, haga clic derecho sobre ella, vaya a Borrar estilo de capa y luego bajar el Rellenar al 0%.

Abre el Estilo de capa ventana para esta copia e ingrese la configuración que se muestra a continuación. Para el Patrón de superposición sección use el patrón hecho en el paso anterior.

Crear un efecto de texto de isla en Adobe Photoshop 9
Crear un efecto de texto de isla en Adobe Photoshop 9
Crear un efecto de texto de isla en Adobe Photoshop 9
Crear un efecto de texto de isla en Adobe Photoshop 9


Paso 10

Seleccione el texto que se encuentra al frente y haga una nueva copia ( Controlar + J ). Seleccione la copia nueva, haga clic derecho sobre ella y vaya a Borrar estilo de capa.

Ahora, envíe esta copia debajo del texto presionando dos veces el Controlar +[[ atajo de teclado y luego moverlo 12 píxeles hacia abajo usando el botón de flecha hacia abajo de su teclado.

Crear un efecto de texto de isla en Adobe Photoshop 10


Paso 11

Cambia el color de primer plano a #2E1E0Celige el Lapicera y asegúrese de que el Modo de herramienta se establece en Forma en la barra superior.

Vaya a su texto, concéntrese en las zonas donde el texto verde y el texto marrón no están perfectamente conectados y luego cree una forma vectorial para hacer una conexión entre esos dos textos como se muestra en la primera imagen.

Centrarse en el Capas panel, seleccione todas las formas vectoriales hechas en este paso junto con el texto marrón, haga clic derecho en una de ellas y haga clic en Fusionar capas.

Asegúrese de que esta nueva capa se encuentre debajo del texto verde (Controlar +[[ ).

Crear un efecto de texto de isla en Adobe Photoshop 11
Crear un efecto de texto de isla en Adobe Photoshop 11
Crear un efecto de texto de isla en Adobe Photoshop 11


Paso 12

Abre el Estilo de capa ventana para el texto marrón e ingrese la configuración que se muestra a continuación.

Crear un efecto de texto de isla en Adobe Photoshop 12
Crear un efecto de texto de isla en Adobe Photoshop 12
Crear un efecto de texto de isla en Adobe Photoshop 12
Crear un efecto de texto de isla en Adobe Photoshop 12


Paso 13

Centrarse en el Capas panel, sostenga el Control en su teclado y luego haga clic en el ícono en miniatura que representa el texto verde para cargar una selección simple a su alrededor.

Mover a la Caminos tablero ( Ventana > Caminos ), haga clic en el botón pequeño en la esquina derecha, vaya a Tomar el camino del trabajoselecciona el Tolerancia a 1px y haga clic en Aceptar.

Crear un efecto de texto de isla en Adobe Photoshop 13
Crear un efecto de texto de isla en Adobe Photoshop 13
Crear un efecto de texto de isla en Adobe Photoshop 13


Paso 14

Establezca el color de primer plano en #8BAB1B y el color de fondo para #456204.

elige el Pincelestablezca el tamaño en 8px y luego seleccione el hierba de duna tipo de cepillo Ir Ventana > Pincel e ingrese la configuración que se muestra a continuación.

Crear un efecto de texto de isla en Adobe Photoshop 14
Crear un efecto de texto de isla en Adobe Photoshop 14
Crear un efecto de texto de isla en Adobe Photoshop 14
Crear un efecto de texto de isla en Adobe Photoshop 14
Crear un efecto de texto de isla en Adobe Photoshop 14
Crear un efecto de texto de isla en Adobe Photoshop 14


Paso 15

Centrarse en la parte inferior de la Capas panel y haga clic en el Crear una nueva capa botón.

Asegúrese de que la nueva capa esté seleccionada, muévase a la Caminos tablero, seleccione el Ruta de trabajohaga clic derecho sobre él, vaya a Trazar rutaSelecciona el Pincel del menú desplegable y haga clic en Aceptar.

Crear un efecto de texto de isla en Adobe Photoshop 15
Crear un efecto de texto de isla en Adobe Photoshop 15


Paso 16

Establezca el color de primer plano en #442B13elige el Herramienta Rectángulo redondeado y establecer el Radio a 1px de la barra superior.

Vaya a su lienzo, cree un 3x 12px forma vectorial, abra el Estilo de capa para ello e ingrese la configuración que se muestra a continuación.

Crear un efecto de texto de isla en Adobe Photoshop 16
Crear un efecto de texto de isla en Adobe Photoshop 16
Crear un efecto de texto de isla en Adobe Photoshop 16


Paso 17

Cambia el color de primer plano a #202F11crea una nueva capa y selecciónala.

Abre el Cepillar ventana, elija el «Césped” cepillo, ajuste el tamaño a 10px y luego ingrese la configuración que se muestra a continuación.

Crear un efecto de texto de isla en Adobe Photoshop 17
Crear un efecto de texto de isla en Adobe Photoshop 17
Crear un efecto de texto de isla en Adobe Photoshop 17
Crear un efecto de texto de isla en Adobe Photoshop 17


Paso 18

elige el Pincel y asegúrese de que la capa realizada en el paso anterior esté seleccionada. Concéntrese en la forma del vector marrón, haga clic y arrastre como puede ver a continuación para crear la parte superior del árbol.

Crear un efecto de texto de isla en Adobe Photoshop 18
Crear un efecto de texto de isla en Adobe Photoshop 18


Paso 19

Centrarse en el Capas panel, seleccione todos los formularios que componen el árbol, haga clic derecho sobre uno de ellos y seleccione Fusionar capas.

Duplicar ( Controlar + J ) la capa realizada en este paso, seleccione la copia, vaya a Imagen > Ajustes > Desaturar y luego bajar el Opacidad a 60%.

Pegar Control + Tgirar a -135 gradoss y colócalo como puedes ver en la segunda imagen.

Ahora, simplemente duplica todas las capas que forman el árbol y distribúyelas como puedes ver en la última imagen.

Crear un efecto de texto de isla en Adobe Photoshop 19
Crear un efecto de texto de isla en Adobe Photoshop 19
Crear un efecto de texto de isla en Adobe Photoshop 19


Paso 20

En este paso, estamos recortando la silueta del pájaro de una imagen y luego la usaremos para el texto.

Abierto esta imagen con Photoshop, elija el Varita mágicahaga clic dentro de la silueta del pájaro para hacer una selección a su alrededor y luego presione Controlar + C (Copiar) desde su teclado.

Crear un efecto de texto de isla en Adobe Photoshop 20


Paso 21

Regrese a su documento principal y presione Controlar + V para pegar la silueta del pájaro.

Asegúrate de que la silueta del pájaro esté seleccionada, presiona Control + T y cambie su tamaño aproximadamente a 15×15px.

Ahora, multiplica ( Controlar + J ) la forma del pájaro tantas veces como quieras, gíralas al azar usando el Herramienta de transformación gratuita( Control + T ) y luego extienda las copias sobre el texto como se muestra en la última imagen.

Crear un efecto de texto de isla en Adobe Photoshop 21
Crear un efecto de texto de isla en Adobe Photoshop 21


Paso 22

Finalmente, estamos agregando el efecto de nube para el texto.

Cambiar el color de primer plano a blanco #FFFFFFelige el Pincelestablezca el tamaño en 1000px y seleccione el «nubes 20» de esto set de borchas.

Cree una nueva capa, haga clic una vez en el lienzo y luego baje el Opacidad a 20%.

Crear un efecto de texto de isla en Adobe Photoshop 22
Crear un efecto de texto de isla en Adobe Photoshop 22
Crear un efecto de texto de isla en Adobe Photoshop 22


Paso 23

elige el Herramienta gradienteconfigúralo en Gradiente lineal y use la configuración como se muestra en la primera imagen.

Centrarse en el Capas panel, asegúrese de que la capa hecha en el paso anterior esté seleccionada y luego vaya al Añadir máscara de capa botón.

Muévase a su lienzo, haga clic y arrastre como puede ver en la segunda imagen.

Crear un efecto de texto de isla en Adobe Photoshop 23
Crear un efecto de texto de isla en Adobe Photoshop 23


¡Y hemos terminado!

Así es como debería verse el resultado final.

Crear un efecto de texto de isla en Adobe Photoshop Final

¿Todavía no eres usuari@ de Fiverr ?

Tenemos una entrada sobre Fiverr donde te contamos cono funciona.

Deja un comentario