|
|
۰۪۪۫۫●۪۫۰ Tutoriales Variados ۰۪۪۫۫●۪۫۰: ۰۪۪۫۫●۪۫۰ Tuto como Hacer un Layout, por Ani...۰۪۪۫۫●۪۫۰
Elegir otro panel de mensajes |
|
|
| De: Roxana Tana (Mensaje original) |
Enviado: 18/10/2009 01:59 |
esto es para quienes tienen conocimientos del uso del psp ya!
TUTORIAL FONDO LAYOUT
Los fondos layouts constan de tres partes:
Cabeza del layout, que es la parte de arriba
cuerpo del layout, es la parte del centro, es
la parte donde escribimos y por ultimo tenemos
el pie del layout, que es la parte de abajo.
Para hacer un fondo layout damos tres pasos:
1.- Armar el layout
2.- Cortar el layout
3.- Montar el layout
1.- Para armar un fondo layout necesitamos tener conocimientos de psp
y jugar con nuestra creactividad e imaginacion; los pasos son los
mismos que cuando creamos un tag, tomando en cuenta las medidas,
ya que el ancho debe ser el mismo, podemos hacer una sola tabla
y cortarla o tambien en su defecto podemos hacer las tres partes
por separados en paños diferentes, asegurandonos de que tengan
el mismo ancho, una vez tenemos las tres partes, la subimos a una pagina de guadar imagenes de donde la traemos a la pagina
para luego armarlo, todos estos pasos lo veremos paso a paso detallados.
Cualquier dudas al respecto no temas
en preguntar.
Taty
1.- Usas estas medidas para la tabla del layout.
 en URL de la parte del medio del layout
2.-En la tabla que se genera de tres divisiones (no muy visible) dale clic
a cada una de las partes y clic a la tecla que usas para borrar.
3.- Sin quitar el cursor de la parte de arriba, clic a insertar imagen, pegas ahi la direccion url de la parte
de arriba, luego en la parte de abajo hace lo mismo, pero con la direccion url de dicha parte.
4.- Ser cuidadoso con el uso de gradiente cuando arma la parte del medio, tu fondo no luce
esteticamente parejo a medida que se despliega
Ojo, para que no se vean las lineas de la tabla:
Para que no te queden
con esas rayitas en las divisiones atenta a los siguientes
valores
cero en borde,
espero te ayude,
Taty
ARMANDO EL LAYOUT
El fondo layout como dijimos
en la introducion consta de tres partes las cuales las armamos en el
psp, el procedimiento es el mismo a cuando armamos un tag, esa tres
partes, podemos hacer una sola tabla y cortarla o bien hacerla por
separados en paños diferentes, a manera de introducion para que nos
resulte un poco mas sencillo lo haremos en paños separados, mas
adelantes lo haremos en una sola tabla y practicaremos la forma de
cortarlo;tambien practicaremos la aplicacion de mascaras en los layout.
A manera de ejemplo vamos a dejar las partes de un layout, y la explicación.
Usaremos esta flor la cual la descarga y la abre en el animacion para que salga sin fondo y la exporta al psp
1.- Abrimos un
paño nuevo transparente 750x350 pixeles y lo innunda con uno de los
colores mas claro de las flores, en mi caso escogi el lila, luego le
apliqué efectos texturas/persiana con los siguientes valores;
ancho 7
opacidad 100
marcado horizontal
color el color mas ocuro de la flor lila.
2.- Copie y
pegué la flor como nueva capa, clic en imagen rotar 45/derecha,luego
fui a la paleta de capas y le bajé la opacidad a 69, luego clic en
capas/fusionar capas visibles
y tengo este resultado, siendo esta la parte de arriba del layout
3.-Para la
parte el centro que viene a ser el cuerpo del layout, abrimos un paño
750x100 pixeles y lo inundamos del mismo color que la parte de arriba,
en otros layout ese color puede variar, si queremos podemos aplicarle
algun efectos, al mio le aplique texturizer, y tengo el siguiente
resultado;
4.- Para la
parte de abajo puede ser casi igual o en combinacion con la parte de
arriba, en mi caso abri un paño 750x300pixeles , lo innundé del mismo
color que lo anteriores, le aplique el mismo efecto de textura/persiana
con los mismos valores de arriba, copie y pegue la flor como nueva capa
de despliegue, clic a imagen/rotar/izquierda y bajé opacidad a 69 y
fusioné capas visibles, y tengo el siguiente resultado:
5.- Cuando
armamos las partes del fondo de esta manera , al momento de montarlo
quedaria sin bordes y no luce bien, por lo que preparé una textura
adicional para hacer una tabla antes de montar el layout, para eso abri
un paño 150x300pixeles, lo inundé del verde de las hojas y le apliqué
efectos de texturas/persiana
con los valores anteriores solo le cambie macando vertical y escogi color el mas verde de las hojas,
Mas delante montaremos el layout.
Tutorial preparado por Taty 27/02-09
*********************************
|
Montar el layout
introduccion
Ya armamos las partes del
layout, la subimos a un servidor, en mi caso photobucket, le dimos un
clic para que alcance su tamaño original, luego le dimos clic derecho y
copiamos la direccion Url, abrimos nuevo mensaje , dimos clic donde
dice insertar imagen
en la ventana que se abre pegamos la direccion url de la parte de arriba del layout
y asi sucesivamente vamos descargando las demas partes
Debido a que armamos las
partes en paños separados, cuando armemos nuestro layout nos quedaria
sin bordes, entonces para este caso vamos hace una tabla para montar
nuestro layout en dicha tabla damos clic en insertar tabla
en la ventana que se abre colocamos las siguientes medidas
nos da una tabla,
en esa tabla montaremos el layout,
damos de nuevo insertar tabla
y en la ventana que se abre colocamos los siguientes valores:
direccion url del centro
Nos da una tabla con tres
divisiones, colocamos el cursor en la parte de arriba, sombreamos y
copiamos la parte de arriba del layout y lo pegamos ahi, luego
sombreamos y copiamos la parte
de abajo y la pegamos en la parte de abajo, luego colocamos
el cursor en la division del medio y damos a centrar y nuestro
layout estara listo para escribir,
|
|
|
|
|
Hola, este es el resultado de mi fondo
espero te hayas gustado
Taty
|
| | | |
| |
|
|
|
Primer
Anterior
2 a 6 de 6
Siguiente
Último
|
|
|
Vamos armar un layout en una
sola tabla para aprender a cortarlo,usaremos las siguientes imagenes,
las cuales las abre en el animacion para que te salgan sin fondo
 
