Transcripciones
1. Introducción: Bienvenido de nuevo a
otra clase increíble conmigo, puede mejor. Ahora, en esta clase, quiero
mostrarte cómo encontrar imágenes
increíbles de alta calidad en línea y prepararlas o editarlas para tu proyecto de sitio web o cualquier otro proyecto que pueda
necesitar imágenes de alta calidad. Al final de esta clase, te
habré mostrado varias plataformas de imágenes de stock
en línea donde podrás encontrar imágenes
increíbles. Y no sólo las imágenes en
estas plataformas son de
alta calidad y pequeñas, sino que también son gratuitas, así que no tienes que pagar
dinero para conseguirlas. A continuación, discutiremos
diferentes tipos de licencias de imágenes de archivo, incluyendo escrituras libres de regalías , Creative Commons
administradas
y licencia editorial dice, Te
ayudaré a entender
cada tipo de licencia puedas decidir cuál
es la adecuada para tu proyecto. Cuando se trata de editar imágenes, cubriremos algunas de
las mejores aplicaciones gratuitas de
edición de imágenes disponibles en la actualidad. Y al final, podrás decidir
cuál es la mejor para ti. Repasaremos sus características
y beneficios mientras proporciono una demostración en vivo de cómo usarlas para editar tus imágenes. Y por último, discutiremos
cuál es el mejor formato para exportar tus imágenes
para tus sitios web, como JPEG, PNG, GIF y SVG. Explicaré las diferencias
entre cada formato
y daré mi veredicto sobre
cuándo usar cada formato. Y por si acaso te estás
preguntando quién soy. Mi nombre es Ken bursa y soy diseñador web autodidacta
durante los últimos seis años, he enseñado a miles de
estudiantes, al igual que tú, cómo construir sitios web que
funcionen completamente con Elementor y WordPress. Empecé como diseñadora
gráfica que simplemente quería construir un sitio web a través del cual pudiera compartir mi plantilla con
otros diseñadores gráficos. Y así decidí
aprender a construir el sitio web. Finalmente, después de
adquirir las habilidades y construir mi propio sitio web, terminé convirtiéndome en diseñador web de
tiempo completo, construyendo sitios web para otros
clientes, decenas de clientes. Avance rápido hasta hoy. Ahora tengo varios cursos
en línea y tutoriales de
YouTube
enseñando a la gente todo lo que sé
sobre diseño web. Y este curso es una continuación de mi viaje de intercambio de
conocimientos. Y básicamente eso es
todo sobre mí. El diseño gráfico y el
diseño web me han llevado hasta aquí, y hoy solo quiero compartir
mis habilidades contigo. Entonces,
sin perder más tiempo,
sigamos adelante y comencemos a
aprender a encontrar imágenes
increíbles y
editarlas para nuestro proyecto. Te veré en la pieza izquierda.
2. Resumen del proyecto: Dicen que la mejor manera de
aprender una habilidad técnica o cualquier habilidad nueva es
trabajando en un proyecto. Y así en esta clase
estaremos trabajando en un proyecto muy sencillo pero divertido para ayudar a reforzar
lo que estás aprendiendo. Entonces vamos a echarle un vistazo. Para el proyecto de clase, estará editando
una imagen usando las herramientas de edición en línea
que discutiremos en clase, simplemente descargue cualquier imagen
de su elección de
cualquiera de las plataformas de imágenes de stock
que discutirá en clase. Entonces, usando cualquiera de los editores de imágenes que
demostraré en clase, produce tu propia
versión mejorada de la imagen. Esta será una excelente
manera de ayudarte a explorar las plataformas de imágenes de stock
y las características de estas herramientas de edición de imágenes mientras te
preparas para usarlas en tus
propios proyectos en el futuro. Una vez que hayas terminado y estés
satisfecho con tus resultados, recuerda subir tu imagen
recién editada a la pestaña Proyectos debajo este video y compartirla
con el resto de la clase. Queremos ver lo que
se te ocurre. Así que buena suerte con tu proyecto. Nos vemos en la siguiente lección.
3. ¿Por qué buscar buenas imágenes: Entonces, ¿por qué deberías invertir tiempo
buscando buenas imágenes? Bueno, las imágenes de buena calidad son esenciales a la hora de
diseñar un sitio web porque juegan un papel
crucial para una fuerte primera
impresión en los visitantes. Cuando un sitio web tiene imágenes visualmente
impresionantes y atractivas, llama la atención del
espectador y alienta a
explorar más a fondo. Por otro lado, las
imágenes de mala calidad o los
gráficos de baja resolución pueden hacer que un sitio web se vea poco profesional
y poco atractivo, lo que puede alejar rápidamente
a los visitantes. Las imágenes de alta calidad
también ayudan a transmitir el mensaje de los sitios web
y la identidad de marca, mejorando la
experiencia del usuario y creando un sentido de
confianza y credibilidad. Las imágenes bien optimizadas pueden ayudar a mejorar la velocidad de
carga de un sitio web, lo cual es fundamental para participación
del usuario y la optimización de
motores de búsqueda. En general, invertir tiempo y
esfuerzo en obtener y preparar imágenes
para un sitio web puede mejorar
significativamente
su apariencia general, la participación
del usuario y el éxito. Pero ahora con esto en mente, ¿dónde puedes encontrar imágenes de
calidad gratis? Vamos a averiguarlo en
la siguiente lección.
4. ¿Dónde puedes encontrar imágenes de calidad: Ahora muchas veces
cuando la gente recién está comenzando en su viaje de creación de
contenido, el primer lugar al que
acuden cuando necesitan imágenes es Google. Entonces van a Google y
buscan la media MAC, cuando Google devuelve resultados, cambiaron la pestaña Imágenes y descargan de ahí cualquier imagen
que quieran. Ahora bien, si bien esa es una
forma de encontrar imágenes, no
es una forma segura de
hacerlo porque es posible que se
encuentre en problemas debido a una infracción
de derechos de autor. Probablemente en 2023, tenemos varias
plataformas de imágenes de stock online donde puedes descargar cualquier tipo de
imagen que quieras de forma gratuita. Eso es lo que quiero que miremos porque si bien
hay muchos de ellos, hay algunos de ellos a los
que siempre vuelvo
constantemente para obtener las imágenes de mejor calidad
disponibles en línea. Y entonces esos son en
los que quiero enfocarme. Entonces,
sin perder más tiempo, entremos en clase. Número uno, unsplash.com. Unsplash es un sitio web
que ofrece fotos de stock
gratuitas de alta calidad que pueden ser utilizadas con fines personales así como
comerciales. Fue lanzado en 2013 por una
agencia creativa Montreal Bayes llamada crew, que
buscaba una mejor manera de
compartir sus propias fotos en línea. Y splash rápidamente
se hizo popular y ahora cuenta con una gran comunidad
de colaboradores que comparten sus fotos
con otros y las fotos de salpicaduras tienen licencia
bajo la licencia Unsplash, que permite
a los usuarios copiar, modificar y distribuir las
fotos de forma gratuita, incluso con fines
comerciales, sin necesidad de
ninguna atribución. La licencia también
permite utilizar las fotos en
productos para reventa, como en un libro
o en una camiseta. Fotos en Unsplash o alta calidad y cubren una
amplia gama de temas, incluyendo naturaleza,
arquitectura, personas ,
tecnología, solo por nombrar algunos. Número dos, celdas de clavija. Packed Cells es un
sitio web que ofrece fotos y videos de stock gratuitos de
alta calidad que pueden ser utilizados tanto para fines personales
como comerciales. Fue lanzado en 2014 por tres cofundadores
que
buscaban una mejor manera de compartir sus propias fotos
y videos en línea. Peg cells cuenta con una gran
comunidad de fotógrafos y videógrafos que comparten
su trabajo con otros. Y al igual que Unsplash Cells, las fotos y
los videos son de uso gratuito. píxeles, fotos y videos
están licenciados bajo la
licencia Creative Commons o CC Zero, que permite
a los usuarios copiar, modificar y distribuir el
contenido de forma gratuita, incluso con fines
comerciales, sin necesidad de
atribuir al autor. Esto facilita
que cualquiera pueda usar el contenido sin
preocuparse por los problemas de derechos de autor. En definitiva, las imágenes y videos descargados de
Pexels son gratuitos para que los uses sin
dar crédito para empacar celdas o la persona
que las creó. Las fotos y videos de Pexels cubren una amplia gama de temas, incluyendo la naturaleza,
las personas, los animales, comida y mucho más. Número tres, Pixabay. Pixabay es un sitio web que ofrece fotos,
ilustraciones, vectores, efectos de
sonido,
audio y videos gratuitos de
alta calidad ilustraciones, vectores, efectos de
sonido, que pueden ser utilizados con
fines personales y
comerciales. Fue lanzado en 2010 por dos cofundadores que
querían crear una plataforma que proporcionara imágenes
gratuitas a cualquiera
que las necesitara. Y al igual que los
píxeles, los activos basados en píxeles
están licenciados bajo la licencia Creative Commons
Zero, que permite
a los usuarios copiar, modificar y distribuir
activos digitales de forma gratuita, incluso con fines
comerciales, sin
necesidad de atribución. Entonces, como he mencionado,
esto
facilita que cualquiera pueda usar activos
basados en píxeles sin preocuparse por problemas de derechos de autor. Y de manera similar, el
contenido de Pixabay abarca una amplia gama de temas
que incluyen la naturaleza, las personas, la tecnología, los animales,
sólo por nombrar algunos. Y sé que he mencionado esa licencia Creative Commons
Zero. Por supuesto que hay otros. No te preocupes si no
entiendes muy bien los diferentes tipos de
licencias y lo que significan, hablaremos de las licencias en las próximas lecciones
más adelante en la clase. Número cuatro, pico. Free pig es un
sitio web que ofrece recursos
gráficos
gratuitos y premium para diseñadores como vectores, archivos
PSD, iconos,
fotos de stock en modelos 3D. El sitio web fue lanzado
en 2010 por el mismo equipo que creó
cono plano o icono plano, un popular sitio web de recursos de iconos, tres recursos picos están
disponibles para usar bajo la licencia internacional Creative Commons Attribution 4.0, que permite
a los usuarios usar, modificar y distribuir los
recursos para cualquier propósito, incluso comercialmente,
siempre y cuando ellos dar crédito al autor
original. Y como ya he mencionado, cerdo
libre tiene un libre. Y una versión premium
de su servicio, los recursos premium fijos
gratuitos
están disponibles a través un servicio de suscripción
llamado free peak premium, que ofrece acceso ilimitado a gráficos y fotos de
alta calidad. Y la cuota de suscripción varía dependiendo del
plan y duración. Y los usuarios pueden descargar
hasta 100 recursos por día. Número cinco, vector, fácil. Al igual que gratis PQ vec cheesy
es un sitio web que ofrece gráficos vectoriales
gratuitos y premium para diseñadores y creadores de
contenido. Fue lanzado en 2007 por Sean rebel en
diseñador gráfico que vio necesidad de
un sitio web
que proporcionara gráficos vectoriales de
calidad
a otros diseñadores. Similar a los vértices de pico
libres, los vectores libres están
disponibles para su uso bajo la atribución Creative Commons para la licencia internacional 0.0, que permite
a los usuarios usar, modificar y distribuir los
vectores para cualquier propósito, incluso comercialmente,
siempre y cuando den crédito al autor
original. Que los servicios premium de TDS
están disponibles a través un servicio de suscripción
llamado Vector Easy Pro, que ofrece acceso ilimitado a plantillas e iconos de gráficos vectoriales de
alta calidad. La cuota de suscripción
varía según el
plan y la duración, y los usuarios pueden descargar
hasta 100 vectores por día. De hecho, a estas alturas, debes
haber notado que PQ libre y vector DZ comparten
muchas cosas en común. Número seis, Envato elements
in better elements es una
plataforma basada en suscripción que proporciona una amplia gama de
activos digitales para diseñadores, incluyendo gráficos,
plantillas, fuentes, música, efectos de sonido,
videos y mucho más. Fue lanzado en
2016 por Envato, compañía
australiana que opera varios mercados para bienes y servicios
digitales. Los activos de Envato Elements están licenciados bajo una licencia
comercial, lo que permite a los usuarios
usar los activos para cualquier proyecto comercial
sin atribución. El servicio de suscripción ofrece descargas
ilimitadas y acceso a nuevos activos agregados semanalmente. La cuota de suscripción
varía según el
plan y duración. Y los usuarios pueden elegir entre una
suscripción mensual o anual. Todo depende de ti. Una cosa
muy importante encontrarás con estas
plataformas es que
facilitan la búsqueda del activo adecuado
para cualquier proyecto en el que estés
trabajando al proporcionar funciones avanzadas de
búsqueda y navegación. En definitiva, tienen motores de búsqueda
muy potentes
dentro de la plataforma. Y estas plataformas se han convertido en recursos
muy populares para diseñadores
gráficos, diseñadores
web, desarrolladores,
creadores de contenido, bloggers, comercializadores y cualquier persona que necesite activos
digitales de alta calidad. Ah, y por cierto,
si te interesa, tú también
puedes convertirte en
colaborador en cualquiera de estas plataformas y comenzar a
subir tus propias imágenes, vectores y otros productos
digitales y obtener ingresos
pasivos cada vez
que alguien descargue tus cosas. Como ya te has dado cuenta, cada una de estas plataformas
ofrece imágenes con
acuerdos de licencia específicos de la
licencia CC cero completamente gratuita, licencias Premium. Como diseñador web o creador de contenido
en línea, es importante que entiendas los diferentes
tipos de licencias
disponibles para evitar
meterte en
problemas de derechos de autor en el futuro. Entonces, vamos a sumergirnos en las licencias. Te veré en la siguiente lección.
5. Comprende las licencias de activos digitales: Bienvenida de nuevo. Ahora bien, en la lección anterior que
mencioné es posible que
te encuentres en problemas por usar imágenes descargadas
directamente de Google. Eso es porque la imagen que se descarga podría estar protegida por
derechos de autor. Entonces, en esta lección, veremos
cómo usar las imágenes en línea de manera legal
en tus proyectos. Comprender las licencias
de derechos de autor de imágenes es esencial para
ayudarlo a cumplir con las normas. Su negocio a prueba de futuro ayuda a
otros a proteger sus derechos de propiedad
intelectual
y, básicamente, obtuvo
claridad sobre cómo usar los activos digitales sin
perder más tiempo. Vamos. Número uno, dominio público. Las imágenes en el
dominio público se pueden utilizar libremente sin
restricciones. Ni siquiera están protegidos por ley de derechos de
autor o los
derechos de autor han caducado. Ejemplos de fuentes de imagen de
dominio público incluyen la Biblioteca del Congreso, podemos Media Commons y
los Archivos Nacionales. Número dos, Creative Commons. Las licencias Creative Commons
permiten a los creadores que son autores de activos
digitales
compartir su trabajo a la vez que conservan cierto control
sobre cómo se usa. Existen varios tipos de licencias
Creative Commons, cada una con diferentes
requisitos. Así que vamos a verlas.
Ya mencionamos la licencia Creative Commons
o la licencia CC cero. Y como mencioné,
permite copiar, modificar y distribuir
los activos de forma gratuita, incluso con fines
comerciales, sin necesidad de atribución o crédito
al autor original. Aunque te
animen a hacerlo, splash y píxeles usan
este tipo de licencias, es
decir, puedes
usar sus activos, sus imágenes sin
dar crédito para empacar celdas son las
personas que las crearon
y tú eres bueno. La segunda licencia
Creative Commons es Atribución o licencia CC BY. Puedes usar la imagen
para cualquier propósito, incluso comercialmente,
siempre y cuando
des crédito al creador
original. Así es como free pig and vect
easy licencian sus activos. Descarga un activo,
úsalo en tu proyecto y da crédito
a la persona que lo
subió en pick gratis. La tercera licencia Creative
Commons es Attribution Share Alike, o CC BY SA. Puedes usar la imagen para cualquier
propósito, incluso comercialmente, siempre y cuando otorgues crédito
al creador original y licencies cualquier obra
bajo los mismos términos. En resumen, bajo la licencia de atribución
compartir por igual, puede usar un
activo digital siempre cualquier activo nuevo que produzca también tenga licencia bajo
los mismos términos. Otras personas también pueden
usar lo que hayas producido bajo la licencia de atribución de
compartir por igual. La cuarta licencia Creative
Commons se denomina licencia
no comercial. Y esto es muy
sencillo. Puede utilizar una imagen o cualquier otro activo únicamente con fines
no comerciales. Y finalmente, bajo
los Creative Commons, no
tenemos derivados. Puedes usar una imagen o
cualquier otro activo como 0s, pero no puedes
modificarla de ninguna manera. La tercera categoría de
licencias es libre de regalías. Las imágenes libres de derechos se pueden usar varias veces por
una tarifa única. No es necesario pagar una cuota de regalías cada
vez que utilice la imagen, pero no puede revender o
redistribuir la imagen. Ejemplos de fuentes de
imágenes libres incluyen Shutterstock, I stock y Getty Images. El cuarto rubro de
licencias son los derechos gestionados. Derechos Las licencias administradas requieren el
pago por cada
uso de una imagen. La tarifa depende de factores
como el uso previsto, el tamaño de la imagen y la duración del uso. Ejemplos de fuentes de imagen
gestionadas por derechos incluyen allow me y core BCE. Se amplía la quinta categoría de
licencias. Las licencias extendidas
le permiten usar una imagen por un período prolongado
o de formas que
no están cubiertas por la licencia
estándar, generalmente cuestan más que
la licencia estándar, por ejemplo, una licencia extendida puede
permitirle usar una imagen en mercancía o por un período de tiempo
ilimitado. Algunas fuentes de imágenes
como Shutterstock y yo stock ofrecen
licencias extendidas en sus activos. Y por último, la última
categoría de licencias es editorial. Las licencias editoriales
permiten el uso de imágenes únicamente
con fines editoriales, como artículos de noticias,
blogs y revistas. No pueden ser utilizados con fines
comerciales. Ejemplos de fuentes de
imágenes editoriales incluyen imágenes API y escritores, y ejemplos de imágenes
que caen dentro la categoría editorial
suelen incluir fotos de celebridades, marcas
famosas. Como concluimos sobre las licencias, siempre indaga los tipos
de licencias que vienen con cualquier activo de imagen que
descargues de una plataforma en línea
antes de usarlas, normalmente, encontrarás un
enlace a los términos
y condiciones de las licencias en la foto
de la mayoría de estas plataformas. Y al hacer clic en él,
puedes leer más sobre cómo licenciaron
sus productos. Por lo que te recomiendo que siempre lo hagas en cualquier
plataforma que visites. Y esto marca el
final de esta lección. Espero que te haya resultado útil. Entonces te veré en la siguiente.
6. Aplicaciones de edición de imágenes: En 2023, hay toneladas de software de edición de
imágenes. Entonces, ¿cómo sabes
cuál es bueno para ti? En esta lección, echemos un
vistazo a algunas de las opciones gratuitas
que tienes disponibles en línea y
cuáles me gusta usar. Número uno,
escogemos por pico libre. We pick es una plataforma de diseño
gráfico en línea creada por free peak que permite a los usuarios crear diseños
personalizados utilizando plantillas
prediseñadas , elementos
gráficos y
otros recursos de diseño, elegimos ofrece una amplia variedad de plantillas para diversos propósitos de
diseño, incluyendo redes sociales, presentaciones
gráficas ,
volantes, carteles y más. Los usuarios pueden personalizar
estas plantillas agregando sus propias imágenes, textos y otros elementos de diseño para crear un diseño único. Es como tener Photoshop o Adobe Illustrator
en tu navegador. También ofrecemos una biblioteca de elementos gráficos
como iconos, ilustraciones y
fondos que los usuarios pueden usar para
mejorar sus diseños. La plataforma es
fácil de usar y no requiere ninguna experiencia de
diseño, haciéndola accesible para cualquier
persona que quiera crear gráficos
personalizados. Y como estamos hablando preparar imágenes
para su sitio web, elegimos también proporciona a los usuarios un potente editor de imágenes
rico en funciones que permite a cualquiera editar sus imágenes y producir resultados
profesionales. Puedes importar
imágenes directamente desde pico
gratis o subir tus propias imágenes y
comenzar a editarlas. En general, elegimos es una
plataforma
versátil y fácil de usar para crear diseños
personalizados para uso personal o
profesional. Y puedes usarlo para editar y preparar tus imágenes
para tu sitio web. Y de hecho, la mejor parte es que esta herramienta es
gratuita para que la uses. Número a Canva. Canva es una plataforma de diseño
gráfico en línea freemium. Por Freemium, quiero decir, tiene una versión gratuita
y una versión premium. E incluso con la versión gratuita, puedes crear una amplia
gama de diseños utilizando una interfaz simple e intuitiva de
arrastrar y soltar. Y al igual que alcanzamos el pico, Canva ofrece una amplia biblioteca de plantillas
prediseñadas para
diversos propósitos de diseño, incluyendo
gráficos de redes sociales, presentaciones ,
volantes, carteles, tarjetas de presentación, solo por nombrar algunas. Los usuarios pueden personalizar
estas plantillas agregando sus propias imágenes, texto y otros elementos de diseño y crear un diseño único. Puedes cambiar el tamaño de los artículos, cambiar los colores y todo eso. Además de las plantillas, Canvas también proporciona
una biblioteca de elementos
gráficos como iconos, ilustraciones y
fotos que los usuarios pueden utilizar para mejorar
sus diseños. Canva es fácil de usar y
no requiere ninguna experiencia de
diseño. Y esto lo hace accesible para cualquier persona que quiera
crear gráficos personalizados. Y una vez más, al
igual que elegimos, la cámara te permite subir tus propias imágenes y editarlas
para usarlas en tu sitio web. Pero a diferencia de lo que elegimos, características como la eliminación de
fondo de imagen
solo están disponibles con
un plan premium. Ahora, el Plan Premium es un servicio de suscripción de
pago que brinda características adicionales
como la colaboración en equipo, acceso a
plantillas y elementos premium, eliminación de fondos de imagen, como he mencionado, y
la capacidad de cambiar el tamaño diseños para diferentes
plataformas y formatos. En general, canva es una plataforma versátil y
fácil de usar para
crear diseños personalizados para uso
personal o profesional con una amplia gama de características y recursos para satisfacer las necesidades de los
diferentes usuarios. Y con una versión gratuita, puedes hacer mucho, pero la versión premium te
permite hacer mucho más. Número tres, Adobe Creative
Cloud express, freemium. Adobe Creative Cloud Express es una versión basada en la web de la
suite de software Adobe Creative Cloud. Está diseñado para proporcionar a
los usuarios una interfaz optimizada y
fácil de usar para habilidades
básicas de edición y diseño, como recortar,
cambiar el tamaño de imágenes, eliminar
fondos de imágenes, crear gráficos y maquetación
básicos
y editar videos. La plataforma está dirigida
principalmente a individuos y pequeñas
empresas que necesitan crear contenido de manera rápida
y sencilla sin tener que invertir en software más
complejo y costoso. Y el salvaje Creative Cloud
Express está disponible de forma gratuita. También tiene una
versión premium que puedes actualizar para obtener más características
y capacidades. Por último, podemos terminar
sin
hablar de software de diseño dedicado. Por supuesto, durante décadas,
las herramientas definitivas para
editar imágenes y vectores han sido aplicaciones de escritorio como
Photoshop e Illustrator. Estas son las herramientas
que realmente inspiraron los nuevos editores de
imágenes en línea que
acabamos de hablar. Como ya sabrás, hay literalmente miles de cursos y
tutoriales en
profundidad sobre cómo usar estas aplicaciones
de escritorio además de Photoshop
e Illustrator, que son las más populares, otras aplicaciones de
escritorio de diseño dedicadas incluyen
Affinity Photo, que es el equivalente
de Photoshop. Affinity Designer, que es el equivalente de Illustrator, y el Corel Draw
Creative Suite, que cuenta con productos que son muy similares a los productos de Adobe.
7. Los mejores formatos de imágenes para exportar: A la hora de usar
imágenes en un sitio web, hay varios
factores a considerar, como la
calidad de la imagen, el tamaño del archivo, compatibilidad con
diferentes dispositivos y navegadores y mucho más. Así que echemos un vistazo a cómo los formatos de
imagen como JPEG, PNG y GES encajan en
estas consideraciones. Las imágenes jpeg son una buena
opción para fotografías
e imágenes complejas que
tienen muchos píxeles en ellas. Suelen tener un tamaño de archivo
más pequeño que otros formatos de archivo, vez que mantienen un
alto nivel de calidad de imagen. Esto se debe a que los jpegs
usan compresión con pérdida, lo que puede resultar en algunos datos de imagen se
pierdan durante la compresión. Sin embargo, esta pérdida de datos
generalmente no es perceptible
para el ojo humano, que hace que los jpegs sean más pequeños en tamaño y una gran opción para imágenes complejas de
gran tamaño, como paisajes de ciudad,
comida y fotos de la naturaleza. Las imágenes png son una gran opción para las imágenes que
requieren transparencia, como logotipos o gráficos con fondos de
transparencia. A diferencia de los jpegs, los archivos PNG
utilizan compresión sin pérdidas, lo que significa que la calidad de la
imagen
no se ve comprometida
durante la compresión. Esto significa que los PNG suelen ser un poco más grandes en tamaño de
archivo que los jpegs. Y el hecho de que los PNGs se
puedan guardar sin un fondo los hace ideales para logotipos e ilustraciones. Las imágenes gif son las más adecuadas para pequeñas animaciones o imágenes
con una paleta de colores limitada. jeeps son capaces de almacenar múltiples imágenes o marcos
dentro de un solo archivo, lo que les permite ser utilizados
para animaciones cortas. A menudo se utilizan
para crear memes u otras pequeñas animaciones para redes
sociales o aplicaciones de mensajería. Sin embargo, vale la pena señalar
que GEF puede resultar en tamaños de archivo
más grandes que otros formatos de imagen, lo que puede
afectar los tiempos de carga del sitio web. Otro formato
que vale la pena mencionar es SVG, pero no voy a
entrar en detalles sobre él porque
no necesitarás usarlo ya que los otros de los que hemos
hablado ya son
lo suficientemente buenos para cualquier
proyecto de sitio web que puedas tener. En pocas palabras,
las imágenes JPEG son una buena opción para grandes imágenes complejas con
fondos como fotos de CDS, comida, calles, etc. pngs son geniales para imágenes
con transparencia, como logotipos e ilustraciones, y las imágenes GIF son ideales para pequeñas animaciones para agregar
vida a tu sitio web.
8. Preparación de una imagen de muestra para un sitio web: Entonces ahora que tienes ese conocimiento teórico
sobre cómo trabajar con imágenes, hagamos una rápida demostración práctica de echamos un vistazo y veamos cómo podemos usarla para preparar una imagen
para un sitio web imaginario. Entonces aquí mismo tenemos una página de Elementor de
muestra. Es una landing page y
necesita una imagen aquí. Esta es una sección de héroes. Así que permítanme hacer clic en Anterior o podemos echarle un
vistazo. Y así es como se ve. Y no te preocupes, sé que aquí no tenemos
encabezado, pero el objetivo de esta demo
es mostrarte cómo preparar una imagen para tu landing page de
sitios web. Entonces queremos agregar una imagen aquí. Entonces lo que quiero hacer es ir dentro de pick
gratis. Aquí hay repetición. Y la idea que tengo para
esta landing page es
tener una imagen de alguien apuntando el
bloque de texto aquí mismo. Así que volviendo al interior Libre grande, solo
buscaré
señalar a la izquierda. Veamos qué
obtenemos. Y ahora tenemos varias imágenes de personas
apuntando a izquierda y derecha. Entonces ahora permítanme seleccionar
esta imagen de aquí mismo, o tal vez esta. Vamos con esta señora. Veamos qué
podemos hacer con él. Así que solo quiero hacer clic en
Descargar, Descargar gratis. Y aquí vamos. Déjame cerrar
estos rápidamente. Bien, entonces ahí vamos. Ahora que tenemos la
imagen descargada, sólo
voy a entrar dentro de la carpeta show. Ahí vamos. Entonces ahora
lo siguiente que quiero hacer es abrirme. Escogemos una página web y
bajo la pestaña de características, tenemos editor de fotos porque nuestro objetivo es
editar la foto será redirigida a esta parte donde podremos hacer clic, Pruébalo ya. Entonces ahora claro,
como puedes ver, tenemos la opción de
buscar imágenes en pico
gratis o subir
nuestros propios medios. Entonces lo que quiero hacer es
subir mis propios medios. Y este pop-up
aparece para
indicarme que inicie sesión porque necesito estar conectado para que mi imagen sea cargada y guardada
en mi cuenta. Así que déjame iniciar sesión para poder
usar mi correo electrónico rápidamente. Ahí vamos. Ahora, estoy conectado, como pueden ver aquí mismo. Entonces quiero subir
medios
e iré a subir este abierto. Ahora estamos subiendo. Déjame cerrar esto
así. Y aquí vamos. Entonces lo primero que
quiero hacer es ir a Editar. Y quiero darle la vuelta. Entonces déjame hacer clic en esto
porque queremos que ella esté apuntando a la
izquierda, así como así. Y luego vamos a quitar
el fondo de la imagen. Muy impresionante. Entonces ahora
sigamos adelante y recortemos este lado para hacer que la
imagen sea más pequeña a la izquierda. También recortemos este lado. Golpea Enter. Y ahora por
supuesto puedes jugar con los
diferentes presets o filtros, pero solo quiero que el mío
tenga el color original. Entonces voy a quitar los presets. Así como así. Se puede jugar
con el contraste. Lo dejaré donde
estaba al 100%. También puede jugar
con el brillo, saturación, sepia. Dejémoslo ahí
en algún lugar y adelante y juguemos con el resto de los escenarios aquí. Pero ahora que estoy
satisfecho con mi imagen, sé que tenemos estas pequeñas discrepancias aquí
mismo en el pelo que elegimos
no fue capaz de
eliminar por completo el fondo de esta parte. Y por supuesto, esta es una
de las deficiencias de estas herramientas de
edición de imágenes en línea son software de diseño
dedicado
como Photoshop te da las herramientas para
entrar y deshacerte del
fondo por completo. Pero ahora mismo, nuestro objetivo es
simplemente ver cómo esta
herramienta nos puede ayudar. Por supuesto, obtendrías diferentes resultados con
diferentes imágenes. Entonces te sugiero que sigas
adelante y busques cualquier imagen sin
demasiado pelo como imagen BC. Y ahora asumiendo que estoy
satisfecho con mi imagen, voy a seguir adelante y
hacer clic en Descargar. Y como aprendiste, PNG es
el mejor formato para exportar imágenes que no tienen imágenes
transparentes de fondo. Entonces ya está
seleccionado aquí para nosotros. Así que voy a seguir adelante
y hacer clic en Descargar. Y aquí vamos. Entonces déjame
abrirla y ver cómo se ve. No se ve tan mal. Así que volviendo aquí, vamos a dar escogemos cinco estrellas. Increíble. Es una buena herramienta. Así Control J para abrir
mi carpeta de descargas. Entonces aquí está. Así que volviendo al interior de mi
página web, aquí mismo. Todo lo que necesito hacer es hacer clic en
este signo más, Agregar imagen. Y luego haz clic en eso. Ir a subir archivos,
seleccionar archivos. Y luego aquí está nuestra imagen. Abierto. Ahí vamos. Insertar medios. Ahora tenemos a esta señora por
aquí apuntando nuestro bloque de texto. Ahora como ahí está este borde
duro, podemos hacer algo
creativo para deshacernos de él. Por ejemplo, podemos agregar un clic
aquí para agregar un divisor. Entonces solo lo dejaré caer debajo
de la imagen y es un sólido. Lo voy a poner en el centro
o alinearlo a la derecha. Entra en el peso estilo. Se ha incrementado el
peso en algún lugar de ahí. Vamos a darle un
color diferente, como el amarillo. Volvamos
aquí y digamos que llora, pongámoslo ahí mismo. ¿Qué pasa con las barras? ¿Algo de ese tipo? Vamos adentro avanzado. Y para el margen superior, vamos a reducir el margen superior. Algo así. Actualización. Y vamos a previsualizar los cambios. Bien, así que me gusta. Déjame volver aquí
y seleccionar esta columna. Entra avanzado. Ahora déjenme seleccionar
la imagen en sí. Entrando en margen avanzado. Redujamos el margen superior. Se supone que debe estar en algún lugar ahí. Actualiza eso. Vamos a
previsualizar los cambios. Bien, entonces me gusta donde está. Por supuesto que esto no
pretende ser perfecto. Vamos a reducir eso. Vamos a previsualizar los cambios. Vamos a empujarlo hacia abajo
solo un poquito. Ahora, es perfecto. Por supuesto, esto no pretende
ser un sitio web perfecto. Esto era solo yo
ilustrando cómo preparar una imagen
yendo a cerdo libre, buscando el
tipo exacto de imagen que necesitas. Después entrando, elegimos
y editamos tu imagen aquí, afinamos y luego descargamos en
el formato correcto. Todos los conceptos que hemos
cubierto en la clase, y luego
subiéndolo a tu sitio web. Entonces ese es un
ejemplo rápido de cómo
usar el batido para preparar
tus imágenes para tu sitio web y luego
exportarlo en uno de los formatos de los que ya hemos
hablado en clase.
9. Reflexiones finales: Y esto marca el
final de esta clase. Espero que lo hayas encontrado tan valioso
como a mí me pareció emocionante, y que estés emocionado de aplicar tus nuevas habilidades encontradas para mejorar tus imágenes y apariencia
general de tu sitio web con imágenes. Y solo un recordatorio rápido, por favor no olvides
subir la imagen que editó en la lección
anterior. Solo queremos ver
qué tan creativos
pueden llegar todos con las diferentes
herramientas de las que hemos hablado. Háganos saber
qué herramienta eligió usar. Y sólo para darle un pequeño
giro al proyecto, se
puede crear una imagen que se divide en dos,
antes y después. Y básicamente eso
nos mostrará cuánto eres capaz de
personalizar y personalizar la
imagen a tu gusto. Y claro, si
te gusta la clase, por favor no olvides
dejar una reseña justo debajo de este video. Deja que los demás sepan lo que
pensabas de la clase. Sus comentarios son muy importantes
porque me ayudan a mejorar la producción de
clases y a proporcionar un mejor valor para los
futuros estudiantes. Al dejar una reseña, puedes dejar que otros
sepan cómo te
ha ayudado el curso y qué
te ha gustado de él. ¿Te pareció útil la
información o el instructor atractivo
y fácil de seguir? Las demostraciones de la clase te ayudan a entender algunos de los
conceptos de los que hablamos. Su revisión puede
ayudar a otros estudiantes decidir si este curso
es adecuado para ellos. Si miras debajo de este video, verás un
botón de revisión. Simplemente haga clic en eso. Te llevará menos de
30 s dejar tu opinión. También asegúrate de revisar mis otras clases donde
te enseño a diseñar sitios web increíbles con
Elementor y WordPress. Y en realidad ahora puedes combinar estas habilidades de edición de imágenes
con habilidades de diseño web y
construir sitios web mucho mejores. Consulta mi perfil
aquí en Skillshare, y estoy bastante seguro de que
encontrarás algo que te guste. Y hasta la próxima mi
nombre es Ken como siempre, siempre
es un placer
tenerte aquí y te
veré en la siguiente pieza.
Ken Mbesa, Web Designer | UI/UX Designer
