Vamos para um DESAFIO!!!

Nesta aula eu vou ficar "de boa"... é hora de voce recriar um logo, utilizando as ferramentas que aprendemos ate o momento.

VAMU LA!!! VALENDO!!!!

Solicite um novo documento com as seguintes caracteristicas:

Largura: 300 px
Altura: 190 px
Resolucao: 600 px/inch
Cor do CANVAS: White

Agora... crie a imagem abaixo:

__________________________________________________________________________________
DICAS>>>>>>>>
Voce pode utilizar os estilos disponiveis em seu FIREWORKS para aplicar os efeitos visuais desta imagem. 

Foram utilizadas APARAGENS e INTERSECOES para criar os objetos deste logo.

_________________________________________________________________________________

FUIOS!

FIREWORKS – Combinando Objetos - INTERSEÇÃO.

Nesta aula vamos aprender a combinar objetos para gerar novas formas, utilizando recursos de SOLDA, APARAGEM e INTERSECAO.

VAMU LA!!! VALENDO!!!!

Solicite um novo documento com as seguintes caracteristicas:

Largura: 400 px
Altura: 400 px
Resolucao: 72 px/inch
Cor do CANVAS: White

Insira uma eplipse com as seguintes características:

W=150

H= 390

X= 50

Y= 5

Utilize a cor de preenchimento Transparente e a cor da linha de contorno Preto.

Veja o exemplo:

Duplique a elipse e aplique as seguintes características:

W=150

H= 390

X= 120

Y= 5

Utilize a cor de preenchimento Transparente e a cor da linha de contorno Preto.

Veja como ficou:

Agora vamos utilizar o recurso de INTERSEÇÃO para gerar um novo objeto a partir destes. (NOTA: Perderemos os 02 e ficaremos apenas com 01. Se você deseja salvar 01 ou os 02, você deve copiá-los e colá-los em outro arquivo.)

Selecione os 02 objetos.

Com os 02 objetos selecionados, clique no MENU MODIFY (MODIFICAR), aponte para opcao COMBINE PATHS (COMBINAR OBJETOS) e em seguida clique em INTERSECT (INTERSEÇÃO). Veja o resultado:

 

Para tornar nosso objeto mais atraente, aplique um ESTILO ao objeto, conforme visto em capítulos anteriores. Veja o exemplo:

__________________________________________________________________________________
DICAS>>>>>>>>
Existem outras opções de combinação de objetos e você deve explorar cada uma nos menus que aprendemos hoje.

Estas ações não aplicam-se a fotos.

_________________________________________________________________________________

FUIOS!

FIREWORKS – Combinando Objetos - APARAGEM.

Nesta aula vamos aprender a combinar objetos para gerar novas formas, utilizando recursos de SOLDA, APARAGEM e INTERSECAO.

VAMU LA!!! VALENDO!!!!

Solicite um novo documento com as seguintes caracteristicas:

Largura: 400 px
Altura: 400 px
Resolucao: 72 px/inch
Cor do CANVAS: White

Insira um circulo com as seguintes características:

W=300

H= 300

X= 14

Y= 50

Utilize a cor de preenchimento Transparente e a cor da linha de contorno Preto.

Veja o exemplo:

Duplique o circulo e aplique as seguintes características:

W=300

H= 300

X= 84

Y= 50

Utilize a cor de preenchimento Transparente e a cor da linha de contorno Preto.

Veja como ficou:

Agora vamos utilizar o recurso de APARAGEM para gerar um novo objeto a partir destes. (NOTA: Perderemos os 02 e ficaremos apenas com 01. Se você deseja salvar 01 ou os 02, você deve copiá-los e colá-los em outro arquivo.)

Escolha e selecione o objeto que utilizaremos como “FACA” para cortar o outro, neste exemplo, utilizarei o objeto da direita.

Em seguida, mantenha a tecla “SHIFT” pressionada e selecione o outro objeto.

Com os 02 objetos selecionados, clique no MENU MODIFY (MODIFICAR), aponte para opcao COMBINE PATHS (COMBINAR OBJETOS) e em seguida clique em PUNCH (GOLPE). Veja o resultado:

Para tornar nosso objeto mais atraente, aplique um ESTILO ao objeto, conforme visto em capítulos anteriores. Veja o exemplo:

__________________________________________________________________________________
DICAS>>>>>>>>
Existem outras opções de combinação de objetos e você deve explorar cada uma nos menus que aprendemos hoje.

Estas ações não aplicam-se a fotos.

_________________________________________________________________________________

FUIOS!

FIREWORKS – Combinando Objetos - SOLDA.

