Topo para a loja virtual Brasmarket com imagens

Tamanho: px

Começar a partir da página:

Download "Topo para a loja virtual Brasmarket com imagens"

Lucas Gabriel Salvado Galindo
8 Há anos
Visualizações:

1 Topo para a loja virtual Brasmarket com imagens Este tutorial é para orienta-lo na criação do topo da sua loja virtual Brasmarket usando o programa Paintnet que é gratuito e simples de usar Primeiro faça o download do programa clique aqui para acessar a página do programa Salve no seu computador e em seguida instale! Vamos lá! Mãos a obra! Ao iniciar o programa temos a tela inicial, veja que ele já abre com um tela em branco do tamanho padrão do programa. Você deve estar pensando mais esta muito grande... sim esta e vamos mudar isso em breve Ilustração 1: Tela inicial Olhe para a parte superior do programa e verá alguns ícones que iremos usar a partir de agora! O primeiro é o de criação de novo arquivo, clique nele!

Ao iniciar o programa temos a tela inicial, veja que ele já abre com um tela em branco do tamanho padrão do programa. Você deve estar pensando mais esta muito grande.

2 Após clicar nesse ícone teremos a janela de configuração do tamanho do arquivo que esta sendo criado. Aqui vamos configurar o tamanho do topo da loja que é de 950x145pixels. Digite esses valores nas caixas de texto, ou use as setinhas para fazer isso ( demora mais usando as setinhas) Deixe todas as outras configurações como estão ( são padrão do programa) Se o seu estiver diferente, modifique para que fique igual ao da figura ao lado! Clique em OK Veja o arquivo do topo como se apresenta agora!

Digite esses valores nas caixas de texto, ou use as setinhas para fazer isso ( demora mais usando as setinhas) Deixe todas

3 Conhecendo o programa Veja nas laterais as varias paletas de ferramentas do programa, como o color pick, a paleta de layers, e a paleta do lado direito com as ferramentas mais usadas do programa. Iremos usar algumas delas na criação do topo da nossa loja Nota: É bom você se familiarizar com o uso desse programa, assim vai poder mudar quantas vezes quiser o topo da sua loja de acordo com suas necessidades. Barra de ícones Ilustração 2: ícones do programa Aqui temos os ícones de Abrir Novo, Copiar, Colar e mais alguns outros, a seta curva azul é para quando você errar e precisar voltar, o X com um retângulo pontilhado ao ser clicado tira a borda de seleção da camada

Iremos usar algumas delas na criação do topo da nossa loja Nota: É bom você se familiarizar com o uso desse programa, assim vai poder mudar quantas vezes quiser o topo

4 Aqui esta uma das ferramentas desse programa que mais gostei, ele vai listando os arquivos abertos do lado esquerdo da janela do programa. Isso facilita muito pra gente saber o que esta aberto e acessar rapidinho!, Basta clicar que ele já abre a janela do arquivo No exemplo podemos ver o nosso topo e mais um arquivo que abri para você ver como fica com mais de um arquivo aberto Paleta Camadas As camadas também são simples e basta clicar em cima do ícone com um sinal de mais e uma nova camada será criada no nosso arquivo. Nota: A vantagem de trabalhar com camadas é que você pode excluir/esconder ou mudar a posição dos elementos que estiver usando para compor o arquivo.

, Basta clicar que ele já abre a janela do arquivo No exemplo podemos ver o nosso topo e mais um arquivo que abri para você ver como fica com mais de um arquivo aberto

5 Voltando ao nosso projeto! Agora que você já esta mais familiarizado com o programa, clique no ícone abrir novo Escolha o arquivo o arquivo que você pretende usar como fundo do topo. Nota: Não se preocupe se for maior que o topo, iremos recortar ele em seguida! Se você pretende usar um arquivo menor ( veja o tutorial básico sobre topos) Seu arquivo de imagem agora deve estar aberto na tela do programa. Clique no ícone de Copiar Em seguida ative a janela do topo. Basta clicar nela que ela aparece! Agora cole o arquivo que copiou no nosso topo, clique no ícone Colar

fundo do topo. Nota: Não se preocupe se for maior que o topo, iremos recortar ele em seguida!

