16 mayo, 2019

Efectos de sello estampado en PSD alta calidad

En esta entrada vamos a incluir algunas referencias bastante interesantes, que aquí mismo en La Grafiteca empleamos a menudo, para certificar que los archivos de los que hablamos están comprobados y funcionan bien.

¿A qué nos referimos, exactamente? Tal y como se informa en el título, a archivos PSD de Photoshop que recrean el efecto de un sello estampado sobre papel.

Por supuesto son totalmente editables, viniendo preparados para poner nuestro propio diseño, logo y textos personalizados, que se aplicarán automáticamente tanto al sello estampado, como -en su caso- al propio objeto físico. Así pues, se trata de mockups (archivos de Photoshop creados para mostrar diseños aplicados en objetos y superficies).

El efecto de estampado tiene en todos los casos un gran realismo, y se trata siempre de recursos 100% gratuitos. A medida que localicemos nuevos modelos de interés, los iremos añadiendo al listado.

A continuación una pequeña muestra:

Mockup efecto sello: ejemplo de uso por La Grafiteca

Este tipo de recursos son útiles para mostrar o "certificar" que algo está comprobado. Así pues, que cuenta con nuestra sanción u aprobación (es el uso que aquí les damos habitualmente). También pueden servir para otro tipo de mensajes, como "vendido", etc.

Sin más, vamos con el listado, que incluye el propio sello usado por La Grafiteca.

Sello redondo personalizable en PSD: efecto estampado y mockup.

Como se aprecia en la imagen de muestra, en un solo archivo tenemos al mismo tiempo tanto el efecto de estampado -sello con tinta sobre papel-, muy realista, como el propio sello físico en sí (la típica herramienta de escritorio de caucho o goma con mango de madera, para usar con su tampón de tinta).

Imagen de muestra del efecto sello redondo estampado.

Es el mismo del ejemplo que vimos en la primera imagen de este artículo (se requiere mínimo CS4 para que el efecto se aplique correctamente).

Se trata de un archivo ofrecido por la excelente web graphicburguer.com, totalmente gratuito como todos los demás de este listado, que podremos usar tanto para usos personales como comerciales, sin necesidad de atribuir autoría o dar créditos a dicha web (más detalles en el archivo de licencia).

Para descargarlo, dirigirse por tanto a la web original del mismo:

Rubber Stamp PSD MockUp | GraphicBurguer

Cómo usar estos archivos.

Antes de seguir con la lista, para todos en general vamos a ver cómo se usan estos archivos. Es muy sencillo, basta abrir el archivo en Photoshop y hacer doble clic en la capa preparada para ello (generalmente ésta incluye un objeto inteligente u smart object, denominado "Your design here", "Place here your design" o similar).

Pues nada, ponemos allí nuestro diseño, guardamos y listo, veremos que toma automáticamente su lugar, con textura y forma realistas. Conviene que sea un diseño tipográfico y sencillo, si acaso con líneas, círculos y poco más (sin sombrados internos, degradados de color, etc). También es muy recomendable usar una versión avanzada de Photoshop.

Colocar nuestro diseño en la capa correspondiente

Sello cuadrado (rectangular) personalizable en PSD: efecto estampado y mockup.

Los chicos de GraphicBurguer ofrecen también un sello rectangular. Las características técnicas son las mismas:

Imagen de muestra del efecto sello rectangular estampado.

Como puede verse en la imagen ampliada, tanto éste como el anterior sello son imágenes en alta resolución, muy grandes, lo que aumenta enormemente sus usos potenciales.

Para descargar este segundo sello, dirigirse a la página oficial del mismo:

Rubber Stamp PSD MockUp #2 | GraphicBurguer

Otro efecto de sello redondo estampado, de gran calidad.

Este otro mockup PSD, gratuito como los demás, tiene una excelente calidad también. Aplica automáticamente al logo (o lo que pongamos) un efecto desgastado muy realista, así como la perspectiva adecuada, por supuesto:

