Tutorial: Crear imágenes destacadas con Zoner Photo Studio 15

  • Autor Autor ramonjosegn
  • Fecha de inicio Fecha de inicio
ramonjosegn

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Como muchos ya sabéis generalmente uso el programa

ZONER PHOTO STUDIO 15 PRO

para preparar las imágenes para mis blogs.

¿Todavía no lo tienes?

Lo puedes bajar de forma PROMOCIONAL COMO UN REGALO desde el siguiente link

http://www.zoner.com/__mailing/2014-06-17-softpedia-special-offer-en/index.htm

Muchas veces se frustrante crear imágenes destacadas para nuestros blogs ¿cierto? El tamaño, la resolución, la compresión para web... demasiadas cosas a tener en cuenta a la vez.

En este tutorial vais a ver lo fácil y sencillo que es tener vuestras IMÁGENES DESTACADAS LISTAS EN MENOS DE 1 MINUTO.

Así que allá vamos, que el tiempo es hora (y gracias a este tutorial te vas a ahorrar mucho tiempo).

PASO 1. -

Conseguir e instalar el programa ZONER PHOTO STUDIO 15

¿Qué es de pago? Sí, lo sé pero lo puedes conseguir como un regalo desde el siguiente link

http://www.zoner.com/__mailing/2014-06-17-softpedia-special-offer-en/index.htm

crear-imagen-destacada-001.webp

Nota - si llegaste tarde puedes usar la versión gratuita aunque no podrás aplicar algunos filtros

PASO 2. -

Instala el programa, si no estás seguro/a cómo se hace seguro que algún amigo o amiga puede ayudarte, pero si estás en Forobeta estoy casi seguro de que tienes los conocimientos básicos de tecnología para poder instalarlo ¿a qué sí?

¿Listo? ¿Instalado?

crear-imagen-destacada-002.webp

PASO 3. -

Descarga la imagen que quieras usar como imagen destacada.

Hoy publiqué un par de recursos para que busques imágenes gratis.

http://forobeta.com/diseno-grafico/397864-miles-de-imagenes-gratis-par-de-buscadores.html

En mi caso voy a bajar la siguiente imagen para usarla como imagen destacada

Foto Gratis: Niña, Bikini, Playa, Verano - Imagen gratis en Pixabay - 622534

Así que ingreso al sitio web y descargo la imagen de mayor resolución para evitar problemas a la hora de trabajarla.

crear-imagen-destacada-003.webp

PASO 4. -

Abrimos ZONER PHOTO STUDIO 15 y usamos el explorador de archivos de Zoner para localizar la imagen que queremos usar como IMAGEN DESTACADA en nuestro blog.

crear-imagen-destacada-004.webp

PASO 5. -

Seleccionamos la miniatura de la imagen y hacemos clic en la pestaña EDITOR

crear-imagen-destacada-005.webp

PASO 6. -

Seleccionamos la herramienta RECORTAR

crear-imagen-destacada-006.webp

PASO 7. -

Desplegamos las opciones de recorte y escogemos

FIXECT ASPECT

crear-imagen-destacada-007.webp


PASO 8. -

Ingresamos en las opciones de medidas el tamaño que deseamos para nuestra imagen destacada.

Si no estás seguro el tamaño que debe tener puedes usar alguna demo de tu plantilla en Wordpress.

En mi caso voy a usar 320 x 220

crear-imagen-destacada-008.webp

PASO 9. -

A continuación enmarcados arrastrando con el mouse la zona que queremos seleccionar para usar (y descartar el resto).

crear-imagen-destacada-009.webp

PASO 10. -

Hacemos clic con el botón derecho del mouse una vez que decidamos que tenemos el recorte correcto, esto recortará la imagen con la selección previa

crear-imagen-destacada-010.webp


PASO 11. -

Aunque ya tenemos la imagen recortada si utilizas el ZOOM o tratas de subir la imagen verás que está muy grande.

Esto es debido a que SÓLO LE HEMOS DADO LAS PROPORCIONES EXACTAS para su escalado.

Por lo tanto ahora debemos escalarla.

Para ellos hacemos clic en el botón de ESCALADO

crear-imagen-destacada-011.webp


PASO 12. -

Se abrirá el cuadro para ESCALAR LA IMAGEN.

Ojo es importante en este paso que LO PRIMERO QUE CAMBIES SEA LA RESOLUCIÓN de la imagen, GENERALMENTE PARA WEB SE USA 72

crear-imagen-destacada-012.webp

PASO 13. -

Ahora cambiamos el ancho y el alto al real de nuestra imagen destacada, el que usamos para darle la proporción en mi caso

320 x 220 ¿recuerdas? / revisa en el paso 8 /

Si todo está correcto con cambiar sólo un lado debería cambiar el otro proporcionalmente, por ejemplo sólo he ingresado el ancho y automáticamente se ha añadido el alto

