Curso online de Joomla: nuevos menús en el sitio Web (II)

13 11 2008

Joomla incluye diversos menús ya creados en la instalación básica de la herramienta que, como has visto en el artículo Curso online de Joomla: los menús del sitio Web (I), puedes aprovechar editándolos o creando en ellos nuevos puntos de menú. Pero Joomla también te ofrece la posibilidad de crear nuevos menús desde cero, diferentes a los cuatro que presenta la instalación básica de Joomla, y te mostramos cómo. Te recordamos, si acabas de llegar por primera vez a “Con el ordenador a cuestas” que nuestra serie dedicada a Joomla tiene como propósito el diseño y creación de un sitio Web para un centro educativo (Infantil, Primaria o Secundaria) pero que lógicamente, podrás adaptar nuestras indicaciones a la realización de cualquier otra web (web de departamento, de área, de proyecto de centro, etc.) si estructuras y organizas sus correspondientes secciones, artículos y menús al sitio que estás diseñando (de todo ello ya hemos hablado en esta misma sección).

Para crear un nuevo menú tendrás que acudir al Administrador de menús tanto si utilizar la versión Joomla 1.0.x como la versión 1.5

administrador de menus

o bien utilizar la entrada Menús que localizarás en la barra de menú de la parte superior de la pantalla: en el desplegable verás Administrador de Menús así como la lista de menús creada hasta el momento, que en nuestro caso sólo contiene los cuatro menús que Joomla creó en la instalación:

administrador de menús

El diseño del menú y de los puntos de menú

Siempre debes tener muy claro la estructura del menú que vas a realizar. Te recomendamos que lo diseñes previamente con lápiz y papel porque aunque su edición en Joomla, una vez diseñado y realizado, siempre es posible en cualquier momento, siempre te costará menos modificarlo si tus ideas iniciales están muy claras.

En el ejemplo que nos ocupa tenemos creado un menú principal con los puntos de menú Centro, Alumnado, Profesorado y Familias y ahora deseamos crear un nuevo menú, que funcione a modo de submenú, de cada uno de ellos. Por ejemplo, un submenú que recoja los diferentes menús de navegación que encontrará el visitante de nuestro sitio Web cuando haga clic en el punto de menú Centro o un submenú que recoja igualmente el menú de navegación dirigido a los alumnos si, en cambio, hace clic en Alumnado.

Tomemos como punto de partida la creación de un nuevo menú orientado al menú Centro. Por lo general, incluirá alguno de los siguientes apartados: Situación (dirección del centro, callejero, situación en la ciudad, cómo llegar, etc.), Instalaciones (imágenes y recorridos por las diferentes dependencias del centro, oficinas, aulas, patios escolares, etc.), Organización (profesorado, órganos de gobierno, departamentos…), Horario, Oferta educativa, Secretaría (becas, ayudas al estudio, admisión de alumnos…), Proyectos del centro, etc. Estas entradas de este nuevo menú pueden dirigirse tanto a determinadas páginas que muestran información estable (que no cambia a lo largo del curso): por ejemplo, las páginas que muestran la ubicación del centro o su oferta educativa, o su horario de apertura y, en cambio, otras entradas pueden apuntar hacia páginas cuya información cambia constantemente y de forma habitual. Imagina por ejemplo, la entrada Secretaría: a principios del curso mostrará la lista de libros de texto o los grupos de clases, en cambio a mediados del curso quizá tengamos que informar de algún tipo de convocatoria de ayudas a las familias y a finales del curso se abrirá el proceso de admisión de alumnos, del cual informaremos puntualmente en la Web.

¡Esta distinción es fundamental.
Tenlo muy en cuenta a la hora de diseñar los puntos de menú!

Como has visto en el artículo anterior, Joomla dispone de menús diferenciados para propósitos diferentes y tendrás que elegir, a la hora de crear un punto de menú, qué tipo de página estás diseñando. Si, en principio, estos conceptos te resultan algo confusos, no te desanimes, pues realizaremos ejemplos concretos a continuación para que lo entiendas todo perfectamente.

Crea un nuevo menú - JOOMLA 1.0.x

Vas a crear un nuevo menú y lo llamarás Centro. En él crearás los diferentes puntos de menús relativos a las categorías creadas en la sección Centro y aparecerán también otros puntos de menú dirigidos a aquellas páginas en las que la Web mostrará contenidos estables.

Haz clic sobre el botón Administrador de menús del Panel de Control para acceder a la página que te permitirá crear un nuevo menú.

Localiza el botón Nuevo para crear un nuevo menú en Joomla:

Crear un nuevo menu

En la nueva pantalla Detalles del Menú, teclea el término Centro en Nombre del menú y en Título del módulo.

