La guía para principiantes sobre el uso de GIMP

Gracias a GIMP, o el programa de manipulación de (G)imágenes(M) de GNU , (P)nunca(I) ha sido tan fácil y asequible crear miniaturas de aspecto épico y logotipos de alta calidad(high-quality logos) . GIMP es una respuesta de código abierto y de uso gratuito para los editores de imágenes que buscan una alternativa de Adobe Photoshop(Adobe Photoshop alternative) . También es bastante amigable para principiantes y tiene una comunidad próspera llena de consejos y trucos para ayudar a producir las alteraciones y revisiones que requiere su imagen.

GIMP proporciona muchas herramientas y recursos para tomar cualquier imagen y agregar su propio toque profesional. Aquellos en diseño web, artistas gráficos y fotógrafos aficionados encontrarán que GIMP es un gran programa que puede adaptarse fácilmente a sus necesidades de mejora de imágenes. Lo mismo puede decirse de aquellos que recién comienzan en los campos de manipulación de imágenes .(image manipulation)

Para los principiantes, especialmente cuando se trata de lidiar con nuevas interfaces, su aventura en el uso de GIMP puede parecer desalentadora. Cuando las ediciones que desea son mínimas, algo como recortar o cambiar el tamaño de una imagen no debería(image shouldn) requerir que salte a través de los aros. Al tomarse el tiempo para aprender los fundamentos y dónde buscar cosas específicas, no tardará mucho en darse cuenta de por qué GIMP es una gran inversión.

Una vez que hayamos descargado e instalado el programa GIMP(GIMP program) , analizaremos la edición básica, mientras lo ayudamos a navegar por la interfaz, y lo guiaremos a través de cómo crear una miniatura como la que se usa para este artículo. También proporcionaremos algunos recursos que puede usar para encontrar ayuda avanzada para futuros proyectos de GIMP .

Descargar e instalar GIMP(Download and Install GIMP)

  • Navegue al sitio web del desarrollador(developer’s website) y seleccione su descarga. El archivo comenzará a descargarse. Deje pasar unos segundos hasta que intente instalar.
  • Ejecute el archivo descargado recientemente. Una vez que se abra el instalador, haga clic en el botón Instalar(Install ) para instalar gimp en la carpeta predeterminada(default folder) .
    • Para cambiar la configuración de instalación y los complementos, haga clic en Personalizar(Customize ) en su lugar.
  • Siga todas las instrucciones de instalación tal como se presentan. La instalación completa de GIMP(GIMP) puede tardar varios minutos .
  • Una vez completada la instalación, puede comenzar a usar GIMP .

Usando GIMP: Aprendiendo los conceptos básicos(Using GIMP: Learning The Basics)

Comience los pasos a continuación iniciando GIMP(GIMP) y desplegándolo en una ventana de lienzo(canvas window) en blanco . Usaremos la misma imagen en cada sección.

Image Scaling/Resizing

  • Haga clic(Click) en la pestaña "Archivo" e importe su imagen seleccionando Abrir...(Open…) (CTRL + O)

  • Después de que se cargue la imagen, haga clic en la pestaña "Imagen" y seleccione Escalar imagen(Scale Image) en el menú desplegable.

  • Aparecerá un cuadro de diálogo(dialog box) para habilitar las ediciones.

  • Escale/cambie el tamaño de su imagen usando las opciones proporcionadas.
    • Ajuste la imagen por ancho y alto(width and height) o la resolución(Y resolution) X, Y.
    • Las modificaciones se pueden realizar por píxeles, por ciento, centímetros, etc.
    • Comprende que agrandar la imagen puede resultar en una imagen más pixelada.
  • Una vez que se hayan ajustado los parámetros, haga clic en Escala(Scale ) para continuar.

Reducción del tamaño del archivo(File Size Reduction)

  • Haga clic en la pestaña "Archivo" y seleccione Exportar como...(Export As… ) (Shift + CTRL + E)

  • Elija un nombre y una ubicación(name and location) para el lugar donde desea guardar el archivo.

  • Haga clic(Click) en '+' junto a Seleccionar tipo de archivo(Select File Type) (por extensión) para abrir una lista de tipos de archivo(file type) para guardarlo. Se prefiere un tipo de archivo(file type) con pérdida como jpg o png(jpg or png) .

  • A continuación, haga clic en el botón Exportar(Export ) para que aparezca una nueva ventana de opciones.

  • Cuantas menos cosas se guarden, menor será el tamaño del archivo de imagen(image file) .
    • Asegúrese de que el nivel de compresión(Compression level) esté configurado en ' 9 ' para el tamaño más pequeño.
  • Una vez que haya decidido qué elementos de la imagen desea guardar, haga clic en Exportar(Export) .

Recorte de imagen(Image Cropping)

  • Vaya a la pestaña "Herramientas" y seleccione Transform Tools > Crop (Shift + C)

  • También puede seleccionar la herramienta Recortar(Crop Tool) haciendo clic en su icono en el documento de herramientas(Tool Doc) cerca de la parte superior izquierda de la interfaz.

  • Luego, manteniendo presionado el botón izquierdo del mouse, arrastre el cursor por el área que desea convertir en su imagen final.
  • Una vez establecida, todas las partes de la imagen fuera de la parte que seleccionó se oscurecerán, mientras que la parte establecida como su imagen final permanecerá intacta.

  • Puede ajustar el área usando las esquinas del cuadro, ya sea reduciéndolas o expandiéndolas arrastrando el botón del mouse(mouse button) .
  • Una vez que tenga la imagen como le gustaría, haga clic en ella con el botón izquierdo, presione Entrar(Enter) o presione Shift + C simultáneamente para recortar su selección.

Rotacion de imagen(Image Rotation)

Para esta modificación, vamos a importar otra imagen a la capa encima de nuestra imagen actual.

  • En la pestaña "Archivo", seleccione Abrir como capas...(Open As Layers…) (CTRL + ALT + O)

  • Seleccione la capa que le gustaría agregar a la imagen, en este caso usaremos una flecha, y haga clic en Abrir(Open) .
  • Verá la nueva capa colocada encima de la imagen actual. Para ver cómo se apilan las capas, la ventana(layer window) de capas se encuentra a la derecha.

  • Con la nueva capa resaltada, regresa a Herramientas de transformación(Transform Tools) y elige Rotar(Rotate) . También puede encontrar el ícono Rotar herramienta(Rotate Tool icon) en el documento de herramientas(Tool Doc) .

  • Esto abrirá una nueva ventana emergente mientras aplica una textura similar a una retícula a su imagen.

  • Si conoce el ángulo de rotación que desea aplicar, puede ingresar los valores en los cuadros proporcionados. De lo contrario, puede optar por usar la barra deslizante(slide bar) justo debajo del cuadro etiquetado como "Ángulo" o rotar la imagen usted mismo usando el botón izquierdo del mouse y arrastrando.
    • El uso de los valores exactos proporciona resultados más precisos, más rápido.
  • Una vez que los resultados sean de su agrado, haga clic en Rotar(Rotate) .

Diseñar una miniatura(Designing a Thumbnail)

En esta sección, le mostraremos cómo creamos la miniatura de este artículo usando GIMP . Algunas partes de este tutorial utilizarán algunas de las herramientas utilizadas en Aprendiendo los conceptos básicos(Learning the Basics)

Antes de comenzar, es mejor recopilar las imágenes que pueda necesitar. Debido a que la miniatura se ha mantenido simple, la única capa de imagen(image layer) que requerirá es el logotipo de GIMP(GIMP logo) , adquirido a través de Wikipedia .

