Cómo hacer un botón play para Dtube, tutorial Inkscape.

in #spanish6 years ago (edited)

Hola querida comunidad de la red Steem!

miniatura.png

En esta ocasión quiero compartir con ustedes sobre algo que he visto durante los últimos días, y es el hecho de un fallo que está sucediendo en la plataforma Dtube, el cual nos afecta a todos, aunque quizá también, solo este exagerando y tu ni siquiera te hayas dado cuenta.

Pues bien, al momento de subir un video dentro de la plataforma de Dtube, nos genera una publicación en la red steemit, el problema viene en que si eres un usuario nuevo, o que no pertenece a la comunidad, simplemente ves una imagen como en cualquier post, “no te invita a dar play para comenzar la reproducción” y es por eso que nuestros videos pierden audiencia, y nosotros ingresos, también debo de decir que prácticamente no hay videos en español en la red, así que hay que ponerle ganitas por favor.

Para solucionar este pequeño error en la imagen miniatura que nos genera la plataforma, vamos a utilizar un programa de software libre llamado Inkscape, con el que generaremos una imagen vectorial, que posterior mente exportaremos como archivo PNG y lo podremos poner sobre cualquier editor de imágenes que estemos acostumbrados a utilizar, para hacer nuestras miniaturas.

Asumiendo que ya fuiste a éste enlace a descargar el programa, una vez que lo tengas instalado procedemos a abrirlo, y nos mostrara una imagen como la que tienes en la pantalla, aunque en principio puede parecer difícil, si sigues los pasos que aquí pondré, te llevare de la mano para que todo te salga bien.


Comencemos entonces:

imagen2.png


1.- Con la herramienta rectángulos – cuadrados, crearemos un rectángulo con las características siguientes.
2.- Aquí seleccionaremos lo ancho de nuestro rectángulo que sera de 1280 pixeles.
3.- Seleccionamos la altura que en este caso será de 720 pixeles.
4.- En ese pequeño botón que dice px, nos marca otras medidas también, milímetros, centímetros, etc, debes asegurarte que esté en px (pixeles) que es la medida utilizada para Internet.

Este rectángulo de 1280x720 px, representa nuestra pantalla.

imagen3.png

5.- Con la herramienta llamada círculos, haremos uno.
6.- Las medidas serán 280 px.
7.- Y también 280 px.
8.- Recuerda asegurarte de estar trabajando en medida px.

imagen4.png

9.- En la pestaña objeto, abriremos la ventana: Alinear y Distribuir.

imagen5.png

10.- Seleccionamos el rectángulo y presionamos la tecla shift para seleccionar también el circulo.
11.- Centramos en el eje vertical.
12.- Centramos en el eje horizontal.

Hasta aquí llevamos la parte más fácil, presta mucha atención a lo que sigue.

imagen6.png

13.- Seleccionamos sólo nuestro circulo, con la tecla control + d duplicaremos el circulo, y cambiamos el color, en éste caso lo hice a aguamarina.
14.- Con el circulo aguamarina seleccionado, volvemos a duplicar con control + d, y volvemos a cambiar el color, en este caso seleccione el color lima.
15.- Con el circulo lima seleccionado, mueve lo sólo un poco hacia arriba, ya sea con las teclas, o con ayuda de el mouse, si lo haces con el mouse presiona la tecla control para que se mantenga alineado.

imagen7.png

16.- Seleccionando el circulo color lima y el aguamarina, iremos a la pestaña Trayecto y seleccionaremos División.

imagen8.png

17.- Nos habrá quedado una pequeña linea que se alcanza a apreciar, donde se encuentra el cursor.

imagen9.png

18.- Lo siguiente que haremos sera seleccionar la parte inferior de la división, y procedemos a borrarla, debe de quedarnos como se aprecia en la imagen, si no se ve así deberás volver al paso 13.

imagen10.png

19.- Seleccionamos el circulo rojo, y lo duplicamos nuevamente con control + d.
20.- A esta nueva capa asignamos valores de 265 px
21.- Y 265 px otra vez, después de eso cambiamos su color a blanco, y presionando la tecla shift, seleccionamos el circulo rojo, para proceder a alinear en los dos ejes, vertical y horizontal, como vimos en los pasos 11 y 12.

imagen11.png

22.- Ahora hacemos click en cualquier parte para quitar la selección.
23.- Seleccionamos el circulo de color aguamarina y presionamos la tecla shift para seleccionar el de color blanco también.
24.- Con la selección hecha vamos a la pestaña Trayecto, y División.

imagen12.png

25.- Nos debe quedar una pequeña linea de corte como se aprecia en la imagen, seleccionamos la parte pequeña de el lado exterior y borramos.

imagen13.png

26.- Debe quedarnos de la siguiente manera, si no no ha quedado de esa forma podrías deshacer los cambios presionando: control + z.

imagen14.png

27.- Cambiamos a color blanco y nos vamos a la esquina inferior izquierda, en donde haciendo click sobre el pequeño icono tipo “play” encontraremos la herramienta Degradado.

imagen15.png

28.- Poniendo el cursor en la parte superior de el color blanco seleccionamos y arrastramos.
29.- Hasta ésta posición, debería quedarnos de ésta manera.

imagen16.png

30.- ahora seleccionamos la herramienta estrellas y polígonos, seleccionamos polígono de 3 esquinas y procedemos a hacer un triangulo, podemos seleccionar a la hora de hacerlo en que posición quedara, si hacia arriba o hacia abajo, en éste caso lo necesitamos hacia el lado derecho, también puedes ayudarte de la tecla control, que lo ira alineando poco a poco mientras mueves el cursor.

31.- Seleccionaremos en ancho, tanto en altura, la cantidad de 150 px.
32.- Nos debe de quedar de ésta forma, yo le puse de color amarillo para que fuera visible, a ti debería quedarte color blanco ya que fue el ultimo color que usamos.

imagen17.png

33.- Seleccionamos el triangulo y con la tecla shift seleccionamos el circulo rojo, procedemos a alinearlo en los dos ejes, vertical y horizontal, como vimos en los pasos 11 y 12.

imagen18.png

Por ultimo cambiamos el color de el triangulo a blanco, y con la tecla control procedemos a moverlo sólo un poco a la derecha para que se vea uniforme a la vista.

Ahora sólo falta borrar el rectángulo, seleccionamos todo lo restante y nos vamos a la pestaña Archivo; Exportar imagen PNG… y ponemos los parámetros como se aprecia de el lado derecho, teniendo en cuenta que donde dice: Nombre del archivo, sera la ruta donde quedara guardado.

Hasta aquí por el momento, espero no haberte mareado con las instrucciones, si te ha quedado alguna duda, no dudes en preguntar, y depende de si gusta o no el tutorial, probablemente lo suba a Dtube como video, para que sea más fácil aún llevar acabo ésta tarea.

Si te interesa como poner esta imagen sobre cualquier fotografía en un editor, puedes seguirme para que estés al pendiente del próximo tutorial.

Hasta pronto!

Sort:  

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by fandelkefir from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

buen post amigo! te dejo mi voto,un saludo!

Muchas gracias, espero te sea de utilidad, saludos

Coin Marketplace

STEEM 0.18
TRX 0.16
JST 0.029
BTC 76354.05
ETH 3034.69
USDT 1.00
SBD 2.62