Criando uma Capa

De Semfrescura wiki

Criando uma capa no Editor Avançado

Para criar uma montagem de capa de revista com sua foto, não é necessário ser um usuário cadastrado no site.

Requisitos: Seu browser(navegador) precisa ter suporte a javascript, e a foto a ser usada deve estar no formato jpg .

A grande maioria dos navegadores recentes já possui suporte a javascript por padrão, a não ser que tenham suas configurações alteradas. O site foi testado no Internet Explorer 6 e 7, Firefox 2 e 3, e google Chrome, e utiliza a biblioteca ExtJS que é compatível com todos os navegadores atuais, inclusive Safari e Opera.


Tabela de conteúdo

Passo 1

Acesse: http://www.semfrescura.net/capas

Utilize o formulário na caixa amarela para enviar a sua foto. É necessário que a foto esteja no formato jpg .


Passo 2

Aguarde o carregamento da foto. Você será redirecionado para o primeiro passo, que consiste em cortar a foto para o formato da capa de revista. No quadro amarelo da esquerda, a sua foto será carregada em tamanho menor para pre-visualização. Aguarde o carregamento da ferramenta de CROP. Uma área retangular selecionada aparecerá sobre a foto, você pode aumentar esta área utilizando o mouse. Basta clicar e puxar nos cantos da seleção para aumentar o retângulo selecionado. Você também pode mover o retângulo sobre a foto. A área clara da foto, sob o retângulo, é a parte que será usada para criação da CAPA.


Passo 3

Aguarde o carregamento da foto. Do lado esquerdo, você verá uma lista com todas as categorias de capas de revista disponíveis. Basta clicar para que a categoria se expanda e seja exibida uma lista com todas as capas daquela categoria. Ao clicar sobre uma capa de revista, ela será carregada sobre a sua foto, no centro da página. Com o mouse você pode clicar na sua foto e movê-la por baixo da capa de revista, para posicioná-la onde desejar. Se quiser aumentar ou diminuir o tamanho da sua foto, utilize o controle slice do lado esquerdo da página, logo acima. Movendo para a direita a capa será aumentada, e para a esquerda, será diminuída.

Você pode mudar a cor de fundo da capa no lado esquerdo, logo abaixo do controle para aumentar/diminuir a foto, e acima da listagem de capas de revista. Basta clicar na cor desejada, e ela será pintada no fundo da capa.

Para adicionar um texto, utilize os controles da direita. Escolha a cor do texto, a fonte, escreva o texto e clique no botão "Adicionar Texto". Aguarde alguns segundos para que o texto seja carregado, ele aparecerá por sobre a capa de revista, no canto superior esquerdo. Depois que o texto for carregado, você pode clicar sobre ele e arrastá-lo sobre a capa, posicionando onde achar melhor. Caso deseje alterar o texto, faça suas alterações nos controles do texto na barra direita e depois clique novamente em "Adicionar Texto", e ele será atualizado.

Quando terminar todas as modificações e a capa estiver do jeito que você quer, clique no botão do lado direito "GERAR CAPA". A montagem só será gerada quando você clicar nesse botão. Você será redirecionado para a página de resultado.


Resultado/Salvar

Após clicar no botão "GERAR CAPA" do Passo 3, você será redirecionado para a página que exibe o resultado. Você pode salvar a montagem no seu computador, clicando com o botão direito do mouse sobre a imagem, e depois clicando com o botão esquerdo na opção "Salvar imagem como.." . Aparecerá uma janela para você escolher aonde quer salvar a imagem no seu computador.

Se você tem um cadastro no SemFrescura, poderá também salvar a montagem no site, na sua galeria de capas de revista. Para isso, utilize o formulário do lado direito, informando seu login ou email e senha, e clicando no botão de SALVAR. A operação pode demorar alguns segundos para ser completada. Quando a imagem for salva, aparecerá uma mensagem informando, e exibindo o código que você pode copiar e colar em qualquer site que aceite HTML, inclusive nos scraps do ORKUT.

Ferramentas pessoais