Photoshop básico para mejorar tu preview de Steemit

in #steemit7 years ago (edited)

Soy demasiado nueva en steemit pero no en el diseño; así que me he decidido por hacer un post de algo que ya sé hacer: Diseñar n_n

Les diré algunos tips y herramientas para editar o crear su imagen para el preview. El programa que utilizaremos será #Photoshop.

El primer punto a considerar es el de las proporciones. Como habrán notado las imágenes de preview son rectangulares y horizontales, yo estoy trabajando con archivos de 800x468px que me dan exactamente las proporciones del preview y de esa manera me aseguro que todo lo que ponga en la imagen es exactamente lo que saldrá en el mismo. Recordemos que para las imágenes que serán usadas en pantalla la resolución debe ser de 72DPI y el modo de color en RGB. Todo esto se define al momento de crear nuestro archivo nuevo.

Lo siguiente será insertar la imagen que desean en su archivo, basta con arrastrarla al icono de photoshop en la barra de tareas y de ahí soltarla dentro del canvas. Notarán que se hará más pequeña para encajar dentro de las medidas del archivo, ahora presionan SHIFT y toman la imagen de una esquina para agrandarla; lo de presionar el shift es para que crezca de manera proporcional, soltamos primero el 'clic' luego el shift cuando esté del tamaño deseado, luego damos Enter. Otro tip, si en lugar de solo shift, presionan shift y ALT, la imagen crecerá de manera concéntrica.

Ahora vamos a lo bueno, ponerle algún efecto. Realmente prefiero los efectos sutiles hoy veremos 1 muy sencillo.

Imagen con sutil desenfoque y color mejorado

Simplemente debemos duplicar la capa, seleccionándola del panel de capas y luego presionamos Ctrl+J, con eso tendremos una copia.

Ahora, teniendo seleccionada la capa superior, iremos al menu a Filtro / Desenfocar / Desenfoque Gaussiano

Aparecerá una ventana como la siguiente y donde dice Radio, puedes poner la cantidad que quieras y hacer pruebas, lo recomendable es que se siga notando qué es la imagen.

Seguimos con la imagen superior seleccionada, ahora vamos de nuevo al panel de capas y buscamos un botoncito que dice "Normal", este es el "modo de fusión" de la capa. Lo cambiamos por "Superponer". Claro que si lo deseas puedes jugar y probar cómo se ve tu imagen con otros modos de fusión.

Si deseas agregar texto, dale clic a la T en la barra de herramientas del lado izquierdo de la pantalla, o bien, presiona la tecla T, que viene siendo el atajo.

Da clic y arrastra para formar un área que será donde podrás escribir, redacta lo que quieras y ve al panel de caracter.

Ahí podrás controlar el tipo de letra, tamaño, interlineado, etc... Como es un preview es mejor que el texto sea corto y la letra sea grande para que se vea bien.

Presiona la tecla INTRO cuando termines de redactar el texto, o dale clic a otra capa en el panel de capas. Con esto el texto quedará insertado. El cuadro de texto puedes moverlo simplemente seleccionando la capa y arrastrándolo. Si deseas modificar el texto presiona de nuevo la herramienta T y da clic entre las letras.

Espero que les haya servido este breve tutorial, mientras tanto yo sigo batallando para poner las imágenes aquí porque sigo sin encontrar la forma más fácil de hacerlo. ¿Alguna recomendación? Esperemos que los de #Steemit se pongan las pilas para mejorar este editor de texto :P

Sort:  

Waoo excelente post, usare estos métodos de seguro, también soy muy nuevo en Steemit jeje, pero me gusto mucho tu Post amiga @fabiyamada. Te sigo + Upvote + Resteemed. Te invito a mi Perfil Sigueme @lenonmc21

¡Gracias! Subiré otros para diferentes efectos n_n voy a tu canal para seguirte :D ¡Saludos!

Esta red social tiene un gran camino por recorrer y necesitamos la ayuda conjunta de los usuario para darla a conocer.

Si no ayudamos y demostramos que lo que se gana en ella, sirve para monetizar cosas del día a día, no vamos a tener el peso suficiente ante los demás y nos tildaran de soñadores sin rumbo.

le recomiendo este canal para mejorar y aprender mas sobre Steemit https://www.youtube.com/channel/UCZD42dEcv9zfMQ9ilznQ50g

¡Gracias! Yo ya ando promoviendo directamente con mis amigos y por fb :) Porque ya empecé a tener posts con ganancias significativas, porque de otra manera no creen nada xD ¡Saludos!

Eeeh!! Me encanta tratar con photoshop, tengo el título de grado medio de Preimpresion en Artes Graficas y aprendí bastante, ademas de otras cosas relacionadas con ello. Gracias por tus consejos!

De nada. Intentaré subir algunos más ;D Yo estudié Diseño Gráfico n_n

Se nota @fabiyamada te manejas muy bien, eso es bueno, son cosas que no se aprenden tan facilmente, necesitas de un título para saberlas! Saludos!

buen post

¡Gracias! =)

Excelente trabajo me gusto mucho mejoro bastante la Imagen

¡Gracias! Y con sólo unos cuantos clics :) Si editas alguna imagen para steemit usando este tutorial, me pasas link para ver cómo te quedó :D

NO TENGO ESE PROGRAMA PERO ME ENCANTARÍA TENERLO Y APRENDERLO A USAR! FELICIDADES! TE SIGO Y TE VOTE!

¡Gracias! =) Subiré más tutoriales más adelante, si se anima a conseguirlo ya tendrá un lugar dónde ir aprendiendo poco a poco n_n

Buenas tardes @fabiyamada
En este artículo le votará la cuenta @cervantes

Hola! No entendí, perdón :(

Gracias por el tutorial !

De nada n_n

Coin Marketplace

STEEM 0.20
TRX 0.14
JST 0.029
BTC 67958.74
ETH 3273.25
USDT 1.00
SBD 2.65