Mostrando entradas con la etiqueta Sellos-Insignias-Medallas-Badges. Mostrar todas las entradas
Mostrando entradas con la etiqueta Sellos-Insignias-Medallas-Badges. Mostrar todas las entradas
29 marzo, 2017

Crear sello estampado desgastado, tutorial Photoshop

En este artículo veremos un tutorial de nivel avanzado, que me ha gustado mucho pues nos servirá para varios fines: en primer lugar –lógicamente- para hacernos un sello con efecto grunge o desgastado, que podremos personalizar a nuestro gusto y conservar para el futuro. En segundo lugar, será también una muy buena práctica de cara a estudiantes y personas en formación, especialmente con la herramienta Pincel de Photoshop y en el trabajo con capas.

Si se realiza completo el tutorial se afianzarán mucho estos conceptos, y lo recomiendo incluso para personas veteranas en el uso del programa de Adobe. Personalmente reconozco que he aprendido cosas nuevas al seguirlo, y eso que tengo muchos años de experiencia.

Este tipo de efectos de estampados son muy buenos además para diversos fines, entre los que se cuentan los trabajos de branding o imagen de marca, pues en el sello podremos poner logotipos con excelente resultado. Es algo que queda muy bien (son ideales para firmas de ropa y similares, muy adecuadas para etiquetas de estilo retro-vintage).

Después también podremos usarlo para expresar que algo tiene garantía de calidad, como suelo hacer yo aquí mismo en La Grafiteca con los recursos de los que hablo (siempre compruebo antes que los archivos funcionen verdaderamente, como saben quienes siguen mis artículos semanales). Por cierto, el sello que uso habitualmente para ello es totalmente gratuito, se trata de un recurso del que hablé en la entrada “Efectos estampado de sello formato PSD, alta calidad”. Recomiendo su consulta, también incluí allí un pequeño tutorial.

Bien, en esta ocasión vamos a tratar el mismo tema, pero con un tutorial mucho más detallado, y aportando además nuevos recursos de gran interés, todos ellos 100% gratuitos igualmente. El resultado será algo como esto:

Sello estampado por La Grafiteca

Como puede verse, es muy interesante que en el sello podremos poner no solo un logo, sino incluso una fotografía (de una persona o incluso un paisaje, por qué no). Aplicando ciertos filtros, que luego explicaremos, daremos a la imagen el efecto de estampado que se ve arriba.

Yo he usado exclusivamente Photoshop CS3, y seguramente también podrá hacerse el ejercicio con CS2 o incluso inferior. Casi todo el trabajo lo haremos con pinceles y capas, herramientas presentes desde las versiones más antiguas.

Tutorial paso a paso.

Bien, vamos con el tutorial. Se trata de una guía originalmente realizada por el diseñador John Negoita para EnvatoTuts+, un gran portal especializado en la formación de diseñadores que acostumbra a ofrecer buenos tutoriales (además de cursos, talleres, etc). John es además autor de la web PSD-dude.com (“el chico PSD”, podría traducirse), donde ofrece muchos recursos y guías. Su mujer y él son grandes maestros de la edición gráfica y del uso de Photoshop, eso desde luego. También tienen una tienda online donde ofrecen sus creaciones de pago, que recomiendo así mismo visitar.

El tutorial del que hablaremos aquí es, no obstante, totalmente gratuito, así como los recursos necesarios para realizarlo. El resultado al que ellos han llegado es el siguiente:

Resultado final del tutorial

Las personas que entiendan bien el inglés escrito, pueden dirigirse directamente a la siguiente dirección:

How to Create a Rubber Stamp Effect in Adobe Photoshop | EnvatoTuts+

Allí encontrarán la guía completa, que por cierto es muy detallada y cuenta con abundantes capturas. No obstante también la seguiremos aquí a continuación, resumiéndola y traduciendo los nombres de las herramientas a la versión en español de Photoshop.

De esta forma, básicamente los pasos a seguir son los siguientes:

1. Crear un nuevo documento y descargar la textura del fondo.

Crearemos un nuevo documento de Photoshop de 850x550px. A continuación, iremos a la siguiente dirección para descargar la textura del fondo.

textura

Como puede verse es una especie de pergamino, cuyas manchas darán el efecto grunge que nos interesa.

Es una buena textura. La llevaremos a Photoshop y pondremos en el documento que creamos antes, en una capa nueva. Tendremos que escalarla (reducirla) para ajustarla.

2. Crear un gradiente para la textura del fondo.

Seleccionaremos la capa con la textura, e iremos al menú Capa/Nueva capa de ajuste/Mapa de degradado (también puede hacerse desde el panel o ventana de las capas). Le daremos un nombre cualquiera.

Crear un gradiente para la textura del fondo

Los colores que se sugieren para dicho degradado son #7a6849 y #fffbf7. Si ya los tenemos como color frontal y trasero respectivamente será más fácil. Con esto pasaremos la textura a una escala de tonos de un solo color, de tono marrón (en realidad podremos poner el que queramos, o incluso saltar este paso, aunque para empezar es recomendable respetar el procedimiento básico).

3. Crear los círculos.

A continuación, crearemos diversos círculos con la herramienta Elipse. Este paso sí es fundamental. Para hacer un círculo perfecto mantendremos presionada la tecla Shift (Mayúsculas).

Crear círculos con la herramienta Elipse, captura 1

Duplicaremos varias veces la capa que contiene dicho círculo. En la guía de John se han usado cuatro círculos, aunque yo he usado menos. A gusto de cada uno en realidad. Después los haremos progresivamente más pequeños, haciendo Command/Control-T o a través del menú Edición/Transformar trazado/Escala. El segundo círculo lo reduciremos al 95%, el tercero al 75% y el cuarto al 70%. Con esto tendremos varios círculos concéntricos.

No podrán verse pues estarán tapados, pero en la ventana de Capas, a todos les pondremos “0%” de relleno. Después, en los estilos de capa un trazo de color negro de 4-6 píxeles (6 en el de fuera y 4 en el de dentro).

Crear círculos con la herramienta Elipse, captura 2

El resultado será el siguiente:

Crear círculos con la herramienta Elipse, captura 3

4. Añadiremos una forma.

En la parte más externa vamos a poner una de las formas creadas por John. Nos las facilita gratuitamente en su web Psd-dude (ir a la siguiente entrada, hace falta registro para descargar este archivo y los siguientes).

Añadir una forma para el círculo adornado exterior

Una vez descargadas, para cargarlas en Photoshop podemos hacerlo mediante el menú de la herramienta Forma personalizada (en el mismo grupo que para crear los círculos). O a través del menú Edición/Gestor de ajustes preestablecidos (una vez allí seleccionaremos Formas personalizadas).

Una vez cargadas, con la herramienta Forma personalizada pondremos una de ellas, y le daremos el tamaño adecuado.

5. Añadir el texto.

Acto seguido, con la herramienta Texto horizontal (la que viene por defecto), nos situaremos sobre el tercer círculo y haremos clic, de forma que podremos escribir alrededor del trazado.

Añadir texto rodeando el tercer círculo

Si se quiere usar la misma tipografía, en el tutorial original puede encontrarse el enlace. Lo cierto es que es bastante adecuada (la fuente se llama Intro). O si no, pues usaremos cualquiera que tengamos. Adaptaremos bien el tamaño, eso sí.

6. Añadir la foto y darle el efecto de tampón o sello estampado.

Muy interesante este punto. Podemos poner directamente un logo, pero si queremos poner la foto de una persona, un dibujo o cualquier imagen, lo haremos de la siguiente manera: primero pondremos la foto con el tamaño adecuado y en el sitio correcto.

Añadir una fotografía

Después con Command/Control pulsado haremos clic en la máscara de capa del círculo en cuestión. Esto hará una selección. Añadiremos entonces una máscara de capa a dicha selección, lo que recortará la imagen al círculo.

Acto seguido añadiremos el filtro para dar a la foto el aspecto de sello estampado. Pondremos primero el color frontal en negro y el trasero en blanco.

En CS3, el filtro es Bosquejar/Tampón (puede variar según la versión).

Dar efecto de estampado mediante filtro

El Equilibro de luz y sombra lo pondremos en 4, y el suavizado en 1-3. Esto convertirá cualquier retrato en un dibujo. Es una herramienta realmente útil (no solo para esto, para todo tipo de trabajos en realidad).

7. Eliminaremos el blanco de la foto.

Debo admitir que no conocía que se pudiera hacer el siguiente paso, con lo que quedo muy agradecido al “chico PSD”. Es decir, puede hacerse de muchas formas, pero no conocía ésta en particular. Es muy sencillo de hacer mediante los estilos de capa (doble clic en la misma).

Eliminar el blanco de la foto mediante las opciones de fusión

