¿No sabes por dónde empezar siempre que quieres crear un banner o una imagen para tu blog en Photoshop?
Ningún problema, es normal si no conoces mucho el terreno, pero hoy vamos a ponernos manos a la obra para que tengas los recursos básicos de Photoshop para poder salirte con la tuya.
Te contaré de una manera muy sencilla y paso a paso cómo crear, editar y exportar las imágenes que vas a usar en el día a día de tu blog. De esta manera, conseguirás que tu creación se visualice sin problemas una vez esté online.
1.Definir qué quieres
Primero de todo, tienes que pensar bien qué tipo de elemento quieres diseñar en tu blog; ya puede ser un botón, un banner, o una imagen de cabecera para uno de tus posts. Este primer paso es tan básico como esencial para entender el resto que te explicaré a continuación.
Sobretodo, de esta manera sabremos qué tipo de tamaño es el más adecuado y cómo optimizarlo mejor cuando guardemos el archivo.
Ante todo, mi consejo es que crees un boceto con la idea que quieres conseguir para no irte por las ramas y acabar creando cualquier otra cosa inesperada.
Yo te explicaré todo este proceso a través de la creación de un banner.
2.Crear un documento nuevo
A continuación, abriremos el programa y seleccionaremos un documento Nuevo. Archivo/Nuevo.
En el cuadro de diálogo que te aparecerá, estableceremos el tamaño en píxeles de tu archivo* (Anchura y Altura) así como su resolución que, siendo para tu blog (y, por tanto, para web), será siempre de 72 píxeles/pulgada.
Facebook: 720px Altura por 720 px Anchura
Instagram: 640 px Altura por 640 px Anchura
Pinterest: 600 px Anchura por la Altura que quieras
Si la imagen es para tu blog, tendrás que comprobar las medidas en las especificaciones de su diseño para tu post. Aproximadamente será entre unos 600px o 700px.
En este caso crearé un banner para Categorías de mi blog. He decidido que tenga la medida de 300x200px ya que es la que mejor se adapta a mi diseño web.
3.Crear por capas
Aquí ordenaremos por capas los elementos del archivo.
Si quieres añadir una imagen, tendrás que ir a Archivo/Colocar y seleccionar la imagen elegida para tu diseño.
En el momento de colocarla, tendrás que “Aprobar la transformación” en uno de los botones que te indico en el menú superior del programa.
Seguramente quieras adaptar esta imagen al alto y ancho del documento, pero para ello tendrás que estirar de las flechas de la imagen colocada mientras pulsas el botón de mayúscula (tanto en Windows como en Mac). De lo contrario, estarás deformando tu imagen.
En el momento de añadir tu texto con tipografía, seleccionaremos la herramienta de texto y la tipografía elegida al tamaño que desees.
A partir de aquí, puedes añadir tantas capas como quieras según lo que necesite tu diseño. Insisto en que cada elemento que crees esté en una capa distinta para que te sea más fácil manipularlos.
4.Guardar tu creación
Una vez finalizado tu diseño, deberás guardarlo y optimizarlo para que se vea correctamente en tu blog.
Tanto como para que no se vea pixelado como para que no tarde demasiado en cargarse.
Para ello, iremos a Archivo/Guardar para Web y dispositivos donde lo ideal sería que lo guardases en formato .png
Si tu archivo requiere de un fondo transparente, marques la casilla de Transparencia para que una vez subida no se vea ningún fondo extraño que no quieras.
Formatos de guardado para tus imágenes:
Facebook, Blog, Pinterest: .Png
Instagram: .Jpg que no ocupe más de 120Kb
¡Y ya tendrás listo tu documento para subir a tu blog!
Espero que te haya sido de utilidad este tutorial que acabo de compartir contigo y que ahora más que nunca puedas tener las nociones imprescindibles para crear y sacar el máximo partido de las imágenes para tu blog ; )
En próximos posts te contaré más trucos para que edites tus fotos y que éstas luzcan lo mejor posible.
¿Qué tal tus creaciones? ¡No olvides de compartírmelas si este post te ha resultado útil!
Hola, la verdad es que no tengo ni idea de utilizar el Photoshop, pero llevo una temporada planteándome aprender y creo que llegó el momento. Me encantarían los TUTORIALES.
Un saludo y muchas gracias
Yo utilizo el Corel, que parece muy parecido a este, así que iré mirando todo lo que nos cuentas, por si me sirve.:)
Hola;
Sii claro, es una signatura pendiente, hacer buenas presentaciones e imágenes para el blog.
Hola!!, ni siquera llegue a leer el post, (que lo voy a hacer mas tarde, para darle la atención que se merece y leerlo detenidamente!!) pero te comento que si, me encanta photoshop, yo basicamente lo utilizo para hacer flyers o subir imagenes con mensajes a facebook pero me encanta!! y seguro estos post me van a ayudar un montón porque es un tanto complicado hasta entender como funciona; pero con su ayuda y con la claridad que explican todo va a ser muy fácil de aprender a usarlo!!!
Me viene genial este tutorial! la verdad es que de photoshop se un par de cositas y ya… así que esperaré impaciente más tutoriales como este. Muchísimas gracias. Bss.
Yo también lo utilizo para mi blog y voy descubriendo cosas cada día. Son muchas las ganas de trastear, pero poco el tiempo. Con post así, voy a tiro hecho, así que genial chicos!! Otro que me guardo en favoritos para ponerlo en práctica!! Mil gracias y mil besos!
No puedo decir que lo maneje al 100% pero ya me voy enterando (aunque me ha costado) de hecho, ahora estoy enganchada y lo utilizo para todo. Antes lo combinaba con Photoscape, pero desde que lo voy entendiendo, ya prácticamente solo uso Ps. De todas maneras, seguro que lo que nos enseñes nos va a venir muy bien. Yo, por ejemplo, lo del botón mayúscula para no deformar la imagen no lo sabía, así que estaré pendiente de próximas publicaciones. Gracias por la iniciativa!
Estaría encantada si hicieses más post sobre photoshop, me serían de muchísima utilidad. Gracias 🙂
Me ha sido de gran utilidad este tutorial!!!! Lo domino un poco, me encantaría recibir más tutoriales como este, son de gran ayuda. Gracias por la iniciativa !!
Este es mi tema pendiente. Pelearme con el photoshop va a ser más fácil con vuestros tutoriales. Gracias!!!
Me ha encantado el post, está muy bien explicado y creo que es muy útil como primer contacto con PS. Queremos tutoriales!!
Gracias !no imaginas lo mucho que me gustan los tutoriales de photoshop y así de bien explicados más
Photochop està muy bien y lo cierto es que lo utilizo para todo. Mi duda es, cuando utilitzar ilustrator y cuando photoshop?… teneis pensado hacer algún pequeño tutotial sobre ilustrator para ver com trabajar y como trazar pequeños iconos?
Muchísimas gracias!
Hola
Es un gran blog y consejos útiles. Finalmente encontré respuestas para mis preguntas. Buen trabajo.
Los mejores deseos
James
Muchas gracias por tus palabras James 🙂
Sin duda es una herramienta que te puede ayudar a diferenciarte del resto! muy buena!