TUTORIAL BANNER “UNDERSTAND”

TUTORIAL BANNER “UNDERSTAND”
By @iCrystals at dA & @ephyreia at FB & PG
TUTOTIAL EN ESPAÑOL
TUTORIAL ON ENGLISH
ESPAÑOL
TUTORIAL
BAN
NER
“UN
DER
STA
ND”
PASO 1
Lo primero que haremos será abrir un nuevo canvas de 700x110px. Luego, colocaremos
nuestra foto principal, en mi caso esta foto de Shay, que reduciremos hasta el tamaño de la foto,
pero como la foto es muy pequeña, lo que haremos seleccionar con la herramienta de cuentagotas
el color gris del fondo #bfbeba, y rellenar con el pincel lo que queda vació del lienzo.
PASO 2
Lo siguiente que haremos será usar la primera y la segunda textura, que colocaremos en
modo multiplicar. La tercera la duplicaremos y colocaremos una a cada lado de la modelo, ambas
en modo luz suave. En las tres texturas borraremos lo que quede por encima de la cara de la foto
de Shay.
PASO 3
A continuación, usaremos la cuarta textura, que desaturaremos (CTRL+U), invertiremos
(CTRL+I) y colocaremos por encima de la modelo, en modo trama, y borrando las partes que no
queramos, como la cara.
2
PASO 4
Añadiremos el primer png, que invertiremos (CTRL+I), duplicaremos y colocaremos a ambos lados de la modelo, borrando con una goma grande con la dureza al 0% la parte que pegue con
la 4ª textura y la foto de la modelo.
PASO 5
Ahora es el turno de las modelos, que son sacadas de un pack de @ExoticPngs. Cada una
se colocará en un trozo diferente de encaje, asegurandose de que los “pngs” miran cada uno a un
lado diferente.
TUTORIA
L
BAN
NER
“UN
DER
STA
ND”
PASO 6
Para el texto principal, usaré la font “Demon Letter” a 30pt, con el color #af525c (seleccionado de una de las flores del fondo) y con un style de @EveyV (la sombra paralela será un tono
más oscuro del color anterior). Para el texto secundario, usé la font “Consolas” al tamaño de 8pt
en color blanco. Para el color rosado de detrás de la modelo, dupliqué el png de menor tamaño, y
me fui a “fx” > “superposición de color”, seleccionando el mismo color rosa. Pasé esa capa por debajo de la capa de la modelo y la moveremos un poco hacia arriba y hacia la derecha para que sea
visible.
3
PASO 7
Lo que toca ahora, es colocar el resto de pngs. Los pngs de libros los colocaremos por encima de las capas del texto principal y de la modelo de mayor tamaño, el de la escalera y el reloj
por debajo del texto secundario y de la modelo de menor tamaño.
TUTORIAL
BAN
NER
“UN
DER
STA
ND”
PASO 8
Ahora, para dar el toque en blanco y negro, nos iremos a AJUSTES > MAPA DE DEGRADADOS y seleccionaremos un degradado en blanco y negro. Crearemos una máscara de capa, y nos
posaremos sobre la previa de la imagen de cada capa en la que queramos mantener el color, una
vez ahí, presionaremos la tecla CTRL, y veremos como debajo del ratón se forma un cuadrado con
los bordes discontinúos, una vez haya aparecido eso, clicaremos sobre la capa, y veremos como
todo lo que había en esa capa se nos selecciona. Así dejaremos a color la copia de la capa de la modelo chica, y el texto.
PASO 9
Lo siguiente será modificar un poco el tono del banner, por lo que nos iremos a “ajustes”
y usaremos los siguientes ajustes:
> AJUSTES > BRILLO/CONTRASTE: brillo: 10 // contraste: +9
> AJUSTES > COLOR SELECTIVO: >> rojos: cian: 100 // magenta: +16 // amarillo: +29 // negro: +2
>> amarillos: cian: 71 // >> magentas: cian: 21 //
Por último, usaremos una textura de luz cualquiera, que colocaremos en modo “luz
suave” y ajustaremos la opacidad en el porcentaje que prefiramos.
4
ENGLISH
STEP 1
The first we’re going to do, is to open a new canvas of 700x110 px. Then, we’ll place our
photo, in my case, this one from Shay, zoom it out, so it looks like the image. But, as the photo will
have a smaller width than the one on the canvas, we’ll select a grey tone from the background
with the eyedropper tool: #bfbeba, and paint the blank spaces on the canvas (with the brush).
TUTORIA
L
BAN
NER
“UN
DER
STA
ND”
STEP 2
Next, we’ll use the first and second textures, that we’ll put on multiply mode. The third
texture will be duplicated, and put on both sides of the canvas, in a soft light mode. Erase the part
of the textures that are above the model.
STEP 3
Thirdly, we’ll use the fourth texture, we’ll desaturate it (CTRL+U), inverse it (CTRL+I) and
place it above the model, on a screen mode, erasing the parts above the face of the model.
5
STEP 4
We’ll add the first png, que inverse it (CTRL+I), duplicate it, and place it on both sides of
the model, erasing (again) the part above the model and the 4th texture.
TUTORIAL
BAN
NER
“UN
DER
STA
ND”
STEP 5
Now, is time to place the models (from an @ExoticPngs pack). Each one will be placed on
one side of the first photo. Don’t forget to make sure that each png “looks” to a different part of
the canvas.
STEP 6
For the “UNDERSTAND” text I used the font “Demon Letter” at 30pt, with #af525c color
and with a style downloaded from an @Evey-V pack. For the smaller text, I used the font “Consolas” at 8pt in a white tone, and the created some rectangles under the text. In the pink details, I
duplicated the small model, and went to “fx” > “color overlay”, and used the same pink as before.
Now, pass this layer under the original one, and move it a bit to the right and to the upper part of
the canvas, in order to make it visible.
6
STEP 7
Now, we’re gonna place the rest of the pngs. The books will be placed above the “understand” text and the big Shay png. And the stairs and clock, under the small Shay png and the small
text.
STEP 8
To make the banner b&w, we’ll go to ADJUSTMENTS > GRADIENT MAP, and select the one
in b&w. Then, add a vector mask and there, erase the rectangles of the secondary text, the “understand” text, and the small model shadow, so what we erased now will be in pink.
TUTORIA
L
BAN
NER
“UN
DER
STA
ND”
STEP 9
To finish, we’ll add a small “coloring” to the banner. Go to adjustments:
> ADJUSTMENTS > BRIGHTNESS/CONTRAST: brightness: 10 // contrast: +9
> ADJUSTMENTS > SELECTIVE COLOR:
>> reds: cyan: 100 // magenta: +16 // yellow: +29 // black +2
>> yellows: cyan: 71
>> magenta: cyan: 21
The last thing, is to add a light texture in a soft light mode.
7