Crear un logotipo ilustrativo de una fotografía

Lo que vas a crear
Este tutorial se publicó originalmente en julio de 2012 como tutorial de Tuts + Premium. Ahora está disponible de forma gratuita para ver. Aunque este tutorial no utiliza la última versión de Adobe Photoshop, sus técnicas y procesos siguen siendo relevantes.

En este tutorial, comenzaremos con una referencia fotográfica, luego a través de algunas manipulaciones en Photoshop y un cuidadoso rastreo a mano, cotejándolo con sus elementos esenciales. El resultado es una marca estilizada que es representativa, pero audaz y gráfica. Empecemos!

¿Te gustan los logos de animales? Entonces estamos seguros de que te encantarán nuestros diseños de logotipo de animales disponibles a través de GraphicRiver. O solicite la ayuda de un profesional de diseño de Envato Studio para diseños de logotipos personalizados.

1. Cómo crear el concepto inicial

Paso 1

Cuando se acerque a cualquier asignación de logotipo, es mejor hacer una buena cantidad de investigación antes de ponerle lápiz a papel. A veces obtendrás un resumen creativo detallado, y otras veces, el cliente tendrá una vaga noción de lo que está buscando y te permitirá hacer el resto. Independientemente del escenario, la investigación debe ser el primer paso en el proceso. Incluso si el cliente ya tiene el logotipo básicamente hecho y quiere que lo limpies, creo que cuanto más conocimiento aportes al trabajo, más éxito tendrá..

Para esta tarea imaginaria, el cliente quería una cabeza de león para su logotipo. Los Leones a menudo representan la realeza, el orgullo, la fuerza y ​​el liderazgo. Me decidí por un orgulloso león de perfil e hice algunos bocetos en miniatura muy toscos. Decidí hacer algo más realista que estilizado, pero audaz y gráfico..


Mis bocetos parecían un cruce entre una oveja y un gatito, así que era hora de investigar un poco. Me subo a las búsquedas de imágenes habituales para un león de perfil. En este punto, solo estaba mirando imágenes y absorbiendo información visual. Quería tener una buena idea de cómo se ve realmente un león, y llevarlo conmigo al trabajar en el logotipo.

Para hacer un logotipo vectorial realista, quería encontrar una buena fotografía en la que basar mi diseño. Quiero manifestar enfáticamente que siempre se debe obtener el permiso del fotógrafo cuando se utiliza una foto como imagen de origen. A pesar de que su resultado final será bastante estilizado, simplemente no está bien usar una foto con derechos de autor sin permiso. Hace varios años hubo un caso relacionado con el logotipo utilizado en las placas de Kentucky. Un fotógrafo alemán afirmó que el logotipo se basaba en su fotografía. Demandó y las matrículas tuvieron que ser cambiadas. Así que mantente en el lado derecho de la ley y obtén permiso..


Paso 2

El otro aspecto de la investigación de logotipos implica ver lo que ya se ha hecho. Puede ser difícil mirar muchos logotipos e intentar no ser influenciado por ellos, pero también es bueno saber lo que ya existe. No desea pasar horas en un logotipo solo para encontrar que se ve muy similar a otro. La primera vez que hice una búsqueda en la imagen de Google fue para el "logotipo de cabeza de león" Es un motivo popular, y los diseños abarcan toda la gama de realistas y detallados a estilísticos o de dibujos animados..


No vi nada parecido a lo que tenía en mente, así que estaba en el trabajo de preparación inicial.


2. Cómo preparar la imagen de referencia


Paso 1

Encontré una excelente foto de origen en PhotoDune y obtuve permiso para usarla. Dado que se trata de una tarea imaginaria y que el dinero no cambia de manos, el fotógrafo tuvo la amabilidad de permitirme usarlo para la demostración.

Big Male African Lion de EcoSound

Paso 2

Dado que mi logotipo tendrá un alto contraste, primero quiero ajustar la foto para poder ver más fácilmente los reflejos y las sombras..

Abra la foto en Photoshop, y vaya a Imagen> Ajustes> Blanco y Negro. Como mi imagen consistía principalmente en tonos amarillos, elegí el Filtro amarillo programar. Utilizando la Blanco negro Ajuste en lugar de simplemente convertir a Escala de grises te da más control sobre cómo se verán los tonos grises. Puede comenzar con un ajuste preestablecido y ajustar los controles deslizantes de color..



