Crear un efecto de texto cosido para un fondo de pantalla de iPad

En este tutorial, le mostraremos cómo crear un efecto de texto personalizado para un iPad Wallpaper. Empecemos!


Paso 1

Vamos a empezar por crear el tejido. Crear un documento nuevo en cualquier tamaño (he creado un lienzo de 250 px por 250 px).


Paso 2

Usando la herramienta Rectángulo, haga un pequeño rectángulo negro en una nueva capa.


Paso 3

Para crear un poco de textura para esta forma, agregue los siguientes estilos de capa:

El resultado es el bloque de construcción de nuestra textura..


Etapa 4

Haz múltiples instancias de esta forma y posición como se muestra.


Paso 5

Alise la imagen y use la herramienta Rectangular Marquee para hacer una selección. Observe que he realizado una selección que dará como resultado un patrón continuo.


Paso 6

Una vez que se sienta cómodo con la selección que ha hecho, vaya a Editar> Definir patrón. Nombra el patrón y haz clic en Aceptar.


Paso 7

Ahora que tenemos un patrón, lo utilizaremos para crear una muestra de tela más grande que agregaremos a nuestra escena final. Crear un nuevo documento 2500 px por 2500 px.


Paso 8

Vaya a Editar> Rellenar. Seleccione Patrón en el menú desplegable y elija el nuevo Patrón personalizado que acabamos de crear (debe estar al final de la lista).


Paso 9

Para agregar un poco de color, dale a esta capa el siguiente estilo de capa:


Paso 10

Quiero añadir un poco de variación a mi patrón. Comience por crear una nueva capa llena de blanco. Agregue el ruido establecido al 100% y dale un Motion Blur con un ajuste de 40 px en un ángulo de 55 grados. Configure el modo de fusión para multiplicar y la opacidad al 75%.


Paso 11

Para continuar agregando algunas variaciones a nuestra textura, cree otra capa y Render Clouds (Filter> Render Clouds). Ajuste el modo de fusión y la opacidad como se muestra.


Paso 12

Seleccione todas las capas en el Panel de capas y haga clic con el botón derecho y seleccione Convertir en objeto inteligente. ¿Cambiar el nombre del objeto inteligente a? Tela? y guarda este archivo.


Paso 13

Necesitamos crear un nuevo documento para nuestro iPad Wallpaper. La resolución del iPad es de 1024 px por 768 px, lo que significa que cuando se gire horizontal o verticalmente, tendrá un máximo de 1024 de ancho o 1024 de altura. Para asegurarnos de que nuestro fondo de pantalla se ajuste a la pantalla en cualquier orientación, debemos crear un nuevo documento de 1024 px por 1024 px.


Paso 14

Para ayudarme visualmente, he creado un nuevo grupo que contiene guías para las orientaciones horizontal y vertical del iPad..


Paso 15

Por ahora, podemos ocultar las guías. Importar objeto inteligente del patrón de tejido en esta escena. Transforma (Comando / Ctrl + T) esta textura a una perspectiva deseable. Guarda tu documento.


Paso 16

Necesitamos crear las puntadas en un documento separado. También debemos asegurarnos de que el documento sea lo suficientemente grande como para que haya poca distorsión cuando pongamos esto en perspectiva. El tamaño total de su documento dependerá de su texto o logotipo. Para este proyecto he creado un nuevo documento de 2200 px por 500 px.


Paso 17

Encuentra un logotipo o algún texto que te guste y pégalo en tu escena. Escálelo (Comando / Ctrl + T) para llenar el espacio.


Paso 18

Ahora vamos a crear las puntadas individuales. Si está familiarizado con Illustrator, puede ser más fácil crearlos allí (especialmente con la herramienta de mezcla), pero como es un tutorial de Photoshop, los crearé aquí. Como puede ver, he cambiado la opacidad de la capa del logotipo para que sea más fácil ver mi trabajo. En una nueva capa, use la herramienta Línea para dibujar puntadas sobre su gráfico como se muestra.

Para reducir su trabajo, dibuje una línea y haga una copia del mismo (Comando / Ctrl + J). Presione Comando / Ctrl + T para ingresar al modo Transformar. Mueva la línea un poco hacia arriba y presione enter para establecer los cambios. Ahora presione Comando / Ctrl + Alt + Shift + T para repetir la transformación. Sigue presionando este atajo hasta que tengas una línea de puntos..

Este proceso dará lugar a múltiples capas. Asegúrate de combinarlas y luego usa estas puntadas para completar las áreas apropiadas de tu logotipo.


Paso 19

Continúa dibujando puntos para las áreas redondas de tu logotipo..


Paso 20