Comencemos
1.-Abrimos un paño nuevo 700x500 pixeles transparente,
lo inundamos de estge color 
2.- Aplicamos efectos/textura/textil con los siguientes
valores: interseccion 2, ancho 7, opacidad 100, color como
muestra la imagen
3.- Abrimos nueva capa de despliegue y la llenamos de
este color
clic a seleccionar todo/selecccion modificar contraer/3,
luego edicion cortar, quitamos seleccion y aplicamos efectos
biselado interior.
4.- Damos clic a la herramienta de seleccion, configurada
en rectángulo redondeado, colocamos el cursor en la capa
de abajo donde esta la textura textil y trazamos un rectangulo
alejandonos del bordes aproximado seis cuadritos por todos
lados, luego damos a edicion cortar, sin quitar la seleccion
damos a seleccion/modificar agrandar/3, abrimos nueva
capa de despliegue y la llenamos del mismo color marron
adamos a seleccion/modificar contraer/3, edicion cortar,
quitamos seleccion y aplicamos biselado interior.
5.-Abrimos nueva capa de desplieque, damos clic a capas
ordenar bajar y la llevamos la ultima de abajo y la inundamos
de este color
si queremos le aplicamos algun efecto, en mi caso le
apliqué texturizer/sanstone en 50%
Aun situado en la capa de abajo, damos clic a la imagen
del cachorro, la cual la abrimos primero en el animacion
y la trasladamos, edicion copiar/clic en el paño de trabajo
pegar como nueva capa, nos queda por debajo del marco
la acomodamos en la esquina superior bien pegada arriba,
.- Ahora situamos el cursor en la capa de arriba, damos
clic a la flor de girasol que esta sola, copiamos y pegamos
como nueva capa, la acomodamos en la esquina del cachorro
por encima bien pegada al marco.
.- Luego damos clic a la flor de los tres girasoles, la copiamos
y pegamos en la esquina del frente en la parte de abajo.
Ahora fusionamos capas visibles. y procemos a cortarlo.
Clic en archivo/exportar/imagen fraccionada
formato jpg
marcado, aplicar optimizacion a toda la imagen,
da clic dos veces en el signo menos para que el marco
quede dentro del cuadro, luego da clic arriba a la figura
con forma de cuchilla y da dos toques o clic a tu marco
en lugares como te muestra la imagen, notas una rayita
verde y otra roja, luego da clic en guardar como,
le pone nombre y da ok. Luego te aparecen donde la
guardaste como imagen no tal -1x1
1x2
1x3
Sube tus tres imagenes a un servidor para montar tu layout
|
Ahora hace una sola tabla
damos a insertar tabla
y en la ventana que se abre colocamos los siguientes valores:
direccion url del centro
direccion url del centro
Nos da una tabla con tres divisiones, colocamos el cursor en la parte de arriba,
sombreamos y copiamos la parte de arriba del layout y lo pegamos ahi, luego sombreamos y copiamos la parte
de abajo y la pegamos en la parte de abajo, luego colocamos
el cursor en la division del medio y damos a centrar y nuestro
layout estara listo para escribir.
Si tirnes dudas no temas en preguntar.
Tutorial preparado por Taty
|
|
Hola,
este es el resultado
Taty
|
|
|
Layout aplicando mascara
Hemos hablado en ocasiones anteriores que los fondos
layouts puede ser de diferentes medidas, 700,800, 1,200
dependiendo de que tan ancho lo queramos, pero una vez
adoptamos una medida de ancho, la misma debe prevalecer
en todas sus partes para que el layout encaje.
Usaremos la siguiente imagen y mascara para esta practica,
pero puedes usar una de tu agrado y hacer el tag a tu gusto
Comencemos
1.-Abrimos un paño transparente 700x480 pixeles, damos a seleccionar todo,
damos clic en la imagen, edicion/copiar y clic en el paño de trabajo edicion pegar/en
la seleccion,quitamos seleccion.
2.- Miramos el nombre que tiene la mascara, damos clic en el paño de trabajo
clic en mascara/nueva a partir de una imagen
en la ventanita que se abre buscamos y damos clic al nombre de la mascara
de inmediato la mascara queda aplicada a nuestro paño.
3.- Damos efectos sombra con las siguientes medidas:
vertical y horizontal 5, opacidad 75, difuminar 8.3, color negro.
4. Abrimos nueva capa de despliegue y la llevamos abajo, damos clic
a bote de pintura, con la gama de colores abierta tocamos una de las rosas
de la imagen, notamos que la parte estilos de la paleta de colores toma
ese color, con el cual llenamos dicha capa, si queremos le aplicamos algun efecto
en mi caso le aplique Unlimited2, paper/texture, texture fina, luego fusionamos
capas y tendremos esto;
|
4.- Para la parte del centro abrimos un paño 700x100 pixeles y lo llenamos
del mismo color lila, y aplicamos el mismo efecto Unlimited para que quede
uniforme.
5.- Para la parte de abajo, abrimos un paño 700x200 pixeles, con la herramienta
de seleccion trazamos un rectangulo en el fondo claro de la parte de la imagen
de rosas, damos a copiar y pegar como nueva imagen para usarla como patron
para llenar nuestro paño, luego le aplicamos la mascara y la misma sombra y damos
a imagen/girar, abrimos nueva capa de despliegue la llevamos abajo y la llenamos
del color lila y le aplicamos el mismo efecto Unlimited o el que has estado usando.
Queremos ponerle un adornito con una de las rosas, entonces con la herramienta
lazo, punto a punto bordea una de las rosas, copia y pega como nueva imagen,
redimensionamos 75%, la copiamos y la pegamos en nuestro paño de trabajo,
la acomodamos, si es posible la rotamos hasta que quede a nuestro gusto, luego
redimensionamos de nuevo la rosa 75% y la pegamos y acomodamos, la duplicamos
y acomodamos, fusionamos capas y tendremos este resultado;
Le ponemos nuestro sello y guardamos cada una de las partes como Jpg. |
Nota: queremos hacerle una tabla en combinacion antes de montar el layout,
en mi caso hice la siguiente;
abrimos un paño 150x150, dimos doble clic a la herramienta de seleccion
para que se abra y colocamos los siguientes valores
en el rectangulo que se genera lo llenamos del color lila,
luego damos de nuevo doble clic a la herramienta de
seleccion y cambiamos los valores, 20....40, los de arriba y abajo 0----150
y llenamos el siguente rectangulo del color mas claro de la imagen
luego duplicamos capas tantas veces hasta llenar nuestro
paño e rayas
subimos las partes a un servidor y la traemos aca para
armar nuestro layout, vease en tutorial anterior
armar layout.
Tutorial prepararo por Taty
pd. Vimos como hacer esta textura a rayas
Nota: queremos hacerle una tabla en combinacion antes de montar el layout,
en mi caso hice la siguiente;
abrimos un paño 150x150, dimos doble clic a la herramienta de seleccion
para que se abra y colocamos los siguientes valores
en el rectangulo que se genera lo llenamos del color lila,
luego damos de nuevo doble clic a la herramienta de
seleccion y cambiamos los valores, 20....40, los de arriba y abajo 0----150
y llenamos el siguente rectangulo del color mas claro de la imagen
luego duplicamos capas tantas veces hasta llenar nuestro
paño de rayas
pd. las rayas pueden ser o mas finas o mas anchas, variando el valor que uses en la seleccion.
Si en vez de rayas queremos cuadritos, lo que hacemos es que una vez llenamos nuetro paño
de rayas, duplicamos capa, rotamos 90 grados, bajamos la opacidad a esa capa a 50, fusionamos
capas y tenemnos este
espero que hayas disfrutado haciendolo,
con cariño.
Taty
|
|
|
|
|
|
QUE HERMOSO TRABAJO.
FELICITACIONES. |
|
|
|
|
 BIENVENIDA AL GRUPO LAYUDDY
CREO QUE TE HE LEIDO EN OTRO LUGAR, ME SUENA TU NICK, ESPERO TE SIENTAS A GUSTO.
MIRA AMIGA, ESTE ES UN TUTORIAL DE UN GRUPO DONDE HABIA COMPAÑERAS QUE JUNTO CONMIGO PARTICIPABAMOS, Y NOS LO CEDIO PARA QUIÉN ESTA MAS O MENOS AL TANTO DEL PSP, YO NOOOOO PARA NADA, PERO AQUI HAY DOS PERSONAS QUE OFRECEN FIRMAS, SON LOLY QUE SON CON FONDOS, E INMINENT, QUE HACE TAGS
SIEMPRE DEBES ESTAR ATENTA A LOS OFRECIMIENTOS EN MJES DIARIOS GENERALES O
EN FIRMITAS QUE ES LO ULTIMO QUE APARECE DIA A DIA CON OFRECIMIENTOS....
CUANDO DESEES, PUEDES APUNTARTE, YA CONOCES EL MAIL DEL REFUGIO, CUALQUIER DUDA SINO PUEDES DEJARLA EN MJES DIARIOS GENERALES SI?
ADELANTE BIENVENIDA!!
ROXANA
|
|
|
|
|
LAYOUT DE OTRO GRUPO CON HERRAMIENTAS GABITO
Hola queridas amiguit@s ,yo no sé casi nada solo hago fonditos sin tener los conocimientos que tienen tanto Yermy como Montse,nunca estuve en grupos de fondos ,solo los hago así pero con gusto comparto y espero que se entienda ,porque eso si! va con mucho cariño para tod@s ustedes
Empiezo
Primero elijo la textura que deseo kque tenga mi fondo en este caso esta:
Luego Abro para empezar a hacer el fondo
y pongo estos valores asi como está en la imagen
antes con click derecho sobre la textura,abro propiedades para copiar la url
VALORES PARA FONDO(respetar los espacios donde no pongo nada )
Esto cuando insertamos queda asi:
(si le pasamos el mouse por arribita verán que tiene tres columnas)
Aparte para hacerlo tenemos que tener la misma textura en nuestra pc
en el psp7 (es el que yo uso)
abrimos en mi caso un paño de 900x700(para la parte de arriba del layout)
y otro paño de 900x500(para la parte de abajo)
Estas medidas son las que yo puse pueden variar de acuerdo a su gusto.
Con el bote de pintura (en el psp7) pintamos ambos paños con la textura k elijimos
en este caso esta
Luego amigas va la parte de creatividad ,no hay tutorial para ello
pués en cada paño uno realiza la composición que quiera en mi caso hice estas.
Esta para arriba:
Esta para abajo:
ahora lo k resta es armarlo
teniamos esto:
Y le pegamos las partes Aqui esta la imagen
antes de pegar cada parte poner el cursor y darle la tecla retroceso y a la tecla Sppr antes de pegar
y el resultado es este amigos ,disculpen si no fui más clara espero que lo entiendan besitos Kuky
|
ESCRIBIR AQUI
|
|
By Kuky
|
 |
