Dois Cliques

Fiz esta vídeo aula mostrando como editar banners de blogs usando o editor de imagens MS Paint do Windows. As dicas dadas na aula são básicas mas podem ser úteis para quem quer aprender a criar banners para sites e blogs ou editar o banner do seu blog.

No vídeo editei o banner de um blog wordpress que tinha instalado localmente mas também poderia ter usado um blog num servidor remoto, e claro, isto pode ser usado para banners em qualquer plataforma, blogs sapo, blogspot, etc.

Ah, e não se surpreenda quando ouvir a voz que narra o vídeo… Não, eu não fiz uma operação de mudança de sexo… Usei uma voz artificial de um programa que converte texto em voz. ;)

Vídeo Aula - Editando um banner para blog

(Clique na imagem para abrir a página com o vídeo)

Texto da video aula

Segue o texto usado no vídeo pela "Madalena":

Olá, eu sou a Madalena e neste vídeo vamos aprender a adicionar imagens a um banner com o programa MS Paint.
Vamos começar por ir ao menu Iniciar e abrir o programa ms paint que está na pasta Acessórios que fica dentro da pasta Todos os Programas.

Depois vamos abrir o nosso blog com o banner que queremos modificar. Neste exemplo estamos a usar um blog instalado localmente no nosso computador.

Guardamos a imagem no Ambiente de Trabalho usando a opção "Guardar Imagem Como" do navegador. Neste  vídeo estamos a usar o navegador Firefox.

De volta ao Ambiente de Trabalho vamos procurar a imagem que acabamos de guardar e vamos arrastá-la para dentro da janela do Paint.

De seguida podemos começar a editá-la. Neste exemplo vamos modificar a barra inferior seleccionando uma pequena área com a ferramenta de selecção e  esticá-la para o lado direito de forma a esconder uma parte branca do banner que não queremos mostrar no nosso blog.

Depois vamos ao menu Editar e seleccionamos a opção "Colar de..." para adicionar uma imagem ao banner a partir do nosso computador. Podemos redimensionar as imagens e arrastá-las para onde queremos que  fiquem.

Também podemos fazer outras modificações nas imagens como por exemplo, alterar ou inverter cores, ampliar ou reduzir as imagens, rodá-las, ou invertê-las vertical ou horizontalmente. Para refazer acções podemos a qualquer momento usar o atalho de teclado ctrl + z.

Neste exemplo vamos ainda inserir uma segunda imagem a partir do menu Editar e Colar. Como apenas queremos usar uma parte da imagem, seleccionamos a área que vamos manter e depois a opção Cortar ou Copiar a partir do menu do botão direito do rato. Usamos o atalho ctrl + z para fazer desaparecer a parte da imagem que não vamos usar, e clicamos em Colar a partir do menu direito do rato. Vamos clicar nos contornos da imagem e arrastar o rato para reduzir a imagem e vamos inseri-la no espaço disponível.

Quando uma imagem estiver como queremos podemos clicar com o rato fora dela para que seja colada ao banner.

Neste exemplo vamos ainda mudar a cor da barra superior. Para isto usamos a ferramenta de selecção para seleccionar a área a alterar e depois o menu Imagem, seleccionando a opção "Inverter cores".

Neste exemplo vamos clicar no contorno direito da área seleccionada e esticá-la de forma a abranger todo o banner. Quando uma imagem estiver como queremos podemos clicar com o rato fora dela para que seja colada ao banner.

Quando o banner estiver pronto, podemos guardá-lo no Ambiente de Trabalho através do menu Ficheiro e da opção "Guardar como". Podemos escolher entre vários formatos de ficheiro.

Agora já podemos enviar o novo banner para o nosso blog.
Note que neste exemplo não estamos a usar um servidor externo, por este motivo as pastas com os ficheiros do blog estão no nosso próprio computador.

De seguida vamos procurar a pasta com os ficheiros do blog que estamos a usar e abrir a pasta de imagens.  Renomeamos o banner antigo para o caso de o querermos voltar a usar e copiamos o novo banner para dentro da pasta. Ele deve  ficar com o mesmo nome do banner antigo.

Já podemos voltar ao navegador e recarregar a página para vermos o nosso blog com o novo banner.