Detalle del mockup con logo de La Grafiteca aplicado

En realidad, este PSD incluye también un sello físico, además del estampado, igual que los anteriores. La imagen completa, también de gran tamaño y resolución, es esta:

El mockup PSD para sello, escena completa

Para descargar este PSD, dirigirse a la página habilitada para ello:

Rubber Stamp PSD MockUp #2 | Behance

6 efectos de sello estampado de gran calidad en PSD.

Finalmente vamos a incluir un set que trae otros 6 sellos estampados, siendo uno de ellos el usado habitualmente por La Grafiteca para certificar que un archivo está comprobado.

Incluyen el típico diseño de "Garantía de Calidad", "Vendido", "Autorizado", etc (en inglés, por lo que habrá que editar si se quieren traducir). No desmerecen como puede verse a los anteriores:

Los 6 sellos de garantía de calidad, con diseños redondos, triangulares, de rombo, etc...

Los 6 sellos vienen en un único archivo PSD, siendo cada uno un objeto inteligente editable diferente que podremos personalizar.

Igual que los anteriores en definitiva, con la única diferencia de que solo viene el efecto estampado, sin el sello físico, así como sin ninguna perspectiva (esto puede ser incluso una ventaja para ciertos usos, como el que hacemos aquí en La Grafiteca).

En definitiva, están listos para coger el que queramos, editar el texto y aplicarlo a cualquier imagen. Se trata igualmente de recursos totalmente gratuitos y de uso libre en nuestros proyectos, incluso para fin comercial, aunque en este caso sí se solicita mención de autoría a MediaLoot.com (los autores de estos diseños, para más detalles ver archivo de licencia).

Las imágenes son bastante grandes, y no se aporta documentación sobre las tipografías empleadas (así que si no tenemos alguna habrá que sustituirla).

Para descargar este set, dirigirse a la web original del recurso en:

Rubber Stamp Effect | MediaLoot

Leer más...

06 mayo, 2019

Consejos para maquetar un libro, y plantillas útiles

En esta entrada vamos a dar algunas pautas para la correcta maquetación de libros, así como de cara a llevar finalmente nuestro original a una imprenta. En definitiva, veremos cómo convertir un texto muy largo, redactado en bruto -como puede ser el correspondiente a una novela, un ensayo o un manual académico-, en un atractivo libro.

Además de ello, y no menos importante, vamos a aportar también una gran colección de plantillas para libros en formato InDesign (también para Illustrator, aunque lo más recomendable es usar las de InDesign, como luego explicaremos).

Todas las plantillas de la colección (varias docenas) son 100% gratuitas. Una auténtica maravilla. Tienen además diversas medidas, estando disponibles los tamaños habituales de los libros: 100x150mm, 105x210mm, 148x210mm, 210x297mm, etc. A4, A5, y muchísimas más. Por si fuera poco, las plantillas ofrecen también todo tipo de posibilidades de encuadernación: libros encolados (de tapa blanda), cosidos (de tapa blanda y dura), con y sin solapa, solapa media y entera, y en general todos los formatos que vemos en cualquier librería.

Se trata de un aporte verdaderamente magnífico, ofrecido por esta imprenta de libros, a la que debemos sentirnos realmente agradecidos. De hecho, su mera existencia ya merecería un post para divulgarlo.

Vamos a ser aquí un poco más ambiciosos, aprovechando para explicar -de forma breve y sintética- las pautas generales a seguir a la hora de maquetar un libro. Muchas de dichas pautas ya están incluidas en las propias plantillas, como son por ejemplo las relativas a márgenes de seguridad, aunque hay otras claves a tener en cuenta: tamaño y tipo de letra, extensión de las líneas, etc. Vamos a verlo punto por punto (el enlace a la página para descargar las plantillas lo ponemos al final).

1. ¿Qué programa usar para maquetar un libro?

