1.

Cómo crear el fondo

Paso 1
Este tutorial se compone de tres partes: el fondo, el texto mismo y
algunos efectos finales adicionales.Entonces, antes que nada vamos a
hacer un fondo. Para hacer esto, creamos un nuevo documento en
Photoshop. Hice los míos 1920 x 1200 porque quiero que esta imagen se
siente en el fondo de mi laptop.

Comenzamos por dibujar un degradado radial con la herramienta de

degradado (G) yendo de un verde amarillo claro ( #adbf41 ) a un verde
de rango medio ( #328a26 ). Me pregunto si alguna vez escribí un tutorial
que no comienza con un degradado radial.

Paso 2
Ahora, para esta imagen, queremos crear un fondo realmente
texturizado, que se asemeja al papel.Entonces, lo primero que
necesitamos es ... ¡una textura de papel!
Afortunadamente puedes agarrar algunas texturas de papel
grungy realmente increíbles de Bittbox y son bonitos y grandes también,
lo cual es bueno porque es un lienzo enorme.

Así que no puedo recordar qué textura usé primero, pero cojo una, la
desaturo ( Ctrl-Shift-U ) y la estiro sobre la parte superior para que se
ajuste al lienzo.

Paso 3
Ahora establecemos la capa en Superposición y 70% de opacidad para
combinar la textura con nuestro bonito fondo verde.
Etapa 4
Ahora para obtener un aspecto realmente angustiado, luego copié esta
capa, la hice girar alrededor de 180 ' y la configuré al 20% . Luego
introduje algunas capas más de textura de papel (usando diferentes
texturas, principalmente de Bittbox) y las puse todas sobre
superposiciones débiles, una encima de la otra.

Esto fue en parte por la angustia adicional, pero también porque me di

cuenta de que las texturas parecían un poco granulosas y no pequeñas y
nítidas. Así que al combinar texturas extra y luego desvanecerlo todo,
puedo obtener una apariencia general más nítida y nítida.

De todos modos, como puede ver en la captura de pantalla, hay seis

capas aquí. ¡No olvide que si es miembro de Plus puede descargar el
archivo PSD para este tutorial y echar un vistazo allí mismo!
Paso 5
Ahora dupliqué el degradado de fondo original, coloqué la capa
duplicada sobre todas las texturas y la configuré en 40% de opacidad:
¡estos tonos respaldan la textura, por lo que no es tan grungosa!
Paso 6
Ahora creamos una nueva capa en la parte superior y con
un pincel grande, suave y negro , agregamos un poco de negro a los
bordes. Vale la pena devolver la opacidad a
aproximadamente 30% y Superposición . A continuación, puede
duplicar la capa y ejecutar un Gaussian Blur pesado sobre ella
(establecer en aproximadamente 32p x). De esa forma, los bordes
realmente se suavizan.
Paso 7
OK, ahora tenemos un buen fondo!
2. Cómo crear el texto Grass
Paso 1
OK, ahora estamos listos para hacer un texto de césped. Para hacer eso,
vamos a necesitar una buena y bonita hierba para cortar. Después de
muchas búsquedas, finalmente encontré esta hermosa foto en Flickr of
grass .

Descargue la imagen en tamaño completo y cópiela en su lienzo.

Paso 2
Luego necesitamos algún tipo. Por lo tanto, seleccione una fuente que
quiera recortar. Elegí Swiss 924BT, que es tipo gordo y
condensado. Pensé que se veía agradable y grandioso. Y escribí el texto
"TIERRA". Eso es porque estoy haciendo cinco de estos fondos de
pantalla: tierra, agua, fuego, aire, espíritu ... ¡es como esa caricatura que
solía ver cuando era niño, Capitán Planeta!
De todos modos, simplemente configure su texto en blanco y configúrelo
en Superposición y como 50% de opacidad. Esta capa no se mostrará al
final, solo es una capa guía.

Paso 3
OK, entonces aquí está el texto en la parte superior del césped que
obtuvimos antes.

¡Ahora un poco de planificación! Para hacer texto de hierba, no será

suficiente para dibujar el pasto. Más bien, necesitamos que se vea todo
áspero, con trozos de hierba sobresaliendo por los bordes. Para hacer
eso, vamos a usar las formas de las letras como una guía aproximada y
luego rastrear ásperamente alrededor de ellas y periódicamente
sobresalir para trazar alrededor de las briznas de hierba.

¡Te avisaré ahora, es muy tedioso!

Etapa 4
OK, entonces aquí estamos rastreando. Deberías usar la herramienta
Pluma (P) y francamente, si no eres útil antes de empezar, ¡estarás al
final!

Observe cómo en las partes donde sobresale mi camino, de alguna

manera sigue hojas de hierba individuales. De esta forma, cuando tengas
el corte final, se verán como pedazos de hierba que sobresalen.
Paso 5
Cuando haya terminado su ruta, es mejor guardarla en
la paleta Trazados . Puede hacer esto cambiando a esa paleta y luego
haciendo clic en la pequeña flecha hacia abajo y seleccionando Guardar
ruta . De esta forma, si necesitas la ruta de nuevo más tarde, puedes
atraparla.

De todos modos, haga doble clic en la ruta para obtener la selección y

regrese a su capa de césped. Duplique la capa de hierba para que
todavía tenga más hierba para las otras letras, luego invierta su selección
( Ctrl-Shift-I ) y corte el exceso de hierba. En la captura de pantalla he
perdido la capa de hierba duplicada para que pueda ver la parte
recortada "E".

Paso 6
OK, entonces aquí tenemos nuestra "E" en el bakcground final. Como
puede ver, parece solo un poco mejor que si hubiéramos usado la letra
para dibujar el pasto sin molestarnos en rastrear. Pero eso está bien, lo
que necesita es un poco más profundo. Después de todo, si esa carta
realmente estuviera allí, deberíamos ver algunas sombras y lados en ella.
Paso 7
Antes que nada, agregaremos un poco de estilo de capa para darle un
aspecto un poco más tridimensional. Los estilos se muestran a
continuación.
Aquí está el primer conjunto de estilos de capa ...
Paso 8
Ahora duplique esa capa, luego borre el estilo de capa del duplicado,
para que podamos agregar algunos estilos más. Esta vez agregue los
estilos que se muestran a continuación ...
Aquí está el segundo conjunto de estilos de capa ... (Tenga en cuenta
que es 51% de opacidad, por lo que se mezclará con la capa anterior)
Paso 9
Así que todo esto fue solo experimental, y se ve bien, pero obviamente
tiene un largo camino por recorrer.Ahora agregaremos algo de
sombra. Para eso, utilizaremos una técnica que demostré en un tutorial
anterior, Uso de la luz y la sombra para darle vida al texto

La idea es hacer una mirada tridimensional. Así que haga Ctrl-clic en la

capa de hierba y luego en una nueva capa a continuación, llénela de
negro. A continuación, presione la flecha hacia abajo una vez y la flecha
hacia la derecha una vez y vuelva a llenarla, luego repita una y otra vez
hasta que obtenga un efecto como el que se muestra. Creo que fueron
unos 15 pasos de llenado.
Paso 10
Ahora ejecutamos un filtro> Desenfoque> Desenfoque de
movimiento en nuestra sombra con un ángulo de 45 ' y
una distancia de aproximadamente 30 . A continuación, configure el
texto a una baja opacidad de aproximadamente 50%. Deberías tener
algo que se parece a la captura de pantalla a continuación.
Paso 11
Ahora mueva la capa de sombra hacia abajo y hacia la derecha y ¡la
magia sucede! De repente, parece que la carta está proyectando una
sombra. ¡Con buena pinta!
Paso 12
Ahora dupliqué esta capa tres veces. Cada vez borré un poco para que,
a medida que la sombra se acerca al texto, se oscurezca. Configuro
estas capas para Multiplicar .

Paso 13
Así que este texto se ve muy bien, pero para ese poco más de
profundidad debemos agregar algunos trozos de hierba en el área de
fondo / sombra. En lugar de cortar más hierba, podemos usar esta letra
actual transformada para que no sea obvio que la estamos pirateando
juntas.

Entonces, como pueden ver a continuación, he creado algunos trozos de

hierba. Son solo fragmentos de nuestra carta principal.
Paso 14
Ahora, moviendo esas piezas a las áreas sombreadas, podemos hacer
que parezca que hay hierba sobresaliendo y es un objeto 3D hecho de
hierba.

Debido a que estos nuevos bits de hierba están en la sombra, es posible

que desee utilizar la herramienta de grabación (O) para oscurecerlos
adecuadamente.
3. Cómo crear el texto restante
Paso 1
Así que, una carta abajo ... ¡cuatro para terminar! Menos mal que no
elegimos una palabra larga como erm. No sé ... ¡laboriosa!
Paso 2
Usando la misma técnica exacta ... aquí está el A;
Paso 3
y el R y T ... entiendes la imagen.

Etapa 4
¡Y finalmente, la palabra completa! Lo único que hice aquí fue separar las
letras un poco. Cada letra está en su propio grupo de capas, lo que
hace que moverse sea mucho más fácil.
Paso 5
Ahora que está bien, nuestro texto es un poco solitario y
monótono. Entonces en esta última sección agregaremos algunos
elementos más al diseño. Sin embargo, tenga en cuenta que no
queremos exagerar, porque quiero que sea un fondo de escritorio, así
que es importante (¡para todos mis iconos!).

Entonces, primero, agreguemos texto adicional. Aquí hice una buena cita
sobre la tierra y la unidad tomada de la fe bahaí (¡esa es mi religión!). Me
encantan las comillas, porque significa que tenemos tres partes para
decorar: la cita, las comillas y la fuente.

El texto está en una variación de Suiza que es más delgada, pero aún
está condensada. Usar varias fuentes de la misma familia (pesado,
ligero, etc.) es una buena y segura apuesta para mantener el tipo
coherente.

Así que aquí he establecido el presupuesto para Superposición y

el 50% , luego duplico el texto y lo configuro en Pantalla y 50% . Luego
agregué comillas en la misma fuente suiza, pero las hice extra grandes y
de un tono verde brillante. Finalmente, la fuente de la cita está en letras
pequeñas y centrada verticalmente. Y, por supuesto, toda la cita se ha
medido, por lo que es exactamente la longitud del texto principal
"TIERRA".

Paso 6
A continuación, agregaremos un poco de resaltado a la escena. Para
hacer esto, crea una Nueva Capa porencima de todo lo demás, y
usando la Herramienta de Degradado (G) , dibuja un degradado de
blanco a transparente hacia la esquina superior izquierda. Luego
configure esta capa en Luz Suave y 50% . Esto lo convertirá en un
agradable y sutil toque de iluminación.
Paso 7
Ahora agregaremos dos elementos llamativos para compensar todo el
verde. Estas serán una brillante mariposa azul y una pequeña mariquita
roja. Utilicé el excelente sitio web everystockphoto que busca en una
gran cantidad de sitios web de stock gratuitos para que pueda encontrar
dos imágenes increíbles para usar: Ladybug | Mariposa
Paso 8
Colocar las imágenes es bastante fácil. Primero la
mariposa. Simplemente abrimos la imagen en Photoshop, usamos
la herramienta Magic Wand (W) para seleccionar todo el área en
blanco, luego vamos a Seleccionar> Modificar> Expandir y
expandimos la selección en 1px para asegurarnos de que tenemos
todo. A continuación, presione Ctrl-Shift-I para invertir la selección y
copiar la mariposa en nuestro lienzo principal.

La mariquita que seleccioné necesita ser cortada de su imagen. Para

hacer eso usé la herramienta Pluma (P) y rastreé alrededor del pequeño
y luego simplemente lo corté de esa manera.
Paso 9
Así que aquí están nuestros dos extras. Como pueden ver, la chica se ve
un poco rara porque hice un trabajo rápido y sutil de cortarlo. Pero eso
está bien porque va a ser pequeño, así que no podrás ver los detalles de
todos modos.

Así que péguelos y luego córtelos y colóquelos apropiadamente. Es

mejor si no están juntos, porque de esa forma se equilibrarán entre sí.

Agregué una sombra paralela a cada uno. Con la mariquita es una

sombra muy estrecha porque es pequeño y camina sobre la hierba. Con
la mariposa, establezco una distancia de aproximadamente 10 px porque
está flotando en el aire y, por lo tanto, la sombra aterriza un poco lejos.