gototopgototop
 

Curso de Joomla em várias modalidades só aqui no Joomla Brasília

  • aumentar tamanho texto 
  • diminuir tamanho texto 
  • layout default 
  • layout default daltonismo 
  • layout default contraste
Home Tutoriais de Joomla Acessibilidade e Joomla! Acessibilidade e Joomla! usando o PIXLR para editar imagens.

Acessibilidade e Joomla! usando o PIXLR para editar imagens.

Escrito pelo  Júlio Coutinho
Qualifique este item
(0 votos)

editor de imagens onlineContinuando a série de artigos voltados a acessibilidade e Joomla iremos abordar o PIXLR, editor online de imagens que você poderá utilizar não somente nesta série mas em qualquer inserção de artigos no Joomla, fim editar a imagem antes de inserí-la. O objetivo deste artigo é dar uma visão geral do aplicativo e auxiliar na edição da imagem que será utilizada no topo de nosso template. No DVD ROM de nosso curso de capacitação nas modalidades in company e presencial, você encontrará a série completa no módulo acessibilidade e joomla.

1) Acesse o editor online através do hiperlink http://www.pixlr.com/app/?loc=pt-br ele é de graça e bem simples de usar. No menu superior ítem language, você pode alterar o idioma para português do Brasil.

2) criando uma nova imagem - para criar uma nova imagem basta clicar sobre o ícone create new image ou através do menu file -> new. O editor irá abrir um combo para que você configure o nome e dimensões (comprimento - width e largura - height) da imagem.
editor de imagem online para joomla

usando o editor de imagem online com joomla

(*) a imagem em branco foi criada e agora você pode dar asas a sua imaginação criando figuras geométricas e etc....

use um editor online de imagens com joomla

3) Nosso objetivo é trazer a funcionalidade desta ferramenta para nosso case ou seja , editar imagens para o topo do nosso template. Logo, vamos abrir uma imagem de nossa máquina para edição. Siga o menu file-> open e abra uma imagem de sua máquina para edição.

menu do editor de imagens online

4) No meu caso, estou preparando a imagem que será exibida no topo do template_noturno.css de nosso template. Trata-se de um dos pontos turisticos da capital, a concha acústica, que eu particularmente acho linda a noite.

concha acústica

5) No menu Edit -> image -> imagesize você pode ajustar o tamanho da imagem.
concha acústica
No nosso caso desejamos uma imagem de 600 x150 e quando terminamos a edição percebemos que O resultado não foi o esperado correto?
concha acústica editada

6) O que precisamos é criar uma imagem nova de 600x150 e depois, ajustar a imagem da concha nessas medidas pois desta forma não perderemos qualidade.

nova imagem no pixlr

7) Volte ao passo 3 para abrir a imagem e selecione-a com a ferramenta adequada.

editando imagem

copie ctrl+c e cole ctrl+v na imagem criada.
nova imagem

10) selecione a ferramenta movie tool para mover e ajustar a imagem dentro do padrão desejado.
movendo a imagem

11) No menu superior selecione file -> save. Pronto, sua imagem foi editada e está salva em sua maquina, dentro do tamanho desejado.
salvando a imagem na máquina

configurando as opções de salvamento da imagem

Última modificação em Qui, 03 de Junho de 2010 19:03 divulgue o artigo no orkut
Júlio Coutinho

Júlio Coutinho

Pós-graduando em Engenharia de Sistemas

Líder do Joomla! Brasília - JUG Planalto Central

User Registered Linux nr 52242

@cout45

+55.61.91619219

Website: www.juliocoutinho.com.br
Login to post comments

Curso de Joomla! 2.5. Reserve sua vaga

Reserve sua vaga para o curso de gestão de conteúdos online, com CMS Joomla! 2.5 e K2. 11 a 14 de junho 2012.






sim não (*)Se desejar, você pode usar seu notebook!
Dúvidas? (61)91619219

Registre um domínio .com.br

 

nic.br

(*) Registre seu domínio sem intermediários!

Como publicar meu site Joomla?

Uma vez que o website foi completamente testado, no ambiente de teste, você vai precisar implantá-lo em um ou mais servidores de produção. A transição do servidor de teste (esteja ele local ou não)é uma tarefa que exige uma atenção especial e basicamente é composta de ações a serem tomadas em ordem cronológica para que de tudo certo. Leia +

projetando websitesnão me faça pensarsites persuasivoscss e xhtml
google marketingguia do operadorprofessional joomlajoomla avançado


Joomla! Brasilia é um domínio, sem afiliação ou ligação com o projeto Joomla! O nome e marca Joomla! pertencem a Open Source Matters!