Lo primero que debemos tener en cuenta es el programa que usaremos. Lo normal es partir de un texto en bruto, muy extenso, casi siempre escrito en Word. Es posible crear márgenes e incluso imprimir un libro directamente desde un archivo .DOC o .DOCX de Microsoft Word, pero por supuesto no es recomendable en absoluto.

En este sentido, lo ideal es usar un programa específico de maquetación, como Adobe InDesign o QuarkXPress. Esto es debido a que nos permitirán trabajar con las páginas y márgenes con gran facilidad, así como exportar todo en formato PDF para la imprenta (incorporando tipografías e imágenes), junto a muchas otras características útiles y necesarias.

Maquetando una página de un libro con InDesign

Usar otros programas, como Photoshop o Illustrator, no es nada recomendable, pues el formateo del texto es difícil y farragoso con ellos, y además no permiten el trabajo con varias páginas. Sencillamente, no están hechos para esto.

Cuando al final tengamos nuestro libro totalmente maquetado, con todas las páginas bien formateadas en nuestro documento de InDesign o Quark -yo diría que InDesign es el más usado-, exportaremos dicho documento en un PDF, que contenga todas las páginas. Esto para el interior del libro. La cubierta (con la portada, contra, lomo y caras interiores) se diseña aparte, generando un segundo PDF. Ambos PDFs será lo que llevaremos o enviaremos a la imprenta.

Más adelante veremos cómo hacer dicha cubierta, qué pasa con el lomo, las solapas, etc (apartado 3 y siguientes).

2. Formato del texto de un libro.

Este tema ya lo comentamos extensamente en una entrada anterior (Consejos para dar formato óptimo al texto general). Así pues, para ver todos los detalles, recomendamos consultarla también.

A modo de resumen, cabe decir que el objetivo que debemos tener es doble: por un lado la estética, por supuesto (que sea bonito y agradable a la vista), pero sobre todo atendiendo a la legibilidad. En definitiva, que el libro se lea cómoda y fácilmente.

Los profesionales están de acuerdo en que, en este sentido, lo mejor es no superar los 75 caracteres por línea (incluyendo espacios). Esto se debe a que con líneas más largas se "pierde el hilo" con más facilidad al pasar de una a otra.

Unos 70 caracteres por línea es lo ideal

En cuanto al tamaño de la letra, se suele recomendar un cuerpo de 12-14 puntos (dependiendo de lo ancha que sea la tipografía, lógicamente). Aunque en realidad depende del tamaño del libro. Esto es fácil de establecer, pues bastará con poner un tamaño con el que tengamos unos 70 caracteres por renglón, como vimos antes.

La interlínea por defecto de la tipografía se suele considerar adecuada, siendo lo recomendado el 110-150% del tamaño de la letra (cuerpo y medio como máximo).

En cuanto al tipo de letra, para libros se suelen recomendar las tipografías con remate (también llamado serif), debido a que se estima que son más legibles en el formato impreso. El remate de las letras ayudaría a seguir la línea o renglón. Eso sí, cuidado con las tipografías en las que no se distingan bien letras como la "a", "e" y "o". Una fuente estándar con remate al estilo de Times New Roman se considera lo más adecuado.

Finalmente, deberemos crear estilos también para los restantes textos del libro, además del texto general: títulos, notas a pie de página (en el caso de haberlas), citas textuales, créditos, textos en la solapa, etc.

3. Márgenes.

Una vez formateado el texto, hay que tener en cuenta el aspecto de los márgenes (en realidad mejor hacerlo antes, lo primero de todo, cuando creemos el documento).

Hemos de incluir márgenes amplios, especialmente los interiores. Esto es debido al lomo del libro, que impide abrirlo del todo y resta espacio.

