Crea un efecto de la hierba en texto espectacular Photoshop

Producto Final Lo que va a crear



Este tutorial se compone de tres partes: el fondo, el texto en sí, y algunos efectos adicionales finales. Así que en primer lugar, vamos a hacer un fondo. Para ello creamos un nuevo documento en Photoshop. Hice la mía 1920 x 1200 porque quiero que esta imagen se siente en mi fondo de ordenador portátil.
Empezamos por dibujar un degradado radial con la herramienta Degradado (G) al pasar de un. La luz amarillo-verde (# adbf41) a un verde de gama media (# 328a26) Me pregunto si alguna vez he escrito un tutorial en el que no se inicia con un degradado radial.



Ahora, por esta imagen que queremos crear un fondo con textura realmente, ligeramente parecido papel. Así que lo primero que necesitamos es ... una textura de papel!
Afortunadamente, usted puede tomar algunas realmente impresionantes texturas grunge de papel de Bittbox y que son agradables y muy grande, lo cual es bueno porque se trata de un enorme lienzo.
Así que no puedo recordar qué textura que utilizó por primera vez, pero agarrar una, desaturar (Ctrl + Shift + U) y se extienden sobre la parte superior para adaptarse a la lona.



Ahora ponemos la capa de superposición y el 70% de opacidad para mezclar la textura con nuestro fondo verde agradable.



Ahora para obtener una mirada realmente angustiada, me copian esta capa, la hizo girar 180 'y la puso a un 20%. Entonces me trajo unas cuantas capas más de textura de papel (con texturas diferentes, la mayoría de Bittbox) y los puso a todos a superposiciones débiles, uno encima del otro.
Esto fue en parte por la dificultad adicional, pero también porque me di cuenta de que las texturas se veía un poco granuladas y no pequeño y afilado. Así que mediante la combinación de texturas adicionales y después desvanecerse todo de nuevo, yo puedo conseguir una mejor, más nítida mirada global.
De todos modos como se puede ver en la captura de pantalla y hay seis capas de aquí. No olvide que si usted es un miembro Además, puedes descargar el archivo PSD de este tutorial y echar un vistazo allí mismo!



Ahora duplica el gradiente de fondo original, coloca la capa duplicada por encima de todas las texturas y establecer que el 40% de opacidad de estos tonos de vuelta de la textura de lo que no es tan sucio!



Ahora vamos a crear una nueva capa sobre la parte superior y con un gran cepillo suave, negro, añadir un poco de negro en los bordes. Vale la pena volver tonificar la opacidad al 30% y de superposiciones. A continuación, puede duplicar la capa y ejecutar un gran desenfoque gaussiano sobre ella (ajustado a unos 32px). De esta manera los bordes muy suavizadas.



Bien, ahora tenemos un bonito fondo!



OK, ahora estamos listos para hacer un poco de texto hierba. Para ello, vamos a necesitar un poco de hierba bastante agradable para cortar. Después de mucho buscar, finalmente encontré esta foto en Flickr encantadora de la hierba .
Así que descargue la imagen en tamaño completo, con copia a su lienzo.



Lo siguiente que necesitamos algún tipo. Así que selecciona un tipo de letra que desea cortar con. Elegí Suiza 924BT, que es el tipo de grasa y condensada. Me pareció que estaba bien y de cola. Y he escrito el texto "Tierra". Eso es porque estoy haciendo cinco de estos fondos de pantalla-tierra, agua, fuego, aire, espíritu ... es como de dibujos animados que solía ver cuando era niño, el Capitán Planeta!
De todas formas, por lo que acaba de establecer el texto en blanco y lo puso a Overlay y similares 50% de opacidad. Esta capa no se muestran en realidad, al final, es sólo una capa de guía.



OK, así que aquí está el texto en la parte superior de la hierba que nos dieron antes.
Ahora un poco de planificación! Para que el texto de la hierba, no va a ser suficiente con la plantilla de la hierba. Más bien lo necesitamos para mirar todo en bruto, con briznas de hierba que salen de los bordes. Para ello, vamos a utilizar las formas de las letras como una guía aproximada y luego traza más o menos alrededor de ellos y periódicamente sobresalen para trazar alrededor briznas de hierba.
Te advierto ahora, es muy molesto!



OK, así que aquí estamos de seguimiento. Se debe utilizar la herramienta Pluma (P) y, francamente, si no es hábil con él antes de empezar, será el final!
Observe cómo en las partes donde mi camino se adentra, de alguna manera sigue hojas de pasto. De esta manera, cuando usted tiene la última desconexión se verán como las piezas de hierba que sobresalen.



Cuando haya terminado su camino, lo mejor es guardarlo en la paleta Trazados. Usted puede hacer esto por el cambio a la paleta y haga clic en la flecha hacia abajo poco y eligiendo Guardar ruta. De esta manera si usted necesita la ruta de nuevo más tarde, lo pueda levantar.
De todos modos, haga doble clic en el camino para llegar a la selección y volver a la capa de hierba. Duplicar la capa de césped por lo que aún tienen más pasto para las otras letras, y luego invertir la selección (Ctrl + Shift + I) y cortar el exceso de hierba. En la captura de pantalla que he desaparecido de nuevo la capa de césped duplicado para que pueda ver el corte "E" parte.



OK, así que aquí tenemos a nuestro "E" en el bakcground final. Como puede ver, se ve sólo ligeramente mejor que si sólo había usado la carta a la plantilla de la hierba, sin tomarse la molestia de rastrear. Pero eso está bien, lo que necesita es un poco más profundidad. Después de todo, si esa carta fue realmente sentado allí, deberíamos ver algo de sombra y los lados a la misma.



En primer lugar, sin embargo, vamos a añadir algo de estilo de capa para darle un poco más de un aspecto tridimensional. Los estilos se muestran a continuación.


Esta es la primera serie de estilos de capa ...





Ahora duplicar esa capa, a continuación, desactive el estilo de capa de la duplicación, por lo que podemos añadir estilos un poco más. Esta vez, añadir los estilos que se muestran a continuación ...


Esta es la segunda serie de estilos de capa ... (Tenga en cuenta que es un 51% de opacidad por lo que va a mezclarse con la capa anterior)







Así que todo esto era sólo algo experimental, y que poco se ve bien, pero obviamente tiene un largo camino por recorrer. Ahora vamos a añadir un poco de sombra. Para ello vamos a utilizar una técnica que ha demostrado en un tutorial anterior, uso de luces y sombras para Traer el texto a la vida
La idea es hacer un aspecto tridimensional. Así Ctrl-clic en la capa de césped y luego en una nueva capa a continuación, lo rellenamos de negro. A continuación, pulse la flecha hacia abajo una vez y la flecha hacia la derecha y llenar de nuevo, a continuación, repita una y otra vez hasta que usted consigue un efecto como el que se muestra. Creo que estaba a unos 15 pasos de llenado.



Ahora corremos un Filtro> Blur> Motion Blur en nuestra sombra con un 45 'de ángulo y una distancia de alrededor de 30. A continuación, ajuste el texto a una baja opacidad de alrededor del 50%. Usted debe tener algo que se parece a la pantalla de abajo.



Ahora mueve la capa de sombra hacia abajo y hacia la derecha y pasa la magia! De repente parece que la carta está proyectando una sombra.



Ahora duplicar esta capa tres veces. Cada vez que borra un poco de ella de inmediato para que la sombra está más cerca del texto, se oscurecerá. Me puse estas capas para multiplicar.



Así que este texto se ve bastante bien, pero para los que poco más de profundidad hay que añadir algunas briznas de hierba en el área de fondo / shadow. En lugar de cortar más hierba, que sólo puede utilizar esta carta en curso sobre transforman de modo que no es obvio que la estamos cortando juntos.
Así como usted puede ver más abajo he creado unos cuantos trozos de hierba. Se acaba de cortar trozos de nuestra carta principal.



Ahora moviendo las piezas en las áreas de sombra, podemos hacer que parezca que no hay hierba que sobresale y es un objeto real en 3D de hierbas!
Debido a que estos pedacitos de pasto son nuevos en la sombra, es posible que desee utilizar la herramienta de grabación (O) para oscurecer de manera apropiada.



Así debería quedar



Utilizando la misma técnica ... aquí está la A;



y la R y T ... para que te hagas la idea.



Y, por último, la palabra completa! Lo único extra que hicimos aquí fue trasladar las letras por separado un poco. Cada letra es en su propio grupo de capas que hace que moverla de un lado mucho más fácil.



Ahora bien como que está buscando, nuestro texto es un poco solitario y monótono. Así que en este último apartado vamos a añadir algunos elementos más en el diseño. Tenga en cuenta que no queremos hacer demasiado, sin embargo, porque yo quiero que esto sea un fondo de escritorio, por lo que el espacio es importante (para todos mis iconos!).
Así que por primera vez, vamos a añadir un texto adicional. Aquí he puesto una cita agradable sobre la tierra y la unidad tomada de la fe Baha'i (que es mi religión!). Me encanta comillas, porque significa que tenemos tres piezas para decorar-la cita, las comillas y la fuente.
El texto está en una variación de Suiza, el cual es más delgada, pero aún condensado. Utilización de fuentes múltiples de la misma familia (pesado, ligero, etc) es una buena apuesta, segura de mantener su tipo en busca coherente.
Así que aquí he puesto la cita de superposición y el 50%, entonces, repetía el texto y lo puso a la pantalla y el 50%. Luego he añadido las comillas en la fuente suiza misma, sino que les extra grande y un tono brillante de color verde. Finalmente, la fuente de la cita es en letras pequeñitas y centrada verticalmente. Y, por supuesto, la cita conjunto ha sido medido por lo que es exactamente la longitud de la principal "TIERRA" texto.



A continuación vamos a añadir un poco de un toque de luz a la escena. Para ello, crear una nueva capa por encima del resto, y el uso de la herramienta Degradado (G), dibujar un gradiente de color blanco -> transparente hacia la parte superior izquierda. A continuación, establezca esta capa a luz suave y el 50%. Esto lo convertirá en un buen poco sutil de la luz.



Ahora vamos a añadir dos llamativos elementos para compensar todo lo verde. Estos serán una mariposa azul brillante y una mariquita roja. He utilizado el excelente everystockphoto sitio web que busca en un montón de sitios libres de derechos web para que usted pueda encontrar dos imágenes y fotografías a utilizar: Mariquita | Mariposa



Colocación de las imágenes es bastante fácil. En primer lugar la mariposa. Acabamos de abrir la imagen en Photoshop, utilice la herramienta Magic Wand (W) para seleccionar todo el área blanca, luego ir a Selección> Modificar> Expandir y ampliar la selección por 1px para asegurarnos de que lo tienes todo. A continuación, pulse Ctrl + Shift + I para invertir la selección y copiar la mariposa a nuestro lienzo principal.
La mariquita He escogido tiene que ser cortado de su imagen. Para ello he utilizado la herramienta pluma (P) y trazó en torno al pequeño y luego simplemente lo sacaron de esa manera.



Así que aquí están nuestros dos extras. Como puede ver, el insecto de la señora se ve un poco raro porque en realidad hice un trabajo quick'n'dirty de cortar hacia fuera. Pero eso está bien porque va a ser muy pequeño por lo que no será capaz de ver los detalles de todos modos.
Así que les pega y luego se encogen y colocarlos adecuadamente. Es mejor si no están juntos, porque de esa manera van a equilibrarse mutuamente.
He añadido una gota de sombra a cada uno. Con la mariquita es una sombra muy cerca porque es pequeño y caminar sobre la hierba. Con la mariposa, me puse la distancia a unos 10px porque está flotando en el aire y por lo tanto las tierras de sombra un poco más lejos.


IMAGEN FINAL