1. Abrimos una nueva imagen de 1050 x 1200, se ve este tamaño
perfecto en grupos como el de Gabito, en Web, no debe ser
muy grande el ancho para que se vea bien en teléfonos o tablets.
Vamos
a rellenar con un gradiente con el color frontal dae5e7 y el f8e0f8
para el color de fondo, va s añadir un botecito el cual se llama
nivel de color; es uno adicional, para que quede el color del centro
perfectamente a la mitad pincha el borecito del centro y pones en la
ubicación 50:
Van a usar esta configuración para que les quede perfectamente
distribuido, lo colocas de izquierda a derecha, en Degradado
reflejado:
Los
patrones para hacer layout deben ser siempre con tramas en dirección
vertical y uniformes para que no se corten como este ejemplo:
Al subirlo en la red y armar la tabla se observan feos cortes en
la parte central:
Por
lo tanto no se deben usar patrones que sean horizontales, con
estampados que no se corten produciendo este feo efecto, lo ideal es
hacer estampados que tengan una dirección vertical, de puntos o
pequeños cuadros que no se corten; es un detalle muy importante a la
hora de hacer un layout.
Aplicar Filtro I.C. NET Sofware/Filters Unlimited 2.0 con
los valores de la imagen:
3. Capa/
Nueva Capa sin borrar la selección. Selección /
Modificar/Contraer 60 Pixeles con el Bote de pintura rellenar
con blanco. Selección / Modificar/Contraer 3 Pixeles y borrar
con la tecla Supr.
Rellenar con el color azul dae5e7 que venimos utilizando y
aplicar el Filtro Carolaine and Sensibility con los valores de
la imagen:
Selección / Modificar/Contraer 33 Pixeles y borrar con la tecla
Supr. Con el Bote de pintura rellenar con blanco. Selección /
Modificar/Contraer 3 Pixeles y borrar con la tecla Supr,
Rellenar con el color f8e0f8 rosa con el que veníamos
trabajando. Selección / Modificar/Contraer 33 Pixeles
y borrar con la tecla Supr. Con el Bote de pintura rellenar con
blanco. Selección / Modificar/Contraer 3 Pixeles y borrar con la
tecla Supr.
4.Activar la Varita mágica y le colocamos en Tolerancia = 0 para asi
poder seleccionar la parte rosa:
Aplicamos el
Filtro Penta/Color dot con los valores de la imagen:
Duplicar la
capa y cambiar el Modo de Fusión de capas a Multiplicar y luego Capa/Combinar hacia
abajo:
5. Duplicar la
capa donde venimos trabajando y nos ubicamos en la capa central,
la que acabamos de duplicar la dejamos al frente:
Abrir el filtro
Unlimited, Importar el Filtro &<Bkg Designer sf10 I> y aplicar con
los valores de la imagen:
Vamos a
Filtros/Enfocar/Enfocar más.
6. Pinchamos al
centro con la varita mágica. Nos colocamos en la capa del fondo:
Volvemos a
rellenar con el gradiente con el que comenzamos, para que quede
el color central más reducido. Vamos a
Filtros/Textura/Texturizar con los valores de la imagen
7. Volver a la capa del
centro para darle un poco de color y sombra al marco
Y vamos a
elaborar un Estilo con los valores de los cuatro parámetros que
vamos a trabajar:
Vamos a usar el
color aadbe9 para el Trazo:
8. Vamos a
decorar el Layout. Capa/Nueva capa de trama. Para para
comenzar vamos a realizar un rectángulo más pequeño que el
fondo, para eso vamos a activar la Herramienta Marco Rectangular,
colocamos en Estilo: Tamaño fijo; Ancho=600 px y
Alto 500 px, si te sale cm tienes que cambiarlo por px:
Pintamos con el
mismo gradiente que venimos usando sin importar la dirección esa
área y quitamos la selección . Vamos a activar la Herramienta
Mover para colocarlo en el lugar donde debemos aplicar el filtro
para que nos salga la forma deseada, colocamos en X=741 y
en Y 948:
Luego vamos al filtro Flaming Pearl/Flexify 2 con los valores de
la imagen:
A
continuación vamos a reducir al 65% y ubicar el resultado con la
Herramienta Mover activada pinchamos el borde y utilizamos los valores de la imagen:
Vamos a aplicar el filtro
Filtro Carolaine and Sensibility/CS-DLines con los valores de
la imagen:
Luego aplicamos el Filtro Alien Skin /Eye Candy 5: Impact
/Glass con los valores de la imagen:
9. vamos a agregar una
nueva capa y Aplicamos el Filtro DragonFly con los valores de la
imagen y en Color : 6abed3
Con la Herramienta
mover le vamos a cambiar el tamaño y la ubicación para lo cual
pinchamos en la imagen y colocamos los valores de la imagen:
Vamos a
añadirle un estilo a esa capa, con la sombra en color
4a05a7
10. Ahora
colocaremos el tube de la niña y ordenaremos las capas de la
siguiente manera antes de reducir la imagen. El cuenco que
hicimos con el Flaming Pearl va arriba, debajo la niña y debajo
de ella va el techo azul que hicimos con el DragonFy, reducimos
la imagen a 65,6 % cuidando de pinchar la cadenita del centro
para conservar la proporción y que el An sea igual que el Al:
Vamos a
Filtros/Enfocar/Máscara de enfoque con los valores de la imagen:
Aplicamos en
el Estilo de capa Sombra paralela, estos mismos valores los
utilizaremos para el resto de los adornos:
Hasta ahora
nuestro trabajo va así:
11. Vamos a
trabajar con objetos inteligentes, el archivo que tiene los de
esta lección lo descargas pinchando
Aquí. Para eso les copio la
definición que da Adobe de los mismos:
"Los objetos
inteligentes constituyen capas que contienen datos de imagen
procedentes de imágenes rasterizadas o vectoriales como, por
ejemplo, archivos de Photoshop o Illustrator. Los objetos
inteligentes conservan el contenido original de la imagen con
todas sus características originales, de tal modo que
posibilitan la edición no destructiva de la capa en cuestión.No
es posible realizar operaciones que alteren los datos de los
píxeles (pintar, sobreexponer, subexponer o clonar, entre otras)
directamente en una capa de objetos inteligentes a menos que se
convierta primero en una capa normal que, por lo tanto, ha de
someterse a rasterización. Si desea efectuar ese tipo de
operaciones, edite el contenido del objeto inteligente, clone
una capa nueva por encima de la capa de objetos inteligentes,
edite duplicados del objeto inteligente o cree otra capa."
Podemos
agrandar, reducir, aplicar estilos, cambiar modo de opacidad de
la capa. No podemos modificar colores, recortar, clonar,
aplicar ciertos filtros si no se rasteriza antes esa capa de
Objeto inteligente; para hacerlo pinchamos sobre la capa del
objeto inteligente con el botón derecho y luego
seleccionamos Rasterizar capa:
Con este vídeo
puedes entender mejor como funcionan estas capas de Objetos
inteligentes:
Aqui podemos
ver como las capas de objetos inteligentes tienen un ícono de un
cuadro negro con borde claro. En nuestro ejercicio vamos a
colocar los adornos que van dentro del cazo debajo de la niña y encima de la capa
del techo azul que hicimos con DragonFly,
cuidando de pinchar
la cadenita del centro para conservar la proporción y que el An
sea igual que el Al.
Colocaremos los que nos gusten y el tamaño deseado; podemos
colocar otros adornos fuera.
Recordemos colocarle sombra:
Luego de
colocar todos los adornos, puedes pinchar con el botón derecho
sobre una capa y copiar el estilo de esa capa de la niña que
tiene la sombra, con la mayúscula activada seleccionas todas las
capas donde quieras pegar el estilo, puedes incluso graduarle
los valores:
12. Luego adornamos
el pie del layout que viene siendo la parte inferior con nuestra
firma y lo que nos guste añadir de los materiales. La fuente y
el Estilo que utilicé para la firma están incluidos en los
materiales, pero puedes utilizar otro estilo o tipo de letra.
13. Ahora vamos a
cortar el Layout. Activamos la Herramienta Sector.
Pulsamos de arriba a abajo el sector que queremos dividir, hasta
tener tres como en la imagen, es muy importante que el
centro quede libre de dibujos o letras:
Ahora vamos a
guardar usando la opción Archivo/Guardar para Webs y
dispositivos:
Seleccionamos
Optimizada, PNG y pulsamos guardar:
Allí el Tipo=
HTML e imágenes, Ajustes= Ajustes por defecto, Sectores= Todos
los sectores
14. Para colocarla en el
Grupo Gabito sigue el procedimiento que explico en el vídeo:
