Tutorial "Creación de portadas con Gimp"
- Inicie sesión o regístrese para enviar comentarios
Hola a todos. Como ayuda adicional al excelente tutorial de Elvys de creación de portadas con Photoshop, he decidido añadir un tutorial con la misma idea pero para poder ser realizado con la herramienta gratuita y de software libre GIMP (http://www.gimp.org). Existen versiones de este programa para Linux, Mac y Windows, y es una razonable alternativa de libre descarga para quienes no tengan acceso a Photoshop.
El proceso a seguir parte de las consideraciones iniciales del tutorial anterior (disponer de una imagen de la portada de la mayor calidad posible, y haber descargado el fichero .zip con el logo de la portada).
Un esquema del proceso a seguir es:
- Abrir la imagen original.
- Hacer una selección parcial de esa imagen que guarde las proporciones 2:3.
- Adecuar la imagen a esa selección.
- Incorporar el logo adecuadamente.
- Guardar la imagen resultante.
Voy a detallar el proceso, partiendo de la imagen abierta (con Archivo>Abrir):
Seleccionamos en la Caja de herramientas que aparece a la izquierda del programa la Herramienta de selección de rectángulos, primer icono de la esquina superior izquierda como puede verse en la imagen.
Por defecto, la selección es totalmente libre, pero como nos interesa obtener una selección con una relación de aspecto o proporción de 2:3, tendremos que marcar la casilla Fijo, mantener seleccionado Proporción de aspecto e introducir en la casilla correspondiente 2:3.
Desde este momento, al pulsar sobre la imagen y arrastrar para crear una selección, la selección creada tendrá siempre una proporción de 2:3. La forma mas fácil de funcionar es crear en este momento una selección cualquiera dentro de la imagen y proceder a modificarla.
Para obtener la selección como queramos tenerla, podemos moverla con el ratón o con las casillas de la izquierda (casillas Posicionar, tanto introduciendo valores como pulsando los botones para que se vayan incrementando) e igualmente redimensionarla tanto con el ratón (pulsando y arrastrando sobre los bordes o esquinas de la selección) como con las casillas de la izquierda (casillas Tamaño, igual que la posición).
En este punto tendremos seleccionada la parte de la imagen que queremos utilizar de portada. Ahora recortaremos la imagen para que coincida con esta selección. Para ello, pulsaremos en el menú en Imagen>Recortar a la selección.
El siguiente paso es incluir el logo de la web. Para ello, pulsamos en Archivo>Abrir como capas y seleccionamos la imagen plantilla_portada.png (no .psd como en el tutorial de Photoshop).
Tras este paso, aparentemente no hay diferencia. Esto es debido a que la nueva capa es principalmente transparente y con el logo en una esquina, y al ser de mucho mayor tamaño que nuestra imagen, el logotipo se sale fuera del área de la imagen. Si podemos observar que se ha creado una nueva capa con la imagen que nos interesa, y que está seleccionada como capa actual.
Ahora ajustamos esta diferencia de tamaños mediante Capa>Escalar capa.
En la ventana que aparece introducimos la anchura de la imagen original (podemos verla en la franja superior de la imagen abierta que tendremos tras esta pantalla de escalado).
En este caso introducimos 400. Al pulsar el tabulador, se rellenará la altura adecuadamente ya que la imagen ya tiene correcta la proporción (si no fuera así, bastaría con introducir también la altura). Pulsamos el botón Escalar y esta capa cambia de tamaño y ya se mostrará correctamente de tamaño y delante de la imagen de la portada.
Por último ya solo tenemos que guardar como imagen .jpg, lo cual nos mostrará donde hay que guardar, nos avisará de que hay que exportar a jpg y nos preguntará la calidad del fichero jpg. Tan solo hay que pulsar Exportar y Guardar (o pulsar ambas veces la tecla intro).
Una vez completados estos pasos, disponemos de la portada correcta, con el logo y la proporción adecuada. Partiendo de esta portada, podemos obtener la versión necesaria para subir el libro publicado a la web en muy pocos pasos adicionales. Estos pasos son:
Escalar al tamaño adecuado (320x480)
Guardar como jpeg
1.- Redimensionar. Para ello pulsaremos en el menú Imagen>Escalar la imagen
En la ventana que aparece, hay que establecer "Anchura" a 320 como se muestra en la imagen, la altura de 480 se completa sola al pulsar en otra casilla que no sea la de "Anchura".
2.- Guardar. Pulsamos en Archivo>Guardar como. En la ventana que aparece hay que desplegar en la parte inferior el tipo de archivo y seleccionar "Imagen JPEG", establecer el nombre y ubicación del fichero en la parte superior y pulsar en "Guardar" (no conviene sobrescribir la portada original por si necesitamos el tamaño "grande" para otros usos).
En la nueva ventana que aparece tras pulsar "Guardar" hay que establecer la "Calidad" a 50, dejando el resto de los parámetros como están, y pulsar en guardar.
El último paso es subir la imagen resultante a un servidor de almacenamiento de imágenes y copiar la dirección a la imagen que nos proporcione para poder rellenar el campo correspondiente del formulario de alta de libro en epubgratis.
Espero que os sea útil y que me aviséis de los errores o dudas que tengáis. Saludos.
¡Buen trabajo, Snatcho!
Darkwood también subió un vídeo a Youtube:
http://epubgratis.me/?q=node/737#comment-2421
Una pregunta: ¿por qué utilizas el png en vez del psd?
Y otra cosa. Alguien dijo por aquí que se perdía un poco de calidad pegando la capa del logo sobre la imagen de la portada en vez de hacerlo al revés. Yo hice unas cuantas pruebas y así a ojo también me dio esa impresión.
En cualquier caso, se agradecen este tipo de iniciativas ;)
Pues a mí me ha venido de perlas!
Hasta ahora estaba usando el tutorial de Darkwood y me ha ido genial con casi todas las portadas, el problema es que había algunas que no sé porque se me resistían y no conseguía ajustar los tamaños de ambas capas (seguramente por ignorancia mía...) De hecho ahora mismo tenía una reservada para pedir que alguien en el foro de cooperación me la ajustara, pero he probado este método y lo he conseguido.
En mi opinión los dos tutoriales se complementan a la perfección.
Un saludo y muchas gracias!
.psd es un formato propiedad de adobe, es el que usa photoshop. .png es un formato abierto que admite canal alfa como el psd. Gimp es un programa libre, que aunque puede leer psd, invita a usar también formatos libres.
Bueno es saberlo. Si el resultado final es el mismo, utilizaré png.
El .png mola porque puedes crear diseños con fondos transparentes, peeeeero no admite capas al guardar porque se acoplan, creo que sólo el .tif y el .psd son los que pueden.
Creo que Fireworks guarda png con capas, pero se abre acoplado en otros programas.
Interesante, no sabía que se podían guardar en formato .png con capas. Lástima que no tenga ni repajolera idea de utilizar el Fireworks ^^
Ains, le he cogido tanto cariño al .psd que ya no sé vivir sin él XD XD XD
Ya, te entiendo...
De todas formas viene a ser lo mismo, además el Fireworks no aporta nada a Photoshop.
Uy, a lo mejor ha sido que hoy estoy espesa, pero no entiendo lo que quieres decir con que no aporta nada al Photoshop. ¿Que son los dos programas iguales y de Adobe? ¿Que no tienen diferencias entre ellos? Agh... eso de tomarse una copita de vino comiendo no sé si es bueno o malo XD XD
El tutorial está perfecto. Como yo sólo dispongo de Gimp y soy candidato a editor tengo la siguiente propuesta: una vez que se obtienen los permisos de editor hay que ingresar los datos del libro y subir la portada del libro. Pero, esta tiene otro tamaño y debe ser liviana: ¿cómo se hace esto en Gimp?. Sería bueno, un anexo a este tutorial que aborde el tema. Las instrucciones en el tutorial se refieren únicamente a Photoshop.
Ok, muy buena sugerencia Klein1965, gracias. Voy a intentar completarlo para nota.
No estaria mal que incluyerais la plantilla en el mensaje del tutorial. Algunos tiramos a patosos y a mi mismamente me a costado tanto tiempo realizar la portada como encontrar la plantilla.
Si alguno la anda buscando esta en el tutorial de Photoshop
Gracias por molestarte en hacer el tutorial, es una gran ayuda para los que usamos S.O basados en linux.
Estimado Snatcho: gracias por el tutorial; lo secillo, claro y eficaz: "dos veces bueno".
¿Podrías indicarme si existe (no lo he encontrado o sabido buscar) un tutorial para la página 3, tras la cubierta y sinopsis del libro?
Agradecido, un saludo.
- Inicie sesión o regístrese para enviar comentarios
Que petardo soy, ¡no vi el otro tutorial que ya había! Luego te respondo a tus preguntas.
La persona que no lee buenos libros no tiene ventaja sobre quien no sabe leer
- Mark Twain
[Lector: Bq Movistar]