No hace falta aplicar ningún estilo. Sencillamente, en la primera ventana (Opciones de fusión), deslizaremos el primer manejador de abajo hasta 180 (donde dice “Fusionar si es (Gris) Esta capa).

Y listo. A continuación cogeremos todas las formas y convertiremos las capas en un Objeto inteligente (todo menos el fondo y el mapa de degradado).

8. Añadir desgaste.

Esta parte ya es más artística, pues consiste en dar un aspecto grunge (desgastado) a las formas. Lo haremos con pinceles, añadiendo primero una Máscara de capa al Objeto inteligente que creamos antes.

Añadir desgaste mediante pinceles de manchas y salpicaduras en máscara de capa

El color del pincel ha de ser negro, para que aplique el desgaste. Lo mejor es usar pinceles grunge especialmente creados para ello, como pueden ser los típicos de manchas, salpicaduras de pintura, etc. Aquí en La Grafiteca hemos visto algunos (realizar una búsqueda), y en el tutorial original también se mencionan pinceles de este tipo creados por Psd-dude y gratuitos. Interesa también variarles la opacidad, para que no “borren” por completo el sello. Esto también puede conseguirse con pinceles en escala de grises.

En conjunción con la textura del fondo, conseguiremos el atractivo (y realista) aspecto desgastado que vemos en la imagen. Es un trabajo muy típico de los editores de Photoshop, cuya práctica nos vendrá muy bien. Tener una buena paleta de pinceles grunge es fundamental.

Añadir más pinceles de sellos antiguos y marcas postales

Para añadir las líneas postales de la imagen, descargaremos estos otros pinceles que tiene Psd-dude (igualmente gratuitos). Después tendremos que “borrar” la parte del centro, de nuevo usando pinceles grunge o como queramos. En cuanto a los otros sellos vintage del fondo, podemos descargarlos igualmente de la misma web de John, concretamente aquí.

Finalmente, si se quiere cambiar el color de los estampados, bastará con seleccionar la capa en cuestión, y darle una Superposición de colores en los estilos.

Cambiar el color de los estampados

El resultado al que yo llegué fue el siguiente:

Resultado obtenido por La Grafiteca, siguiendo el tutorial

En definitiva, un buen tutorial que recomiendo realizar. Los recursos que obtendremos tampoco están nada mal. De igual forma, aconsejo también que se consulte la guía original en inglés de EvantoTuts+, pues contiene aún más materiales y es bastante más detallada. Recuerdo el enlace.

Más materiales relacionados.

Para aquellas personas que no quieran -o tengan tiempo de- realizar todos los pasos, es obligado comentar que Psd-dude ofrece adicionalmente un “generador automático” de estos estampados de sellos de caucho. Se trata de una Acción de Photoshop (archivos ATN, ABR y CSH), que realiza todo el proceso con un simple clic. Eso sí, es un recurso de pago.

Para consultarlo dirigirse a la siguiente dirección:

Rubber Stamp Generator Photoshop Action

Es uno de los recursos que John ofrece en su tienda antes mencionada. Y parece que además tiene bastante éxito, lo cual habla de su calidad (yo no lo he probado, así que no puedo opinar, no obstante hay muchos comentarios).

Si se prefiere seguir con materiales 100% gratuitos, recomiendo consultar la entrada de esta misma web que puse también al principio: Efectos estampado de sello formato PSD, alta calidad. Allí pueden encontrarse un buen número de sellos y otras referencias de interés dentro de esta temática.

No obstante, animo a todos a intentar por su cuenta realizar su propio sello siguiendo este tutorial, pues sin duda aprenderán mucho, o reforzarán algunas habilidades de entre las más útiles para el profesional de la edición gráfica con Photoshop.

Leer más...

20 abril, 2016

Kit y plantilla para logos moteros retro, en vectores

El excelente diseñador gráfico Chris Spooner, procedente del Reino Unido y del que ya hemos hablado en otras ocasiones (aquí por ejemplo), nos trae de nuevo un maravilloso freebie de altísima calidad, como es habitual en él.

En esta ocasión, el británico ha creado una especie de kit o plantilla para hacer logos moteros retro, en vectores y totalmente gratuito. Son elementos con ese aire antiguo, clásico o vintage tan atractivo, ideal para camisetas, pegatinas, emblemas de tipo sello-badge y demás composiciones por el estilo.

