Tutorial: Portada Simple.

¡Hola a Todos!

Aquí Leandra con un blog tutorial.

Cómo hacer un TPL Simple, más fácil qué regar una planta.

Empecemos:

   ÍNDICE:

✁- - - - - - - - - - - - - - - - - - - - - -

    OO1 - ¿Qué es un TPL?

✁- - - - - - - - - - - - - - - - - - - - - -

    OO2 - App: Pixellab.

✁- - - - - - - - - - - - - - - - - - - - - -

    OO3 - Cómo Hacer Una Portada.

        a}. Dimensiones del Fondo.

        b}. Agregar plantilla.

        c}. Agregar Imagen.

        d}. Agregar texto.

        e}. Exportar.

         f}. Recortar.

✁- - - - - - - - - - - - - - - - - - - - - -

    OO4 - Plantilla e Imagen.

✁- - - - - - - - - - - - - - - - - - - - - -

    OO5 - Despedida.

✁- - - - - - - - - - - - - - - - - - - - - -

•──•─•──•✦•──•─•──•

    OO1;; ¿Qué es un TPL?

───────────────

Un TPL son las Siglas utilizadas en Amino para describir las tres imágenes que se ven antes de abrir un blog.

T: Three.

P: Picture.

L: Layout.

En español, "Diseño de Tres Imágenes"

Normalmente, se colocan allí por defecto las imagenes que hayamos incluido en el blog pero un poco por estética y otro poco por secretismo no queremos que esas imágenes se vean, por lo que la mejor solución posible es hacer un TPL o mejor dicho:

Una Portada.

Una portada no solo ocultara imagenes con posibles spoilers de tu trabajo o de la serie, sino que también atraerá la vista de los si es llamativa.

Una portada llamativa no tiene por que ser difícil de hacer o ser muy elaborada, y aquí, en este tutorial te voy a enseñar a hacer uno bien sencillo. Tan sencillo que solo usaremos dos imágenes.

(Cabe destacar que todos lo llaman TPL porque es más corto de escribir xD)

•──•─•──•✦•──•─•──•

    OO2;; App: Pixellab.

───────────────

Pixellab es una aplicación de edición de imagen. Para mi es la más cómoda que he probado porque tiene función de capas, y aunque tenga ciertas limitaciones lo uso para casi todo.

Una vez que lo tengan instalado se van a encontrar con la pantalla de inicio.

Lo qué vamos a utilzar son esas funciones.

(Excepto el de ajustes de fondo, después de terminar me di cuenta que no lo use).

•──•─•──•✦•──•─•──•

      OO3;; Cómo Hacer Una Portada Simple.

───────────────

Primer paso:

a}. Dimensiones del Fondo.

Vamos a ir a Fondo para cambiar el tamaño.

Se va a desplegar un menú, vamos a imagen size y cambiamos el tamaño a 1390x1000 píxeles.

Segundo Paso:

b}. Agregar plantilla de TPL:

Vamos a Objetos.

Se abrirá un menú.

Le damos a Import y buscamos la imagen de la plantilla del TPL en la memoria interna.

(La plantilla esta al final del blog).

Cuando lo selecciones te dará opciones, pero no las vamos a usar. (Si por algun motivo la imagen no se selecciona entera, usar el icono de expandir.

La plantilla del TPL hay que expandirla hasta ocupar toda el área de trabajo.

Ahora vamos al menú de abajo, deslizamos hacía la derecha y tocamos en Erase Color.

Activamos el swich Enabled, y automáticamente, el color blanco se borrará.

Para que no se mueva de su sitio y no moleste a la hora de trabajar, vamos a bloquearlo, para eso vamos a Capas y le damos al candado de la capa correspondiente.

(Desde ahí tambien se puede borrar ese "new text" que no lo vamos a usar)

Una vez bloqueada la capa, al tocar en la pantalla el objeto dejará de estar seleccionado y podremos agregar más objetos desde el menú.

Tercer Paso:

c}. Agregar Imagen:

Nos dirigimos hacía el Menú, tócanos Objetos y elegimos Import.

Elegimos la imagen que queremos usar para el TPL.

También lo expandimos para que ocupe todo el área de trabajo, ahora se acomoda para qué quede a nuestro gusto.

Vamos a Capas, hay que dejar la plantilla de TPL arriba del todo para que siempre este visible.

Para eso, hay que presionar en los puntos del lado izquierdo de cada capa, cuando se seleccione y sin soltar lo llevamos a la posición que queremos.

Cuarto Paso:

d}. Agregar Texto:

Para agregar texto vamos al botón de Texto en el menú. Allí presionamos Text.

Se abrirá un pequeño texto en la esquina superior izquierda, lo seleccionamos y se desplegarán más pociones en el menú.

Le damos al botón Edit, se abrirá un menú donde podremos escibir y escribimos el texto que queramos.

Si deslizamos el menú hacia la derecha, veremos más opciones para editar el texto.

En mi caso, siempre uso el Color, Align (para centrar), Font (para cambiar la fuente)y Size.

Una vez que esten todos los cambios y hayamos acomodado el texto podemos exportar la imagen.

Quinto Paso:

e}. Exportar:

Una vez terminado con nuestro proyecto, vamos al botón de Guardar.

Se desplegará un pequeño menú.

Podemos guardar el proyecto en el dispositivo si queremos editarlo más tarde.

Le damos a la opción Guardar Imagen. Se abrirá un nuevo menú.

Aquí se nos permite elegir el formato de la imagen. JPG y PNG.

No se bien cual es la diferencia entre uno y otro, pero el formato JPG es más liviano y el PNG tiene más calidad.

Terminada la última edición guardamos la imagen en la galería.

Sexto Paso:

f}. Recortar:

Ahora si, pueden usar otra app o las opción de la galería para recortar la imagen por las líneas negras.

En mi caso, uso las opciones de imágenes de mi celular.

Recuerden que para que aparezcan primero, deben estar al principio de la lista de imágenes del blog y no estar anclada a ningún sitio.

•──•─•──•✦•──•─•──•

    OO4;; Plantilla de TPL e Imagen.

───────────────

Bueno, ya hace tiempo que estoy usando la misma imagen y no recuerdo de dónde saqué la plantilla.

Para el Screen encontré una pagina muy suculenta llamada "thetvshows.us".

Tiene screen de la serie, muchos screen. Y de otras series también.

Cof... Cof... Voltron... Cof...

•──•─•──•✦•──•─•──•

    OO5;; Despedida.

───────────────

Y así es como hago TPL simples cuando estoy corta de tiempo o me da mucha mucha pereza hacerlos.

Si tengo ganas, por ahí busco Overlays en internet y se los agrego con esta misma App, ya que al trabajar con capas las puedo mover si no me gustaron donde las coloqué y cosas así. Lo que lamento es que no se pueda editar mucho cada imagen por si sola y solo se puede cambiar el brillo y el contraste al fondo.

También, si tengo un poco más de ganas, uso otra App llamada Pixlr para agregarle mas Overlays que vienen con esa App y se vea "más trabajado".

Y eso sería todo.

¡Nos vemos en el siguiente blog!