quarta-feira, 29 de abril de 2009

segunda-feira, 9 de março de 2009

Modelo de Contrato para Desenvolvimento de site

Modelo de Contrato de Desenvolvimento de site:
http://www.megaupload.com/?d=KOTIUSOZ

Modelo de Contrato de Hospedagem:
http://www.megaupload.com/?d=XNEE6BRY

Perguntas para desenvolver um site

Segue abaixo uma lista de perguntas que devem ser feitas antes de iniciar o desenvolvimento do site. O nome deste tipo de formulário é Briefing:

1. Dados da empresa (nome, endereço, etc)

2. Segmento e tempo de mercado

3. Possui filiais / franquias?

4. Público alvo

5. Produtos e/ou serviços oferecidos

6. Vantagens sobre os concorrentes

7. Objetivos a serem alcançados com o site

8. URL desejada: www.

9. Conteúdo

10. Referências de sites (outras empresas)

11. Objeções contra o projeto (cores, estilo, etc):

12. Observações

sexta-feira, 27 de fevereiro de 2009

quarta-feira, 25 de fevereiro de 2009

Botão Animado - Flash

Tutorial sobre animação de botões. Vamos criar um simples botão e depois anima-lo, de maneira a que consigamos dar a entender que não só os gráficos se pode animar no Flash.

Primeiro Passo: Criar o botão

1. Criem um gráfico ou escrevam algum texto que gostariam que aparece-se no botão;

2. Seleccionem a vossa criação e carreguem em F8. Após terem feito isto, voltem a seleccionar a opção de button, e cliquem em OK (Figura 1).




Segundo Passo: Aplicar as acções ao botão


1. Seleccionem o botão;

2. Abram o painel de Actions;

3. Apliquem o seguinte código ao botão em Expert Mode:

on (rollover) {
stop ( );
}

on (rollout) {
play ( );
}