crear nuevo menú

Nota. Cuando crees o edites un nuevo menú en Joomla, debes obligatoriamente escribe una única palabra identificativa para el sistema en el campo Nombre del menú. En cambio en Título del módulo, podrás escribir varias palabras separadas por espacios, pues éste será el nombre con el que aparecerá ese menú en la zona pública de nuestro sitio Web, es decir, en el Frontend.

Haz clic en el botón Guardar y observa que el nuevo menú se añade a la lista de menús de Joomla.

crear un nuevo menu

Crea puntos de menú que enlacen a contenidos estables

En nuestro nuevo menú Centro habrá una entrada o punto de menú llamado Oferta educativa que apuntará a una página en la que informaremos sobre la oferta educativa del centro. Esta información, estable, que no cambiará durante todo el curso, se incluirá en un artículo independiente y no asociado a ninguna categoría ni sección. Después, realizaremos un punto de menú llamado Oferta educativa que apunte a dicho artículo. ¡Pongámonos a la tarea!

Crea el artículo sin asociar

En versiones 1.0.x de Joomla este tipo de artículo se denomina Contenido estático; en cambio, en Joomla 1.5 no existe diferenciación en los tipos de artículo, simplemente será un artículo como cualquier otro que no se asociará a ninguna categoría ni sección de nuestro sitio Web.

Para crear un artículo de Contenido estático acude al Administrador de Contenido Estático. Haz clic sobre el botón Nuevo y la pantalla de creación de un artículo aparecerá en tu monitor. Ponle como título Oferta educativa del centro y como alias copia este mismo contenido. Crea el contenido del artículo, por ejemplo:

La oferta educativa del centro es la siguiente:
Educación Secundaria Obligatoria: 1º, 2º, 3º y 4º
Bachillerato LOE, en las modalidades de: Humanidades y Ciencias Sociales. Ciencias de la Naturaleza y de la Salud.
Ciclos Formativos de Grado Medio: Gestión Administrativa. (turnos de mañana y nocturno). Equipos e Instalaciones Electrotécnicas (turno de mañana)
Ciclos Formativos de Grado Superior: Administración y Finanzas. (turnos de mañana y nocturno). Instalaciones Electrotécnicas. Regulación y Control Automáticos. Secretariado.(turnos de mañana y nocturno)

Edítalo a tu gusto, añade imágenes si lo deseas y cuando finalices haz clic en Guardar. El nuevo artículo de contenido estático se añadirá en el listado del Administrador de artículos de Contenido Estático.

Crea el punto de menú que apunte al artículo anterior

Acude al Administrador de menús y en concreto, haz clic sobre el icono situado a la derecha del nuevo menú Centro (icono Artículos de menú) para crear los puntos o entradas de menú. Haz clic sobre el menú Nuevo y en la nueva pantalla selecciona en el bloque Contenido, Enlace - Contenido estático validando la opción correspondiente. Haz clic sobre Siguiente.

crear un nuevo punto de menú a un contenido estático

Teclea en Nombre la palabra o palabras que desees aparezca en el menú de navegación (en este caso Oferta Educativa), selecciona de la lista de contenido estático aquél al que apuntará el punto de menú (el artículo que has creado en el apartado anterior), selecciona el comportamiento concreto que tendrá la ventana al hacer clic sobre la entrada de menú: como ven en la captura de pantalla siguiente hemos seleccionado Seguir con la misma ventana de navegación porque deseamos que continúe la navegación por nuestro sitio y deja la opción por defecto Top para que la entrada de menú sea una entrada independiente en el menú (no un submenú de un punto de menú ya creado - no tenemos otras entradas creadas, claro, al menos de momento).

Tras hacer estos cambios pulsa el botón Guardar. La nueva entrada de menú en el menú Centro se habrá creado.

crear un punto de menú a un art�culo de contenido estático

Previsualiza tu sitio… ¿Dónde está el nuevo menú?

Si ahora previsualizas tu sitio Web, el nuevo menú ni siquiera aparece, te preguntarás qué has hecho mal. Pues nada, sencillamente que debes comprobar siempre que los nuevos módulos que creas son públicos (y un menú no es más que un nuevo módulo), si se encuentran publicados o no. Por ello acude al Administrador de módulos en Módulos - Módulos del sitio y localiza el nuevo menú Centro en el listado de módulos y asegúrate de publicarlo haciendo clic en el botón con el aspa de color rojo.

También debes ubicarlo correctamente. Como ves se encuentra situado por encima del Menú Principal (y lo queremos justo debajo) y se localiza en la parte izquierda de la página (columna Posición - left). Esto dependerá de la plantilla que estés utilizando en cada momento, compruébalo en tu caso concreto. Colocarlo es simple, utiliza las flechitas azules para moverlo hacia arriba o hacia abajo a una nueva posición.

Previsualiza o recarga ahora tu sitio Web para comprobar que, en efecto, el nuevo menú con la nueva entrada aparece y comprueba que al hacer clic sobre el enlace Oferta educativa, se abre el artículo con el contenido que muestra la oferta del centro.

aspecto de un menú

De esta misma manera puedes crear otros artículos de contenido estático que recojan informaciones sobre la ubicación del centro (entrada en el menú Localización), el horario (entrada en el menú Horario), Instalaciones (entrada en el menú Instalaciones), repitiendo los procedimientos señalados hasta ahora.



Gimp: la herramienta de selección Lazo

12 11 2008

Gimp, diseño y retoque fotográfico libreLa herramienta de selección Lazo permite crear selecciones alrededor de objetos o áreas específicas, lo que tiene valiosísimos usos. Podrías hacer una selección de lazo alrededor de una figura para moverla a otra imagen, para crear una docena de clones o duplicados de una imagen o quizá únicamente para ajustar el tono de la piel, cambiar de color un vestido, modificar el fondo de una fotografía, etc. Utiliza esta herramienta, pues, para realizar selecciones a mano alzada, como si estuvieras usando un lápiz: como resulta ciertamente difícil realizar con ella selecciones complejas, úsala especialmente para selecciones menos precisas.

herramienta de selección Lazo - opcionesPara utilizarla, pincha en la Caja de Herramientas en su icono correspondiente y arrástralo hasta la ventana de la imagen para seleccionar la zona deseada: haz clic en el lugar donde quieres que empiece la selección y luego arrastra el puntero del ratón alrededor de la figura que deseas seleccionar. Al llegar al lugar en el que deseas que termine la selección, suelta el botón del ratón. Gimp creará automáticamente una línea entre el punto de partida y el punto final, para cerrar la selección.

Puedes emplear la herramienta Lazo de cuatro maneras diferentes:

  • Pulsando sobre su icono en la Caja de Herramientas
  • Pulsando el botón derecho del ratón sobre la imagen y seleccionando en el menú contextual Herramientas
  • Pulsando sobre el menú Herramientas y, a continuación, seleccionando Herramientas de selección - Lazo
  • Pulsando la tecla F del teclado sobre la imagen

La herramienta Lazo tiene cierta versatilidad si no eres muy hábil con el movimiento del ratón sobre la imagen: puedes ir creando selecciones con bordes rectos cada vez que hagas clic sobre la imagen. A medida que vas haciendo clic, Gimp crea ciertos puntos de selección que ¡podrás mover de posición acercando el ratón a ellos, mientras no se cierre la selección!, para precisar aún más la selección que vas dibujando. Para cerrar la selección sólo tienes que ubicar el puntero cerca del primer punto seleccionado: Gimp la cerrará automáticamente. Utilizar la herramienta Lazo de esta forma es ideal para realizar selecciones geométricas de tipo poligonal, como cuadrados, rectángulos, etc.

Veamos un ejemplo de utilización:

Necesitas las siguientes imágenes:

  • http://www.flickr.com/photos/striatic/61534814/sizes/l/
  • http://www.flickr.com/photos/kupkup/416735964/sizes/l/

Ambas fotografías serán descargadas de Flickr en los enlaces anteriores. Se alojan bajo licencias Creative Commons que permiten su edición siempre que mencionemos el nombre de su autor: en este caso, la primera fotografía es del usuario Striatic, la segunda de Kup, Kup Land. Si lo deseas puedes utilizar las siguientes: se han reducido su tamaño para un mejor manejo y edición.

       

Utiliza la opción Guardar imagen como… con el botón derecho del ratón

Abre la imagen habitación.jpg en Gimp. Observa el cuadro de diálogo Capas, Canales y Rutas. En él aparece una única capa llamada Fondo, la imagen de la habitación. (No hemos abordado este concepto, pero no es demasiado complejo, piensa en las capas como las capas de una cebolla o como en capas de papel que se superponen unas encima de otras dejando ver lo que hay en ellas).  Mantén esta imagen abierta, no la cierres, la utilizarás a continuación.

Ahora abre la segunda imagen en Gimp y realiza los siguientes pasos:
1. Al igual que la imagen anterior, observa en el cuadro de diálogo Capas, canales y rutas, que cuadro.png sólo tiene una capa llamada Fondo.

2. Con la herramienta lazo vete haciendo clic sobre diferentes puntos en los lados del cuadro hasta seleccionarlo completamente.

3. Ahora vete a Edición - Copiar o botón derecho del ratón sobre la selección Editar - Copiar.

4. Sitúate en la imagen de la habitación (haz clic sobre el título de la ventana para activarla) y ahora haz clic en Editar - Pegar. El cuadro se copia en la imagen, pero no tiene un tamaño adecuado ni está bien posicionada. No te preocupes: esto tiene fácil arreglo.

pegar selección de una imagen

5. Observa ahora el cuadro de diálogo Capas, Canales y rutas. En realidad, Gimp ha creado una nueva capa por el objeto que has pegado en la imagen. Como ves, se llama Selección flotante (capa pegada). Puedes moverla por la imagen si seleccionas la herramienta Mover (valida la opción de la herramienta Mover la capa activa, para mover concretamente la capa que tengas seleccionada). Ahora haz clic sobre la imagen del cuadro y arrástrala hasta otra posición en la habitación. Simple, ¿no?

cuadro de diálogo capas, canales y rutas

6.Puedes cambiarla de tamaño haciendo clic en el menú Capa - Escalar capa. En la ventana que aparece en pantalla cambia el valor de tamaño de capas en Anchura a 160 (no te preocupes por el valor Altura, observa la cadena situada a la derecha, se encuentra entrelazada, esto significa que la capa se escalará proporcionalmente). En cuanto hagas clic en Escalar, la capa adquirirá el nuevo tamaño. Ahora posiciónala donde desees en la imagen habitación.png.

7. Para convertir la capa Selección flotante en una capa “real” de la imagen sólo tienes que hacer clic en el icono Crear una capa nueva, del cuadro de diálogo Capas, canales y rutas (el primero de ellos). Fíjate que adquiere como nombre predeterminado Capa pegada. Puedes cambiarlo haciendo doble clic sobre él y escribiendo con el teclado un nuevo nombre para la capa. En este ejemplo concreto llámala cuadro.

8. Ahora la imagen tiene dos capas: fondo y cuadro. Puedes copiar esta última tantas veces como quieras con el icono Duplicar capa que localizarás en el cuadro de diálogo Capas, Canales y rutas. Llámalas cuadro2, cuadro3, por ejemplo. Puedes también escalar cada una de estas nuevas capas a diferentes tamaños y posicionarlas como ahora ya sabes en lugares diferentes de la imagen habitacion.png para obtener resultados similares al siguiente:

trabajar con selecciones - la herramienta lazo

¡Ya ves, con esta sencillez puedes realizar divertidos y llamativos fotomontajes!

Opciones de la herramienta Lazo

La herramienta Lazo sólo presenta dos opciones que ya conoces de artículos anteriores dedicados a las selecciones rectangular y elípticas. Son alisado y difuminar bordes. Utilízalas exactamente igual.

herramienta de selección Lazo - opciones

Has visto una simple utilidad de la herramienta lazo. Es una buena herramienta de selección para realizar un esbozo inicial de una selección en una imagen. Los usuarios avanzados de Gimp (y de cualquier otro programa de edición y retoque fotográfico) suelen realizar un primer esbozo con el lazo y luego cambiar a otras herramientas de selección o trabajar con máscaras para detallar y concretar mucho más la selección. Pero esto será objeto de otro artículo de nuestra sección dedicada a Gimp.



Otro servicio orientado a YouTube

9 11 2008

YouTube es uno de nuestros sitios favoritos a la hora de localizar vídeos en Internet que podamos aprovechar en nuestras clase, en cualquier área o para casi cualquier tema que precises. Hemos dedicado varios artículos no sólo al sitio en sí, sino también a algunos de esos servicios Web 2.0 que existen en la red en torno a él o a la instalación de alguna aplicación en tu equipo que te facilite la descarga del vídeo elegido.

Hoy te comentamos un nuevo servicio de Internet dirigido, además de a la descarga de los archivos de vídeo alojados en YouTube a su conversión en otros formatos de vídeo para que no tengas problemas a la hora de visualizarlos sin conexión, ya sea en un reproductor de sobremesa de vídeo, en cualquier equipo con cualquier sistema operativo instalado, en dispositivos multimedia portables como el IPod o la PSP e incluso en tu móvil.

CatchYouTube, descarga de archivos de video de You TubeSe trata de Catch YouTube, un sitio Web en inglés, pero de utilización muy intuitiva que, a diferencia de otros servicios, te permitirá realizar la descarga y conversión online, sin registros de ningún tipo y sin  introducir ningún dato personal como tu correo electrónico, por ejemplo. ¡Gratis al 100%!

Su funcionamiento es muy simple. Introduce en tu navegador favorito su dirección URL

CatchYoutube: http://www.catchyoutube.com/

