domingo, 24 de mayo de 2020

LibreOffice Impress - Intersecar formas e imagen

LibreOffice Impress
Hoy les traigo algo que he visto en internet, me ha parecido muy atractivo y me he dicho como se haría con LibreOffice Impress.

Vamos a realizar un trabajo donde teniendo un conjunto de formas agrupadas y una imagen, vamos a fundirlas para que la imagen se quede con el diseño de las formas, ¡vamos a ello!.

Para comenzar realice mediante formas algo parecido a lo que tiene en la siguiente imagen, es sencillo, haga cuadrados con la Herramienta rectángulo con el tamaño que usted desee, el color no importa.

El siguiente paso es seleccionar las todas formas que ha pintado, haga clic con el botón derecho del ratón y muestre el menú contextual, seleccione la opción Agrupar.


Haga clic sobre el grupo de formas y muestre los pivotes para poder rotar la imagen, rótela 90º.



Ajústela correctamente para que quede alineada.


Importe la imagen mediante el botón Insertar imagen....


Muestre de nuevo el menú contextual, seleccione la opción Organizar > Enviar el fondo.


Observe como queda el grupo de formas y la imagen.


Seleccione la imagen y el grupo de formas, muestre el menú contextual y seleccione la opción Formas > Intersecar.


Observe la siguiente imagen, debe quedar algo parecido a esta, ya solo queda poner imaginación y aplicarlo a nuestros proyectos.


Si te gusto, ¡¡comparte!!, y no te olvides que puedes seguirnos en nuestras Redes Sociales.

Te puede interesar

LibreOffice Impress LibreOffice Impress Scribus
LibreOffice Impress - Patrón de diapositivas LibreOffice Impress - Animación personalizada Scribus - Tema 40 - Incluir el número de página

viernes, 1 de mayo de 2020

Doble exposición con Gimp


The Gimp
En este caso les traigo algo muy sencillo de realizar y con un efecto visual magnífico con nuestro editor de imagen The Gimp.

En primer lugar definir la doble exposición, con esto nos referimos al fundido de dos imágenes con el objeto que la imagen superior quede sobre impresa sobre la imagen de la capa inferior, adaptándose a las formas de esta segunda.

Para comenzar abra una imagen, esta se quedará en segundo plano.

Doble exposición con Gimp

El segundo paso será abrir otra imagen que se quedará en primer plano

Doble exposición con Gimp

En la imagen superior cambie el modo a Pantalla.

Doble exposición con Gimp

Debe quedar como en la siguiente imagen, observe como se ha fundido la una imagen sobre otra, adaptándose una a otra, ¡la verdad!, muy bonito el efecto, con esto tan simple, solo queda guardar el resultado.

Doble exposición con Gimp

¡Vamos a complicarlo un poco!, vamos a hacer que el fundido de las dos imagen se resalte menos en la parte derecha que en la izquierda. Haga clic derecho sobre la capa de la imagen superior, seleccione la opción Añadir máscara de capa.

Doble exposición con Gimp

Seleccione en el siguiente cuadro de diálogo la opción Blanco (opacidad total).

Doble exposición con Gimp

Ya tenemos buena parte del trabajo realizada, seleccione la Herramienta de degradado.

Doble exposición con Gimp

Cambie el tipo de degradado a uno que comience en color negro y acabe en color blanco, como en la siguiente imagen.

Doble exposición con Gimp

Aplique el degradado de izquierda a derecha.

Doble exposición con Gimp

Obseve como queda, en la parte izquierda queda más nítida la imagen primera, y según se va a la derecha deja de aparecer.

Doble exposición con Gimp

Si te gusto, ¡¡comparte!!, y no te olvides que puedes seguirnos en nuestras Redes Sociales.

Te puede interesar

The Gimp The Gimp The Gimp
De foto a Vector con Gimp (IV) De foto a Vector con Gimp (II) De foto a Vector con Gimp (I)


sábado, 25 de abril de 2020

Programas y utilidades para impartir docencia online

Educación a online
Con la llegada del teletrabajo provocado por los problemas actuales que estamos teniendo, he tenido que hacer uso de algunos programas para impartir docencia online, previamente he ido buscando hasta encontrar los programas y utilidades que creo que mejor se han comportado y mejor se adaptan a mis necesidades, no quiero decir con ello, que se limiten a lo que expongo y les animo a explorar la gran cantidad de herramientas que pueden encontrar en internet y sobre todo, gratuitas.

