Jitter - criador on line de animações

Jitter lhe permite criar animações a partir de templates (modelos) direto de seu navegador.

Há templates de animações para mídia social, títulos de vídeos, elementos de interface de usuário (UI elements), anúncios, imagens de fundo (backgrounds), marketing, logotipos, adesivos (stickers) e dispositivos (telas de smartphones, por exemplo).

Jitter tem integração com o Figma (permite importar projetos desse editor de design) e também tem suporte a trabalho em equipe.

Seu editor permite trabalhar com a animação assim como fazem os editores de vídeos, isto é, trabalhando com linha de tempo, avanço de quadro, além de dar acesso à edição das camadas da animação, já que os elementos são assim organizados (fundo, texto, imagens).

Uma rápida animação de apresentação do Jitter:

Na conta gratuita, Jitter oferece:

1. Criação ilimitada de arquivos.
2. Exportação da edição em formato de vídeo (MP4, MOV transparente, WebM, WebM transparente), GIF/GIF transparente ou Lottie (JSON) (este último em fase Beta ainda). Os vídeos MP4 são exportados no codec H.264 e podem ter resolução até 720p (HD), 30 fps.
3. Importação a partir do Figma.
4. Uso de templates (modelos) e presets (predefinições).

Você não precisa criar uma conta e fazer login para poder usar o Jitter, mas só poderá salvar um projeto, para posterior retomada, e suas alterações se tiver logado em uma conta. Outra coisa importante: é recomendável acessar Jitter via Gogle Chrome para um desempenho ótimo do editor.

Veja tutoriais de Jitter em português, no YouTube, pesquisando pelos termos "como usar jitter".

Abaixo, exemplo de uma animação que criei a partir de um template na categoria Marketing. Foi baixado no formato MP4 e carregado para YouTube. Apesar do YouTube só permitir visualização até a resolução de 480p, foi baixado na resolução 720p.

Etiquetas:

ferramenta online para produzir animações em vídeo, GIF

gfycat - Crie, edite e hospede GIFs

gfycat é uma plataforma na qual você pode hospedar os GIFs que já tiver em seu computador, smartphone ou tablet e na qual você pode produzir GIFs a partir de outros GIFs, de arquivos de vídeo ou de vídeos hospedados em vários sites, como, por exemplo, Facebook, YouTube, Vimeo, Twitter, Instagram e Twitch.

É permitido os GIFs terem até 60 segundos de duração e ainda áudio, além de legendas.

Após a edição, o GIF pode ser hospedado em outras páginas da web com um player assim como podemos fazer com os vídeos do YouTube e Vimeo, por exemplo. O player tem controles para diminuir/aumentar a velocidade de reprodução, escolha da resolução (SD ou HD) e ampliação na tela. Veja um exemplo abaixo.

Um pequeno tutorial de criação e edição de GIFs no gfycat está disponível neste link. Acesse via Google Chrome ou outro navegador que traduza páginas instantaneamente.

Gfycat é acessível via computador ou dispositivo móvel.

Etiquetas:

produzir, editar e hospedar / produção, edição e hospedagem de GIFs

Video Candy - fácil e simples editor de vídeos online

Video Candy é uma ferramenta online para edição de vídeos. Você a usa direto a partir do navegador, sem instalar nada, e é acessível via computador ou dispositivo móvel (tablet e smartphone).

Ela é dos mesmos desenvolvedores do PDF Candy, site que agrega várias ferramentas online para a edição de documentos PDF. Por isso, sua tela inicial é também simples e direta quanto ao que oferece.

Apesar de ainda não contar com versão em português, como já o faz o PDF Candy, acessando o site através do Google Chrome você tem a tradução de tudo para o português rapidinho. E o que se pode fazer com os vídeos? Compactar, aparar, mesclar, cortar (o tamanho da tela), redimensionar (o tamanho visual), fazer stop motion, adicionar música, alterar velocidade, silenciar, criar apresentação de slides, reverter (fazer o vídeo tocar de trás para a frente), girar (a tela), fazê-lo tocar em loop (em ciclo), inverter (espelhar fazendo o lado direito ser o esquerdo e vice-versa) e produzir um GIF.

Uma coisa que não vi no site foi menção ao tamanho máximo de vídeo aceito (em megabytes). Só usando o Video Candy vamos descobrir.

Etiquetas:

editor de vídeo on line

Transforme seus vídeos em GIFs usando várias ferramentas

Um tutorial do Vimeo sobre como fazer GIFs a partir de vídeos usando o próprio Vimeo, Photoshop, Adobe Premiere Pro e GIPHY.

CLIQUE AQUI e acesse o conteúdo. Use Google Chrome ou outro navegador que traduza páginas web instantaneamente.

Etiquetas:

Como fazer, produzir GIFs a partir de vídeos