Y en la página que se te abre en pantalla localizas, en su parte inferior, el apartado dedicado a la descarga y conversión del archivo.

CatchYouTube, descarga de archivos de video de You Tube

Te indicamos cómo proceder:

  • Localiza el vídeo de tu interés en YouTube, por ejemplo el vídeo El sistema digestivo o aparato digestivo en http://www.youtube.com/watch?v=2FW3jsMHD74
  • Copia su dirección URL del campo Dirección de tu navegador: selecciónala y utiliza el botón derecho del ratón sobre ella para pulsar la entrada Copiar.
  • Ahora pega la dirección URL en CatchYouTube, en el campo de texto URL: botón derecho del ratón - Pegar.
  • Selecciona, validando la casilla correspondiente, el formato que deseas para su conversión.
  • Haz clic sobre Convert & Download para iniciar el servicio y espera paciéntemente a que la conversión finalice (el tiempo que CatchYoutube emplee dependerá del peso del propio archivo, del formato de conversión o de la saturación del servicio, pero en breves minutos lo tendrás disponible).
  • Cuando la conversión finalice, CatchYouTube te lo indicará y podrás descargar el archivo (botón Download) a tu equipo.

CatchYouTube, descarga de archivos de video de You Tube

  • Guárdalo convenientemente y ¡disfruta!

Nos alegramos de que servicios como éste proliferen en la red, totalmente gratuitos y que funcionan con cualquier navegador. El servicio ha sido probado con el navegador Firefox 3.0 en un equipo con Ubuntu instalado y ¡funciona perfectamente!.



Gimp: trabajando con selecciones

8 11 2008

En artículos anteriores te hemos mostrado dos de las tareas más habituales que solemos realizar con imágenes: su disminución de tamaño y el recorte de partes sobrantes de la imagen. Algunas de las tareas que realizamos en clase o para la clase implican que debamos conocer ambos procedimientos: imágenes realizadas con la cámara digital que queremos publicar en el blog o en la web del centro y que son excesivamente grandes en tamaño y pesadas, imágenes descargadas de Internet que utilizamos en nuestros trabajos de aula como en fichas individuales de trabajo, en informes de recogida de información, aprovechar alguna parte de la imagen para resaltarla o enfocar más adecuadamente sus características, etc.

Consulta nuestros tutoriales anteriores:

Pero también es muy probable que, en algún momento, necesites retocar una fotografía o varias para realizar fotomontajes, incluirles textos, añadirles otras imágenes, etc. y aquí es donde las herramientas de selección que Gimp pone a tu disposición entran en juego y con las que verdaderamente comprobarás la potencia de Gimp.

¿Qué es una selección?

Una selección crea un contorno cerrado alrededor de una parte de la imagen con la que estés trabajando. Este contorno aparece delimitado por una línea discontinua que “se mueve”: es un efecto visual que se conoce como “hormigas en marcha”.

área seleccionada

Seleccionar parte de la imagen permite aislar una zona precisa de una imagen para que los cambios que apliques sólo afecten a esta zona determinada: modificarla, quitar una parte de la imagen y reemplazarla por otra, duplicarla, cambiar sus colores, ampliarla, reducirla, cambiar su contraste, su luminosidad, aplicarle un efecto, aplicarle un filtro, etc. Y todo ello sin que estas operaciones afecten al resto de zonas de la imagen. Es decir, es posible copiar, pegar sobre otra, redimensionar, invertir, pintar, borrar… sin que afecte a las zonas de la imagen que no se encuentran seleccionadas.

Sin las selecciones tendrías poco o ningún control sobre la mayoría de las herramientas que encuentras en Gimp.

En Gimp puedes acceder a las herramientas de selección desde:

  1. La Caja de Herramientas
  2. El menú Herramientas
  3. Desde otras herramientas como Rutas, Máscaras, Canales…
Recuerda: Las herramientas de selección son, junto a las capas, las dos herramientas más potentes de las que dispones en Gimp. Trabajar con los distintos tipos de selecciones será muy importante para adquirir soltura con la aplicación.

Tipos de selecciones:

Puedes acceder a los diferentes tipos de herramientas de selección desde la Caja de Herramientas.

herramientas de selección

Observa cuáles son y sus características esenciales:

ICONO

HERRAMIENTA DE SELECCIÓN

herramienta de Selección Rectangular Selección rectangular

Crea selecciones rectangulares. La selección comienza donde haces clic y finaliza donde liberas el ratón. La mejor manera de aplicarla es comenzar ubicando el puntero en el lugar donde quieres que esté la esquina superior izquierda de la selección, hacer clic y arrastrar el puntero bajando en diagonal hasta llegar a un punto final satisfactorio.