Paso 3

Ahora convierte la imagen a escala de grises. Ir Imagen> Ajustes> Niveles. Ajusta los controles deslizantes para añadir contraste a la imagen..



Etapa 4

Ahora que su imagen está preparada, imprímala, luego use papel de calco para dibujar las líneas y formas a mano con lápiz. Puede pensar que sería más rápido comenzar a dibujar en Illustrator, pero dibujar a mano le permite tomar decisiones sobre qué formas y líneas son importantes para mantener y cuáles se pueden descartar. Mantenga sus trazos de lápiz suaves y deliberados. En mi trazado, he agregado marcas de sombreado a áreas más grandes de negro, como un recordatorio cuando estoy creando las formas vectoriales más adelante. El trazo de lápiz terminado está debajo..




3. Cómo dibujar formas vectoriales


Paso 1

Comienza a dibujar las líneas y formas con el Lapicera. Podrías usar el Herramienta Lápiz, la Pincel, o incluso el Herramienta de pincel de burbujas, Pero vamos por caminos precisos, con solo los puntos esenciales..

Puede ayudar a aumentar el peso de la línea de sus caminos. Hacerlo puede ayudarlo a ver más fácilmente posibles problemas. En los ejemplos a continuación, los ángulos y puntos agudos se destacan mejor en un trazo más grueso. Ajuste cuidadosamente los mangos para corregir problemas como este.



Paso 2

Continúa trabajando de esta manera, suavizando y simplificando los caminos a lo largo del camino..



4. Cómo agregar color

Paso 1

Rellena las formas con color sólido. Sigue simplificando los caminos donde sea necesario, y suavizando los puntos..



Paso 2

Dibuja un camino para el área blanca. Esto se eliminará eventualmente del logotipo general o se rellenará con un color diferente. El camino se muestra en verde abajo.



Paso 3

Dibujar en los aspectos más destacados. Nuevamente, estos pueden eventualmente ser cortados, pero por ahora manténgalos de un color más claro..



5. Cómo refinar el logotipo


Paso 1

En este punto, se trata de decisiones minúsculas. Quita todo lo que no sea necesario para que la imagen se lea como un león. Simplificar!

Algunos cambios que realicé fueron simplificar la forma de la oreja y eliminar algunas de las formas de la melena. También agrandé un poco el ojo para que aún fuera visible en tamaños más pequeños, e hice los puntos en el hocico más grandes y más uniformes..




Paso 2

Cuando haya realizado todos los ajustes y el refinamiento y esté seguro de que está hecho, puede reducir la ilustración solo a las rutas que conforman los aspectos más destacados. Utilice la función Dividir en el panel de Pathfinder, o la herramienta Generador de formas para eliminar todos los colores, excepto los más claros, creando una ruta compuesta. El logotipo terminado se muestra en el modo Esquema a continuación. Este paso es opcional, siempre puedes mantener los colores molestos. Sin embargo, con una forma vectorial de solo luces, puede colocar fácilmente el objeto en un fondo de diferente color para crear diferentes esquemas de color.




Conclusión

Ajustar y perfeccionar cada ruta es importante y puede tomar horas para poner todo en su lugar óptimo. Asegúrate de ver la imagen en diferentes tamaños a lo largo del camino. Construir una base sólida a través del dibujo a mano puede hacer que el proceso sea un poco más fácil y rápido.

Impresionantes logotipos de animales de GraphicRiver

¿Eres un empresario en ciernes que necesita un buen logotipo? Luego navega por nuestra increíble selección de Logotipos de animales en GraphicRiver. Estos increíbles diseños han sido hechos a mano por una comunidad de diseñadores talentosos. Y echa un vistazo a uno de los magníficos diseños a continuación!

Logo de león valiente

Disfruta de este impresionante diseño de logotipo de león lleno de colores vibrantes. Este diseño está inspirado en los logotipos geométricos modernos que cortan el león para un estilo interesante. Descargue este logotipo hoy para obtener acceso a este diseño escalable y totalmente editable al 100%.