Una vez descargado y guardado en su computadora, podemos comenzar.

  • Abra la pestaña "Archivo" y seleccione Nuevo...(New…) (CTRL + N)
    • Esto abrirá una ventana " Crear(Create) una nueva imagen" donde puede seleccionar de una plantilla(Template) creada previamente o decidir el tamaño de la imagen manualmente.

  • Nuestras miniaturas nunca superan los 680 px de ancho, por lo que estableceremos el tamaño de nuestra imagen(image size) como tal. En cuanto a la altura, la mantendremos en 400px.
  • Una vez establecidas las dimensiones, haga clic en Aceptar(OK) .
  • Ahora deberíamos estar mirando un lienzo en blanco (blanco). Puede elegir colorear el fondo como desee utilizando la herramienta Cubo de relleno(Bucket Fill Tool) en el Documento de herramientas(Tool Doc) , pero por ahora, lo mantendremos en blanco.
  • Lo mejor que puede hacer es agregar su capa adicional ahora, de esa manera una vez que comencemos a agregar el texto, podremos ajustarlo para que no bloquee(t block) la imagen. Entonces, abra la pestaña "Archivo" y esta vez seleccione (time select) Abrir como capas...(Open As Layers…) tal como lo hicimos con la flecha durante Rotación de imagen(Image Rotation) . Seleccione el logotipo de GIMP(GIMP logo) que descargó anteriormente y haga clic en Abrir(Open) .
  • La imagen de la capa(layer image) es de 1200 x 1200 , que es demasiado grande para nuestra imagen principal de 680 x 400. Tendremos que reducirla. Si sigue las instrucciones ilustradas arriba, ajuste el ancho y alto de la imagen(image width and height) a 200px.
  • Luego, podemos arrastrar la imagen hacia un lado para que no interfiera con nuestro texto hasta que necesitemos cambiarla de posición.

  • Luego viene el texto. Usaremos el comando de acceso directo(shortcut command) y presionaremos la tecla ' T ' en su teclado para seleccionar la Herramienta de texto(Text Tool) . Ahora, haga clic con el botón izquierdo en el agradable área blanca de la imagen y comience a escribir su título.

  • Una vez que esté todo escrito, resalte el texto ( CTRL + A ) y seleccione la fuente que le gustaría usar. Usamos la fuente Bauhaus 93 , que no es una fuente estándar. GIMP tomará todas las fuentes ubicadas en la carpeta de fuentes de Windows(Windows Font folder) y las agregará a su biblioteca de opciones. Puede agregar fuentes adicionales descargándolas de sitios como DaFont y Google Fonts y moviéndolas a la carpeta de fuentes de Windows(Windows Font folder) .
  • A continuación, ajuste el tamaño de las letras para que se ajusten bien a la imagen pero no ocupen demasiado espacio. Nos decidimos por 100px.
  • Una vez que se hayan realizado los ajustes de texto, puede mover el cuadro de texto(text box) para que quepa donde lo necesite cambiando a la herramienta Mover(Move Tool) . Puede hacerlo fácilmente haciendo clic en un área de la imagen que no sea el texto y haciendo clic en ' (text and clicking ‘)M '.

  • Seleccione la capa de texto(text layer) en la ventana de la derecha, haga clic con el botón derecho y, en la lista, seleccione (list select) Alpha to Selection . Esto agregará un borde animado al texto de la imagen.

  • A continuación, necesitaremos agregar una capa adicional. Para hacer esto, en la misma ventana del lado(side window) derecho , ubique y haga clic en el botón Crear una nueva capa(Create a New Layer) . Esto abrirá la ventana para crear una nueva capa. No se preocupe por la mayor parte de lo que hay aquí, eso es para un tutorial más avanzado. Por ahora, solo asegúrese de que la sección "Rellenar con: "(” section) tenga Transparencia(Transparency ) en el menú desplegable y haga clic en Aceptar(OK) .

  • Se crea una nueva capa que refleja el texto que había aplicado Alfa(Alpha) a Selección(Selection) . Debería ser la capa seleccionada por defecto. Ahora vamos a agregar un borde alrededor del texto.
  • Haga clic en la pestaña "Seleccionar" y elija Crecer(Grow) . En el cuadro de selección(selection box) que aparece, establezca el valor en ' 2 ' y haga clic en Aceptar(OK) .

  • En este punto, para que te resulte más fácil, haz clic en el icono Ojo(Eye icon) junto a la capa de texto(text layer) original en la ventana de capas. El ojo desaparecerá una vez que se haga clic, y esto ocultará la visibilidad del texto mientras rellena el borde.

  • Click Shift + B para seleccionar la herramienta Cubo de llenado(Bucket Fill Tool) y luego haga clic en el cuadrado de color(color square) principal para abrir las opciones de color. Puede seleccionar entre algunas opciones predeterminadas o crear las suyas propias. Nos decidimos por un tono de azul con la notación HTML(HTML notation) de 1b56ff.

  • Si sabe un poco sobre CSS , puede usar los códigos de color en ese cuadro.
  • Arrastre(Drag) el cursor sobre el área de texto invisible marcada por el borde animado y haga clic con el botón izquierdo para llenarlo de color.

  • Haga clic(Click) en el área donde solía estar el icono del ojo para volver a revelar el texto original. (Eye icon)Luego, arrastre el texto original sobre la capa coloreada en la ventana(layer window) de capas .
  • Haga clic con el botón derecho en la capa superior y seleccione Combinar hacia abajo(Merge Down) . La imagen ahora debería verse así:

  • Ahora agregaremos un poco de sombra al texto. Haga clic(Click) en la pestaña "Filtros", seleccione Light and Shadow > Drop Shadow (Legacy)…
  • En la ventana emergente(pop-up window) , seleccione el acceso x,y de la sombra, el radio y la opacidad.

  • Para la miniatura, seleccionamos ' 8 ' tanto en X como en Y, ' 20 ' en el radio de desenfoque(blur radius) , y aumentamos la opacidad a ' 100 '.
    • Puede cambiar el color de la sombra para que sea más visible en el fondo, por ejemplo, si su fondo fuera negro, sería mejor elegir un color más brillante(brighter color) . Sin embargo, dado que nuestro fondo es blanco, el negro está perfectamente bien.
    • Para evitar un cambio en la imagen, desmarque la casilla marcada Permitir cambiar el tamaño(Allow resizing) antes de presionar Aceptar(OK) .
  • Fusione(Merge Down) la capa Sombra paralela(Drop Shadow layer) encima de la capa de texto(text layer) .
  • Pestaña “Seleccionar” > Ninguno(None) (Shift + CTRL + A)
  • No es necesario, pero decidimos agregar una sombra al logotipo de GIMP(GIMP logo) . Si elige hacerlo, las instrucciones son las mismas. Aparte de eso, seleccione la capa del logotipo de GIMP(GIMP logo) y muévala a la posición que desee en la miniatura.
  • Al final, si siente que el fondo blanco no es adecuado, puede resaltar la capa de fondo(Background layer) , seleccionar la herramienta Cubo de relleno(Bucket Fill Tool) y proceder a agregar un poco de color. Hemos elegido un gris sutil para no ahogar el sombreado. El producto terminado debería verse así:

  • Ahora, todo lo que se necesita es Exportar como(Export As) y guardarlo en su ubicación preferida.

