¿Cómo crear tus propias letras para Steemit? ¡Da más color a tus post!

in spanish •  7 years ago 

Tutorial_Letras.png
[Imagen de mi autoría. Hecha con Photoshop.]


Heart_Tutorial.gifHeart_Tutorial3.gifShirani.gifHeart_Tutorial4.gifHeart_Tutorial5.gif


Esta vez traigo un tema relacionado a letras que ustedes mismos podrán realizar e integrar a sus post de Steemit, ya sea individualmente, en palabras o frases, para dar más vida al contenido que estén tratando. Estas letras son imágenes que podrán añadir a sus temas sin problemas, y yo les enseñaré cómo hacerlas. También puedes usarlas en cualquier sitio web que te permita subir imágenes.

  • Antes de empezar deben descargar el programa Easy Paint Tool Sai (SAI), ¡te dejo un vídeo guía ! No me pertenece, todos sus derechos y créditos son de su autor o autora.

Las letras de este tutorial son de un tamaño pequeño, sin embargo, más adelante te enseño cómo hacerlas más grandes con el programa Photoshop para que sean iguales a las que puedes ver al inicio de este tema. No obstante, de ti depende de qué tamaño quieras que sean.


Heart_Tutorial.gifHeart_Tutorial3.gifShirani.gifHeart_Tutorial4.gifHeart_Tutorial5.gif


Una vez descargado SAI procedemos a crear un Nuevo Lienzo, para ello debemos ir a la parte superior del programa y seleccionar la opción Archivo >> Nuevo. Aparecerá una ventana en donde configuraremos el tamaño del lienzo. Te recomiendo emplear las medidas 7 de Anchura y 11 de Altura en el formato pixel; no obstante, si deseas un estilo de letra diferente puedes usar otro tamaño. Para agrandar la visualización del lienzo haz un acercamiento con la rueda central del ratón o mouse.

Como puedes notar este tutorial cuenta con imágenes en movimiento que te guiarán a lo largo del mismo.

Tutoletra.gif
[Imagen de mi autoría. Capturas de pantalla.]

Ve al lado izquierdo del programa, selecciona la herramienta Binario, haz que el tamaño del pincel sea de un pixel (1p), e implementa el color que desees gracias a la Paleta o Cuadro de Colores ubicado nuevamente en el lado izquierdo del programa.

Tutoletra2.gif
[Imagen de mi autoría. Capturas de pantalla.]

Ahora debes hacer un rectángulo usando los bordes del lienzo como guía. Emplearemos un total de treinta y seis (36) pixeles: Once (11) de cada lado y siete (7) en la parte superior e inferior. Cabe destacar que este rectángulo te ayudará a futuro si quieres realizar palabras u oraciones.

Tutoletra3.gif
[Imagen de mi autoría. Capturas de pantalla.]

Con nuestra guía ya marcada se debe crear otra Capa, una capa es la hoja de trabajo o de dibujo que manejamos. Para ello debes dirigirte a la parte superior del programa y seleccionar Capa >> Nueva Capa. Como notarás en el lado izquierdo se ha generado una capa diferente llamada ‘Capa 2’, haz clic izquierdo sobre ella para seleccionarla.

Tutoletra4.gif
[Imagen de mi autoría. Capturas de pantalla.]

En esta Nueva Capa trabajaremos nuestra letra. Selecciona un color y utiliza el Pincel Binario para trazar la forma dentro del rectángulo. Como ejemplo te enseñaré a realizar la letra A, en la cual se emplea un total de veintidós (22) píxeles: Ocho (8) a ambos lados, y tres (3) en la parte superior y central.

Tutoletra5.gif
[Imagen de mi autoría. Capturas de pantalla.]

Una vez estés a gusto con tu diseño, debes Ocultar la Capa 1 o en donde hiciste tu rectángulo. Para ello haz clic sobre el Ojo que está al lado izquierdo de dicha capa. Si el Ojo está Activo esta Capa está Visible , lo que significa que se verá en tu lienzo, pero si el Ojo está Desactivado significa que tu Capa es Invisible , por lo que no se verá en tu lienzo. Hacer esto NO borra lo que hiciste anteriormente, sólo hace que no se proyecte en tu trabajo, puedes revertir dicho proceso haciendo nuevamente clic en la opción ya mencionada.

Tutoletra6.gif
[Imagen de mi autoría. Capturas de pantalla.]

Ya tienes tu propia letra. Ahora sólo debes guardarla haciendo clic en la opción Archivo >> Guardar como… Y elegir Tipo: PNG (*.png). Seguidamente selecciona la opción 32bpp ARGB(Cada pixel tiene Opacidad) . De esta forma tu letra tendrá un fondo transparente que se integrará de forma sencilla a tus post.