Nesta aula vamos aprender a combinar objetos para gerar novas formas, utilizando recursos de SOLDA, APARAGEM e INTERSECAO.

VAMU LA!!! VALENDO!!!!

Solicite um novo documento com as seguintes caracteristicas:

Largura: 400 px
Altura: 400 px
Resolucao: 72 px/inch
Cor do CANVAS: White

Insira um retângulo com as seguintes características:

W=330

H= 100

X= 35

Y= 150

Utilize a cor de preenchimento Transparente e a cor da linha de contorno Preto.

Veja o exemplo:

Agora vamos utilizar a ferramenta SKEW TOOL (FERRAMENTA INCLINACAO), logo abaixo da ferramenta de seleção:

Vamos inclinar nosso objeto até que atinja o resultado abaixo:

 Criaremos agora um retângulo com as seguintes características:

W= 140

H= 140

X= 130

Y= 130

Utilize a cor de preenchimento Transparente e a cor da linha de contorno Preto.

Agora vamos alinhar os 02 objetos no centro da lona de trabalho para darmos sequência na criação do nosso logo.

Vá até o MENU WINDOWS e selecione a opção ALIGN (ALINHAMENTO). Note que um painel apareceu na lateral direita da tela:

Em seguida, selecione os dois objetos na tela, marque a opção TO CANVAS (EM RELACAO A LONA) no painel ALIGN e clique nos dois botões circulados na imagem abaixo:

Veja o resultado até o momento:

Agora vamos soldar os 02 objetos para obtermos 01 único. (NOTA: Perderemos os 02 e ficaremos apenas com 01. Se você deseja salvar 01 ou os 02, você deve copiá-los e colá-los em outro arquivo.)

Selecione os 02 objetos e clique no MENU MODIFY (MODIFICAR), aponte para opcao COMBINE PATHS (COMBINAR OBJETOS) e em seguida clique em UNION (UNIÃO). Veja o resultado:

Para tornar nosso objeto mais atraente, aplique um ESTILO ao objeto, conforme visto em capítulos anteriores. Veja o exemplo:

__________________________________________________________________________________
DICAS>>>>>>>>
Existem outras opções de combinação de objetos e você deve explorar cada uma nos menus que aprendemos hoje.

Estas ações não aplicam-se a fotos.

_________________________________________________________________________________

FUIOS!

FIREWORKS - Mande sua aRtE!

Pessoal...

Acredito que é bacana nós avaliarmos os resultados propostos aqui neste blog...

Então...

Envie sua arte para eduguitar@gmail.com e eu darei uma nota....

IDENTIFIQUE-SE no email... para que eu saiba quem é!!!

Vale reforçar que trata-se apenas de um complemento para seus conhecimentos, nao é AVALIATIVO para nenhum efeito e nao faz parte de nenhuma instituição.... as notas aplicadas aqui nao refletirao em cursos que voces realizam ou venham a realizar... trata-se apenas de uma nota que eu darei.. sem compromisso.

Manda lá!

FIREWORKS – Trabalhando com ESTILOS

Nesta aula vamos desenvolver textos e objetos que podem ser utilizados em MARCADORES, VINHETAS, LOGOS e muito mais, utilizando ESTILOS prontos.

VAMU LA!!! VALENDO!!!!

Solicite um novo documento com as seguintes caracteristicas:

Largura: 400 px
Altura: 175 px
Resolucao: 600 px/inch
Cor do CANVAS: transparent

Digite em minúsculo e em três caixas de texto independentes:

a, b e c e em seguida formate assim:

FONTE: Arial Black

TAMANHO: 120

COR: #00FFCC

As posições X e Y serão definidas por você.

Em seguida digite em outra caixa de texto, totalmente em minusculo:

enter

FONTE: Arial
TAMANHO: 80
COR: #000000
X= 197
Y= 68

Depois em outra caixa de texto digite:

O Shopping ABCompleto!

FONTE: Andalus
TAMANHO: 20
COR: #FF6600
X= 179
Y= 148

Agora traçaremos uma linha com as seguintes características:

W=400

H= 1

X= 0

Y= 144

Utilize a cor #FF4200

Altere o peso da linha para 5 como na imagem abaixo:

Criaremos agora um retângulo com as seguintes características:

W=41

H= 41

X= 315

Y= 3

Utilize a cor #FF4200

Faca dois clones deste retângulo mudando suas características para:

X= 334

Y= 24

E

X= 356

Y= 44

Veja nossos objetos ate o momento:

Agora vamos aplicar os ESTILOS de formatação nos objetos.

Abra o painel STYLES, clicando no MENU WINDOW (JANELA) e escolhendo a opção STYLES (ESTILOS):

Em seguida aparecerá um painel na lateral direita como a imagem abaixo:

Fique a vontade para escolher seus estilos e personalizar seu logotipo:

Veja outros exemplos do mesmo logotipo com outros estilos de formatação nos objetos:

_____

__________________________________________________________________________________
DICAS>>>>>>>>
Você pode personalizar os estilos aplicados, alterando as características aplicadas aos objetos pela barra de propriedades.

_________________________________________________________________________________

FUIOS!

FIREWORKS – Plano de fundo de TEXTURA

Nesta aula vamos desenvolver um plano de fundo que ocupe a página por completo, repetindo-se a imagem quantas vezes necessárias e sem a impressão de emenda.

VAMU LA!!! VALENDO!!!!

Solicite um novo documento com as seguintes caracteristicas:

Largura: 20 px
Altura: 20 px
Resolucao: 72 px/inch
Cor do CANVAS: #000000

Selecione a ferramenta RETANGULO e trace na tela em qualquer dimensão.

Agora altera as características para:

W=20

H= 20

X= 0

Y= 0

Aplique uma cor chapado ao retângulo. Dê preferência cores suaves, lembre-se que esta será a cor do plano de fundo do seu site, logo, não deve incomodar visualmente.

Agora vamos adicionar textura no objeto:

Procure o campo TEXTURE (TEXTURA) na barra de propriedades, logo abaixo do campo de cores do objeto.

Clique no botão GRAIN (GRANULADO) e escolha a opção CROSSHATCH 2 (TRANSVERSAL 2) e em seguida muda a intensidade para 30% no campo a frente, como na imagem abaixo:

Veja o resultado:

Agora salve seu trabalho como plano_de_fundo.

Vamos visualizar no DRAMWEAVER para conferir o resultado:

Abra o DREAMWEAVER e solicite um documento novo, clicando no item HTML,  conforme imagem abaixo:

Para evitarmos problemas na hora de inserir as imagens deste documento, vamos salvá-lo na mesma pasta onde as imagens se encontram, com o nome de testando_plano_fundo.

Depois de iniciado e salvo o novo documento vamos personalizar o plano de fundo deste. Clique no botão PAGE PROPERTIES (PROPRIEDADES DA PAGINA), localizado na barra de propriedades:

Encontre o campo BACKGROUND IMAGE (IMAGEM DO PLANO DE FUNDO) e clique no botão para procura de imagens, conforme imagem abaixo:

Localize e selecione a imagem que você criou no FIREWORKS (plano_de_fundo) e em seguida, dê “OK” em todas as janelas que surgirem.

Pronto!

Agora vamos visualizar o resultado final, verificando na internet como ficou nosso plano de fundo.

Pressione a tecla “F12” no DREAMWEAVER e clique em “SIM” para salvar e visualizar.

__________________________________________________________________________________
DICAS>>>>>>>>
Voce pode criar planos de fundo onde as emendas aparecam, basta colorir o RETANGULO do fundo com duas cores ou utilizando DEGRADE.

Experimente outras texturas com outras intensidades para variar seu plano de fundo.

Lembre-se que talvez pessoas trabalhem o dia todo no seu site, portanto, utilize cores e texturas suaves.

_________________________________________________________________________________

FUIOS!

FIREWORKS – Criando Logos com Efeitos (FILTROS)

Nesta aula vamos desenvolver um logotipo utilizando alguns efeitos de filtros como sombras, nevoas, chanfros, etc.

VAMU LA!!! VALENDO!!!!

Solicite um novo documento com as seguintes caracteristicas:
Largura: 200 px
Altura: 60 px
Resolucao: 300 px/inch
Cor do CANVAS: #000000

Selecione a ferramenta DOUGHNUT (ROSQUINHA) que está atrás da ferramenta retângulo e trace na tela em qualquer dimensão.

Agora altera as características para:

W=108
H= 108
X= -50
Y= -50

Aplique o efeito degrade RADIAL, utilizando a cor #FFFFFF, nas duas extremidades e altere a TRANSPARENCIA da 1º cor (circulado em vermelho) para 0% como na imagem a seguir:

Veja o resultado:

Agora vamos adicionar o efeito GLOW (NEVOA) no objeto:

Procure o campo FILTERS (FILTROS) na barra de propriedades, clique no botão “+” para escolhermos o efeito, aponte para a categoria SHADOW AND GLOW (SOMBRA E NEVOA) e escolha GLOW (NEVOA).

Altere as características como na imagem abaixo, pressionando a tecla ENTER ao final para confirmar os valores:

Veja o resultado:

Agora vamos trabalhar com textos.