Uso de GIMP: ayuda adicional(Using GIMP: Additional Help)

Una vez que comience a usar GIMP(GIMP) , no pasará mucho tiempo antes de que sienta que ha dominado los conceptos básicos y busque una edición de estilo más complicada y profesional. Existen innumerables tutoriales para hincarle el diente que pueden ayudarlo a ampliar su conocimiento práctico del software GIMP(GIMP software) .

Puede comenzar en la sección de tutoriales oficiales de GIMP,(official GIMP tutorials section) pero prefiero buscar exactamente lo que estoy buscando usando YouTube .

GIMP también tiene una gran comunidad de usuarios(user community) repartida por Internet que incluye un subreddit , plataformas de discusión no oficiales como foros(GIMP Forums) de GIMP y chat(GIMP Chat) de GIMP , preguntas etiquetadas(tagged questions) en la sección de diseño gráfico(Graphic Design section) de StackExchange y canales de redes sociales como el grupo de usuarios de Google Plus GIMP(GIMP users) .



About the author

Soy ingeniero telefónico con más de 10 años de experiencia en la industria móvil y me especializo en la reparación y actualización de teléfonos inteligentes. Mi trabajo ha incluido el desarrollo y mantenimiento del firmware del teléfono, el desarrollo de imágenes para dispositivos Apple y el trabajo en proyectos de Firefox OS. Con mis habilidades en desarrollo de software, ingeniería de hardware, procesamiento de imágenes y desarrollo de Firefox OS, tengo la capacidad de tomar problemas complejos y convertirlos en soluciones simples que funcionan en cualquier dispositivo.



Related posts