Ahora que tenemos un logotipo convertido en líneas, necesitamos redondear los extremos de cada línea. Agregue el Filtro de Mediana (Filtro> Ruido> Mediana) con una configuración de 1 px.


Paso 21

Puede notar que el filtro provocó que algunos puntos se fundieran. Simplemente use la herramienta de borrador para limpiar estas áreas. Ahora que las puntadas están listas, podemos terminar de construir nuestro fondo de pantalla..


Paso 22

Cargue las puntadas en nuestra escena de Fondo de pantalla de iPad y Transforme (Comando / Ctrl + T) en perspectiva sobre el fondo de la tela. Asegúrese de activar las guías para comprobar cómo se verá el posicionamiento tanto en la orientación horizontal como en la vertical.


Paso 23

Necesitamos agregar la apariencia de los puntos levantados sobre la superficie. Para hacer esto, usaremos el filtro de licuar para agregar una ligera curva a la costura. Vaya a Filtro> Licuar y, con la herramienta Deformación de avance seleccionada, establezca la Densidad del pincel en 99 y la Presión del pincel en 10.


Paso 24

Comience con un tamaño de pincel de 76 y comience a presionar las puntadas para que aparezcan levantadas. Ábrete camino a través de todas las puntadas, cambiando el tamaño del pincel según sea necesario.

El resultado debe parecerse a esto:


Paso 25

Como queremos que las puntadas sean blancas, siga adelante y ajuste los Niveles (Comando / Ctrl + L) usando los controles deslizantes inferiores.


Paso 26

Haga una copia de esta capa y agregue el Filtro de ruido con una cantidad del 100%. Luego, vaya a Filtro> Desenfocar> Desenfoque más para suavizar el ruido. Esto nos dará esa textura rugosa de una puntada de curso..


Paso 27

Fusionar estas dos capas y renombrarlas a? Puntadas.?


Paso 28

Para agregar alguna dimensión a esta capa, agregue el siguiente estilo de capa:


Paso 29

Haga una copia de la capa "Puntadas" y cámbiele el nombre a "Sombra". Elimine el estilo de capa y ajuste los niveles (Comando / Ctrl + L) hasta que sea negro puro. Posiciona esta nueva capa debajo de? Puntadas? capa.


Paso 30

Dale a esta capa un Desenfoque Gaussiano de 14 px y establece el Modo de fusión en Multiplicar y la Opacidad en 50%.


Paso 31

A continuación, hacer otra copia de las? Puntadas? y agregue los siguientes estilos de capa (tenga en cuenta que estamos reemplazando los estilos de capa existentes al hacer esto):

El resultado debería verse así:


Paso 32

Cambiar el nombre de esta capa a? Puntear textura? y usa las teclas de flecha para mover esta capa hacia arriba y hacia la derecha.


Paso 33

¿Con la? Textura de la puntada? capa seleccionada, Comando / Ctrl-Haga clic en la miniatura de la capa para seleccionar su contenido.


Paso 34

En una nueva capa, rellene la selección con blanco. Agregue ruido con una cantidad del 87% y vaya a Filtro> Desenfocar> Desenfoque. Finalmente, configure el modo de fusión en pantalla y la opacidad en 35%..


Paso 35

Para terminar los puntos, haga una copia de los puntos. capa. Elimine los estilos de capa y ajuste los niveles (Comando / Ctrl + L) hasta que sea negro puro, como lo hicimos en el Paso 29. Mueva esta capa debajo de "Puntadas". capa y aplicar un desenfoque gaussiano con un ajuste de 1.8 px. Por último, establezca la opacidad al 71% y empuje la capa hacia abajo un poco para que sea más visible. Este es un efecto sutil que ayudará a conectar los puntos a la tela..


Paso 36

Lo último que debemos hacer es aplicar un efecto de profundidad de campo a la imagen. Comience a fusionar una copia de las capas (Mayús + Comando / Ctrl + Alt + E).


Paso 37

En una nueva capa, use la herramienta Degradado con la opción Degradado reflejado seleccionada para hacer el siguiente degradado.


Paso 38

Seleccione Todos (Comando / Ctrl + A) y Copiar (Comando / Ctrl + C) esta capa y vaya al Panel de canales. Cree una nueva capa en el Panel de canales y Pegue (Comando / Ctrl + V) la selección. Usaremos este canal alfa recién creado cuando agreguemos Lens Blur.


Paso 39

Sigue adelante y trash la capa de degradado; ya no necesitamos esto Seleccione la escena combinada y vaya a Filtro> Desenfoque> Desenfoque de lente. Agregue la siguiente configuración:


Conclusión

Por último, he añadido una viñeta negra personalizada para terminar la escena. Tu imagen debe parecerse a la siguiente: