Página principal  |  Contacto  

Correo electrónico:

Contraseña:

Registrarse ahora!

¿Has olvidado tu contraseña?

Amigos de Gabito
¡ Feliz Cumpleaños MORAGREIKI !                                                                                           ¡ Feliz Cumpleaños Mercedes t !                                                                                           ¡ Feliz Cumpleaños masocru !
 
Novedades
  Únete ahora
  Panel de mensajes 
  Galería de imágenes 
 Archivos y documentos 
 Encuestas y Test 
  Lista de Participantes
 ▬ღ▬ღ▬ღ▬ღ▬ღ▬ღ▬ღ 
 "Reglamento del Grupo" 
 " General " 
 " Poemas " 
 "Administración" 
 " Comparte Ayuda " 
 Sugerencias ,Quejas , Comentarios 
 ▬ღ▬ღ▬ღ▬ღ▬ღ▬ღ▬ღ 
 ►► Paneles todo PSP 
 Tutoriales aprendizaje 
 ►► Materiales 
 ►► Todo para Fondos 
 ▬ღ▬ღ▬ღ▬ღ▬ღ▬ღ▬ღ 
 Ofrecimientos y entregas 
 " Buzones " 
 Comunidades Amigas 
 Responder Mensajes 
 ▬ღ▬ღ▬ღ▬ღ▬ღ▬ღ▬ღ 
 
 
  Herramientas
 
►Tutoriales Amigos Gabito: HACIENDO UN LAYOUT SENCILLO
Elegir otro panel de mensajes
Tema anterior  Tema siguiente
Respuesta  Mensaje 1 de 5 en el tema 
De: Mistikmoon  (Mensaje original) Enviado: 13/07/2020 08:07
HACIENDO UN LAYOUT SENCILLO
(primera parte)


 
 

 Este tutorial fué hecho con el PSP8, pero puede hacerse con otras versiones. 
Se requiere conocimiento medio en el manejo del programa. 
Este tuto lo hice de la manera que he aprendido, tal vez haya una forma mas fácil pero ésta es la que conozco.

La diferencia entre fondos y layouts es que los fondos están hechos con varias tablas. (Tutorial  de fondos AQUI).
Los layouts llevan 3 partes, la de arriba, la de abajo y la de enmedio, pero son un poco mas elaborados, aunque también pueden hacerse combinados con tablas.

Si deseas que tu layout se vea parejo, procura usar papeles de scrap pequeños, para que no te ocupen mucho espacio al guardarlos en el servidor. Trata de aplicarles el efecto de azulejo sin costuras (barra de herramientas de arriba: efectos/ efectos de imagen/azulejos sin costuras), para que se vean uniformes.
Reúne todos los materiales que vas a usar y minimízalos.
 
 
 Dicho esto, comencemos...
  
Abre un paño transparente con tus medidas de preferencia. Generalmente yo uso las medidas 900 x 800 pixeles, no me gustan los layouts muy angostos porque mientras mas angosto, menos espacio tienes para escribir tu mensaje.

Llena el paño con una textura o color tenue, si usas adornos laterales (opcional) como lo he hecho yo con las perlitas moradas, coloca una linea vertical de dichos adornos al lado derecho o izquierdo y acomoda a tu gusto, luego ve a la barra de herramientas de arriba: capas/duplicarimagen/espejocapas/fusionar/fusionar  abajo .
 Ya tienes tus adornos laterales como segunda capa.
 Arma encima tu layout completo sin fusionarlo. 

 
 
 
 
 Una vez satisfecho-a con tu creación, ve al lado derecho de tu psp, debajo de la paleta de colores; en la sección de capas, si usaste adornos laterales como yo, activa esa capa (la segunda), da click sobre ella con el cursor, observa como se sombrea en azulsi deseas ponerle sombra hazlo, 
  
 
 

 enseguida ve a la barra de arriba: capas/ fusionar/fusionar abajo. 
Ya tienes lista la capa del fondo. 
 
layprev4.png
 

 Ahora vuelve al menú lateral derecho y oculta la primera capa (la fusionada) dando click en el ojo. Observa como desaparece el fondo.
 

 Procede a dar los últimos toques sobre las otras capas como aplicar sombra, efectos, letreros, hacer cambios si lo deseas,etc. Una vez satisfecho-a, activa cualquiera de las otras capas (excluyendo la del ojo con la x
 

 Ahora ve al menú de arriba: capas/fusionar/fusionar visible.
Luego a Editar/cortar - Editar/pegar como nueva imagen
Minimiza el paño con la capa oculta, 

 

por ahora vamos a trabajar sobre la nueva imagen.
 
En la barra de la izquierda, elige la herramienta para cortar,


llévala a la parte de arriba de la nueva imagen, como indica la gráfica, procurando  abarcar hasta las orillas laterales, la de arriba y de abajo procurando que la parte quede completa con suficiente espacio para que la sombra no salga cortada. 
 
 

 Una vez listo aplica el corte.
 
layprev11.png

 Cerciórate que la medida de ancho sea la misma de tu lay (900px), (el largo no es importante) barra de abajo, lado derecho.
 

 Arriba en la barra de herramientas ve a Editar/copiar - Editar/pegar como nueva imagen
Ya tienes la parte de arriba, ahora minimízala

Vuelve a la parte que cortaste, ve al menú de arriba: Editar/deshacer el corte

 
 

Repite la operación esta vez con la parte de abajo, asegurándote que tiene el mismo ancho (900 px ). Con ésta ya no tienes que copiar y pegar como nueva imagen. 
Ya tienes la parte de abajo, Minimízala también.  
 
Ahora vamos a trabajar sobre la imagen que minimizamos primero, la de la capa oculta, la restauramos
 

En el menú de la derecha, descubre la capa dando click sobre la x en el ojo, ve al menú de arriba: capas/fusionar/fusionar visible. Enseguida vamos a proceder a cortar la parte de enmedio del lay, procurando cubrir hasta las orillas laterales y buscando la forma de que el patrón o fibra del fondo se vea uniforme como muestra la gráfica, en este caso tratando también que la distancia entre las perlitas se vea uniforme. Aplica el corte.
 
 

 Una vez hecho el corte, asegúrate de que el ancho sea el mismo que las otras dos partes. 

Ya tienes la parte de enmedio.

Dato opcional- lo que yo hago para cerciorarme de que la parte de enmedio se vea uniforme es abrir un paño transparente del mismo ancho pero un poquito mas largo ( 900x 1000 ), y en la paleta de colores de la izquierda, doy click en el cuadrito del primer plano, en la pestaña de patrones, busco la parte de enmedio del lay y relleno con ése patron el paño usando el botecito de pintura. Así veo si queda bien o hay que hacer ajustes antes de guardar. 
Una vez satisfecha elimino el paño.

Ahora que ya tienes las tres partes de tu lay, procedemos a guardarlas yendo a archivo/exportar/optimizador PNG. en cada una de ellas. Siempre guarda como png, a menos que la imagen tenga movimiento, entonces debes usar el optimizador GIF.
Luego subimos las partes en un servidor de alojamiento de imágenes.


( fin de la primera parte ).

 
Tutorial hecho por ©Mistik Julio 8 2020.
Puedes llevártelo a tu comunidad, respetando la autoría.

 
 
 
MistikArts


Primer  Anterior  2 a 5 de 5  Siguiente   Último  
Respuesta  Mensaje 2 de 5 en el tema 
De: Mistikmoon Enviado: 13/07/2020 08:07


HACIENDO UN LAYOUT SENCILLO
(segunda parte)
Montando el Layout

 

Abre una ventana de mensajes, pega allí los materiales, las tres partes del Lay y texturas o patrones, separadores, que vas a usar, etc.
Voy a usar la imagen del tuto de fondos para demostrar:

 
 
 
Abre otro mensaje de respuesta debajo de donde pusiste tus materiales que ya tienes a la mano. Asegúrate que estás en el editor nuevo, ( si el rectángulo de la derecha dice " Editor HTML Viejo", quiere decir que estoy en el nuevo, y viceversa ).


 
 
Si deseas que tu lay lleve tablas, procede a armar las tablas primero (fondo). Tutorial de tablas AQUI

Si deseas el Lay sin tablas, sáltate el paso de arriba.

 Procede a alinear al centro...

 
 Elige el icono para insertar una nueva tabla
 
 
 Sobre la ventanita que se abrió aplica los siguientes valores, no te olvides de elegir la alineación/ centrado si no quieres que tu lay salga cargado del lado izquierdo.


 
 
 Cuando llegues a imagen de fondo,
ve a la discusión de arriba, donde están tus materiales, elige la parte de enmedio de tu lay,  y dando click derecho con el mouse, elige la opción de copiar dirección de la imagen

 
 

luego vuelve a la ventana anterior y pega ( teclas Ctrl v ) en el recuadro de imagen de fondo. 
Da click en insertar.

 
 
 
 
Vas a ver lo que parece una línea alargada, con la parte de arriba parpadeando

 
 
  ahora ve de nuevo a la la discusión de arriba, donde están tus materiales, elige la parte de arriba de tu lay y dando click derecho en el mouse, esta vez elige la opción copiar imagen

Vuelve a la ventana donde estás armando el lay, asegurándote que la linea siga parpadeando y pega ( teclas Ctrl v )...


 
 
 Una vez pegada la parte de arriba de tu lay, vas a ver dos franjas divididas por lineas punteadas debajo de la parte que acabas de pegar (1-), la núm 2- es la parte de enmedio, la 3- es donde vas a pegar la parte de abajo del lay.
Repite el mismo paso, esta vez con la parte de abajo del lay, arriba, en tus materiales  ( click derecho/copiar imagen ) pegar ( Ctrl V ) en la línea no. 3-...

 
 

Una vez pegada la parte de abajo, dando click sobre la línea de enmedio (2-), presiona la tecla Entrar/Enter varias veces para alargarla.
Pega tu separador o tu firma, y nota como sale cargado para el lado izquierdo, con el mouse da click derecho sobre la imagen del separador/firma,  elige las opciones fila/propiedades de la fila 

 
 


y en la ventanita  sobre alineación y alineación vertical eliges centrado, click en actualizar y listo.

 
 

Ya tienes tu layout completo.

Aunque parece difícil la primera vez, con la práctica el proceso se va haciendo mas fácil.
El chiste es no darse por vencido.

Fin de la segunda parte.



Tutorial hecho por ©Mistik Julio 8 2020.
Puedes llevártelo a tu comunidad, respetando la autoría.


 
 
 
MistikArts

Respuesta  Mensaje 3 de 5 en el tema 
De: Mistikmoon Enviado: 13/07/2020 08:11
 
 
 
 
 
 Éste es el resultado final.
Recuerden que la práctica hace al maestro.
Besotes.
 
 
 
 
 
 

Respuesta  Mensaje 4 de 5 en el tema 
De: lulu6 Enviado: 13/07/2020 16:29
Benisimo mistik boy a intentar de este modo graciasss 
pues se que hacer tutoriales lleva su tiempo de verdad lo agradesco

Respuesta  Mensaje 5 de 5 en el tema 
De: PIERA FALDUTI Enviado: 15/07/2021 01:07


Primer  Anterior  2 a 5 de 5  Siguiente   Último  
Tema anterior  Tema siguiente
 
©2024 - Gabitos - Todos los derechos reservados