Free Online Image Editor - um prático editor de imagens

Ter ao alcance rápido um editor de imagens é sempre bom. E melhor ainda se ele for online, não necessitando de instalação, gratuito, prático e acessível em português. Esse é o caso do Free Online Image Editor, que pode ser acessado direto de seu navegador (Chrome, Firefox, Edge etc.).

Abaixo, uma lista dos recursos desse editor:

• Redimensiona ou corta fotos (também GIFs animados);
• Funde, Mistura e sobrepõe múltiplas imagens;
• Adiciona texto com suas próprias fontes à sua imagem (animada);
• Adicione bordas, cantos arredondados e sombra à sua foto;
• Coloca molduras ou acrescente máscaras a imagens;
• Acrescenta animações pré-definidas às suas imagens!
• Converte, ajusta e diminui seu GIF animado;
• Acrescenta brilho a imagens;
• Muda o perfil de cores para preto e branco ou sépia;
• Uso da ferramenta de corte para fazer uma imagem com formato de coração, por exemplo;
• Pode ser acessado também via dispositivo portátil (smartphone e tablet); porém, uma tela grande permite melhor visualização dos controles;
• Aceita não só foto carregada a partir de seu computador/dispositivo, mas também a partir de um link da internet;
• Aceita vários formatos de imagem, como PNG, JPG/JPEG, BMP (Bitmap) ou GIF animado e também converte sua imagem carregada para um desses formatos.

Etiquetas:

Edição de fotos on line, ferramenta online para edição de imagens, fotos, GIFs

Unscreen - Remova fundos de vídeos/GIFs com facilidade

Se você tem um curto vídeo ou GIF do qual quer remover o fundo, e até inserir outro no lugar, sem precisar saber usar softwares de edição de vídeos, o site Unscreen é a solução que você procura.

Falei vídeo curto acima porque a ferramenta, em sua versão gratuita, só permite remover o fundo de vídeos/GIFs de até 5 segundos (10 segundos se você se registrar de graça do site). O Unscreen pega só os 5 (ou 10) primeiros segundos do vídeo/GIF. Além disso, o áudio é removido no processo, os formatos de saída são GIF, PNG Animado ou um arquivo compactado contendo cada quadro (frame) em formato JPG/PNG e uma marca d’água com o nome do site será adicionada. Em razão dessas limitações, seu uso talvez só seja atraente a quem quer produzir pequenos GIFs para postar em redes sociais ou enviar via comunicadores instantâneos (WhatsApp, Facebook Messenger, Google Hangouts, Telegram etc.).

A depender do navegador que você usar, são permitidos, como formato de entrada de vídeos, MP4, MOV, WEBM, OGG, além do formato GIF como já falado acima.

NESSA PÁGINA você pode ver exemplos de vídeos

onde foi usado o Unscreen.

Desejando mais recursos, você pode até assinar o Unscreen Pro.

Saiba mais a respeito do Unscreen acessando a página das perguntas frequentes (FAQ).

Etiquetas:

Remover facilmente fundos/backgrounds de vídeos, GIFs sem uso de programa/software, greenscreen, tela verde

Canva agora também está disponível como programa para computador

Além de disponível como ferramenta de uso on line (via navegador) e app (para Android e iOS), o Canva tem agora também a versão programa para computador (Windows).

A interface do programa e os recursos disponíveis são basicamente os mesmos que a da versão on line. O que percebi como vantagem em usar o programa, e não a versão online, foi a maior rapidez de funcionamento e acesso aos recursos, além de permitir liberar a guia/aba do navegador para acessar outros sites, o que pode ajudar no uso da memória RAM do PC. Se, porém, você não tem problemas quanto a esses aspectos que apontei, talvez não seja vantajoso instalar o Canva em seu computador. As vantagens de uso do programa são mais perceptíveis para quem, assim como eu, usa exclusivamente o app para smartphone/tablet.

ACESSE A PÁGINA DE DOWNLOAD.

O ARQUIVO TEM CERCA DE 94 MB.

Com relação ao app, aqui estão várias das vantagens/recursos do programa Canva:

1. Adiciona notas e comentários aos seus designs/trabalhos gráficos;
2. Sublinha e põe links em textos - Os link, no entanto, só serão acessíveis se você baixar seu design no formato PDF;
3. Deixa os textos justificados - O app só permite alinhá-los à direita, esquerda ou centro;
4. Copia estilos/formatações de textos e elementos para outros elementos do design assim como fazemos com a ferramenta de pincel do Word, por exemplo;
5. Opção para alinhar elementos entre si, e não somente com o centro da ”página”;
6. 5 filtros adicionais para aplicar às fotos - O app só tem 15 filtros;
7. Aplica efeitos às fotos - O programa dá acesso a diversos efeitos de terceiros, como por exemplo, pixelar, fatiar e duotone;
8. Gerencia as fotos que você já carregou para o Canva em seus diversos designs já desenvolvidos no app, podendo apagá-las ou baixá-las;
9. Curtir as fotos do acervo do Canva e consultá-las e acessá-las rapidamente através da guia Likes;
10. Guia para acesso a imagens de fundo (backgrounds) separada da guia de fotos;
11. Adiciona músicas aos designs (para produzir GIFs ou vídeos) - Vá até a guia More;
12. Adiciona vídeos aos designs;
13. Uso de gráficos (charts), podendo criá-los no próprio Canva sem ter de recorrer a uma planilha eletrônica - Vá até a guia More;
14. Acesso a paletas de 3 cores, que podem ser aplicadas e testadas nos seus designs - Vá até a guia More, item Styles, aba Colors;
15. Acesso a aplicativos e integrações: Pexels e Pixabay (dois bancos de imagens), emojis, gerador de QR codes, YouTube, Google Maps, Giphy, além de atalho pata inserir links de vários sites, como, por exemplo, Vimeo, SoundCloud, Spotify, Facebook, Twitter, Pinterest, Flickr e Instagram;
16. Reagrupa elementos que haviam sido desagrupados.
17. Dá acesso a mais opções do que fazer com seu design ao terminá-lo. Incorporar a um site/blog, salvar como apresentação do PowerPoint, publicar como site (ele fica hospedado no próprio site do Canva) e enviar por email como apresentação são algumas das opções disponíveis. O compartilhamento/envio do seu design com/para os serviços Box, HubSpot, Typeform, Smartmockups e Simplebooklet são também outras facilidades oferecidas.

O programa me deu a impressão de que permite acesso a mais fontes (texto) do que o app.

Até o momento, essa versão para Windows só está disponível em inglês. No entanto, como a versão para internet e o app têm a opção do português, é provável que nas próximas versões ou atualizações do programa outros idiomas sejam oferecidos.

Etiquetas:

Editor gráfico, de design, on line, ferramenta on line para design gráfico, webdesign

Editor gráfico en línea, herramienta en línea para el diseño gráfico, webdesign

Conteúdos das Nações Unidas para uso na luta contra a Covid-19

As Nações Unidas tomaram a iniciativa de convidar artistas, designers etc. ao redor do mundo para produzir materiais que pudessem ser usados na luta contra a pandemia da Covid-19. Várias pessoas atenderam ao chamado, e todo o conteúdo produzido encontra-se disponível para consulta e download em dois locais. Tal campanha é chamada de Covid-10 Response (Covid-19 Resposta).

Um deles é a conta das Nações Unidas no banco de imagens Unsplash.

Lá se encontram, até o momento, 117 imagens no formato JPG com mensagens que podem incluir texto ou não. Muitas das que contêm texto, estão em inglês, mas há exemplos em português, como, por exemplo, a imagem abaixo.

Leo Vilas em Nações Unidas no Unsplash.com.

Não há menção, na própria página no Unsplash, sobre os termos de uso dessas imagens. Deduz-se, porém, assim como informam na página que falaremos a seguir, que edições com a finalidade de traduzir os textos, bem como a produção de trabalhos derivados, devem ser perfeitamente permitidas. Não esqueça de dar crédito ao autor assim como fizemos na imagem reproduzida acima.

O outro local é a conta das Nações Unidas no Talent House.

Já aqui você encontra 3071 trabalhos que vão desde textos reflexivos, poemas, animações GIF, vídeos, áudios, fotomontagens até vetores (desenhos vetoriais) e arquivos do Photoshop (PSD) distribuídos entre as categorias higiene pessoal, distanciamento físico/social, sintomas, desfazendo mitos, espalhe a bondade e solidariedade. Vários dos desenhos vetoriais que baixei como teste estão no formato AI.

Na página do Talent House é possível pesquisar somente dentro de um idioma específico. Tem vários conteúdos em português e espanhol, por exemplo, lá.

O logotipo/selo da Covid-10 Response pode ser baixado a partir deste outro site. É um arquivo de 18,4 MB.

Nesta outra página no Talent House, estão vários detalhes sobre a chamada de artistas, designers etc. para contribuir com a Covid-19 Response. O prazo para enviar trabalhos encerrou-se em 14 de abril.

Etiquetas:

Banco de imagens, ilustrações, designs gráficos, trabalhos artísticos, arte digital grátis, gratuitos sobre a campanha Covid-19 Response (Covid-19 Resposta)

Banco de imágenes, ilustraciones, designs gráficos, trabajos artísticos, arte digital gratis sobre la campaña Covid-19 Respuesta (Covid-19 Response)

Stories, novidade do Freepik

Freepik, conhecido banco de imagens do qual já falamos aqui, lançou o Stories, uma ferramenta on line que trabalha com ilustrações vetoriais as quais podem ser personalizadas antes de você baixar. São imagens que podem ser usadas na landing page de seu site, num app ou até numa apresentação de slides.