herramienta de Selección El�ptica Selección elíptica
Genera selecciones de forma circular. De comportamiento muy similar a la anterior, para realizarla la mejor manera es comenzar desde arriba y arrastrar diagonalmente hacia abajo.
herramienta de Selección a mano alzada Selección libre - Selección a mano alzada - Lazo
Permite crear selecciones alrededor de objetos o áreas específicas dibujando de forma libre cualquier forma y creando un área de selección que irá desde el punto en el que hagas clic y arrastrando hasta el punto en que liberes el ratón. Tiene valiosísimos usos.
herramienta Varita Mágica Selección de píxeles contiguos, selección difusa - Herramienta Varita Mágica
Crea selecciones sobre áreas de color continuo. Por ejemplo, si tienes una flor amarilla sobre un fondo de color negro y haces clic sobre el fondo negro, la herramienta Varita Mágica seleccionará todo el fondo negro de la flor. Es posible ampliar la selección hacia tonos similares si en las opciones de esta herramienta que aparecen en la parte inferior de la caja se elige un margen de similitud de color.
herramienta de Selección por Color Selección por color
Muy similar a la herramienta de selección anterior, pero en este caso selecciona todos los puntos de la imagen que tienen el mismo color, aunque no estén continuos.
herramienta Tijeras Inteligentes Tijeras inteligentes
Es una de las herramientas de selección más precisas permitiendo adaptarse al color de las zonas que recorre. Cuando haces clic sobre el dibujo, cada clic añade un punto (nodo) y los puntos se van uniendo, uno tras otro, para formar un trazo. Así, puedes seleccionar con precisión el contorno de una figura, por lo que, poco a poco, puedes ir eligiendo puntos adecuados del contorno para crear la selección. Esta herramienta se denomina inteligente porque adapta la forma de cada segmento automáticamente al contorno de la figura, en lugar de crear una simple línea recta entre dos puntos.
herramienta de Selección de primer plano Herramienta de selección de primer plano
Crea una zona de selección que contiene objetos al frente.
Rutas Rutas
Realiza una selección por medio de curvas Bézier. Para utilizarla, haz clic en una zona de la imagen y, automáticamente, se seleccionan las regiones cercanas de la imagen. Al igual que la anterior, es posible configurar el umbral de selección para que la herramienta sea más o menos sensible respecto a qué zonas son contiguas y cuáles no.

A partir de ahora nos vamos a detener un poco más en los diferentes tipos de selecciones que hemos mencionado, al objeto de que comprendas mejor las posibilidades que cada una de ellas pueden brindar y, sobre todo, las aplicaciones más comunes que pueden tener.

LA HERRAMIENTA DE SELECCIÓN RECTANGULAR

herramienta de Selección RectangularComo su nombre indica permite seleccionar regiones rectangulares. Se encuentra en la esquina superior izquierda de la Caja de Herramientas.

Para aplicarla dirígete a la imagen y ubica el puntero del ratón en el lugar donde quieres que esté la esquina superior izquierda de la selección. Haz clic y arrastra el puntero bajando el diagonal hasta llegar a un punto final satisfactorio.

Puedes utilizar esta herramienta de selección de cuatro formas distintas:

  • Pulsando sobre su icono en la Caja de Herramientas, tal y como te hemos indicado en el párrafo anterior.
  • Pulsando el botón derecho del ratón sobre la imagen y eligiendo en el menú contextual la opción Herramientas.
  • Localizando en el menú de la parte superior la entrada Herramientas y acercando el puntero del ratón hacia Herramientas de Selección o
  • Pulsando la tecla R del teclado sobre la imagen (todas las herramientas tienen asignada una pulsación del teclado).

Opciones de la herramienta:

Si haces clic sobre el icono de la herramienta de selección rectangular en la Caja de Herramientas verás que aparece en la parte inferior de dicha Caja el menú de opciones de esta herramienta:

opciones de la herramienta de Selección Rectangular

Veamos estas opciones:

Diferentes modos de selección

  1. Primera opción: Reemplazar la selección actual. Es el modo más simple: tienes algo seleccionado, si haces clic para seleccionar otro área desaparecerá la primera selección, y tan sólo quedará seleccionado el segundo área.

modos de selección

  1. Segunda opción: Añadir a la selección. Tienes algo seleccionado, seleccionas otro área, y la selección ahora es mayor, incluye a las dos, se ha añadido la segunda selección. Consigues el mismo efecto si utilizas la primera opción y realizas una segunda selección manteniendo pulsada la tecla Mayús.

modos de selección

  1. Tercera opción: Extraer de la selección actual. Tienes algo seleccionado, seleccionas otro área, y la selección ahora es menor, se ha restado la segunda selección. Consigues el mismo efecto si utilizas la primera opción y realizas una segunda selección manteniendo pulsada la tecla Ctrl.