Si en vez de PNG (.png) eliges SAI(.sai) el dibujo sólo podrá ser visto desde el programa SAI.

Tutoletra7.gif
[Imagen de mi autoría. Capturas de pantalla.]


Heart_Tutorial.gifHeart_Tutorial3.gifShirani.gifHeart_Tutorial4.gifHeart_Tutorial5.gif


No puedo enseñarte a hacer cada letra del abecedario, pero lo que sí puedo hacer es dejártelas acá por si deseas practicar este estilo, sólo debes descargar alguna imagen y abrirla con el programa SAI. Para ello debes ir a la opción Archivo >> Abrir… Y seleccionar el archivo descargado, estas letras no tienen el rectángulo guía, puedes hacerlo tú mismo e ir probando otro estilo de letras a partir de esta base.

La letra Ñ es la única que se sale del rectángulo guía, tenlo en cuenta.

A.png B.png C.png D.png E.png F.png G.png H.png I.png J.png K.png L.png M.png N.png Ñ.png O.png P.png Q.png R.png S.png T.png U.png V.png W.png X.png Y.png Z.png

Si quieres que tus letras sean más grandes, pero que no pierdan el estilo que te presento, debes usar el programa Photoshop. Te dejo este vídeo para que te guíes en su descarga. ¡No me pertenece! Todos los derechos y créditos son de su autor o autora.

Tras obtener el programa: Ve a la opción Archivo >> Abrir… Y selecciona tu letra o palabra ya creada. Para acercar el lienzo usa la combinación de teclas CTRL++. Ahora, haz clic en Imagen >> Tamaño de la Imagen. Allí podrás elegir las dimensiones que quieras, te recomiendo que multipliques las adyacentes por dos (x2). Esto quiere decir que si el lienzo es de 7 de Anchura y 11 de Altura, terminará siendo de 14 de Altura y 22 de Anchura. Asegúrate de elegir la opción Por aproximación (Conservar bordes definidos), y finalmente presiona OK.

Las medidas que te acabo de presentar son las que puedes ver en las letras del inicio.

Para guardar tu redimensión, haz clic en Archivo >> Guardar. ¡Y ya tienes tu imagen más grande!

Tutoletra8.gif
[Imagen de mi autoría. Capturas de pantalla.]

-Resultado-

A2.png >> A2(1).png


Heart_Tutorial.gifHeart_Tutorial3.gifShirani.gifHeart_Tutorial4.gifHeart_Tutorial5.gif


Ahora que ya has practicado puedes hacer tu propia frase o palabra (Que es más recomendable puesto a que son menos imágenes las que tendrías que manejar en el post). Haz un Nuevo Lienzo de la misma forma que antes pero esta vez su ancho debe ser mayor. Este ejemplo tiene unas medidas de 11 de Altura y 41 de Anchura. ¿Por qué? Porque emplearemos varios rectángulos guía, el tamaño dependerá de frase que queremos formar; la frase utilizada es: ‘Up Vote’.

Tutoletra9.gif
[Imagen de mi autoría. Capturas de pantalla.]

Como la palabra ‘Up Vote’ posee seis (6) letras realizaremos esa cantidad de rectángulos. Si unes más de una letra los rectángulos deben ser consecutivos, pero si existe una separación entre ellas debe haber un espacio de tres (3) pixeles. En seguida te muestro a qué me refiero.

Si no estás a gusto con el tamaño de tu Lienzo ve a la opción: Lienzo >> Cambiar Tamaño… Y elige una nueva dimensión. Para borrar los rectángulos ya creados ve a la opción Capa >> Limpiar.

Recuerda que cada rectángulo cuenta con siete (7) píxeles de anchura. Pero si sólo cuentas los píxeles que hay entre sus paredes verticales, cuentan con cinco (5) pixeles de anchura.

Tutoletra10.gif
[Imagen de mi autoría. Capturas de pantalla.]

El cálculo del tamaño se hace de la siguiente forma: La cantidad de píxeles por rectángulo, multiplicado por las letras, más la separación entre cada palabra, menos las letras consecutivas que en este caso son cuatro (4). Una a la izquierda (1) y tres (3) a la derecha.
De esa forma nuestra fórmula es: 7 píxeles x 6 letras = 42 píxeles. 42 píxeles – 4 letras consecutivas = 38 píxeles. 38 píxeles + 3 píxeles de una (1) separación = 41 píxeles de anchura.
Una vez construida nuestra base podemos hacer nuestras letras: Crea una Nueva Capa y haz en ella cada letra sin salirte de las líneas. Tras tener el resultado buscado, se debe Ocultar la Capa con los rectángulos y posteriormente, guardar el archivo con la opción Archivo >> Guardar como… >> Tipo: PNG (*.png) >> 32bpp ARGB(Cada pixel tiene Opacidad). Al igual que antes creando las letras.