on (release) {
getURL {“http://www.dotcomtecnologia.com.br”, “_blank”);
}

O que estamos a definir neste código, é para parar, quando o rato está por cima do botão. Quando o rato, sai de cima do botão, definimos que o botão deve continuar em andamento (neste caso). E como prometemos ao utilizador que daremos um prémio, caso ele consiga apanhar o rato, nós incluímos um prémio especial: Um link de primeira classe para o nosso Site!

Terceiro Passo: Criar a animação do botão


1. Colocar o mouse, na frame 1, e criar uma keyframe (caso esta ainda não exista);

2. Vamos criar 41 frames, clicando na frame 41 da layer do rato e de seguida arrastando-a para layer debaixo. Para a layer BG. Desta forma seleccionamos o mesmo número de frames para ambas as layers;

3. Vamos criar as frames, pressionando a tecla F5;

4. Na layer do rato, posicionem o rato na frame 20. Pressionem a tecla F6, para criar uma Keyframe;

5. Clicando na frame 20 da layer do rato, arrastem-na 1 frame para direita;

6. Criem uma nova KeyFrame na frame 21;

7. Vamos mudar neste caso a orientação do rato. Para tal vamos fazer um Flip Horizontal. Assim sendo, clicamos no menu Modify > Transform > Flip Horizontal;

8. Na frame 41 vamos criar mais uma KeyFrame;

9. Com o rato a clicar na frame 41, arrastem-no para o vosso lado esquerdo totalmente;

10. Com este projecto já quase todo pronto, falta-nos criar o primeiro Motion Tween. Entre a frame 1 e 20, cliquem com o botão direito do rato, e escolham a opção de Create Motion Tween.

11. De igual modo, criem outro Create Motion Tween, mas desta vez entre as frames 21 e 41 (Figura 2).



Quarto Passo: Testar o Filme

Agora só nos resta testar o filme que criamos.

quarta-feira, 11 de fevereiro de 2009

Efeito de Reflexo para Fotos

Descrição: Como criar um efeito espelhado que simula o reflexo de uma paisagem na água usando alguns filtros e cópias de layer.



01. Pressione Ctrl+O e abra uma imagem qualquer, caso queira usar a mesma imagem do tutorial clique com o botão direito do mouse sobre a foto e escolha a opção Save Link As.



02. Agora vá em Image> Canvas Size e defina o dobro do valor da altura como na foto abaixo e pressione Ok.



03. Pressione Ctrl+J duas vezes para criar duas cópias da layer como na foto abaixo, vá em Edit> Transform> Flip Vertical.



04. Pressione a letra V do teclado para selecionar a Move Tool, clique e arraste a imagem copiada para parte de baixo do documento como na foto abaixo.



05. Agora vá em Image> Adjustments> Hue/Saturation e defina os valores abaixo.



06. Sua imagem deverá ficar como a da foto abaixo.



07. Pressione Ctrl+J para duplicar a layer, vá em Filter> Artistic> Plastic Wrap e defina os valores abaixo.



08. Sua imagem deverá ficar como na foto abaixo.



09. Agora pressione a letra E do teclado para selecionar a Eraser Tool e passe na borda que junta as duas imagens, escolha um brush de pontas suaves e tamanho médio.



10. Ao final sua imagem deverá ficar como na foto abaixo.

sexta-feira, 6 de fevereiro de 2009

Trocando a cor de um olho

Descrição: Neste tutorial vamos ver uma maneira simples mas muito eficaz de alterar a cor de um olho usando o Photoshop e uma boa imagem.

01. Pressione Ctrl+O e abra uma imagem de olho no Photoshop. Para um melhor resultado use uma foto de tamanho grande, e de um olho de cor clara, os olhos escuros são bem mais difíceis de serem manipulados...

02. Selecione a Elliptical Marquee Tool (letra M do teclado), faça uma seleção ao redor do olho. Não é preciso fazer uma seleção perfeita, apenas desenhe um círculo ao redor da área.




03. Ainda com a área selecionada, clique no botão de Quick Mask para entrar no modo de máscara rápida (o modo está diponível no rodapé da paleta de ferramentas). Ao redor da seleção você verá uma cor vermelha levemente transparente. Esta é sua máscara.

Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush na cor preta de bordas duras com 100% de opacidade para colorir a área ao redor da íris. Nesta etapa é bom dar um zoom para que o trabalho seja minucioso. Assim que você terminar deverá ter um resultado parecido com a próxima foto.





04. Clique no botão de Standard Mode para retornar `a imagem original. Você verá que agora possui uma seleção precisa da íris. Caso não tenha é só clicar novamente no Quick Mask Mode e editar mais um pouco.



05. Ainda com a seleção ativa, crie uma nova layer acima da layer original (Layer> New Layer ou pressione Ctrl+Shift+N) e clique na nova layer para selecioná-la. Escolha uma cor para o olho, e clique em Edit> Fill para preencher a seleção na nova layer com a cor escolhida. Feito isso muda o modo de blend da layer para Hue... ou tente outros modos como o Multiply ou Color por exemplo. Pressione Ctrl+D para retirar a seleção.

Seguindo estes passos você deve ter conseguido mudar a cor de um olho, mas pode ser que na primeira vez o resultado não seja perfeito, faça mais vezes até entender todo o processo, só com a prática podemos melhorar ;)





Algumas variações

Este efeito é bem fácil de ser criado. Ainda com a seleção ativa, seguiremos a partir do passo 05, considere este o passo 06. crie um novo layer acima da imagem original e dê Edit> Fill deixe na cor branca. Aplique Filter> Blur> Gaussian Blur, colocando no valor por volta de 5 pixels. Pressione Ok, mude o modo de blend da layer para Overlay. Você talvez tenha que diminuir a opacidade para chegar neste efeito, assim como usar a Eraser Tool (letra B do teclado) para dimuir algum excesso de coloração.

Agora volte a sua layer original(a que contém a imagem com o olho), Select> Inverse para inverter sua seleção, entre em Image> Adjustments> Hue Saturation, diminua a saturação para 50%. Seguindo estes passos você irá conseguir uma imagem que se aproximará da próxima imagem.



Outro efeito legal, dessa vez deixe apenas a layer com o olho e a seleção ativa, não precisaremos das outras layers. Com a Brush Tool (letra B do teclado) de ponta dura na cor preta pinte o interior da íris dentro da seleção, mas muito cuidado para a área reflexiva da íris, ela deve ficar intacta. Antes disso selecione Image> Adjustments> Desaturate.

Fazendo isso você irá remover toda a cor da íris e do reflexo existente nela, depois disso é só pintar de preto usando a Brush Tool (letra B do teclado) e se necessário o Eraser Tool (letra E do teclado).



quarta-feira, 4 de fevereiro de 2009

Montagem no Photoshop com diversas figuras

01. Pressione Ctrl+O e abra uma imagem qualquer, para este tutorial usaremos a foto abaixo, caso queira utilizar a mesma imagem clique com o botão direito do mouse sobre a foto e escolha a opção Save Link As.



2



02. Com a imagem aberta pressione Ctrl+J para duplicar a layer, pressione Ctrl+U para abrir a caixa de Hue/Saturation, defina os valores abaixo e pressione Ok.



2



03. Pressione Ctrl+O e abra uma imagem que tenha a lua, no caso deste tutorial usaremos a foto abaixo, caso queira usar a mesma imagem clique com o botão direito do mouse sobre a foto e escolha a opção Save Link As.



2



04. Agora pressione a letra M do teclado para selecionar a Elliptical Marquee Tool e crie uma seleção circular ao redor da lua, caso sua seleção não fique perfeita vá em Select> Transform Selection e ajuste sua seleção para que fique ao redor da lua como na foto abaixo, pressione Ok, pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar.



2



05. Caso seja necessário pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique e arraste um dos pontos diagonais da caixa de Free Transform para redimensionar a lua, pressione Enter quando encontrar o tamanho ideal para sua composição, agora clique na miniatura da layer da lua com a tecla Ctrl pressionada para ativar a seleção ao redor da lua, vá em Select> Modify> Contract, defina uma valor entre 2 ou 3 pixels, pressione Ok, pressione Ctrl+Shift+I para inverter a seleção, pressione Delete para retirar as bordas da lua, pressione Ctrl+D para desabilitar a seleção.



2



06. Agora clique com a tecla Ctrl pressionada sobre a miniatura da layer para ativar a seleção ao redor da lua, vá em Select> Modify> Border e defina o valor de 3 pixels, pressione Ok, vá em Filter> Blur> Gaussian Blur, defina o valor de 1 pixel para o Radius e pressione Ok, pressione Ctrl+D para desabilitar a seleção, vá em Layer> Layer Style> Outer Glow e depois em Layer> Layer Style> Inner Glow e defina os valores abaixo.



2



07. Sua imagem deverá ficar como a da foto abaixo.



2



08. Agora pressione Ctrl+O e abra uma imagem com um pássaro, no caso deste tutorial usaremos a imagem abaixo, caso queira usar a mesma foto clique com o botão direito do mouse sobre a foto e escolha a opção Save Link As.



2



09. Com a imagem aberta pressione a letra W do teclado para selecionar a Magic Wand Tool, na barra de opções da ferramenta no alto da tela defina o valor de 50 pixels para Tolerance, clique na parte branca da imagem para ativar a seleção, pressione Ctrl+Shift+I para inverter a seleção, agora temos apenas o pássaro selecionado, pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar.



2



10. Pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique em um dos pontos diagonais da caixa para redimensionar o pássaro, quando encontrar o tamanho adequado para sua composição pressione Enter, para retirar as bordas brancas (caso haja) clique na miniatura da layer do pássaro com a tecla Ctrl pressionada para ativar a seleção, vá em Select> Modify> Contract e defina 2 pixels, pressione Ok, pressione Ctrl+Shift+I para inverter a seleção e pressione Delete, pressione Ctrl+D para desabilitar a seleção.



2



11. Pressione a letra L do teclado para selecionar a Lasso Tool, crie uma seleção sobre uma das asas do pássaro como na foto abaixo.



2



12. Pressione Ctrl+J para duplicar a área selecionada, pressione Ctrl+J novamente, vá em Layer> Hide Layers para desabilitar a visibilidade da layer, clique na copia da layer que está visível e vá em Filter> Blur> Motion Blur e defina os valores abaixo.



2



13. Deixe a layer onde aplicamos o filtro de Motion Blur no modo de blend Hard Light e abaixo da layer do pássaro, clique na cópia da layer em que retiramos a visibilidade e vá em Layer> Show Layers para ativar a visibilidade da layer, pressione Ctrl+F para aplicar o Motion Blur nesta layer também e defina os valores abaixo.



2



14. Vá em Layer> Layer Mask> Reveal All para adicionar uma máscara na layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho médio e pontas suaves, passe nas partes onde você não deseja o efeito como o bico e pés do pássaro, mude o modo de blend da layer para Lighten, repita o processo para a outra asa, selecione uma parte da asa com a Lasso Tool, pressione Ctrl+J para duplicar a parte selecionada, pressione Ctrl+T para abrir a caixa de Free Transform e rotacione levemente a asa copiada.



2



15. Pressione Ctrl+J novamente, pressione Ctrl+T para abrir a caixa de Free Transform e rotacione a layer nos entido oposto ao da primeira cópia, clique na layer da primeira cópia da asa e vá em Filter> Blur> Motion Blur e defina um valor de 80° para Angle e 85 para Distance, pressione Ok, mude o modo de blend da layer para Hard Light, agora clique na segunda cópia da asa e vá em Filter> Blur> Motion Blur, defina o valor de 20° para Angle e 35 pixels para Distance, mude o modo de blend da layer para Lighten, caso seja necessário retirar algumas partes da asa aplique uma layer mask.



2



16. Faça o mesmo processo para a cauda do pássaro, agora clique na layer do original do pássaro e vá em Image> Adjustments> Exposure, defina os valores abaixo e pressione Ok.



2



17. Ao final sua imagem estará como a da foto abaixo.



2



18. (Opcional) Caso queira pressione a letra T do teclado para selecionar a Horizontal Type Tool e adicione um texto em sua composição.



2

sexta-feira, 30 de janeiro de 2009

Tentáculos

Este é um tutorial da Antiga TutoriaisMania, um site que tinha tutoriais de diversos tipos de softwares.

1- Começe com uma imagem nova com um fundo branco, faça-o 800x800. Os tentaculos deste tutorial serão mostrados de formas meio plástico, mas você pode criar qualquer tipo que você quiser... variando no cromo, nas cores brilhantes, entre outras váriasões. Começe selecionando a ferramenta de Lasso do polygon do toolbar e, faça um triângulo apontando para baixo. Uma vez que você tem seu triângulo, preencha a seleção com a cor de sua escolha - no exemplo estou usando #8FCFFF. Deselect (CTRL+D).

1



2. Agora vá em Filter-> Distort-> Shear. Agora você precisa ir clicando aos longos para fazer seus "squiggle" como mostra no exemplo abaixo. Fique de olho na janela que mostra o preview dos resultados, assim quando obtiver o resultado preciso, clique em Ok.

1


3. Agora iremos usar a ferramenta Free Transform (CTRL+T) para rotacionar e mecher no tamanho de nosso tentaculo, depois pressione enter para aplicar as modificações. Ainda temos um tentaculo liso e maçante. Selecione a ferramenta pincel, e escolha o ícone airbrush na barra de opções. Selecione a forma do tentaculo (pressione CTRL e clique na layer), agora crie uma nova layer sobre a do tentaculo. Ajuste o airbrush em um tamanho mais ou menos entre 200-300px com opacidade em 100%, e pinte em volta do tentaculo (nas bordas) para dar um efeito de chanfro ao redor Você poder diminuir a opacidade das layer para ficar como você gosta. Consulte o exemplo abaixo caso necessitar.

1

4. Agora apenas se você estiver usando o airbrush para pintar as luzes e sombras. Pressione CTRL e clique na layer do tentaculo para selecioná-la, e faz uma camada nova (você irá fazer cada uma das seguintes partes em sua própria camada separada). Em seguida, escolha uma cor do aqua de seu palette da cor, e comece a adicionar destaques ao tentacle. Porque você termina cada camada de destaques, você deve borrar as peças que possui com os airbrushed vá em Filter-> Blur-> Gaussian Blur.



1

5. Agora você irá escurer um bocado acima das bordas. Pressione CTRL e clique sobre a camada original onde tem a forma do tentaculo. (layer1). Agora ajuste uma máscara azul mais escura com a cor que você utilizou no primeiro plano, vá em Edit-> Stroke - e ajuste suas propriedades mais ou menos para 2 ou oque você achar que fique melhor. Você poderá adicionar uma sombra fraca de gotas (no exemplo, a sombra de gotas é uma máscara azul escura fraca... se seu tentaculo for uma cor diferente, você poderá usar uma máscara mais escura da cor que você usou). Agora faça diversos tentaculos em uma única camada, e deixe-as todas agrupadas. Gire, transforme cada uma delas em maneiras originais.

1



6. Aqui vai outro exemplo doque podemos fazer com as ténicas ensinadas neste tutorial. Não se esqueça que você também pode fazer outros tipos de tentaculos, como contínuos, brilhantes, métalicos, ásperos... etc... Agora é só usar a criatividade e se divertir =)

11

quarta-feira, 28 de janeiro de 2009

Exercício adicional de CorelDraw

Exercícios adicionais de Corel para treinarem um pouco mais. Quem foi mal na prova, favor fazer e enviar para rodney@dotcomtecnologia.com.br.

Aplicar Tatuagem - Photoshop

Nesse artigo vamos conhecer como "aplicar" uma tatuagem numa determinada pessoa.


01. Abra a foto desejada para aplicar a tatuagem, assim como a foto da tatuagem.





02. Após ter aberto todas as imagens, vamos dar inicio à aplicação. Selecione a tatuagem inteira (CTRL+A), Copie (Ctrl+C) a tatuagem e cole (Ctrl+V) em cima da foto onde vai ser aplicada a tatuagem.



03. Escolha a posição da tattoo e altere o blend para "multiply". Se precisar, use a borracha para fazer alguns ajustes. Você também pode alterar a opacidade também para deixar do modo que você deseja.



Resultado Final



Alguns outros exemplos.