|
|
|
|
|
|
|
Si te sirve esta explicacion llevatela a tu grupo
Yo lo tomé para traerlo a ustedes corazoncitos.
Damos clic a insertar tabla
en la ventana que se abre colocamos los siguientes valores
nos da una tabla finita,
aqui no tenemos que darle a retroceso,
no olvides poner en alineacion centrado para que la tabla te quede
en medio de la ventana,el cursor te queda en la parte de arriba
de la tabla finita, damos clic a insertar imagen
se abre una ventana, aguarda ahi,
va a la parte de arriba de tu lay
damos clic derecho, en la ventana que se abre damos clic a propiedades
en la nueva ventana que se abre buzca , sombrea y copia la direccion url
viene a la ventana que abriste de insertar imagen
pegas la url que que copiaste, mira que en alineacion dice ninguno,
colocas al medio,
ahi enemos la parte de arriba de tu lay,
si observa se nota una division en seleccion
con puntitos, nos vamos a la parte de abajo,
copiamos la url de la parte de abajo del lay,
damos clic a insertar tabla, pegamos la url, en alinecion ponemos al medio.
luego colocamos el cursor en la parte del centro del lay, damos a centrar
 ,
y estamos listo para escribir
 |
|
T
e
x
t
o
aqui
|
 |
|
|
|
|
Primer
Anterior
2 a 6 de 6
Siguiente
Último
|
|
| |
|
|
©2024 - Gabitos - Todos los derechos reservados | |
|
|
Tema anterior