En realidad se trata de un conjunto de ilustraciones tipo “dibujo a mano”, acompañadas de un lettering (tipografías) igualmente handwritten. No podrían ser más adecuadas para hacer el logo de un club motero, un taller de reparación de motos, garajes custom Incluso servirían para una tienda de motocicletas, por qué no.

Como siempre, una imagen vale más que mil palabras. Los dibujos son de motocicletas clásicas y cascos antiguos, de este tipo:

Casco motero antiguo, dibujo vectorial con lettering, estilo manual, incluido en el set.

Veamos los logos que ha creado (y nos ofrece gratuitamente) Chris:

Logos moteros editables estilo emblema, sello o badge incluidos en el set.

Atractivos, ¿verdad? Ya lo dije. Los dibujos de las motos clásicas vienen aparte:

Motos vintage, ilustraciones estilo dibujo hecho a mano, en vectores, incluidas en el set. Y los cascos retro también:

Cascos vintage, ilustraciones estilo dibujo hecho a mano, en vectores y con lettering, incluidas en el set.

Todos estos elementos vienen en un único archivo, ofrecido a su vez en muchos formatos: PSD de Photoshop y también vectorial EPS y AI de Illustrator (en este último caso en versiones para CS y CC). Disponible para PC y Mac.

He comprobado personalmente todos los archivos, funcionan bien. El PSD y el EPS no son editables, pero en las versiones AI sí pueden modificarse los textos (se requiere para ello descargar las tipografías, igualmente gratuitas, y disponer de una versión avanzada de Illustrator para evitar problemas inesperados).

Concretamente, estos diseños usan tipografías bastante buenas para logos y emblemas moteros, como Geared, Marketing Script o Lavanderia. Algunas de estas fuentes pueden descargarse con el sistema Pay what you want, "paga lo que quieras", lo que significa que puede ponerse 0 y descargarlas así gratis, aunque de esa forma sólo podrán usarse para diseños personales. Sea como sea, podremos sustituirlas por cualquier otra tipografía que tengamos, siendo recomendables aquellas que tengan algún efecto "desgastado". Dicho efecto también podremos añadirlo nosotros empleando alguna textura, naturalmente.

En cuanto a la licencia de uso, se trata de un recurso gratuito y de libre uso, bajo licencia Creative Commons. Pese a ello, podrá usarse sin mención de autoría (Chris da permiso para ello). Incluso para fines comerciales (hacer camisetas para vender, etc…). Las limitaciones son las habituales: no apropiarse del diseño, ofrecerlo por nuestra cuenta en nuestra propia página web, etc…

La descarga de este recurso siempre habrá de realizarse desde la web que el británico ha creado para él en su blog (si esto aparece en otra parte no se tratará de un sitio de confianza). Concretamente, hay que ir a:

Free Motorcycle Vector Graphics & Logo Template Kit | blog.SpoonGraphics

Una vez allí, bajar por el artículo hasta el final, donde veremos un rectángulo que dice “Download the Motorcycle Logo Template Kit”. Al clicarlo accederemos a la descarga directa.

Más recursos relacionados: ilustraciones y diseños moteros para inspiración.

En otro artículo de su blog el británico ha recopilado 20 diseños moteros de este mismo estilo –algunos muy atractivos-, que podrán servirnos de inspiración a la hora de trabajar con el kit.

Se trata de carteles o posters para clubs moteros, garajes, talleres y similares, con el mismo estilo retro-clásico, desgastado, con dibujos y letras de estilo manual. Un tipo de diseños ideal para camisetas, eventos rockeros y rockabilly, conciertos… Incluso para tatuajes de tipo Old School. Definitivamente muy atractivo.

Cartel con dibujo motero 1Cartel con dibujo motero 2Cartel con dibujo motero 3

Para verlos todos, dirigirse al citado artículo de Spooner, en:

►20 Cool Motorcycle Culture Hand Lettering Illustrations | blog.SpoonGraphics

Con todos estos elementos y un poco de inspiración, cualquier diseñador/a podrá lanzarse a crear su propios logos moteros. Recomiendo usar alguna textura desgastada para los fondos y las letras (incluso para los dibujos), de tipo rusted/grunge. Ni más ni menos que lo hecho por el propio Spooner en las imágenes de muestra en su blog.

Leer más...

25 noviembre, 2015

16 logos-badges vintage, plantillas PSD y en vectores

En esta entrada vamos a incluir hasta 16 plantillas para logotipos de estilo retro, con la típica estructura de estampado o badge (en inglés). Todos ellos son diferentes y bastante buenos, sobre todo los 12 primeros.

