Transcrições
1. Apresentação: Bem-vindo de volta a
outra aula incrível comigo, pode melhorar. Agora, nesta aula, quero
mostrar como encontrar imagens
incríveis de alta qualidade on-line e prepará-las ou editá-las para projeto do
seu site ou
qualquer outro projeto que possa
precisar de imagens de alta qualidade. No final desta aula, mostrarei várias plataformas de imagens de estoque
on-line onde você pode encontrar imagens
incríveis. E as imagens
nessas plataformas não são apenas pequenas e de
alta qualidade, mas também são gratuitas, então você não precisa pagar
nada para obtê-las. seguir, discutiremos
diferentes tipos de licenças de imagens,
incluindo gravações isentas de direitos autorais, Creative Commons
gerenciadas
e licenças editoriais. ajudarei você a entender
cada tipo de licença você
possa decidir qual
é a certa para seu projeto. Quando se trata de edição de imagens, abordaremos alguns
dos melhores aplicativos gratuitos de
edição de imagens disponíveis atualmente. E, no final, você poderá decidir
qual é o melhor para você. Examinaremos seus recursos
e benefícios enquanto eu forneço uma demonstração ao vivo de como usá-los para editar suas imagens. E, finalmente, discutiremos
o melhor formato para exportar suas imagens
para seus sites, como JPEG, PNG, GIF e SVG. Vou explicar as diferenças
entre cada formato e dar meu veredicto sobre
quando usar cada formato. E caso você esteja
se perguntando quem eu sou. Meu nome é Ken bursa e sou web
designer
autodidata há seis anos Ensinei milhares de
estudantes, assim como você, a criar sites totalmente
funcionais com o Elementor e o WordPress. Comecei como designer
gráfico simplesmente queria criar um site por meio do qual eu pudesse compartilhar meu modelo com
outros designers gráficos. Então eu decidi aprender
como criar o site. Eventualmente, depois de
adquirir as habilidades e criar meu próprio site, acabei me tornando um web designer
em tempo integral, criando sites para outros
clientes, dezenas de clientes. Avance até hoje. Agora tenho vários cursos
on-line e tutoriais
no YouTube
ensinando às pessoas tudo o que sei
sobre web design. E esse curso é uma continuação da minha jornada de compartilhamento de
conhecimento. E, basicamente, isso é
tudo sobre mim. O design gráfico e o web
design me trouxeram até aqui, e eu só quero compartilhar
minhas habilidades com você hoje. Então,
sem perder mais tempo, vamos começar a
aprender como encontrar imagens
incríveis e
editá-las para nosso projeto. Te vejo na peça esquerda.
2. Visão geral do projeto: Eles dizem que a melhor maneira de
aprender uma habilidade técnica ou qualquer nova habilidade é
trabalhando em um projeto. Então, nesta aula,
trabalharemos em um projeto muito simples, mas divertido, para ajudar a reforçar
o que você está aprendendo. Então, vamos dar uma olhada nisso. Para o projeto de aula, você editará
uma imagem usando as ferramentas de edição on-line
que discutiremos em sala de aula Basta baixar qualquer imagem
de sua escolha qualquer uma das plataformas de imagens que
discutiremos em sala de aula. Em seguida, usando qualquer um
dos editores de imagem que
demonstrarei em sala de aula, produza sua própria
versão aprimorada da imagem. Essa será uma ótima
maneira de ajudá-lo a explorar as plataformas de banco de imagens
e os recursos
dessas ferramentas de edição de imagens enquanto você se prepara para usá-las em seus
próprios projetos no futuro. Quando terminar e estiver
satisfeito com os resultados,
lembre-se de enviar sua imagem
recém-editada para
a guia Projetos abaixo deste vídeo e compartilhá-la
com o resto da turma. Queremos ver o que
você vai descobrir. Então, boa sorte com seu projeto. Nos vemos na próxima aula.
3. Por que procurar por boas imagens: Então, por que você deveria investir tempo
procurando boas imagens? Bem, imagens de boa qualidade são essenciais ao
criar um site porque desempenham um papel
crucial em causar uma forte primeira
impressão nos visitantes. Quando um site tem imagens visualmente
impressionantes e envolventes, ele chama a atenção do
espectador e incentiva a
explorar mais. Por outro lado,
imagens de baixa qualidade ou
gráficos de baixa resolução podem fazer com que um site pareça pouco profissional
e desagradável, o que pode rapidamente
afastar os visitantes. Imagens de alta qualidade
também ajudam a transmitir a mensagem
e a identidade da marca do site, aprimorando a
experiência do usuário e criando uma sensação de
confiança e credibilidade. Imagens bem otimizadas podem ajudar a
melhorar a velocidade de
carregamento de um site, o que é fundamental para engajamento
do usuário e a otimização dos
mecanismos de pesquisa. No geral, investir tempo e
esforço na obtenção e preparação de imagens
para um site pode melhorar
significativamente
sua aparência geral, engajamento
do usuário e sucesso. Mas agora, com isso em mente, onde você pode encontrar imagens
de qualidade gratuitamente? Vamos descobrir na
próxima lição.
4. Onde você pode encontrar imagens de qualidade: Agora, muitas vezes,
quando as pessoas estão apenas começando sua jornada de criação de
conteúdo, o primeiro lugar para onde elas
vão quando precisam de imagens é o Google. Então, eles vão ao Google e
pesquisam o MAC, o que significa que, quando o Google retorna os resultados, eles trocam a guia Imagens e baixam qualquer imagem que
quiserem de lá. Agora, embora essa seja uma
forma de encontrar imagens, não
é uma maneira segura de fazer
isso porque você pode ter problemas por causa
da violação de direitos autorais. Provavelmente em 2023, temos várias
plataformas de imagens de estoque on-line onde você pode baixar qualquer tipo de
imagem que desejar gratuitamente. É isso que eu quero que vejamos porque, embora
existam muitos deles, há alguns deles
que eu sempre recorro de
forma consistente para obter as imagens da melhor qualidade
disponíveis on-line. Então, esses são
os que eu quero focar. Então,
sem perder mais tempo, vamos para a aula. Número um, unsplash.com. Unsplash é um site
que oferece fotos
gratuitas de alta qualidade que podem ser usadas para fins
pessoais e
comerciais. Foi lançado em 2013 por uma
agência criativa da Montreal Bayes chamada crew, que estava
procurando uma maneira melhor de
compartilhar suas próprias fotos on-line. E o splash rapidamente
se tornou popular e agora tem uma grande comunidade
de colaboradores que compartilham suas fotos
com outras pessoas As fotos iniciais são licenciadas
sob a licença Unsplash, que permite
aos usuários copiar, modificar e distribuir as
fotos gratuitamente, inclusive para fins
comerciais, sem a necessidade de
qualquer atribuição. A licença também
permite que você use as fotos em
produtos para revenda, como em um livro
ou em uma camiseta. Fotos no Unsplash são de alta qualidade e abrangem uma
ampla variedade de assuntos, incluindo natureza,
arquitetura, pessoas ,
tecnologia, só para citar alguns. Número dois, células peg. Packed cells é um
site que oferece fotos e vídeos gratuitos de
alta qualidade que podem ser usados para fins pessoais
e comerciais. Foi lançado em 2014 por três cofundadores
que
procuravam uma maneira melhor de compartilhar suas próprias fotos
e vídeos on-line. Peg cells tem uma grande
comunidade de fotógrafos e cinegrafistas que compartilham
seu trabalho com outras pessoas. E, assim como o Unsplash Cells, fotos e vídeos
são de uso gratuito. Pixels, fotos e vídeos
são licenciados sob a
licença Creative Commons ou CC Zero, que permite
aos usuários copiar, modificar e distribuir o
conteúdo gratuitamente, inclusive para fins
comerciais, sem a necessidade de
atribuir o autor. Isso torna mais fácil
para qualquer pessoa usar o conteúdo sem se
preocupar com questões de direitos autorais. Resumindo, imagens e vídeos baixados do
Pexels são gratuitos para você usar sem
dar crédito às células do
pacote ou à pessoa
que as criou. As fotos e vídeos no Pexels abrangem uma ampla variedade de assuntos, incluindo natureza,
pessoas, animais, comida e muito mais. Número três, Pixabay. Pixabay é um site que oferece fotos,
ilustrações, vetores, efeitos
sonoros,
áudio e vídeos gratuitos de
alta qualidade ilustrações, vetores, efeitos
sonoros, que podem ser usados para fins pessoais e
comerciais. Foi lançado em 2010 por dois cofundadores que
queriam criar uma plataforma que fornecesse imagens
gratuitas para
quem precisasse delas. E, assim como os
pixels, os ativos baseados em pixels
são licenciados sob a licença Creative Commons
Zero, que permite
aos usuários copiar, modificar e distribuir
ativos digitais gratuitamente, inclusive para fins
comerciais, sem a
necessidade de atribuição. Então, como mencionei,
isso torna mais fácil para qualquer pessoa usar ativos
baseados em pixels sem se preocupar com questões de direitos autorais. Da mesma forma, o
conteúdo do Pixabay abrange uma ampla variedade de assuntos,
incluindo natureza ,
pessoas, tecnologia, animais,
só para citar alguns. E eu sei
que mencionei essa licença Creative Commons
Zero. Claro que existem outros. Não se preocupe se você
não entender bem os diferentes tipos de
licenças e o que elas significam Falaremos sobre as licenças nas próximas aulas no
final da aula. Número quatro, pico. Free pig é um
site que oferece recursos
gráficos
gratuitos e premium para designers, como vetores, arquivos
PSD, ícones e
fotos de banco de imagens em modelos 3D. O site foi lançado
em 2010 pela mesma equipe que criou um
cone plano ou ícone plano, um popular site de recursos de ícones Os recursos de
três picos estão
disponíveis para uso sob a licença internacional Creative Commons Attribution 4.0, que permite
aos usuários usar, modificar e distribuir os
recursos para qualquer finalidade, mesmo comercialmente,
desde que dê crédito ao autor
original. E como eu mencionei, porco
grátis tem uma grátis. E uma versão premium
de seu serviço, recursos premium fixos
gratuitos
estão disponíveis por meio um serviço de assinatura
chamado free peak premium, que oferece acesso ilimitado a gráficos e fotos
de alta qualidade. E a taxa de assinatura
varia de acordo com o
plano e a duração. E os usuários podem baixar
até 100 recursos por dia. Número cinco, vetorial, fácil. Assim como o gratuito, o PQ vec cheesy
é um site que oferece gráficos vetoriais
gratuitos e premium para designers e criadores de
conteúdo. Foi lançado em 2007 por Sean Rebel,
designer gráfico, que viu necessidade de
um site
que fornecesse gráficos vetoriais de
qualidade
para outros designers. Assim como os vértices de pico
livre, os vetores livres estão
disponíveis
para uso sob a licença internacional Creative Commons Attribution a licença internacional Creative Commons Attribution for 0.0, que permite
aos usuários usar, modificar e distribuir os
vetores para qualquer finalidade, mesmo comercialmente,
desde que dêem crédito ao autor
original. Esses serviços premium do TDS
estão disponíveis por meio um serviço de assinatura
chamado Vector Easy Pro, que oferece acesso ilimitado a modelos e ícones de gráficos vetoriais de
alta qualidade. A taxa de assinatura
varia de acordo com o
plano e a duração, e os usuários podem baixar
até 100 vetores por dia. Na verdade, você já deve
ter notado que o PQ gratuito e o vetor DZ têm
muitas coisas em comum. Número seis, o Envato elements
in better elements é uma
plataforma baseada em assinatura que fornece uma ampla variedade de
ativos digitais para designers, incluindo gráficos,
modelos, fontes, músicas, efeitos sonoros,
vídeos e muito mais. Foi lançado em
2016 pela Envato, empresa
australiana que opera vários mercados de produtos e serviços
digitais. Os ativos da Envato Elements são licenciados sob uma licença
comercial, que permite que os usuários
usem os ativos para qualquer projeto comercial
sem atribuição. O serviço de assinatura oferece downloads
ilimitados e acesso a novos ativos adicionados semanalmente. A taxa de assinatura
varia de acordo com o
plano e a duração. E os usuários podem escolher entre uma
assinatura mensal ou anual. Tudo depende de você. Uma coisa
muito importante você descobrirá com essas
plataformas é que elas
facilitam a localização do ativo certo para qualquer projeto em que você esteja
trabalhando , fornecendo recursos avançados de
pesquisa e navegação. Resumindo, eles têm mecanismos de busca
muito poderosos
na plataforma. E essas plataformas se tornaram recursos
muito populares para designers
gráficos,
web designers,
desenvolvedores, criadores de conteúdo, blogueiros, marketing e qualquer pessoa que precise de ativos
digitais de alta qualidade. Ah, e a propósito,
se você estiver interessado, você também pode se tornar um
colaborador em qualquer uma
dessas plataformas e começar a
enviar suas próprias imagens, vetores e outros produtos
digitais e ganhar renda
passiva toda vez
que alguém baixa suas coisas. Como você já percebeu, cada uma dessas plataformas
oferece imagens com
contratos de licenciamento específicos
da licença CC zero totalmente gratuita, licenças Premium. Como web designer ou criador de conteúdo
on-line, é importante que você entenda
os diferentes tipos de licenças
disponíveis para
evitar problemas com direitos autorais no futuro. Então, vamos mergulhar nas licenças. Te vejo na próxima aula.
5. Entender licenças de ativos digitais: Bem vindo de volta. Agora, na lição anterior que
mencionei ,
você pode ter problemas usar imagens baixadas
diretamente do Google. Isso porque a imagem
baixada pode estar protegida por
direitos autorais. Então, nesta lição, veremos
como usar imagens
on-line legalmente
em seus projetos. Entender as licenças de
direitos autorais de imagem é essencial para ajudar
você a manter a conformidade. sua empresa para o futuro, ajude
outras pessoas a proteger seus direitos de propriedade
intelectual
e, basicamente, ganhou
clareza sobre como
usar ativos digitais sem
perder mais tempo. Vamos embora. Número um, domínio público. Imagens em
domínio público podem ser usadas livremente sem
restrições. Eles nem mesmo estão protegidos pela lei de
direitos
autorais ou os direitos autorais expiraram. Exemplos de fontes de imagens de
domínio público incluem a Biblioteca do Congresso, podemos o Media Commons e
os Arquivos Nacionais. Número dois, Creative Commons. As licenças Creative Commons
permitem que os criadores, autores de ativos
digitais,
compartilhem seu trabalho,
mantendo algum controle
sobre como ele é usado. Existem vários tipos de licenças
Creative Commons, cada uma com
requisitos diferentes. Então, vamos dar uma olhada neles.
Já mencionamos a licença Creative Commons
ou a licença CC zero. E, como mencionei, ele
permite que você copie, modifique e
distribua os ativos gratuitamente, inclusive para fins
comerciais, sem a necessidade de atribuição ou crédito
ao autor original. Embora você seja
incentivado a fazer isso, splash e pixels usam
esse tipo de licenciamento, o que significa que você pode
usar seus ativos, suas imagens sem
dar crédito
às células de embalagem são as pessoas
que as criaram
e você é bom. A segunda licença Creative
Commons é a licença de atribuição ou CC BY. Você pode usar a imagem
para qualquer finalidade, até mesmo comercialmente,
desde que dê crédito ao criador
original. É assim que a Free Pig e a Vect
Easy licenciam seus ativos. Faça o download de um ativo,
use-o em seu projeto e dê crédito
à pessoa que enviou gratuitamente. A terceira licença Creative
Commons é Attribution Share Alike, ou CC BY SA. Você pode usar a imagem para qualquer
finalidade, até mesmo comercialmente, desde que dê crédito
ao criador original e
licencie qualquer trabalho
sob os mesmos termos. Resumindo, sob a licença de atribuição de
ações semelhantes, você pode usar um
ativo digital, desde qualquer novo ativo que você produza
também seja licenciado sob
os mesmos termos. Outras pessoas também podem
usar o que você produziu sob a licença de atribuição e
compartilhamento da mesma forma. A quarta licença Creative
Commons é chamada de licença
não comercial. E isso é muito
simples. Você pode usar uma imagem ou qualquer outro ativo somente para
fins não comerciais. E, finalmente, sob
o Creative Commons, não
temos derivativos. Você pode usar uma imagem ou
qualquer outro ativo como 0s, mas não pode
modificá-la de forma alguma. A terceira categoria de
licenças é isenta de royalties. Imagens isentas de royalties podem ser usadas várias vezes por
uma taxa única. Você não precisa pagar uma taxa de royalties toda
vez que usar a imagem, mas não pode revender ou
redistribuir a imagem. Exemplos de fontes de
imagens isentas de direitos autorais incluem Shutterstock, I stock e Getty Images. A quarta categoria de
licenças é o gerenciamento de direitos. As licenças gerenciadas por direitos exigem pagamento por cada
uso de uma imagem. A taxa depende de fatores
como o uso pretendido, o tamanho da imagem e a duração do uso. Exemplos de fontes de imagem
gerenciadas por direitos incluem allow me e core BCE. A quinta categoria de
licenças foi estendida. As licenças estendidas permitem que
você use uma imagem por um período prolongado
ou de maneiras que
não são cobertas pela licença
padrão elas geralmente custam mais do que
a licença padrão, por exemplo, uma licença estendida pode
permitir que você use uma imagem em mercadoria ou por um período
ilimitado de tempo. Algumas fontes de imagem,
como Shutterstock e I stock, oferecem
licenças estendidas para seus ativos. E, finalmente, a última
categoria de licenciamento é editorial. As licenças editoriais
permitem o uso de imagens somente para
fins editoriais, como artigos de notícias,
blogs e revistas. Eles não podem ser usados para fins
comerciais. Exemplos de fontes de
imagens editoriais incluem imagens e escritores de API, e exemplos de imagens
que se
enquadram na categoria editorial
geralmente incluem fotos de celebridades e marcas
famosas. Ao concluirmos sobre as licenças, sempre descubra os tipos
de licenças que vêm com todos os ativos de imagem que
você baixa de uma plataforma on-line
antes de usá-los.
Normalmente, você encontrará um
link para os termos
e condições de licenciamento na foto
da maioria dessas plataformas. E ao clicar nele,
você pode ler mais sobre como eles licenciaram
seus produtos. Por isso, recomendo que você sempre faça isso em qualquer
plataforma que visitar. E isso marca o
fim desta lição. Espero que você tenha achado isso útil. Então, nos vemos na próxima.
6. Aplicativos de edição de imagem populares: Em 2023, existem muitos softwares de edição de
imagens. Então, como você sabe
qual é bom para você? Nesta lição, vamos dar uma
olhada em algumas
das opções gratuitas que
você tem disponíveis on-line e
quais eu gosto de usar. Número um,
escolhemos por pico livre. We pick é uma plataforma de design
gráfico on-line criada pela Free Peak que permite aos usuários criar designs
personalizados usando modelos
pré-projetados, elementos
gráficos e
outros recursos de design Escolhemos que oferece uma ampla variedade de modelos para vários fins de
design, incluindo mídias sociais, apresentações
gráficas, folhetos, pôsteres e muito mais. Os usuários podem personalizar
esses modelos adicionando suas próprias imagens, textos e outros elementos de design para criar um design exclusivo. É como ter o Photoshop ou Adobe Illustrator
no seu navegador. We pick também oferece uma biblioteca de elementos gráficos,
como ícones, ilustrações e planos de
fundo, que os usuários podem usar para
aprimorar seus designs. A plataforma é
fácil de usar e não
requer nenhuma experiência em
design, tornando-a acessível a qualquer pessoa que queira criar gráficos
personalizados. E como estamos falando sobre preparação de imagens
para o seu site, escolhemos também fornecer aos usuários um poderoso editor de imagens
rico em recursos que permite que qualquer pessoa edite suas imagens e produza resultados
profissionais. Você pode importar
imagens diretamente do Free Peak ou carregar suas próprias imagens e
começar a editá-las. No geral, escolhemos uma
plataforma
versátil e fácil de usar para criar designs
personalizados para uso pessoal ou
profissional. E você pode usá-lo para editar e preparar suas imagens
para o seu site. E, de fato, a melhor parte é que essa ferramenta é
gratuita para você usar. Número para o Canva. O Canva é uma plataforma de design
gráfico online gratuita. Por Freemium, quero dizer, ele tem uma versão gratuita
e uma versão premium. E mesmo com a versão gratuita, você pode criar uma grande
variedade de designs usando uma interface simples e intuitiva de
arrastar e soltar. E, assim como falamos, Canva oferece uma ampla biblioteca de modelos
predefinidos para
vários fins de design, incluindo
gráficos de mídia social, apresentações, folhetos, pôsteres, cartões de visita, só para citar alguns. Os usuários podem personalizar
esses modelos adicionando suas próprias imagens, texto e outros elementos de design e criar um design exclusivo. Você pode redimensionar itens, alterar cores e tudo mais. Além dos modelos, o Canvas também fornece
uma biblioteca de elementos
gráficos, como ícones, ilustrações e
fotos, que os usuários podem usar para aprimorar
seus designs. Canva é fácil de usar e
não requer nenhuma experiência em
design. E isso o torna acessível a qualquer pessoa que queira
criar gráficos personalizados. E mais uma vez,
assim como escolhemos, a
câmera permite que você carregue suas próprias imagens e as edite
para uso em seu site. Mas, diferentemente da nossa escolha, recursos como remoção de
fundo de imagem
só estão disponíveis com
um plano premium. Agora, o Plano Premium é um serviço de assinatura
pago que fornece recursos adicionais,
como colaboração em equipe, acesso a
modelos e elementos premium, remoção de fundos de imagens, como mencionei, e
a capacidade de redimensionar designs para diferentes
plataformas e formatos. No geral, o canva é uma plataforma versátil e
fácil de usar para
criar designs personalizados para uso
pessoal ou profissional com uma ampla variedade de recursos e recursos para atender às necessidades de
diferentes usuários. E com uma versão gratuita, você pode fazer muito, mas a versão premium
permite que você faça muito mais. Número três, Adobe Creative
Cloud Express, freemium. O Adobe Creative Cloud Express é uma versão baseada na web
do pacote de software Adobe Creative Cloud. Ele foi projetado para fornecer
aos usuários uma interface simplificada e
fácil de usar para habilidades
básicas de edição e design, como cortar,
redimensionar imagens, remover
fundos de imagens, criar gráficos e layouts
básicos
e editar vídeos. A plataforma é voltada
principalmente indivíduos e pequenas
empresas que
precisam criar conteúdo de forma rápida
e fácil, sem precisar investir em softwares mais
complexos e caros. E o Wild Creative Cloud
Express está disponível gratuitamente. Ele também tem uma
versão premium que você pode atualizar para obter mais recursos
e capacidades. Finalmente, podemos terminar
sem falar sobre software de design dedicado. É claro que, por décadas, as melhores ferramentas para
edição de imagens e vetores foram aplicativos de desktop como o
Photoshop e o Illustrator. Essas são as ferramentas
que realmente inspiraram os novos editores de
imagens on-line quais
acabamos de falar. Como você já deve saber, existem literalmente milhares de cursos e
tutoriais
aprofundados sobre como usar esses aplicativos de desktop além do Photoshop
e do Illustrator, que são os mais populares, outros aplicativos de
desktop de design dedicados incluem o
Affinity Photo, que é o equivalente ao
Photoshop. Affinity Designer, que é equivalente
ao Illustrator, e o Corel Draw
Creative Suite, que tem produtos muito semelhantes aos produtos da Adobe.
7. Melhores formatos de imagem para exportar: Quando se trata de usar
imagens em um site, há vários
fatores a serem considerados, como
qualidade da imagem, tamanho do arquivo, compatibilidade com
diferentes dispositivos e navegadores e muito mais. Então, vamos dar uma olhada em como formatos de
imagem como JPEG, PNG e GEFS se encaixam
nessas considerações. Imagens JPEG são uma boa
opção para fotografias e imagens complexas com muitos pixels. Eles tendem a ter um tamanho de arquivo
menor do que outros formatos de arquivo, mantendo um
alto nível de qualidade de imagem. Isso ocorre porque os jpegs
usam compressão com perdas, o que pode resultar na perda de
alguns dados da imagem durante a compactação. No entanto, essa perda de dados
geralmente não é perceptível
ao olho humano, tornando os jpegs menores em tamanho e uma ótima opção para imagens
grandes e complexas, como paisagens urbanas,
alimentos e fotos da natureza. Imagens PNG são uma ótima opção para imagens que
exigem transparência, como logotipos ou gráficos com fundos
transparentes. Ao contrário dos jpegs, os arquivos PNG
usam compressão sem perdas, que significa que a qualidade da
imagem
não é comprometida
durante a compactação. Isso significa que os PNGs geralmente são um pouco maiores em tamanho de
arquivo do que os jpegs. E o fato de os PNGs
poderem ser salvos sem fundo os torna ideais para logotipos e ilustrações. As imagens GIF são mais adequadas para animações
pequenas ou imagens
com uma paleta de cores limitada. jipes são capazes de armazenar várias imagens ou quadros
em um único arquivo, permitindo que sejam usados
para animações curtas. Eles costumam ser usados
para criar memes ou outras pequenas animações para mídias
sociais ou aplicativos de mensagens. No entanto, é importante notar
que o GEFS pode resultar em tamanhos de arquivo
maiores do que outros formatos de imagem, o que pode
afetar os tempos de carregamento do site. Outro formato que vale a pena
mencionar é o SVG, mas não vou
entrar em detalhes porque você
não precisará usá-lo pois os outros
sobre os quais falamos já são bons o suficiente para qualquer
projeto de site que você possa ter. Resumindo, as imagens JPEG
são uma boa opção para imagens
grandes e complexas com
fundos como fotos de CDS, comida, ruas e assim por diante. Pngs são ótimos para imagens
com transparência, como logotipos e ilustrações, e imagens GIF são ideais para pequenas animações para dar
vida ao seu site.
8. Preparando uma imagem de amostra para um site: Agora que você tem esse conhecimento teórico
sobre como trabalhar com imagens, vamos fazer uma rápida demonstração prática de dar uma olhada e ver como podemos usá-la para preparar uma imagem
para um site imaginário. Então, aqui temos uma página de
amostra do Elementor. É uma landing page e
precisa de uma imagem aqui. Esta é uma seção de heróis. Então, deixe-me clicar em Anterior ou podemos
dar uma olhada. E é assim que parece. E não se preocupe, eu sei que não temos um cabeçalho aqui, mas o objetivo desta demonstração
é mostrar como
preparar uma imagem para a página de destino do seu
site. Então, queremos adicionar uma imagem aqui. Então, o que eu quero fazer é entrar no
Free Pick. Aqui está a repetição. E a ideia que tenho para
essa landing page é
ter a imagem de alguém apontando o
bloco de texto aqui. Então, voltando para o Free big, vou procurar
apontar para a esquerda. Vamos ver o que
obtemos. E agora temos várias imagens de pessoas
apontando para a esquerda e para a direita. Agora, deixe-me selecionar
essa imagem aqui, ou talvez esta. Vamos com essa senhora. Vamos ver o que
podemos fazer com isso. Então, eu só quero clicar em
Download, Download gratuito. E aqui vamos nós. Deixe-me
fechá-los rapidamente. Tudo bem, então vamos lá. Agora que baixamos a
imagem, vou entrar na pasta show. Lá vamos nós. Então, agora a próxima
coisa que eu quero fazer é abrir. Escolhemos uma página da web e
, na guia de recursos, temos o editor de fotos porque nosso objetivo é editar
a foto e ser redirecionada para esta parte ,
onde podemos clicar em Experimente agora. Então, agora, é claro,
como você pode ver, temos a opção de
procurar imagens no Free Peak ou fazer upload de
nossa própria mídia. Então, o que eu quero fazer é
carregar minha própria mídia. E esse pop-up
parece solicitar
que eu faça o login porque preciso estar logado para que minha imagem seja carregada e salva
em minha conta. Então, deixe-me fazer o login para que eu possa
usar meu e-mail rapidamente. Lá vamos nós. Agora, estou logado, como você pode ver aqui. Então, eu quero fazer upload de
mídia
e vou abri-la. Agora estamos fazendo o upload. Deixe-me encerrar isso desse
jeito. E aqui vamos nós. Então, a primeira coisa que eu
quero fazer é ir para Editar. E eu quero invertê-lo. Então, deixe-me clicar aqui
porque queremos que ela aponte para a
esquerda, sem mais nem menos. E então vamos remover
o fundo da imagem. Muito incrível. Agora
vamos cortar esse lado para diminuir a
imagem à esquerda. Vamos também cortar esse lado. Pressione Enter. E agora, é
claro, você pode brincar com as
diferentes predefinições ou filtros, mas eu só quero que os meus
tenham a cor original. Então, vou remover as predefinições. Simples assim. Você pode brincar
com o contraste. Vou
deixá-lo onde estava em 100%. Também pode brincar
com o brilho, saturação e a sépia. Vamos deixá-lo
em algum
lugar e brincar com o resto das configurações aqui. Mas agora que estou
satisfeita com minha imagem, sei que temos essas pequenas discrepâncias
aqui O cabelo que escolhemos
não foi capaz de
remover completamente o fundo
dessa parte. E, claro, essa é uma
das deficiências
dessas ferramentas de
edição de imagens on-line software de design
dedicado,
como o Photoshop, oferece
as ferramentas para você entrar e se livrar completamente do
plano de fundo. Mas agora, nosso objetivo é ver como essa
ferramenta pode nos ajudar. Obviamente, você obteria resultados
diferentes com imagens
diferentes. Então eu sugiro que você vá
em frente e procure qualquer imagem sem
muito cabelo, como a imagem BC. E agora, supondo que eu
esteja satisfeito com minha imagem, vou
clicar em Baixar. E, como você aprendeu, o PNG é
o melhor formato para exportar imagens que não têm imagens
transparentes de fundo. Então, ele já está
selecionado aqui para nós. Então, vou clicar
em Baixar. E aqui vamos nós. Então, deixe-me
abri-lo e ver como fica. Não parece tão ruim. Então, voltando aqui, vamos escolher cinco estrelas. Incrível. É uma boa ferramenta. Então, controle J para abrir
minha pasta de downloads. Então aqui está. Então, voltando para minha
página da web, aqui mesmo. Tudo o que preciso fazer é clicar
neste sinal de adição, Adicionar imagem. E, em seguida, clique nele. Vá para fazer upload de arquivos,
selecione arquivos. E então aqui está nossa imagem. Aberto. Lá vamos nós. Insira a mídia. Agora temos essa senhora
aqui apontando nosso bloco de texto. Agora, como há essa vantagem
rígida aqui, podemos fazer algo
criativo para nos livrarmos dela. Por exemplo, podemos adicionar um clique
aqui para adicionar um divisor. Então, vou colocá-lo abaixo
da imagem e é sólido. Vou colocá-lo no centro
ou alinhá-lo à direita. Entre no estilo de peso. Aumentou o
peso em algum lugar lá. Vamos dar uma
cor diferente, como amarelo. Vamos voltar
aqui e dizer chora, vamos colocar isso aí. E quanto aos cortes? Algo desse tipo? Vamos entrar com antecedência. E para a margem superior, vamos reduzir a margem superior. Algo parecido. Atualizar. E vamos pré-visualizar as mudanças. Tudo bem, então eu gosto. Deixe-me voltar aqui
e selecionar esta coluna. Vá para dentro com antecedência. Agora, deixe-me selecionar
a imagem em si. Entrando na margem avançada. Vamos reduzir a margem superior. Deveria estar em algum lugar lá. Atualize isso. Vamos
pré-visualizar as mudanças. Tudo bem, então eu gosto de onde está. Claro que isso não
foi feito para ser perfeito. Vamos reduzir isso. Vamos pré-visualizar as mudanças. Vamos empurrá-lo um
pouco para baixo. Agora, está perfeito. Obviamente, isso não foi feito para
ser um site perfeito. Fui só eu
ilustrando como
preparar uma imagem
acessando o Free Pig, procurando o
tipo exato de imagem que você precisa. Em seguida, entrando, escolhemos
e editamos sua imagem aqui, ajustando-a e depois baixando-a
no formato certo. Todos os conceitos que
abordamos na aula
e, em seguida,
enviá-los para o seu site. Então, esse é um
exemplo rápido de como
usar o chicote para preparar
suas imagens para o seu site e depois
exportá-las em um
dos formatos sobre os
quais já falamos na aula.
9. Considerações finais: E isso marca o
fim dessa aula. Espero que você tenha achado isso tão valioso
quanto eu o tenha achado empolgante e que esteja empolgado em aplicar suas novas habilidades para aprimorar visual e a aparência
geral do seu site com imagens. E apenas um lembrete rápido, não se esqueça de
fazer o upload da imagem que você editou na lição
anterior. Só queremos ver o
quão criativos todos podem ser com as diferentes
ferramentas sobre as quais falamos. Informe-nos qual ferramenta
você escolheu usar. E só para dar um
toque especial ao projeto, você pode criar uma imagem
dividida em duas,
antes e depois. E, basicamente, isso
nos mostrará o quanto você pode
personalizar e personalizar a
imagem ao seu gosto. E, claro, se
você gosta da aula, não se esqueça de
deixar um comentário logo abaixo deste vídeo. Deixe que outras pessoas saibam o que você
achou da aula. Seu feedback é muito importante
porque me ajuda a melhorar produção de
aulas e oferecer melhor valor para
futuros alunos. Ao deixar um comentário, você pode
contar aos outros como o curso ajudou você e o que
você gostou nele. Você achou as
informações úteis ou o instrutor envolvente
e fácil de acompanhar? As demonstrações da aula ajudam você a entender alguns dos
conceitos sobre os quais falamos. Sua avaliação pode
ajudar outros alunos decidir se esse curso
é adequado para eles. Se você olhar abaixo deste vídeo, verá um
botão de revisão. Basta clicar nele. Você levará menos de
30 segundos para deixar seu comentário. Também não deixe de conferir minhas outras aulas, onde
ensino como
criar sites incríveis com
Elementor e WordPress. E, na verdade, agora você pode combinar essas habilidades de edição de imagens com habilidades de web design e
criar sites muito melhores. Confira meu perfil
aqui no Skillshare, e tenho certeza de que você
encontrará algo de que goste. E até a próxima vez que meu
nome for Ken, como sempre, é sempre um prazer
ter você aqui e nos
vemos na próxima peça.
Ken Mbesa, Web Designer | 3D Artist