modos de selección

  1. Cuarta opción: Intersectar con la selección actual. Seleccionas varias áreas y lo que queda seleccionado es la intersección de todas ellas. Consigue el mismo efecto si utilizas la primera opción y realizas diferentes selecciones manteniendo pulsadas las teclas Ctrl + Mayús.

modos de selección

Nota: Cómo ves debes acostumbrarte a utilizar las teclas del teclado Ctrl y Mayús cuando manejes cualquier herramienta de selección. De esta manera podrás precisar y concretar aún más qué deseas seleccionar en la imagen.

Practica un poco sobre una imagen y observa cómo cambia la forma de la selección rectangular en cada caso. Lo más habitual, y cómodo, será que utilices la primera opción y emplees las teclas del teclado mencionadas en cada caso.

Difuminar los bordes

Permite difuminar los bordes de la selección marcando un valor de radio determinado. Puedes experimentar con esta opción pulsando sobre el icono de selección rectangular, marcando la opción Difuminar los bordes con una valor de radio de 20, por ejemplo. Selecciona el área deseada a continuación y utiliza la opción Editar - Copiar, Editar - Pegar como nuevo para ver el efecto. Fíjate en la siguiente captura de pantalla:

difuminar los bordes

Esquinas redondeadas

Simplemente redondea las esquinas de la selección con el radio elegido. Por tanto, elimina las puntas del rectángulo redondeándolas al radio indicado: el control del radio aparece una vez que apliques la opción.

Expandir desde el centro
Si seleccionas esta opción, la selección no comenzará desde la esquina superior izquierda tal y como hemos visto que se realiza normalmente, si no que empezará desde el centro, expandiéndola hacia afuera.

Fijo
La selección puede ser libre o de tamaño fijo en altura, anchura, tamaño o proporción. En este último caso, tienes que validar la opción Fijo. Esta opción permite poner medidas predeterminadas a la selección (siempre antes de seleccionar, claro). Se presentan cuatro posibilidades:

  • Proporción de aspecto: en este caso está en 1:1, un cuadrado, la altura y el ancho son iguales
  • Anchura, Altura y tamaño te permiten poner la medida deseada en cada caso.

Posicionar
Determina la posición de la selección deseada en la capa.

Tamaño
Te permite cambiar el tamaño de la selección activa una vez que la selección ya ha sido realizada. Muy útil, sobre todo si necesitas recortar imágenes a un tamaño determinado.

Selección
Si la aplicas muestra oscurecido todo aquello que no esté seleccionado. Tienes la posibilidad de aplicar guías que mostrarán líneas en la selección actual.

Encoger lo fusionado
Cuando seleccionas y encoges la selección, sólo lo haces en la capa que estás “parado”, si aplicas esta opción, lo harás en todas las capas (el concepto de capas lo veremos más adelante, en otros capítulos de este manual).

LA HERRAMIENTA DE SELECCIÓN ELÍPTICA

herramienta de Selección El�pticaComo su nombre indica genera selecciones de forma elíptica. La herramienta en cuestión se encuentra a la derecha de la herramienta Selección Rectangular de la Caja de Herramientas y al igual que la herramienta anterior, la mejor manera de controlar la forma de la selección es comenzar desde arriba y arrastrar diagonalmente hacia abajo.

Al hacer clic sobre su icono se abrirá el menú de opciones de la herramienta que son exactamente las mismas que las de la selección rectangular, ya que son herramientas iguales, salvo que no encontrarás “esquinas redondeadas” por razones obvias, ¿no crees?.

Puedes utilizar la herramienta Selección elíptica de cuatro maneras diferentes:

  • Pulsando sobre su icono en la Caja de Herramientas
  • Pulsando el botón derecho del ratón sobre la imagen y seleccionando en el menú contextual Herramientas
  • Pulsando sobre el menú de la parte superior de la imagen en la entrada Herramientas y, a continuación, seleccionando Herramientas de selección - Herramienta elíptica
  • Pulsando la tecla E del teclado sobre la imagen

PRACTICA CON AMBAS SELECCIONES

Ya te hemos indicado en el artículo anterior dedicado a Gimp uno de los usos que puedes darle a la herramienta de Selección Rectangular: el recorte de la imagen a la selección. De igual forma puedes emplear la herramienta de Selección Elíptica para recortar una imagen dándole esta forma elíptica.

Veamos otros:

Realizar en OpenOffice un documento informativo sobre uno de los temas de Conocimiento del Medio

