[EN/ES] Blurt logo in vector for downloading

in blurt •  3 years ago 

00.png
Cover created with my version of the logo.

It is very common when exploring the general trends of all the tags within Blurt to find writings that use the site's logo as part of their cover image. Many times that logo is in a low quality which is quite noticeable and so I decided to create a vector version of the Blurt logo, which will be available as a download that anyone can easily use. Being vectorial it doesn't lose quality no matter how much the image is scaled.

To create this vector logo I decided to use the Affinity Designer program which is one of the best competitions there is when it comes to rival Adobe's program and with the advantage that this program is a single payment being a perpetual license, you only pay for major updates and it is not mandatory to update. Currently the program is at a 50% discount and for that price it is a gift, this offer ends on May 31.


The first thing to do is to insert the Blurt logo image in the vector program and make a copy. On one of the logos we will do all the vectorial tracing work, the other one being the reference to take the colors and make comparisons of the general finish.


The background are two circles that with the Fill Tool you can easily make the gradient. The gradient of the inner circle needs to have its center blending point adjusted to get the look of the original logo.


The eyes are made from circles that are deformed to reach their final dimensions and the sign where B!#RT is written is simply a rectangle. Everything is filled with black.


The eyebrows were made with a stroke using the pen tool and then adjusting its properties to get the final shape. The stroke pressure adjustment panel was very helpful in achieving the goal. The second eyebrow is made by duplicating and flipping horizontally.


For the name font I chose Montserrat ExtraBold at 130 point size, which is a free font that can be downloaded from Font Squirrel. It is not the original font of the Blurt logo.


Final result of the Blurt logo in vector. On the left is the original logo in PNG and on the right is my vector version. I took my licenses when choosing the font, since I don't know which is the original font that was used to create the logo.


In the end and given the lack of the font used in the original logo we can say that this Blurt vector logo is an alternative version. I leave a link to download in SVG, which is a universal vector format used to share this kind of files. If someone provides me with the original font I will update the logo and post as a comment the new updated download.

07.png
Final result in transparent PNG.

Original logo: Blurtlogo.png
Font used: Montserrat
My SVG version of the logo: Blurtlogo.svg

Note: With the exception of the Blurt logo, all the images are my own captures made during the process of creating the logo in vectors.


Separator.png


00.png
Portada creada con mi versión del logo.

Es muy común al explorar las tendencias generales de todos los tags dentro de Blurt encontrar escritos que usan el logo de la página como parte de su imagen de portada. Muchas veces ese logo está en una calidad baja lo cual es bastante notorio y por ello decidí crear una versión vectorial del logo de Blurt, que estará disponible como una descarga que cualquier pueda utilizar fácilmente. Siendo vectorial no pierda calidad sin importar cuanto sea escalada la imagen.

Para crear este logo vectorial decidí utilizar el programa de Affinity Designer que es una de las mejores competencias que hay a la hora de rivalizar con el programa de Adobe y con la ventaja de que este programa es de un solo pago siendo una licencia perpetua, solo se paga por actualizaciones grandes y no es obligatorio actualizar. Actualmente el programa se encuentra con un 50% de descuento y por ese precio es un regalo, esta oferta finaliza el 31 de mayo.


Lo primero es insertar la imagen del logo de Blurt en el programa vectorial y hacer una copia. Sobre uno de los logos haremos todo el trabajo de trazado vectorial, siendo la otra referencia para tomar los colores y hacer comparaciones del acabado general.


El fondo son dos círculos que con la Herramienta de Relleno se realiza el degradado muy fácilmente. Al degradado del círculo interno hay que ajustar su punto central de mezcla para obtener el aspecto del logo original.


Los ojos se hacen partiendo de círculos que se deforman para alcanzar sus dimensiones finales y el cartel donde va escrito B!#RT es simplemente un rectángulo. Todo va relleno de negro.


Las cejas las hice con un trazo usando la herramienta pluma y después ajustando sus propiedades para obtener la forma final. El panel del ajuste de la presión del trazo fue muy útil para lograr el objetivo. La segunda ceja se hace duplicando y volteando horizontalmente.


Para la fuente del nombre escogí Montserrat ExtraBold a 130 puntos de tamaño, que es una fuente gratuita que se puede bajar de Font Squirrel. No es la fuente original del logo de Blurt.


Resultado final del logo de Blurt en vectorial. A la izquierda está el logo original en PNG y a la derecha mi versión vectorial. Destacando que me tome mis licencias a la hora de escoger la fuente, ya que desconozco cual es la fuente original que se utilizó a la hora de crear el logo.


Al final y dada la falta de la fuente usada en el logo original podemos decir que este logo vectorial de Blurt es una versión alternativa. Dejo un enlace para descargar en SVG, el cual es un formato vectorial universal que se utiliza para compartir este tipo de archivos. Si me proporciona la fuente original actualizo el logo y colocó como un comentario la nueva descarga actualizada.

07.png
Resultado final en PNG transparente.

Logo original: Blurtlogo.png
Fuente usada: Montserrat
Mi versión del logo en SVG: Blurtlogo.svg

Nota: A excepción del logo de Blurt todas las imágenes son capturas propias realizadas durante el proceso de creación del logo en vectores.


blurt-hispano-banner-mas-peque-o.png
Únete a nuestro grupo en Discord.


Posted from https://blurtlatam.com

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE BLURT!
Sort Order:  
  ·  3 years ago  ·  

Thank you, your post has been upvoted by @blurttribe.

Curated manually by @obikay

blurttribe_20220320143518.gif
:::Discord :::Whatsapp:::Twitter :::
YOU CAN VOTE FOR OR DELEGATE BLURT POWER TO @blurttribe TO SUPPORT CURATION

muy bien te quedo igual jiji, no conocía este programa, yo solo manejo photoshop., bueno aprendiendo a manejarlo, te felicito, buen trabajo, saludos!

  ·  2 years ago  ·  

muy buena idea friend. quedó super nice!!


Posted from https://blurtlatam.com

  ·  3 years ago  ·   (edited)

I was looking exactly for something like this especially as a vector. No more issues with scaling to whatever size you need. Thank you for taking the time to make this.

  ·  3 years ago  ·  

Manually curated by @vickyguevara

Gracias por compartir tu publicación en #Blurt. Tu esfuerzo significa mucho para nosotros; por eso has recibido un voto positivo.

Te invito a votar por @blurtlatam como Testigo / Witness

1



Posted from https://blurtlatam.com

  ·  3 years ago  ·  

Nice one...

Hello @geeklania
Thank you for sharing such great content!
Use #blurtconnect tag to get more upvotes from usBlurt to the moon 🌕You can delegate any amount of Blurt power to @blurtconnect-ng
This post has been upvoted manually by @chibuzorwisdomblurtconnect.gifPlease help support this curation account.

Also, keep in touch with Blurtconnect-ng family on Telegram and Whatsapp

  ·  2 years ago  ·  

Well done!! Now to have a less angry logo... 🤪

Screenshot_2022-05-27-18-27-32-70.jpg


Posted from https://blurt.live

Congratulations, your post has been curated by @dsc-r2cornell. You can use the tag #R2cornell. Also, find us on Discord

Manually curated by Blessed-girl

logo3 Discord.png

Felicitaciones, su publicación ha sido votada por @ dsc-r2cornell. Puedes usar el tag #R2cornell. También, nos puedes encontrar en Discord

  ·  3 years ago  ·  

Shared on Twitter #blurtsocial #blurtlove