crear-imagen-destacada-013.webp

Aceptamos

(Para más detalles visita CAMBIAR TAMAÑO DE FOTOS CON ZONER)


PASO 14. -

Vamos a añadir un filtro que incluye la versión Zoner para darle un toque más profesional a la imagen.

Este efecto se llama TILT-SHIFT (para más detalles visita TUTORIAL TILT-SHIFT CON ZONER )

Para ello vamos al menú EFFECTS > TILT-SHIFT

crear-imagen-destacada-014.webp

PASO 15. -

Configuramos el efecto hasta que esté a nuestro gusto, el cual podemos ver casi en tiempo real en la imagen

crear-imagen-destacada-015b.webp

PASO 16. -

Guarda tu imagen para WEB y súbela a tu servidor

Puedes consultar la opciónd e guardado para web en el siguiente link GUARDAR IMÁGENES PARA WEB CON ZONER


IMPORTANTE

ACELERA EL TRABAJO USANDO PRESETS, AUNQUE ZONER SIEMPRE GUARDA LA ÚLTIMA CONFIGURACIÓN DE LO QUE HAGAS PARA QUE TODO SEA MÁS ÁGIL

Paso 17 - opcional - deja un Me Agrada si te gustó!!

---

Cualquier duda la resolveré con gusto, se agradece si me mencionáis para que pueda responder más rápido, gracias.
 
Última edición:
Muy bueno el tutorial, mas fácil que photoshop y así como lo pones se ve practico ocupar este programa para cosas rápidas, gracias

Enviado desde mi MB886 mediante Tapatalk
 
Muy bueno el tutorial, mas fácil que photoshop y así como lo pones se ve practico ocupar este programa para cosas rápidas, gracias

Enviado desde mi MB886 mediante Tapatalk

Mi sobrino también lo ha estado utilizando cada vez que viene a pedirme un favor y creo que también le ha picado la curiosidad.

El otro día me dijo que porqué no armaba algo en Photoshop y le dije "ya terminé - Photoshop seguramente estaría abriendo".

Además si el Photoshop no es una versión comprada... o así lo sea deja un lindo letrero interior en cada imagen con algo así cómo CREADO CON ADOBE PHOTOSHOP que lo único que hace es ocupar espacio de forma inútil (por eso Photoshop no es buen programa para guardar para Web mires por donde lo mires).

Por cierto que alguien arme un TILT-SHIFT en Adobe Photoshop... a ver cuántas horas se demora...
 
Lo acabo de probar por curiosidad y la verdad que es muy liviano,
super interesante para evitar photoshop en muchas ocasiones

gracias
 
Lo acabo de probar por curiosidad y la verdad que es muy liviano,
super interesante para evitar photoshop en muchas ocasiones

gracias

También regalaron la versión 16, en promoción, pero la verdad es que casi siempre uso la 15, me parece más rápida y fácil de usar, por ejemplo en la 16 para cambiar el tamaño de una imagen tienes que hacerlo en 3 pasos, mientras que en la versión 15, en un paso lo cambias todo (resolución, enfoque, tamaño...)

Supongo que te habrás fijado que tiene un sistema PROPIO de escalado LLAMADO SUPERSAMPLING. Este sistema realmente es impresionante, creo que Photoshop lo terminará comprando porque se quedan en pañales sus escalados bicúbicos o lineales al lado de ZONER...
 

Hola Angel cómo va. En la sección de herramientas siempre intento publicar programas que van regalando, de casualidad seguía activo como regalo el Zoner 15, ya que estos regalos no suelen durar mucho. Te recomiendo que como esta comunidad es para compartir, no dejes frases sueltas por el foro, ya que no contabilizan ni para puntos ni para otros procesos. Consejo de amigo
 
Muy buen tutorial! Me encantaría que nos enseñes a usar otros efectos:drunk:
 
Muy bueno....
Gracias....:encouragement:
 
Muy buen tutorial! Me encantaría que nos enseñes a usar otros efectos:drunk:

Ya he explicado algunos efectos en el foro, puedes encontrarlos buscando con la opción del buscador y poniendo "zoner tutorial" o algo así.

Por ahora ya he explicado cómo hacer duotonos, mejorar fotos con un clic, arreglar perspectivas, recortar imágenes, eliminar objetos de forma automática, preparar imágenes para tu sitio web y este tutorial.

Pero claro que seguiré aportando otros tutoriales sencillos, es un programa bastante eficaz y rápido para imágenes de tamaño moderado. Como dije es el programa que uso para subir, recortar, comprimir, etc, mis imágenes para mis blogs.
 
muy bueno tu aporte 🙂
 
muy bueno tu aporte 🙂

Gracias me alegro que te guste, por ahí recomendé otro programa (Varidrop) que también sirve para escalar/comprimir imágenes con arrastar y soltar, aunque es un pelín complejo de configurar en un inicio.
 
Atrás
Arriba