Pasando al tema que nos trae, les dejo la lista de programas que he seleccionado.

  • OpenBoard, pizarra virtual que posee una gran cantidad de funciones, es gratis.
  • Jitsi, utilidad de video-conferencia, fácil de uso y gratuita.
  • Google Hangouts: conéctate mediante video-conferencia con tus alumnas y alumnas, comparte tu escritorio, fácil de usar y muy potente.
  • Google Clasroom,  controla a todos tus alumnos y alumnas mediante esta utilidad que nos ofrece Google, muy completa y fácil de uso, solo tienes que tener cuenta en Gmail.
  • ApowerMirror,  conecta el móvil a tu PC mediante Wifi o cable USB, de esta forma puedes realizar demostraciones, mostrándolas en tus conexiones de video-conferencia, tiene funcionalidades gratuitas y de pago.
Repito que hay muchas más utilidades, pero estas son las que estoy utilizando en estos momentos. En próximos artículos abriremos un artículo por cada tipo de herramienta, aconsejando sus virtudes y sus carencias.

Si te gusto, ¡¡comparte!!, y no te olvides que puedes seguirnos en nuestras Redes Sociales.

Te puede interesar

The Gimp Blogger Facebook
Combinar pintar rutas con otras herramientas en Gimp Crear un menú desplegable en Blogger ¿Sabes cómo crear una foto 3D para Facebook?, en este artículo te lo mostramos

martes, 14 de abril de 2020

LibreOffice Writer - Insertar una hoja de cálculo de LibreOffice Calc en un documento de LibreOffice Writer

LibreOffice Writer
Un usuario me hizo las siguiente pregunta, "En realidad quisiera insertar una tabla calc en un documento libreOf. Writer, Con la capacidad de clikearla y trabajar con la tabla pero dentro del documento.", se reduce a insertar dentro de un documento de LibreOffice Writer una hoja de cálculo de LibreOffice Calc.

¡Vamos a ello!, abra un documento en LibreOffice Writer. EN la barra de menú haga clic en la Insertar > Objeto > Objeto OLE...


ibreOffice Writer - Insertar una hoja de cálculo de LibreOffice Calc en un documento de LibreOffice Writer

Le mostrará el siguiente cuadro de diálogo, vamos a suponer que queremos crearlo a partir de un documento de LibreOffice Calc, marque el campo Crear a partir de un archivo.

Haga clic en el botón Buscar.

ibreOffice Writer - Insertar una hoja de cálculo de LibreOffice Calc en un documento de LibreOffice Writer

 Seleccione el documento que desea insertar.

ibreOffice Writer - Insertar una hoja de cálculo de LibreOffice Calc en un documento de LibreOffice Writer

Para terminar marque el campo Enlazar a archivo, si desea que cada vez que se modificque la hoja de cálculo, también se modifique en la hoja de cálculo incrustada en nuestro documento de LibreOffice Writer.

Marque el campo Mostrar como icono si en vez de mostrar la hoja de cálculo desea mostrarlo como un icono. Para terminar haga clic en el botón Aceptar.

ibreOffice Writer - Insertar una hoja de cálculo de LibreOffice Calc en un documento de LibreOffice Writer

Puede observar como queda en la siguiente imagen.

ibreOffice Writer - Insertar una hoja de cálculo de LibreOffice Calc en un documento de LibreOffice Writer

Para trabajar en esta hoja de cálculo, solo tiene que hacer doble clic sobre el objeto insertado y se activará para comenzar a trabajar, observe que cuando está activa, las barras de herramientas cambian a LibreOffice Calc.

ibreOffice Writer - Insertar una hoja de cálculo de LibreOffice Calc en un documento de LibreOffice Writer

Si te gusto, ¡¡comparte!!, y no te olvides que puedes seguirnos en nuestras Redes Sociales.

Te puede interesar

The Gimp Blogger Facebook
Combinar pintar rutas con otras herramientas en Gimp Crear un menú desplegable en Blogger ¿Sabes cómo crear una foto 3D para Facebook?, en este artículo te lo mostramos

sábado, 11 de abril de 2020

Añadir un slider a mi blog de Blogger

Blogger
Hoy nos trae el mostraros como añadir un slider a nuestro blog en Blogger.

En primer lugar, aclarar que es un slider, para ello pueden visitar el artículo de la Wikipedia.

En segundo lugar he buscado una plantilla en Blogger que se preste a incluir un slider, hecho esto vayamos a al trabajo.

En el menú izquierdo, haga clic en la opción Diseño, le mostrará todas las áreas que incluye su blog haga clic en la la opción Añadir un gadget, da lo mismo donde se encuentre, luego puede arrastrar lo que ha creado a otra zona.



Le mostrará el siguiente cuadro de diálogo, haga clic en la opción HTML/Javascript.