Tutoletra11.gif
[Imagen de mi autoría. Capturas de pantalla.]

Si deseas que tu palabra sea más grande recuerda que puedes utilizar Photoshop como te enseñé anteriormente.

-Resultado-

UpVote.png >> UpVote2.png


Heart_Tutorial.gifHeart_Tutorial3.gifShirani.gifHeart_Tutorial4.gifHeart_Tutorial5.gif


¡Y eso es todo! Ya tienes tu propio estilo de letras para tus post de Steemit. En mi siguiente guía te enseñaré cómo hacer una animación con las mismas. Si te ha sido de utilidad este tutorial o tienes dudas, házmelo saber con un comentario.

Todas las imágenes que ves acá son de mi autoría. Ya sea porque yo las hice o porque son capturas de pantalla. Los programas usados son Easy Paint Tool Sai y Photoshop CS6 Portable. Los vídeos que he enlazado no me pertenecen, los derechos y créditos son de su autor o autora.

Saludos2.png


Firma500x250(1).png

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 STEEM!
Sort Order:  

Congratulations @shirani! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of comments

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

Upvote this notification to help all Steemit users. Learn why here!

Muy buen tutorial y me encanto la idea. Gracias por compartir.

Este post ha sido propuesto para que lo vote Cervantes. Saludos.

Me alegra mucho que haya sido de su agrado y que les parezca de utilidad. Planeo traer más post de este estilo con diferentes imágenes que, espero también sean de su gusto. Muchas gracias por proponerlo, significa mucho.

Que hermosas letras, me encantan, debo aprender a hacerlas para mi blog, muchas gracias por este original tutorial, me alegra que lo hayan visto ya muchas personas, te mereces lo mejor, un abrazo.

Es un placer poder hacer traer algo que le guste y pueda servirle. Muchas gracias por sus buenos deseos, como siempre, contar con su apoyo es algo que me alegra muchísimo. Un abrazo.

(clic aquí) Para Información del proyecto

!FELICITACIONES¡ @shirani tu post a sido seleccionado por el proyecto @romulogallegos para obtener recompensas. Hemos seleccionado un Bot quién te votará con recompensas mayores a 0.05 SBD. Adicionalmente fuiste votado por nuestro TRAIL. Agradecemos tu partipación !!!


  • Como participamos del proyecto

Muy fácil amigos, sólo deben seguir estos sencillos pasos:

  1. Unirte a nuestro canal en Discord Romulo Gallegos haciendo clic en el siguiente link: https://discord.gg/V34rq
  2. Publica el link de tu post en la sala #postulacion-post
  3. Utilizando la etiqueta #RomuloGallegos en tu post (puedes ubicarla en cualquier posición).
Gracias por elegir uno de mis post nuevamente, me alegra que el trabajo que hago en estos les sea grato y útil. De igual forma me alegra ser parte de su equipo y descubrir contenido de calidad gracias a ustedes.

This post has received a 1.40% upvote from thanks to: @romulogallegos.
For more information, click here!!!!

Try the new Minnowhelper Bots for more information here

Do you know, you can also earn passive income after every bidding round simply by delegating your Steem Power to @minnowhelper?
you can delegate by clicking following links: 10 SP, 100 SP, 500 SP, 1000 SP or Another amount

Help support @minnowhelper and the bot tracker by voting for @yabapmatt for Steem witness! To vote, click the button below or go to https://steemit.com/~witnesses and find @yabapmatt in the list and click the upvote icon. Thank you.

Voting for @yabapmatt

Loading...

Hey muchisisisimas gracias por este aporte, siempre he querido personalizar un poco mas mis post, y esta herramienta es perfecta y ademas super bien explicado. Una vez mas, gracias!

Gracias a ti por comentar, significa mucho saber que mis tutoriales son de ayuda. Cualquier duda que poseas con gusto la responderé. Saludos.

buen tutorial, aunque un poco complicado

Me alegra que haya sido de tu agrado. Gracias por tu comentario, me centraré en hacer mis próximos tutoriales más simples.
Me alegra que haya sido de tu agrado. Gracias por tu comentario, me centraré en hacer mis próximos tutoriales más simples.

Mola mucho el post, una idea también puede ser usar un conversor de letras online como https://letrasdiferentesbonitas.com/ para que todo quede 𝖕𝖊𝖗𝖋𝖊𝖈𝖙𝖔