Criando a Imagem do Layout

Criando a Imagem do Layout Vamos usar para criar a imagem do layout  o programa PAINT SHOP PRO (programa que usamos nas aulinhas de gifs ). Abra no PAINT SHOP PRO a imagem que você salvou do modelo que você escolheu de template. e agora abra a imagem que você quer seja o fundo de seu template você pode usar wallpapers ou criar sua imagem conforme já aprendemos nas aulinhas de gifs Vou usar a imagem dessa rosa que gosto muito para ser o fundo do meu template. (O ideal é um imagem  800x600 para que fique com uma  boa resolução de imagem ) e agora com as duas imagens aberta no PSP clique  em magic  wand para selecionar esta ferramenta depois do magic wand selecionado clique  na parte preta da imagem do template que você escolheu. Note que todo o preto ficou pontilhado em volta Agora clique no ícone  ARROW  para tirar a seleção do magic wand ( OBS: Toda vez que você selecionar algum item para tirar a seleção clique na setinha  ( arrow) conforme foto acima.) E agora vá na imagem que você escolheu,   (no meu caso vou na imagem da rosa que escolhi) clique com o lado direito do mouse em cima da rosa e clique no item  copy para copiar a imagem . Feito isso voltamos na imagem de fundo preto (de um clique em cima dela para selecionar ) e note que ela continua com o pontilhado selecionado somente no fundo preto. agora vamos inserir a imagem da rosa nesse fundo preto, clique com o lado direito em cima do preto e selecione a opção PASTE INTO SELECTION Note que todo o fundo preto passou a ter a imagem da rosa que escolhi . Agora que já fizemos nosso fundo do template  vou colocar na parte branca a parte de perfil e do post com uma cor que eu ache que combine  com a imagem da rosa . Agora vamos em SELECTIONS >>>e clicamos em INVERT Agora o pontilhado passou somente  para a imagem branca de perfil e post   e é onde vamos mudar a cor para combinar com a imagem da rosa  . agora vamos FLOOD FILL (baldinho) e selecionamos ele E depois vamos no FOREGROUND COLOR e clicamos em cima do quadradinho que esta com a cor para podermos escolher a cor, que queremos na parte de perfil  e post ,  vai abrir uma janelinha com as opções de cores com esta janelinha aberta vamos em cima da cor que achamos que vai ficar legal na parte de perfil e post . Como quero combinar as cores vou usar a cor da rosa ,  então vou com o mouse em cima da cor que tem a minha rosa e clico para que o FOREGROUND  selecione a cor mais parecida , perceba na imagem abaixo que a cor que antes era preta mudou assim que cliquei com o mouse em cima da cor da rosa . agora é  só clicar em ok . Vamos com o mouse e clicamos na parte branca seleciona e note que a cor do perfil e post que antes era branca ficou rosinha. agora vamos na setinha (ARROW) para cancelar a seleção do baldinho E agora quero dar  um contorno de outra cor nas bordas de perfil e post ,   então vou em effects ,  plug-ins  EYE CANDY 4000 que também já baixamos  anteriormente nas aulinhas de gifs. EFFECTS>>>PLUG-INS>>>EYE CANDY 4000>>>GREDIENT GLOW e lá vamos escolher como queremos a bordinha . Vá  fazendo testes com a borda até achar uma que você achou que ficou bonitinha. A minha  escolhi meia verdinha pra combinar com a minha rosa . E agora que já escolhi minha borda, vou passar pra segunda etapa. Atenção: Para fazer a bordinha você pode usar o que você quiser de  tubes a gifs ... basta usar o que já aprendemos nas aulinhas de gifs o meu layout com bordinha ficou assim Antes de escrever o que você  quiser no template retire a selação do MAGIC WAND  indo em SELETCTION>>>SELECT NONE e agora  antes de escrever o nome do blog  e escrever na parte do perfil e do post vamos fazer a segunda parte de nosso template, que é parte do background, pois essa primeira parte que acabamos de fazer é a parte fixa e temos que criar o seguimento de nosso template . Vá  no ícone SELECTION e clique nele  com o lado direito do mouse vai abrir uma janelinha como a imagem abaixo clique  em  TOOL OPTIONS   e vai abrir a janelinha igual a imagem abaixo , desmarque o X de ANTIALIAS se tiver marcado e depois feche essa janelinha . e agora vamos na imagem  e  com o item SELECTION   selecionado maximize a imagem para ficarmos com espaço, (não aumente a imagem apenas maximize) para termos espaço de copiar direitinho nosso BACKGROUND a imagem tem que ficar conforme figura abaixo pra podermos copiar ela bem direitinho.  e agora  vamos selecionar  uma pedaço da parte de baixo de nossa imagem para criarmos o nosso back , assim como na foto abaixo. agora vamos na setinha (ARROW) para cancelar a seleção de  SELECTIONS       note que continuou os pontinhos selecionados e agora com essa  parte selecionada  clique com o lado direito do  mouse e clique em  COPY  vamos agora  restaurar o tamanho da imagem  clicando   em restaurar conforme figura abaixo. e agora é só aperta com o lado direito de mouse numa parte vazia e clicar em PAST AS NEW IMAGEM  e pronto já temos nosso back prontinho. Atenção: Quanto mais fininha fizermos a parte de back mais bonita fica quando juntamos com a parte de imagem. Só devemos cortar mais grossa se a parte das colunas tiver algum desenho ou imagem que precise casar. E agora com nosso  BACKGROUND pronto vamos salvar essa imagem dando o nome de BACK2 , salve  em formato JPG. e agora vamos voltar a parte de cima de nosso template , pois pra finalizar,  só falta escrever o nome do blog,  post e etc... Selecione o ícone de texto E escolha na janelinha , tipo de fonte , tamanho de letra , cor de letra , e escreva o que quiser o meu vou colocar o  meu nome  , o nome que quero na parte de post e de perfil e vou usar também o mesmo efeito que usei nas bordas para enfeitar o que escrevi. Escrevo meu nome do tamanho que quero e na cor que quero e depois arrasto onde eu quero que ele fique . Você também pode arrastar usando o  DEFORMATION Nesse item você arrasta,  aumenta , gira e faz o que quiser não só no que você  escreveu como em  imagens também. Pronto... agora que escrevi  tudo que eu queria e dei o mesmo efeito que dei nas bordas  das letras é só salvar o template. Como nosso modelinho é simples você pode salvar em arquivo JPG. o meu ficou assim : E agora é só passar para o  tutorial da parte de html para aprender a colocar seu template na rede  e aprender como trocar a cor de texto e etc... dentro do seu html . Atenção: Você pode criar o layout do seu template  usando tudo que aprendemos nas aulinhas de gifs. Pode colocar brilhos usar plug-ins, misturar gifs e etc... Fica a seu critério a imagem que você quer criar para o seu layout. Tutorial elaborado por Cristiny Alves Proibida cópia total ou parcial Todos os direitos reservado Parte integrante do site  http://www.cristinyonline.com.br