Lo normal es que los márgenes midan unos 15-25mm (más cuanto más grande sea la página). Los interiores unos 5mm más, debido al lomo que se "come" parte de la página, como hemos comentado (así pues el margen derecho en las páginas pares y el izquierdo en las impares). Cuanto mas grueso sea el libro, más espacio perderemos en la parte central al abrirlo, así pues es algo a tener en cuenta (pedir consejo en la imprenta respecto a esto).

Dejar 15-25mm de margen por cada lado, y 5mm más en el lateral interior de la página

Finalmente, se han de tener en cuenta los márgenes de sangrado y seguridad, como en todo documento para imprenta. El margen de seguridad consiste en que nunca debe haber texto o cualquier otro elemento a menos de 3mm del borde de la página (por ejemplo, el número de la propia página). Esto se hace para asegurarnos de que no se produzcan errores de impresión o corte. En realidad este margen no presenta problemas, si hemos respetado los 15-25mm que comentamos antes (no hace falta sumarlo).

El margen de sangrado es una cuestión diferente. A diferencia de los anteriores, se añade al tamaño del documento. Así pues no consiste simplemente en dejar espacio en blanco desde el borde de la página hasta el texto, sino que se sumará al tamaño total de la página, para luego ser eliminado por la imprenta. Ejemplo: si tenemos un libro de 148x210mm, añadiremos 3mm más por cada lado (arriba, abajo, izquierda y derecha), para un total de 154x216mm. Nuestro documento tendrá ese tamaño. Con esto se consigue que las fotografías, colores, fondos y cualquier elemento que queramos que vaya "a sangre" (hasta el borde mismo del papel) salga bien, sin espacio en blanco u errores similares. Lo que harán en la imprenta será recortar el papel hasta los 148x210mm originales, quedando el corte perfecto.

Esto del margen de sangrado no suele afectar a las páginas interiores del libro, siendo generalmente de aplicación en la cubierta, donde sí es habitual que haya fondos y fotografías "a sangre" en los diseños.

4. El lomo del libro.

Cuantas más páginas, y mayor gramaje de estas, más grueso será el libro, y por tanto lógicamente también su lomo. ¿Qué ponemos en él? Lo habitual es que allí figuren el título del libro, autor, editorial, nombre y número de la colección en su caso, etc. Forma parte del diseño de la cubierta de nuestro libro, en la que va incluido como un elemento más. El grosor del mismo es imprescindible que lo consultemos con la imprenta.

Como hemos comentado, se maquetan por un lado las páginas interiores, y en otro documento aparte se prepara la cubierta del libro, que es un único papel impreso por ambas caras (lógicamente de mayor gramaje y rigidez, así como satinado, etc). En una cara de dicho documento van la portada, lomo y contra, y por la otra las caras interiores de dichos elementos (ver imagen adjunta). Así pues, a la hora de diseñarlo será un documento de solo dos páginas, que se imprimirán cada una en una cara del papel destinado a la cubierta.

Estructura o plantilla para la cubierta de un libro

Así pues, a la imprenta tendremos que darles 2 PDFs diferentes: uno con todas las páginas interiores del libro, y un segundo con la cubierta (que incluye el lomo como estamos viendo).

Al diseñar dicha cubierta, tendremos en cuenta el "hendido de cortesía", que es una marca que se hace a poca distancia del lomo, para facilitar abrir el libro y el paso de las hojas. A efectos de diseño del documento, respetar un margen de 7mm a ambos lados del lomo. Lo mejor es no colocar textos ni información sensible en dicho margen de seguridad. Esto es especialmente crítico en libro de tapa dura.

Respetar 7mm a ambos lados del lomo por seguridad. El grosor del lomo dependerá del número y grosor de las páginas

Continuando con el ejemplo de un libro de 148x210mm, su cubierta sería un documento con un ancho de 148mm (contra) + (Ancho del lomo) + 148mm (portada). Adicionalmente, habría que sumar luego 3mm más por cada lado en caso de llevar elementos a sangre, como hemos comentado.

5. Sobrecubierta y Solapas.