Ative a ferramenta TEXT, dê apenas 01 clique em qualquer área da sua LONA e digite em letras maiúsculas:

ALVO

Aplique as seguintes características:

FONTE: Aero
TAMANHO: 50
COR: #FFFFFF
X= 56
Y= 0

Agora vamos adicionar o efeito INNER BEVEL (CHANFRO INTERNO) no texto:

Selecione-o com a ferramenta de SELECAO e encontre o filtro desejado, inserindo as medias abaixo:

Veja o resultado:

Em seguida digite em outra caixa de texto, totalmente em minúsculo:

midia center

Aplique as seguintes características:

FONTE: Aero
TAMANHO: 12
COR: #FF0000
X= 121
Y= 45

Para finalizarmos, vamos adicionar uma linha na base da palavra ALVO com as seguintes características:

W=136
H= 1
X= 58
Y= 46
COR= #FFFFFF

Agora vamos adicionar o efeito RAISED EMBOSS (ENTALHE CONCAVO) na linha:

Selecione-a com a ferramenta de SELECAO e encontre o filtro desejado, inserindo as medias abaixo:

Veja o resultado:

Agora experimente você criar um logotipo utilizando outros filtros.

__________________________________________________________________________________
DICAS>>>>>>>>
Voce pode adicionar filtros também pelo menu FILTERS, lembrando que alguns são específicos de imagens e outros de vetores.

Se você deseja remover algum efeito que não agradou, basta selecionar o objeto e clicar no sinal “-“ do campo FILTERS na barra de propriedades.

_________________________________________________________________________________

FUIOS!

FIREWORKS – Criando um Logo com cor Chapado

Nesta aula vamos desenvolver um logotipo simples utilizando apenas objetos disponíveis na categoria Vector de ferramentas e cores sólidas.

VAMU LA!!! VALENDO!!!!

Solicite um novo documento com as seguintes caracteristicas:
Largura: 260 px
Altura: 147 px
Resolucao: 300 px/inch

Selecione a ferramenta L-SHAPE (FORMA DE “L”) que está atrás da ferramenta retângulo e trace na tela em qualquer dimensão.

Agora altera as características para:

W=70

H= 70

X= 8

Y= 8

Utilize a cor #CCF900.

Veja o resultado:

Agora faça um CLONE de seu objeto seguindo seguintes passos:

1º - Com a ferramenta de Seleção, selecione seu objeto;

2º - Clique no MENU EDIT (EDITAR);

3º - Clique na opção CLONE (CLONE).

Aparentemente nada aconteceu, mas se você movimentar seu objeto, notará que existem 02 agora.

Altere este segundo para:

W=60

H= 60

X= 15

Y= 15

Utilize a cor #006600.

Veja o resultado:

Agora selecione este objeto menor e faça um CLONE dele.

Vamos utilizar recursos para aplicar giros no objeto fazendo mudar de direção apenas, permanecendo em seu eixo. Para isso vá até o menu MODIFY (MODIFICAR), aponte para opção TRANSFORM (TRANSFORMAR) e clique em FLIP HORIZONTAL (VIRAR HORIZONTALMENTE).

Em seguida, faça o mesmo caminho, escolhendo agora FLIP VERTICAL (VIRAR VERTICAMENTE), veja o resultado abaixo:

Agora vamos trabalhar com textos.

Ative a ferramenta TEXT, dê apenas 01 clique em qualquer área da sua LONA e digite em letras maiúsculas:

PONTO

Aplique as seguintes características:

FONTE: Haettenschweiler
TAMANHO: 90
COR: #006600
X= 78
Y= -3

Em seguida digite em outra caixa de texto, totalmente em minúsculo:

exato

Aplique as seguintes características:

FONTE: Aero
TAMANHO: 70
COR: #CCF900
X= 8
Y= 77

Após, insira outra caixa de texto, digitando totalmente em minúsculo:

conexões

Aplique as seguintes características:

FONTE: Aero
TAMANHO: 15COR: #FF0000
X= 181
Y= 121

Para finalizarmos, vamos adicionar uma linha na base do logotipo com as seguintes características:

W=224

H= 1

X= 27

Y= 140

Utilize a cor #FF0000

Veja o resultado:

Agora experimente você criar um logotipo utilizando outras ferramentas da categoria VECTOR e aplicando cores sólidas, alem de textos.

__________________________________________________________________________________
DICAS>>>>>>>>
Para clonar um objeto de forma rápida, você pode utilizar o teclado e o mouse juntos, seguindo:

Pressione CTRL + ALT juntas e com o mouse arraste o objeto ate a nova posição.
__________________________________________________________________________________

FUIOS!