Vamos a suponer que deseas realizar un pequeño documento informativo que entregarás a tus alumnos sobre el tema de Conocimiento del Medio que estáis trabajando en el aula: en el ejemplo que nos ocupa, los animales vertebrados. Con él realizaremos un pequeño esquema con los grupos de animales vertebrados, sus características esenciales y una fotografía de algún animal característico de cada grupo. Por tanto, necesitaremos localizar imágenes en Internet, descargarlas a nuestro equipo y editarlas por los procedimientos que ya conocemos para incluirlas en el documento.

En primer lugar crea una carpeta específica para el trabajo llamada animales_invertebrados: aquí guardarás todas las imágenes descargadas. Ahora acude a la Wikimedia Commons: este sitio web alberga miles de imágenes bajo licencias libres y de dominio público, imágenes que podrás utilizar sin restricciones en tus trabajos incluido el uso comercial y la creación de imágenes derivadas (lo que en realidad vamos a hacer en cuanto las editemos con Gimp).

Wikimedia Commons: http://commons.wikimedia.org/wiki/Portada

Localiza las imágenes que deseas incluir en tu trabajo. Aquí tienes las seleccionadas por Con el ordenador a cuestas: si deseas realizar las prácticas con ellas, ya sabes: botón derecho del ratón sobre la imagen - Guardar imagen como…

 cormorán   cocodrilo   Salamandra   Salmón   Mam�feros

Edita las imágenes: recorta partes sobrantes en la imagen 1 (cormorán), utiliza la herramienta de selección elíptica con las imágenes 2 y 3 (cocodrilo y salamandra) y utiliza la herramienta de selección rectangular con la imagen 5 (mamíferos) para seleccionar uno de ellos. ¡A la tarea!

Las prácticas están realizadas con el sistema operativo Ubuntu 8.10 y la versión Gimp 2.6, por tanto, las indicaciones recogidas en el tutorial pertenecen a un equipo con estas características. Ahora bien, podrás adaptar sin problemas el manual a tu equipo Windows con Gimp instalado en él.

1. Inicia Gimp y abre la imagen cormoran.jpg (si aparece algún mensaje en pantalla, acepta sin problemas). Haz clic sobre la herramienta de selección rectangular, pulsa sobre la imagen en la parte superior izquierda de la cabeza del ave y arrastra hasta que la selección lo incluya. Vete al menú Imagen y haz clic sobre la entrada Truncar a la selección. Guarda el archivo aceptando los mensajes que aparecen en pantalla. Cierra la imagen mediante Archivo - Cerrar.

2. Abre la imagen cocodrilo.jpg y haz clic sobre la herramienta de Selección Elíptica. En opciones de la herramienta valida la entrada Difuminar los bordes y establece un radio de 25. Ahora haz clic y arrastra hasta obtener la selección elíptica que te parezca oportuna en la que se incluya la imagen del cocodrilo.

Vete al menú Editar y selecciona Copiar. Y, a continuación, acude de nuevo al menú Editar y selecciona Pegar como - Imagen nueva. Observa que se abre una nueva ventana con la imagen seleccionada en ella. Guarda esta nueva imagen en Archivo - Guardar como como cocodrilo_difuminado.jpg. Acepta todos los mensajes en pantalla y cierra las ventanas.

selección el�ptica con difuminado en los bordes

3. Repite el procedimiento con la imagen salamandra.jpg y obtén la imagen salamandra_difuminada.jpg.

4. Abre en Gimp la imagen mamiferos.png. Vas a repetir el procedimiento anterior pero ahora con la herramienta de selección rectangular cuyas opciones serán: difuminar bordes con un radio de 20 y esquinas redondeadas con un radio de 40. Ahora selecciona la imagen de uno de los mamíferos y repite de nuevo Editar - Copiar y Editar - Pegar como - Nueva imagen. Guarda finalmente este nuevo archivo con el nombre del animal elegido y con el formato png.

selección rectangular con esquinas redondeadas

Ahora ya sólo queda elaborar el documento en la suite OpenOffice e insertar convenientemente las imágenes que acabas de editar. Tu documento final tendrá un aspecto similar al siguiente:

ficha informativa animales vertebrados

ficha informativa animales vertebrados

 



Aprende a utilizar Scribus - Capítulo 4

4 11 2008

Quizá sea éste el capítulo más importante de todos los que hemos publicado hasta ahora sobre la utilización de Scribus. En él te mostramos cómo utilizar la llamada Ventana de Propiedades, ventana que controla y permite editar todos los objetos que aparecen en tu publicación. La utilizarás frecuentemente, por eso te recomendamos encarecidamente que descargues e imprimas esta guía. ¡No cabe duda que la Ventana de Propiedades es el corazón de Scribus!.

Esta película necesita Flash Player 7