Buena vida. Bienvenidos otra vez a Diseño Gráfico TZ. Sabemos que esta sección es furor en todo el mundo y que están pidiendo que la traduzcamos en sueco, pero no sean tímidos, anímense a comentar en el thread de MZ y coméntennos qué les parece este espacio y por qué no, pueden hacernos pedidos de los tutoriales que ustedes quieran.
En esta edición vamos a hacer la alineación de nuestro equipo para mostrarla en la PDD y así facilitarle el laburo de buscar nuestra táctica a nuestro próximo rival de liga.
Este tutorial está hecho con Fireworks CS5.
Abrimos un nuevo documento en Fireworks de 560 pixeles de ancho por 600 de alto.
Empezamos con el fondo. Creamos un rectángulo del mismo tamaño que el lienzo y lo alineamos para que lo cubra por completo. Le vamos a dar un color degradado radial que vaya desde el #666666 (gris) al #000000 (negro). Cuando tengamos seleccionado el rectángulo vamos a poder ver que encima de él hay ahora una línea con un círculo en la mitad de la imagen y un cuadrado en el extremo derecho, esa línea nos deja manejar el radio del degradado y acomodarlo a nuestro gusto, asi que llevamos el cuadrado de la línea un poco más a la derecha (fuera del lienzo) para que el gris ocupe más espacio en la imagen.
Creamos un rectángulo del mismo tamaño (o más simple, copiamos y pegamos el anterior) y le damos un color negro sólido. Debajo de la opción de color, pueden ver que está la opción de Textura. Elegimos la línea horizontal 3 y le damos 50% de cantidad de textura. Donde dice ”Transparente”, tildamos.
De cancha vamos a usar ESTA IMAGEN.
Como ven, la imagen está de costado asi que con la herramienta Escala representada con un recuadro con una flecha señalando el vértice superior derecho (debajo de la flecha negra), la rotamos hasta dejarla “parada”. Obviamente, vamos a reducir el tamaño de la imagen hasta que nos quepa dentro del lienzo.
Si mantenemos presionado el cursor sobre la herramienta Escala, que ya usamos, van a ver que hay varias herramientas para seleccionar, nosotros necesitamos la de Inclinación. Van a ver que sobre los bordes de la imagen ahora hay ocho cuadrados. Seleccionamos el de la punta superior (derecha o izquierda, da igual) y la cerramos solo un poco, dejando así la parte inferior de la imagen un poco más ancha que ésta.
Ahora vamos a agregarle a la imagen dos Filtros:
Filtros > Ajustar Color > Matiz/Saturación: la matiz y la luminosidad la dejamos como está, la saturación la llevamos hacia la izquierda al máximo hasta dejarlo en -100 (cosa que nos quede la imagen en blanco y negro).
Filtros > Sombrear e Iluminar > Sombra: le vamos a dar una sombra de 0 de distancia, 65% de opacidad, 35 de suavidad y un ángulo de 315°.
Con la imagen seleccionada, vamos a utilizar la herramienta Lazo que tiene esta forma:
En la parte inferior del programa, aparecen las propiedades de la herramienta y nos permite elegir el tipo de borde, elegimos Fundido y le damos un fundido de 100. Ahora creamos un óvalo con esa herramienta que cubra la mayor parte de la imagen menos los bordes (en la próxima imagen van a poder ver el óvalo que hice yo). Con el óvalo hecho vamos a la solapa Seleccionar > Seleccionar Inverso. Ahora vamos a la solapa Filtros >Ajustar Color > Niveles. Donde dice ”Niveles de Entrada” pueden ver que hay tres números: 0; 1; 255. El “1” lo cambiamos por “0”. Aceptamos.
La imagen quedó algo así:
Con apretar “Ctrl+D” ya desaparece la selección del óvalo.
Creamos un rectángulo con un tamaño mayor al de la imagen (procurando que lo cubra por completo) y le damos un color #00FF00 y la misma textura que le aplicamos al rectángulo negro la vez anterior (línea horizontal 3, 50%, transparente). Puede ser que la textura ya se haya aplicado automáticamente, la dejamos así en tal caso.
Creado el rectángulo, seleccionamos solo la imagen de la cancha y la duplicamos (Ctrl+C, Ctrl+V como con los TP de investigación de la secundaria). Ahora seleccionamos el rectángulo que creamos y vamos a la solapa Edición > Pegar como máscara. Con esto lo que hicimos fue adaptar el rectángulo a la forma de la imagen (podemos borrar su duplicado ahora). Con el rectángulo seleccionado le damos un modo de mezcla “Multiplicar”.
br>
Ahora se vienen los jugadores. Para los números, simple, usamos la herramienta texto, lo escribimos y le damos un color #00FF00 y luego le damos una Sombra de 1 de distancia, 90% de opacidad, 2 de suavidad y ángulo de 270°.
Para el nombre del jugador primero creamos un Rectángulo redondeado con un tamaño aceptable para que podamos acomodar los 11 jugadores dentro de la cancha pero que también nos entren los apellidos y sean legibles a su vez. El rectángulo va a llevar un degradado lineal de arriba hacia abajo, de #E9E9E9 a #CCCCCC (grises claros) y va a llevar dos Filtros de sombra:
Filtros > Sombrear e Iluminar > Sombra: con 1 de distancia, 100% de opacidad, 1 de suavidad, un ángulo de 270° y color blanco.
Filtros > Sombrear e Iluminar > Sombra Interior: con 1 de distancia, 100% de opacidad, 1 de suavidad, un ángulo de 270° y color negro.
Dentro del rectángulo ponemos el nombre de nuestro jugador con color #333333 (gris oscuro) y una sombra de las mismas características que las del rectángulo.
Copiamos y pegamos hasta acomodar los 11 jugadores dentro de la cancha y si queremos podemos agregarle “DT: usuario” en una esquina de la cancha, como hice yo en la imagen a continuación:
Seleccionamos el rectángulo verde que cubre la imagen y la duplicamos (copiar+pegar). Al duplicado lo traemos al frente apretando Ctrl+Shift+Flecha Arriba. A este rectángulo vamos a sacarle la textura llevándola del número “50” al “0”. Va a tener una opacidad de 50% y un modo de mezcla ”Multiplicar”.
br>
Por último vamos a darle un efecto que yo utilizo mucho particularmente y se hace a través de una imagen con mucho brillo o colores, en este caso, ESTA ILUSTRACIÓN.
Primero le damos una opacidad de 62% y un modo de mezcla ”Iluminación Intensa”. Después le agregamos dos Filtros:
Filtros > Ajustar Color > Brillo/Contraste: y le damos “89” de brillo.
Filtros > Desenfocar > Desenfoque Gaussiano: le aplicamos un desenfoque de “20”.
Por último vamos a la solapa Comandos > Creativo > Máscara de vector automática y elegimos el círculo que tiene una línea hacia arriba y una hacia la derecha.
Espero que les sea de utilidad y cualquier consulta o sugerencia ya saben, vayan al thread de la TZ en MZ Habla. Hasta pronto.
|