Você pode produzir imagens comuns, estáticas, ou animações a partir da personalização da imagem base.

Depois de escolher sua ilustração a partir de 4 estilos disponíveis, você pode mudar a cor de destaque, escolher o tipo de fundo (background) ou até removê-lo e escolher quais elementos da imagem deseja manter (as camadas ou layers). Ao final da edição, você baixa a imagem no formato PNG ou SVG. Este último ainda permite que você edite a ilustração após baixá-la. Basta ter um programa de edição de gráficos vetoriais/vetores, como, por exemplo, o Inkscape instalado em seu computador.

Exemplo da tela de edição de uma ilustração do estilo Amico.

Caso queria produzir uma animação, na tela de edição, clique no botão Animate it! (em azul escuro no topo da tela). Neste modo de edição ainda é possível retirar elementos da sua ilustração/animação. Cada elemento pode ter um estilo de animação diferente ou você pode pedir para o Stories escolher um estilo aleatório para a animação toda clicando no botão Randomize! no topo da tela. Ao final da edição, você pode copiar o código HTML da animação produzida ou baixá-la no formato GIF ou vídeo (MP4). Na tela de download, lhe é oferecida a possibilidade de mudar a cor do fundo (background), escolher seu tamanho visual (até 1000 x 1000 pixels) e se quer que animação aconteça só no início (entrance) ou que fique sendo reproduzida continuamente (loop).

Saiba mais e tire dúvidas na página FAQ do Stories. Use o Google Tradutor para lê-las em português.

No sumário da licença de uso das ilustrações produzidas no Stories é dito que as mesmas podem ser usadas para fins comerciais e pessoais, em mídia digital ou impressa, por um número ilimitado de vezes, a partir de qualquer lugar do mundo, com modificações ou em trabalhos derivados. Mais detalhes podem ser vistos nos Termos de uso do Freepik. Não esqueça de dar crédito à fonte, isto é, ao Freepik.

Etiquetas:

Herramienta en línea/on line con ilustraciones vectoriales editables

Recursos para GIFs animados

Apps, programas e sites para produzir GIFs animados/animações:

1. GIF.com converte vídeos do YouTube, Vine, Instagram e ainda outras fontes em GIFs animados ou arquivos MP4 (comentários aqui).
2. ezGIF cria GIFs animados a partir de imagens (fotos) e a partir de arquivos de vídeo (comentários aqui).
3. GIFPaint cria GIFs animados à mão (comentários aqui).
4. Parapara Animation - um app online da Mozilla para produzir animações que ficam hospedadas online (comentários aqui).
5. Drop to GIF converte arquivos de vídeo em GIFs animados. Programa para Mac (comentários aqui).
6. Giffage busca, envia e cria GIFs animados. App para iOS 8 ou superior (comentários aqui).
7. Slate cria GIFs animados com texto (comentários aqui).

Etiquetas:

Editor de animação, animações, GIFs animados, à mão livre

Editor de animación, animaciones, GIFs / animaciones dibujadas a mano alzada

YouTube agora permite extrair GIFs de vídeos

 

Por Redação (Link - http://blogs.estadao.com.br)

 

Recurso anunciado em novembro funciona em poucos canais até agora

 

 

GIF extraído desse vídeo

 

 

SÃO PAULO – O YouTube começou a colocar em prática em canais selecionados a opção de compartilhar parte de um vídeo em formato de gif, com a possibilidade de selecionar o trecho e incluir palavras ou frases (na fonte tipicamente usada em memes) na parte superior ou inferior do vídeo.

 

O Gizmodo listou alguns dos canais que já tem a opção habilitada. São eles o Epic Rap Battles, Vi Hart, Black Nerd Comedy e The Young Turks. Canais populares brasileiros  comoPorta dos Fundos e Canal Parafernalha ainda não apresentam o novo recurso.

 

Para gerar o gif, basta ir na opção Compartilhar (abaixo do vídeo) e selecionar “GIF”. Uma régua com o vídeo aparece abaixo com duas barras azuis limitando o tempo do trecho selecionado, que pode ser no máximo seis segundos.

 

Abaixo, o campo opcional de texto superior e inferior. Ao lado, é possível ver uma prévia do gif em ação. Feito o processo, basta clicar em “Criar GIF”. Um link direto e outro já com o código iframe (para incorporar) são então gerados com 480 de largura – mas é possível editar manualmente em seguida.

 

 

 

 

O YouTube já havia adiantado o novo recurso em um vídeo publicado no mês passado (a partir de 01’12”).

 

 

 

 

 

YouTube agora permite extrair GIFs de vídeos

AVISO:

Este post foi atualizado. Acesse a nova versão AQUI.