<div id="slider-wrapper">
  <div class="inner-wrapper">
    <input checked type="radio" name="slide" class="control" id="Slide1" />
    <label for="Slide1" id="s1"></label>
    <input type="radio" name="slide" class="control" id="Slide2" />
    <label for="Slide2" id="s2"></label>
    <input type="radio" name="slide" class="control" id="Slide3" />
    <label for="Slide3" id="s3"></label>
    <input type="radio" name="slide" class="control" id="Slide4" />
    <label for="Slide4" id="s4"></label>
    <div class="overflow-wrapper">
      <a class="slide" href=""><img src="https://cdn.pixabay.com/photo/2015/12/01/20/28/road-1072823_960_720.jpg" /></a>
      <a class="slide" href=""><img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg" /></a>
      <a class="slide" href=""><img src="https://cdn.pixabay.com/photo/2017/05/08/13/15/spring-bird-2295431_960_720.jpg" /></a>
      <a class="slide" href=""><img src="https://cdn.pixabay.com/photo/2018/01/14/23/12/nature-3082832_960_720.jpg" /></a>
    </div>
  </div>
</div>

Observe las instrucciones href, debe modificar estas con la dirección o URL de las imágenes que usted quiera que aparezcan.
Instrucción href, ver página.



Incluya un título, copie y pegue el siguiente código HTML 



Como he creado mi gadget en un área que no es la que yo deseaba, haga clic sobre la barra izquierda que tiene el gadget con tres puntos verticales,


Arrástrelo hacia la zona que usted desee, observará que se abre una zona para incluirlo.


Como en la zona que he incluido mi gadget hay otra sección que no quiero que aparezca, no la voy a eliminar, por si en el futuro me hace falta, la voy a deshabilitar, haga clic en el lápiz que se encuentra a la derecha de la zona que quiere deshabilitar.

Le mostrará un cuadro de diálogo como el siguiente, haga clic en la casilla Visible, hecho esto guarde los cambios.


Observará que el icono del ojo que aparece en el área deshabilitada, se ha modificado a un icono menos nítido.



Seleccione la opción Avanzado > Añadir CSS. Copie este código  y lo pega en el cuadro de diálogo que muesrta, el código no es mio, lo iremos perfeccionando en capítulos siguientes.


#slider-wrapper {
  width: 940px;
  height: 470px;
  margin: 50px auto;
  position: relative;
  margin-bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

#s1 {
  padding: 6px;
  background: #000000;
  position: absolute;
  left: 50%;
  bottom: 25px;
  margin-left: -36px;
  border-radius: 20px;
  opacity: 0.3;
  cursor: pointer;
  z-index: 999;
}

#s2 {
  padding: 6px;
  background: #000000;
  position: absolute;
  left: 50%;
  bottom: 25px;
  margin-left: -12px;
  border-radius: 20px;
  opacity: 0.3;
  cursor: pointer;
  z-index: 999;
}

#s3 {
  padding: 6px;
  background: #000000;
  position: absolute;
  left: 50%;
  bottom: 25px;
  margin-left: 12px;
  border-radius: 20px;
  opacity: 0.3;
  cursor: pointer;
  z-index: 999;
}

#s4 {
  padding: 6px;
  background: #000000;
  position: absolute;
  left: 50%;
  bottom: 25px;
  margin-left: 36px;
  border-radius: 20px;
  opacity: 0.3;
  cursor: pointer;
  z-index: 999;
}

#s1:hover,
#s2:hover,
#s3:hover,
#s4:hover {
  opacity: .50;
}

.inner-wrapper {
  width: 940px;
  height: 470px;
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 0px;
  overflow: hidden;
}

.control {
  display: none;
}

#Slide1:checked ~ .overflow-wrapper {
  margin-left: 0%;
}

#Slide2:checked ~ .overflow-wrapper {
  margin-left: -100%;
}

#Slide3:checked ~ .overflow-wrapper {
  margin-left: -200%;
}

#Slide4:checked ~ .overflow-wrapper {
  margin-left: -300%;
}

#Slide1:checked + #s1 {
  opacity: 1;
}

#Slide2:checked + #s2 {
  opacity: 1;
}

#Slide3:checked + #s3 {
  opacity: 1;
}

#Slide4:checked + #s4 {
  opacity: 1;
}

.overflow-wrapper {
  width: 400%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: hidden;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.slide img {
  width: 25%;
  float: left;
}

Guarde el coódigo CSS y visualice los resultados.



Si te gusto, ¡¡comparte!!, y no te olvides que puedes seguirnos en nuestras Redes Sociales.

Te puede interesar

The Gimp Blogger Facebook
Combinar pintar rutas con otras herramientas en Gimp Crear un menú desplegable en Blogger ¿Sabes cómo crear una foto 3D para Facebook?, en este artículo te lo mostramos