|
TUTORIALES: APLICAR MASCARA EN DISEÑO
Elegir otro panel de mensajes |
|
De: Atlantida (Mensaje original) |
Enviado: 18/10/2019 22:21 |
Abrir la máscara (la del modelo es de una colección de máscaras para tops de Layouts, autora Verinha, de Brasil, sirven
también para los pies del fondo) que es un jpg y mide 800 de ancho.
La vamos a aplicar en el top que mide 813 de ancho. Hacemos la máscara del mismo ancho que el top, 813. Con: Cambiar tamaño en pixeles. Bloquear proporciones. Nos queda de 406
pixeles de alto Hacemos entonces el top del mismo alto que la máscara. Trabajamos el top aparte de toda la composición del layout. Le aplicamos el color y el efecto de textura con un filtro. Uso generalmente Unlimited o Texturizer. Una trama ligera. O un
rayado. En esta zona no hay inconvenientes ya que no se va a escribir, lo mismo sucede con el pie.
Es decir que trabajamos con dos archivos, el de la máscara y el de nuestro top. Capas - Nueva capa de máscara a partir de una imagen.
Buscamos la máscara que tenemos abierta en nuestro espacio de trabajo y la aplicamos.
En ocasiones necesitamos otro efecto y hay que tildar "Invertir datos de máscara" Clic con botón derecho del mouse sobre la zona marcada con círculo rojo. Fusionar grupo. O de lo contrario activar la capa
Grupo - Trama 1 e ir al menú Capas - Fusionar - Fusionar grupo.
Así queda la máscara aplicada. Como pueden ver el diseño no está deformado.
Copiar y pegar en el trabajo grande, donde estamos armando tu layout. Agregar sombra y eso es todo.
A partir de allí hacemos la distribución de los elementos, es decir, diseñamos a nuestro gusto. Si esa máscara la colocamos en el pie, debemos ir al menú Imagen - Rotación libre: 180º a izquierda o a derecha es lo mismo.
Para mí, el secreto de este trabajo está en igualar el tamaño de la zona donde se va a aplicar la máscara, con el tamaño de la máscara. Así no forzamos al tratar de hacer entrar algo más grande en una superficie menor, ni lo inverso, con lo que se distorsiona el diseño y no queda bien. |
|
|
|
Primer
Anterior
2 a 2 de 2
Siguiente
Último
|
|
DISEÑO PASO A PASO
1º) Determinar un tema: naturaleza, cute, scrapbooking, famosos, romántico, etc. 2º) Buscar imágenes sobre el tema, varias de distintos tamaños. Si hay del mismo artista, mejor. Es decir varias pinturas o fotografías de "Fulanodetal". 3º) Abrir una imagen de 813 x 813 pixeles. Puede ser otra la medida, pero así los estoy haciendo, así que por ahora nos ceñímos a estas indicaciones.
4º) Pensar antes qué material vamos a publicar. Si queremos por ejemplo sólo una poesía o una carta o un texto espiritual o un texto simplemente, no necesita tener más que una columna. Este primer tuto tratará la opción de UNA COLUMNA. Si queremos poner textos diferenciados, o una columna con enlaces (esto sería más para una web) o por ejemplo una columna con enlaces, otra con texto y otra columna con imágenes, pueden ser banners, ya serían tres columnas, dos laterales más angostas y la del medio más
ancha. En el grupo MSN lo que molesta es la columna de los paneles, así
que no podemos ocupar toda la pantalla a lo ancho, pero bueno, hay que
adaptarse y trabajar con lo que se tiene. 5º) En qué se diferencia el layout de la tablas que estamos acostumbradas a colocar para presentar un poquito mejor en MSN nuestros textos? en que aquí hay tres zonas diferenciadas y separadas en su confección. Aunque a la vista están unidas, y eso es porque se coloca una dentro de la otra, pero cuando lo diseñamos, aunque también lo hacemos en una sola imagen (paño)vamos trabajando las tres zonas de forma diferente. 6º) Arriba el top, abajo el pie y en el centro, la zona donde irá el texto. El top puede ser del alto que uno quiera lo mismo el pie. Se podría comenzar con un top de aproximadamente 300 a 400 pixeles de alto y con un pie la mitad de alto. Ambos a todo lo ancho, es decir 813 pixeles. Nada mejor que hacer uno para tomar confianza e ir viendo qué "atrevimientos" nos podemos tomar en los próximos. 7º) Mi tema será "victoriano" porque tengo imágenes por toneladas, ya que es algo que me gusta. Hay una artista impresionante "Emile Vernon" y cuento con varias imágenes de su autoría. Esas voy
a elegir (al final utilicé una sola, pero es bueno disponer de más). Y
usaré este trabajo para ponerlo en el panel Novedades. 8º) Abrimos las imágenes, copiamos y pegamos en el trabajo. Después viene la parte artística de recortar, acomodar, fusionar, aplicar o no filtros.
9º) Primero realizamos el top. NUNCA DISTORSIONAR UNA IMAGEN (lo veo en algunos layouts que han publicado en el grupo). Se agranda proporcionalmente (en lo posible no se agranda o en muy pequeño porcentaje). Se achica proporcionalmente y si es necesario se ajusta la nitidez.
Si la imagen no es lo suficientemente ancha, se puede completar con
otra imagen (o con la misma colocada en dos tamaños diferentes o
distintos colores) o con una zona lisa. 10º) Se trabaja como si se estuviera creando un tag. Aplicar modos de mezcla, opacidad, colorear, duplicar, espejar, etc. Colocar accesorios, adornos, puntillas, botones, pinceles, eso según el tema. Y también se puede colocar
un texto. Un título, una frase célebre, un pensamiento, SIN ERRORES,
etc. También puede ser la realización de un tutorial tuyo o tomado de la
red (en la web de Sgai, que se menciona en el siguiente punto, hay un
enlace a tutoriales de tops). 11º) El top puede tener el borde inferior recto o se puede aplicar una máscara de las que vienen especiales para tops. En el caso del ejemplo la puntilla es una máscara de Susi Zgai, puedes encontrarlas aquí. 12º) Zona del centro que se usará para colocar el texto (no te preocupes por la medida): la capa inferior (Trama 1) puedes rellenarla con un color predominante en tus imágenes. Y aplicar como en el modelo un efecto de trama, en lo posible que no sea vertical sino horizontal. Se puede usar el filtro Unlimited 2.0 o el Texturizer. Esto constituirá la zona donde se colocará el texto. 13º) El pie puede ser mucho más angosto. En general creo que queda bien que se diferencien, uno siempre más alto que el otro. En este caso el pie es mucho más bajo que el top y del mismo estilo. Se colocó la misma máscara pero rotada para que quedara hacia adentro y de otro color. Alli se pueden incluir también imágenes y texto, como el copyright. SIN ERRORES.
Esto es lo que debes tener:
Tarea para las personas que se han anotado interesadas en hacer este tutorial "paso a paso": Realizar
los pasos descriptos y publicar aquí una captura de pantalla de su
trabajo. Una vez que has terminado, Ventana - Ajustar a la pantalla -
Impr Pant - Pegar como nueva imagen, recortar con las reglas incluidas,
tal como la captura que aquí se ha colocado, exportar jpeg optimizado y
lo presentas en esta misma discusión, alineado a la izquierda, por favor. Traten
de hacer algo lo más similar posible, es a los fines de conocer el
procedimiento. Después cada una por su cuenta hará lo que le plazca. Que Bill Gates las proteja y evite que se duerman en la lectura de lo aquí expuesto.
|
|
|
|
|
|
|
©2025 - Gabitos - Todos los derechos reservados | |
|
|