Los libros con encuadernación de mayor calidad acostumbran a llevar "camisa" o sobrecubierta. Se trata del papel -generalmente estucado/brillo- que envuelve el libro, y que incluye las solapas. De hecho, en la sobrecubierta estarán siempre portada, lomo, trasera del libro y las dos solapas. Se diseña todo a la vez, en un único documento, de igual forma que vimos antes para la cubierta.

Las solapas van por tanto al principio y al final, doblándose hacia dentro para envolver el libro como hemos comentado. Lo habitual es que midan media página o página completa. ¿Qué ponemos en ellas? Allí suele figurar la biografía del autor con fotografía, una breve sinopsis del contenido, críticas positivas de la obra u otros ejemplares de la colección si los hay. Son una buena manera de atraer posibles compradores, pues la información de las solapas es algo que todos leemos cuando hojeamos un libro.

Así pues, en caso de que nuestro libro lleve sobrecubierta, tendremos que facilitar un PDF a la imprenta con la misma. Lo normal es que esté impresa solo por una cara. Dado que es un papel que irá plegado -al modo de un folleto-, añadiremos 1-2mm a cada cara principal para hacer la doblez.

Estructura o plantilla para la sobrecubierta de un libro con solapas

Volviendo al ejemplo de antes, tendremos que crear un documento con un ancho de (Solapa trasera) + 149mm (contra) + (Ancho del lomo) + 149mm (portada) + (Solapa delantera). Si tiene elementos a sangre, cosa habitual en las sobrecubiertas, habrá que añadir los 3mm más por cada lado -arriba y abajo también-, que luego serán recortados como hemos explicado.

6. Tipos de encuadernación.

Una vez finalizados los pasos anteriores ya tendremos nuestro libro maquetado. Así pues, estaremos en disposición de exportar todo en formato PDF y enviar los archivos a la imprenta. No obstante, queda un paso final: elegir el tipo de encuadernación. A nivel general, podremos elegir entre:

  • Encuadernación encolada (o fresada): Las páginas van pegadas con cola entre sí y al lomo/cubierta. Es la modalidad más económica (aunque menos duradera).
  • Encuadernación cosida: Las páginas van en grupos de pliegos cosidos, y después se pega la cubierta. Tiene más calidad y presencia que la anterior, además de ser más duradera (las páginas no se sueltan). Obviamente también es más cara.

Hay que decir que, en realidad, ambas son actualmente encuadernaciones de alta calidad, pues todo el proceso se realiza mecánicamente con gran fiabilidad. El resultado será siempre un libro muy bien encuadernado. Con todo, es innegable que el cosido es más duradero.

A su vez, el lomo del libro puede ser recto o redondo. El recto es más habitual, mientras que el redondo es el típico de los libros clásicos, siendo más caro y dando más presencia.

En cuanto a las tapas, podremos elegir entre blandas y duras, siendo las duras de material rígido y más grueso. Obviamente, aportan un mayor prestigio, pero también son más caras. A casi todas ellas podremos añadir cualquier diseño, o envolverlas con una sobrecubierta con solapa, del tipo que antes explicamos.

Extra: colección de plantillas gratuitas para libros.

Como prometimos, vamos a finalizar este artículo con un enlace al sitio desde donde pueden descargarse las plantillas que comentamos al principio. Se trata de una colección realmente magnífica, con docenas de plantillas gratis de todo tipo de medidas y formatos, para InDesign, Illustrator y también en PDF. Una referencia de gran ayuda, pues los documentos incluyen las guías, márgenes y medidas concretos, estando listas para colocar nuestros diseños y/o volcar nuestros textos e ir añadiendo páginas.

El lugar es:

Guías De Impresión Digital Y Artes Gráficas | ProPrintweb

Leer más...

25 abril, 2019

Bolsas de compras: mockups PSD para mostrar diseños