6 Ao clicar em colar, como a nossa imagem é bem maior do que o topo o programa vai ter perguntar se deseja Expandir a tela. Escolha a segunda opção com a tarja amarela, basta clicar nela, com isso teremos a opção de redimensionar para o tamanho que desejamos e encaixar no local desejado Agora temos o nosso arquivo de imagem aberto com a borda de seleção ativa, clique e segure o cursor pressionado, arraste para ver como a imagem se movimenta. Clicando nos cantinhos da imagem o cursor se torna uma mãozinha se arrastar verá seu arquivo diminuir ou aumentar de tamanho!

encaixar no local desejado Agora temos o nosso arquivo de imagem aberto com a borda de seleção ativa, clique e segure o cursor pressionado,

7 Arrume a sua imagem do jeito que você mais gostar e em seguida clique em Nova camada Veja nossa nova camada criada e ativa, a camada ativa sempre vai estar com uma cor cinza, para ativar qualquer camada basta clicar nela que será ativada! Note o ticket verde ativo também, o que demostra que a camada esta visível, se clicar na caixa e tirar-lo a camada vai ficar invisível. NOTA: O quadriculado que esta vendo é como o computador lhe mostra a transparência de imagens Inserindo o nome da loja Comece criando uma Nova camada e seguida vamos ativar a ferramenta de texto Ao clicar na ferramenta de texto o cursor vai se transformar numa barra branca indicando que esta pronto para que você comece a digitar o texto Digite o nome da sua loja Seu arquivo deve estar assim agora com o texto no tamanho padrão! Note o quadradinho, ele serve para movimentar o texto no arquivo, basta clicar e arrastar.

NOTA: O quadriculado que esta vendo é como o computador lhe mostra a transparência de imagens Inserindo o nome da loja Comece criando uma Nova camada e seguida vamos ativar a ferramenta de texto Ao

8 Formatando o texto Ainda com a ferramenta de texto ativa, veja na barra de ferramentas superior que agora temos outros ícones ativos, esses novos ícones pertencem a ferramenta de texto que estamos usando. Use as setas nas caixas de opções: Escolha a fonte, em seguida o tamanho da fonte e em seguida a opção suave. Voilá!!! Veja nosso texto agora! Arrume- no local desejado clicando no quadradinho com uma cruz e arrastando até ficar na posição que você preferir Para mudar a cor do texto basta clicar no circulo de cor do color picker até encontrar a cor desejada para o nome da loja. Outras cores:

Use as setas nas caixas de opções: Escolha a fonte, em seguida o tamanho da fonte e em seguida a opção suave. Voilá!!! Veja nosso texto agora!

9 Tutorial criado para os clientes e usúarios do sistema de lojas virtuais ecartgt/brasmarket Caprichar no topo da sua loja com certeza vai aumentar as suas chances de venda! Uma loja sem um visual bonito espanta seu cliente! Pense nisso! Acesse crie sua loja com o sistema ecartgt- Comércio Eletrônico NOTA:Este tutorial não pode ser redistribuindo sem a permissão do autor. Se adquiriu ou comprou este arquivo em outro web site que não DENUNCIE IMEDIATAMENTE EM NOSSO ENDEREÇO WEB OU POR tonbonuske@gmail.com

Acesse crie sua loja com o sistema ecartgt- Comércio Eletrônico http://www.ecartgt.com.br NOTA:Este tutorial não pode ser redistribuindo sem a permissão do autor.

Documentos relacionados

SUMÁRIO TUTORIAL DO HQ. 2 DICAS PEDAGÓGICAS:. 2 DOWNLOAD DA INSTALAÇÃO. 2 PASSO 1 FORMULÁRIO PARA DOWNLOAD. 2 PASSO 2 ESCOLHENDO A VERSÃO.

SUMÁRIO TUTORIAL DO HQ. 2 DICAS PEDAGÓGICAS:. 2 DOWNLOAD DA INSTALAÇÃO. 2 PASSO 1 FORMULÁRIO PARA DOWNLOAD. 2 PASSO 2 ESCOLHENDO A VERSÃO. SUMÁRIO TUTORIAL DO HQ... 2 DICAS PEDAGÓGICAS:... 2 DOWNLOAD DA INSTALAÇÃO... 2 PASSO 1 FORMULÁRIO PARA DOWNLOAD... 2 PASSO 2 ESCOLHENDO A VERSÃO... 3 PASSO 3 INSTRUÇÕES DE INSTALAÇÃO... 4 CRIANDO NOVAS