Esta clase de diseños llevan ya por lo menos 2 o 3 años muy de moda, y no me extraña pues la verdad es que lucen muy bien, tienen mucho estilo. Pese a su indudable estética vintage o antigua, son extremadamente modernos. Como se suele decir, muy hipster.

Estos en particular que vamos a ver aquí son todos 100% gratuitos, con licencia de uso incluso para fines comerciales, sin ser necesaria mención de autoría. Como es habitual en este tipo de freebies la única limitación consiste en que no se pueden revender o redistribuir las propias plantillas, su descarga siempre debe realizarse desde la web original. Así pues podremos usarlas tanto para logotipos como para encabezamientos de imagen corporativa, así como en camisetas o dentro de cualquier marca o concepto de diseño.

Las 6 plantillas del primer set tienen un formato PSD de Photoshop, mientras que las 10 restantes son dos packs de archivos vectoriales (formato AI de Illustrator y alguno más, luego detallaré). Todos los archivos están comprobados, funcionan bien (en algunos casos hay que facilitar un email, al que nos remiten el link de descarga casi de inmediato). Sin más, vamos con ellos:

6 logotipos retro estilo sello en PSD, diseños de alta calidad

6 logotipos retro estilo sello en PSD, diseños de alta calidad.

Contenido del archivo descargable. Archivo comprobado por La Grafiteca.

  • Web de descarga del recurso.
  • Autor: El excelente diseñador hondureño (de Puerto Cortés) Eduardo Mejia. Recomiendo mucho ver su trabajo aquí y también aquí.
  • Detalles: Es un trabajo colaborativo de Eduardo Mejía, realizado para el portal de venta de mega-packs de recursos gráficos DealJumbo. En este caso se trata de un freebie que el autor ha diseñado para darse a conocer (labor promocional). Su calidad como puede verse es muy buena (todo el trabajo de Mejía lo es, recomiendo hacer una búsqueda con su nombre en La Grafiteca, destacan especialmente sus mockups). Es preferible usar una versión reciente de Photoshop para evitar fallos inesperados al trabajar con este recurso.

6 logotipos o encabezados retro en vectores .AI de Illustrator, diseños de alta calidad

3 de los 6 logotipos o encabezados retro en vectores .AI de Illustrator, diseños de alta calidad, incluidos en el set.

Los 3 restantes logotipos o encabezados retro en vectores .AI de Illustrator, diseños de alta calidad, incluidos en el set.

  • Web de descarga del recurso.
  • Autora: La simpática sudafricana (de Port Elizabeth) Nicky Laatz.
  • Detalles: Al igual que en el caso anterior se trata de un freebie que la autora ha diseñado para dar a conocer su obra, ofreciéndola a través del magazine de diseño gráfico graphicburguer.com. El estilo de estos logos es muy marinero, industrial de tipo old-school. En definitiva muy vintage, hipster y, sobre todo, bueno. Ideal para formar parte de un branding, etiquetas o packaging, así como especialmente recomendado en diseños para camisetas. Recomiendo así mismo echar un vistazo a la tienda de la autora. Archivos AI de Illustrator CS2 y CS5, 3 MB. Disponible PC y Mac.

4 plantillas para logos de estilo badge-retro en vectores EPS, AI y PDF.

4 plantillas para logos de estilo badge-retro en vectores EPS, AI y PDF.

  • Web de descarga del recurso.
  • Autor: El diseñador rumano (de Timisoara) Alex Mihis (McraftPix).
  • Detalles: Al igual que en el caso anterior se trata de un freebie ofrecido en colaboración con graphicburguer.com. Estos diseños son más sencillos que los anteriores, no tienen tanta calidad, pero tal vez puedan tener alguna utilidad en etiquetas, sellos, posters, banners o camisetas. Formatos AI, EPS y PDF. 1.7 MB. Disponible PC y Mac.

Comentar que es imprescindible tener instaladas las tipografías que usan estos logos, pero afortunadamente en todos los casos se incluyen archivos de texto que detallan qué fuentes han sido utilizadas y son por tanto necesarias. Todas ellas son también gratuitas (hay que consultar el archivo, descargar las tipografías e instalarlas en nuestro equipo).

Para terminar, si quieren ver más recursos de este tipo, hacer una búsqueda en la web o consultar directamente la categoría logotipos de La Grafiteca.

Leer más...