En esta entrada vamos a recopilar imágenes de bolsas de compra de tipo mock-up (archivos PSD con capas preparadas para poner nuestra marca o logo, que se aplica automáticamente). En todos los casos de muy buena calidad y 100% gratuitos. En definitiva, recursos útiles para mostrar diseños corporativos de branding para tiendas y negocios.

Las bolsas de las imágenes son en su mayoría de papel o tela, de tipo shopping. Las típicas que nos entregan en las tiendas de ropa y similares al comprar algo. No obstante también hemos localizado algunos modelos muy buenos de bolsas de tejidos ecológicos y/o de tipo "compra diaria doméstica" (supermercados, para el pan, etc).

La forma de funcionar de estos archivos es la de siempre: en una capa encontraremos un objeto inteligente -smart object en la versión inglesa- preparado . Al clicar en él se abrirá un nuevo documento, donde pondremos nuestro diseño. Guardamos los cambios, cerramos dicho documento y listo, no habrá que hacer nada más. Lo allí puesto se aplicará automáticamente a la bolsa, fusionándose de forma natural (Nota: es conveniente usar una versión avanzada de Photoshop).

Sin más, vamos a verlas todas una por una, aportando enlace a la página correspondiente de descarga. Como hemos comentado, todos estos archivos son completamente gratis.

Bolsa de marca, firma o tienda, de papel con asas de cordel, en color editable.

PSD con mockup de bolsa de una tienda, con capa para poner nuestro logo.

Web del recurso | Graphicburger.com

Bolsa de marca, firma o tienda, de papel con asas de cordel, en color oscuro.

PSD con mockup de bolsa de una tienda, con capa para poner nuestro logo, modelo 2 (color negro).

Web del recurso | Designbolts.com

Bolsas de la compra diaria de tela, de tipo ecológico o eco-friendly.

PSD con mockup de bolsa de la compra de tela eco-friendly, con capa para poner nuestro logo.

PSD con mockup de bolsa de la compra de tela eco-friendly, con capa para poner nuestro logo, modelo 2.

Web del recurso | Designbolts.com

Bolsa blanca de tela o tejido con mano agarrando el asa

Bolsa blanca de algodón con mano agarrando el asa.

Web del recurso | Graphicburger.com

Bolsa cuadrada de tejido marrón (esparto o lino) con asas

Bolsa cuadrada de tela basta marrón, tejido como de lino.

Web del recurso | Forgraphictm.com

Bolsas de tela con buen diseño, ideales para marcas, con variantes en tejido basto marrón, blanco y de algodón.

Bolsa de tejido basto de tipo ecológico. Bolsa de tejido ecológico modelo 2: el diseño ocupa todo el lateral. Bonita bolsa de tela de algodón grueso, con estampado de rosas. Bolsa con bonito diseño colgada de una percha, tejido resistente.

Web del recurso | Behance.net

Mock-up de bolsa de tejido eco

Mockup de bolsa de tejido ecológico.

Web del recurso | Behance.net

Bolsa de papel marrón estilo americano

Bolsa marrón de papel al estilo americano.

Web del recurso | Graphiclist.com

Bolsa cuadrada de esparto con asas de tela

Bolsa de tejido basto, de tipo esparto o tela de saco, pero con diseño.

Web del recurso | Dumitrumidon.com

Bolsa corporativa de papel con asas, para branding de empresas y compañías

Mockups de bolsas de papel para diseños corporativos.

Web del recurso | Blugraphic.com

Más imágenes de bolsas de compras

Para ver algunos modelos más, puede visitarse también la entrada Bolsa de compras, acción para Photoshop. Se trata igualmente de archivos de tipo mockup, pero funcionan con acciones de Photoshop (en lugar de con objetos inteligentes situados en capas).

Finalmente, para consultar más materiales de este tipo pero modalidad premium (de pago), el mejor lugar es ►este. Allí se ofrece un muestrario realmente amplio de modelos para distinguirnos y ser más exclusivos.

Leer más...