Mostrando postagens com marcador Tutorial.Fireworks. Mostrar todas as postagens
Mostrando postagens com marcador Tutorial.Fireworks. Mostrar todas as postagens

20 de set. de 2014

Borboletas 2014

Animação Borboletas, versão 2014.
Indiferença ou atitude, azul ou vermelho, você ou ele...
Tudo e todos, no mesmo ritmo em direção ao círculo.

Assista também:
Borboletas 2011
Nenhum comentário :

21 de mai. de 2014

Tutorial Fireworks: Efeito iluminação através do texto





Saiba como criar um efeito de iluminação dinâmica que dará a ilusão de que está
passando através de um texto ou qualquer outra imagem.

Com ferramentas nativas do programa, criamos uma luz vindo de trás do texto.

Veja a arte

Resumo:
1- Tenha uma imagem, vetor ou qualquer conteúdo para poder aplicar o efeito,
2- Crie um vetor no formato da luz que sairá do texto/imagem,
3- Configure para que fique suave e vá sumindo, na cor branca,
4- Aplique "Blend mode" "Overlay",
5- Repita o processo em todos os lugares que você queira a iluminação.

DICAS:
- Configure o vetor (path) depois de desenhá-lo, para não perder a configuração.
- Caso você perca a configuração do gradiente, da cor e da linha, copie o que você fez antes (ctrl+c),
clique com o direito em cima desse que está errado, escolha "Edit" e "Paste Attributes".
- Seja criativo e explore outros formatos, use a ferramenta "Subselection" para ajustar o vetor.
- Use também gradiente radial com cor branca no meio e preta no final, aplique "Blend mode" "Color Dodge".
- Não deixe que o gradiente fique sólido, com linhas cortantes, deixe-o suave.
- Caso queira, você pode diminuir a opacidade e não usar "Overlay".
- Mude a quantidade de "Feather" para testar novos formatos.


===================================================
(English)
Learn how to create a dynamic lighting effect that gives the illusion that is
passing through a text or other image.
With native tools of the program, create a light coming from behind the text.

See the reference image

Summary:
1- Take a picture, vector, or any content in order to apply the effect,
2- Create a vector in the form of light that leave the text/image
3- Set up to make it go soft and faded, white in color,
4- Apply "Blend mode" "Overlay"
5- Repeat the process in all the places you want the illumination.

TIPS:
- Set the vector (path) after you draw it, to not lose the configuration.
- If you lose the configuration of the gradient, the color and line, copy what you did before (ctrl+c)
right click on top of what is wrong, choose "Edit" and "Paste Attributes".
- Be creative and explore other formats, use the tool "Subselection" to adjust the vector.
- Also use radial gradient with white in the middle and black in the end, apply "Blend mode" "Color Dodge".
- Do not let the gradient is solid, with sharp lines, leave it smooth.
- If you want, you can lower the opacity and do not use "Overlay".
- Change the amount of "Feather" to test new formats.

Peça Seu Tutorial
Nenhum comentário :

Tutorial Fireworks: Criar linha especial (arte amor)





Saiba como criar o risco especial usado na arte Amor.
Com ferramentas nativas do programa, criamos um risco com alguns efeitos,

lembrando o risco de giz.

Resumo:
1- Crie um path, sendo o risco (linha),
2- Duplique e transforme em bitmap para fazer a sombra,
3- Duplique novamente e crie um efeito de sobras do giz,
4- Apague certas áreas para deixá-lo mais natural,
5- Crie um outro vetor com cores gradientes para dar um efeito de luz.

DICAS:
- Você pode fazer a sombra no final, selecionando tudo, duplicando,
convertendo para bitmap, aplicando Color Fill preto e Blend mode Overlay.
- Varie os formatos e aplique outros efeitos, sempre da forma mais natural possível.
- Apague as bordas das curvas para dar o efeito de velocidade.
- Apague as pontas para dar efeito de final/início do risco.
- Use florais, splats e outros vetores artbeat para enriquecer o risco.
- NÃO APAGUE O VETOR INICIAL, você pode duplica-lo antes de tranformar em bitmap,
bloquear e esconder.
Isso é muito importante pois você pode ter que usar novamente o mesmo vetor.

ASSISTA A VINHETA DA ARTE "AMOR": Clicando aqui

===================================================
(English)
Learn how to create the special risk used in art "Love".
With native tools of the program, create a risk with some effects, noting the risk of chalk.

Video
Summary:
1- Create a path, and the risk (line),
2- Duplicate and transform bitmap to make the shadow,
3- Duplicate again and create an effect of leftover chalk,
4- Delete certain areas to make it more natural,
5- Create another vector color gradients to give a light effect.

TIPS:
-You can make the shadow in the end, selecting everything, duplicating,
converting to bitmap, using Fill Color black and Overlay Blend mode.
-Vary the shapes and apply other effects, always the most natural way possible.
-Delete the edges of the curves to give the effect of velocity.
-Delete the edges to give effect to the end/beginning of the risk.
-Use floral, splats and other vectors to enrich the risk.
-DO NOT DELETE THE INITIAL VECTOR, you can duplicate it before transform bitmap, lock and hide.
This is very important because you may have to again use the same vector.


Peça Seu Tutorial
Nenhum comentário :

Tutorial Fireworks: Converter imagem em vetor





Vídeo tutorial de como transformar uma imagem sólida bitmap

em vetor editável no Adobe Fireworks CS5.
Com ferramentas nativas do programa, criamos vetores apartir de bitmaps.

Resumo:
1- Abra sua imagem ou a usada no tutorial,
2- Selecionamos as partes que queremos com a Varinha Mágica,
3- Convertemos as seleções para Paths (vetores),
4- Finalizo mostrando a técnica em outras imagens.

DICAS:
- Pode ser uma imagem JPG, PNG, BMP, PSD, GIF ou outra qualquer.
- Você pode criar seus próprios vetores (splats, florais, evolutions, desenhos, etc).
- Use esta técnica em qualquer imagem ou foto.
- Depois de criado o vetor é possível editá-lo com a ferramenta Subselection.
- Mude as cores, aplique efeitos e técnicas de vetorização.

===================================================
(English)
Video tutorial of how to transform solid bitmap images into vectors editable in Adobe Fireworks CS5.
With native tools of the program, we create vectors starting from bitmaps.

Summary:
1- We have opened an image,
2- Select the parts we want with the Magic Wand,
3- We convert the selections to paths (vectors),
4- Conclude by showing the technique to other images.

TIPS:
- You can create your own vectors (splats, florals, designs, etc).
- Use this technique on any image or photo.
- Once created the vector can edit it with the Subselection tool.
- Change the colors, apply effects and vectorization techniques.

Peça Seu Tutorial
Nenhum comentário :

Tutorial Fireworks: Transformar foto em desenho





Vídeo tutorial de como transformar

qualquer fotografia em desenho no Adobe Fireworks CS5.
Com ferramentas nativas do programa, deixamos a foto com aparência de desenho grafite.

Resumo:
1- Escolha uma foto ou baixe a que eu usei no tutorial,
2- Clicamos nos "Filters", escolhemos "Adjust Color"-"Hue/Saturation" e removemos a saturação da foto,
3- Duplicamos esta foto,
4- Aplicamos um filtro de cor chamado "Invert",
5- Em "Blend Mode" escolhemos "Color Dodge"
6- Por final aplicamos o filtro "Gaussian Blur" com 5 de intensidade.

DICAS:
- Mude a intensidade do Gaussian Blur para ver diferentes resultados.
- Use esta técnica em qualquer imagem ou foto.
- Use outras técninas para ter novos resultados.
- É possível conseguir deixa-la colorida usando outras técnicas.

===================================================
(English)
Video tutorial on how to transform any photograph into drawing in Adobe Fireworks CS5.
With native tools of the program, let the photo like drawing graffiti.

Summary:
1- Choose a photo or download the one I used in the tutorial,
2- We click on "Filters", choose "Adjust Color" / "Hue/Saturation" and remove the saturation of the photo,
3- Duplicate this photo,
4- We apply a color filter called "Invert",
5- In the "Blend Mode" choose "Color Dodge",
6- In the end we apply the filter "Gaussian Blur" with 5 intensity.

TIPS:
- Change the intensity of the Gaussian Blur to see different results.
- Use this technique on any image or photo.
- Use other techniques to get new results.
- You can get it colored leaves using other techniques.


Peça Seu Tutorial
Nenhum comentário :

Tutorial Fireworks: Criar extrusão 3D





Vídeo tutorial de como fazer uma ilusão 3D no Adobe Fireworks CS5.
Com ferramentas nativas do programa, criamos uma extrusão 3D em qualquer vetor.

Resumo:
1- Crio um retângulo,
2- Mostro que é necessário desagrupa-lo para remover os atributos de objeto,
3- Aplicamos a extrusão e vemos o quadrado se tornar um cubo,
4- Mostro outras formas de aplicação do "Extrude Paths",
5- Lembrando que é uma ferramenta que funciona apenas em vetores,
então se for um objeto ou um texto será necessário a conversão para path (vetor),
6- Por final mostro que também é possível desenhar um vetor qualquer com a
ferramenta Pen e nele aplicar o "Extrude Paths".

DICAS:
- Assista pausando a cada passo para melhor proveito do tutorial.
- Se você não estiver vendo a extrusão durante a configuração,
clique no "olho" que tem no canto inferior esquerdo da janela,
ele representa o "Preview".
===================================================
(English)
Video tutorial on how to make a 3D illusion in Adobe Fireworks CS5.
With native tools of the program, we create a 3D extrusion in any vector.

Summary:
1- I create a rectangle,
2- I show that it is necessary to ungroup it to remove the object attributes,
3- Apply the extrusion and see the square becomes a cube,
4- I show other manifestations of the "Extrude Paths,"
5- Remember that it is a tool that works only on vectors, so if an object or a text
will be necessary the conversion to a path (vector),
6- At the end I show that it is also possible to draw any vector with the pen tool and
apply it "Extrude Paths."

TIPS:
- Watch stopping every step to take full advantage of the tutorial.
- If you do not see the extrusion during configuration,
click the "eye" that is in the lower left corner of the window,
it represents the "Preview".


Peça Seu Tutorial
Nenhum comentário :

Tutorial Fireworks: Transformar brushes do PS em PNG





Vídeo tutorial sobre transformar brushes do Adobe Photoshop em arquivos .png

(Portable Network Graphics).
Assim tornando os brushes compátiveis com outros softwares como o Adobe Fireworks.

Resumo:
1- Baixar o software abrViewer,
2- Usar o software abrViewer para ler os brushes,
3- Exporta-los para o formato png,
4- Finalizo mostrando os brushes já em png e abrindo alguns no Adobe Fireworks.

======================================================
(English)
Video tutorial on turning brushes in Adobe Photoshop files in .PNG

(Portable Network Graphics).
Thus making brushes compatible with other software such as Adobe Fireworks.

Summary:
1- Download the software abrViewer,
2- Using software to read the abrViewer brushes,
3- Export them to png format,
4- Conclude by showing the brushes in png and have some opening in Adobe Fireworks.

Peça Seu Tutorial
Nenhum comentário :

Tutorial Fireworks: Criar esfera 3D





Vídeo tutorial da criação de uma esfera no Adobe Fireworks, 

tendo como resultado final uma ilusão 3D.

Resumo:
1- Criar um círculo base gradiente radial,
2- Duplicar este círculo e deforma-lo usando a ferramenta subselection,
3- Usar blend mode e auto vector mask,
4- Criar sombras e efeito de iluminação.

Dicas:
-Como visto no final do vídeo, você pode aplicar diversos outros efeitos e técnicas em cima desta esféra,
-Caso você não veja o painel PATH, vá no menu Window e marque PATH.

======================================================
(English)
Video tutorial of creating a sphere in Adobe Fireworks, with the final result a 3D illusion.

Summary:
1-Create a radial gradient base circle,
2-Duplicate this circle and deforms it by using the tool Subselection,
3-Use blend mode and auto vector mask,
4-To create shadow and lighting effect.

Tips:
-As seen at the end of the video, you can apply various techniques and other effects upon this sphere.
-If you do not see the panel PATH, go to the Window menu and check the PATH.


Peça Seu Tutorial
Nenhum comentário :

Tutorial Fireworks: Efeito "olho de peixe"





Vídeo tutorial sobre aplicação do efeito "olho de peixe" ou "fisheye".
Dentro do Adobe Fireworks, trata-se de dar o efeito esférico ao layer.

Resumo:
1- Criar um texto,
2- Criar um círculo sobre o texto, sabendo que será a área do efeito,
3- Converter o texto em paths,
4- Selecionar o texto e o círculo e aplicar o efeito "Fisheye Paths" do painel "PATH".

Dicas:
-Você pode colocar um número negativo na força de atuação, para dar o efeito inverso,
-Você pode aplicar em qualquer vetor,
-Você pode usar outra base, não somente o círculo.

======================================================
(English)
Video tutorial on applying the effect "fisheye".
Inside Adobe Fireworks, this is to give effect to the spherical layer.


Summary:
1-Create a text,
2-Create a circle on the text, knowing that the area will be the effect,
3-Convert text to paths,
4-Select the text and the circle and apply the effect "Fisheye Paths" panel "PATH".

Tips:
-You can put a negative number in the work force, to give the opposite effect,
-You can apply any vector,
-You can use another base, not only the circle.

Peça Seu Tutorial
Nenhum comentário :

Tutorial Fireworks: Criar reflexos





Vídeo tutorial sobre criar reflexos no programa Adobe Fireworks.

Resumo:
1- Criar um texto, duplica-lo, inverte-lo verticalmente e colocar gradiente linear com ajuste de opacidade,
2- Outro modo de criar o reflexo, duplicar e inverter o texto novamente e aplicar o auto vector mask,
3- Finalizo com algumas demonstrações com quadrado, elipse e texto.

Dicas:
-Caso você vá alterar o texto original, colocando efeitos e outros atributos, então primeiro faça isso para depois duplicar e inverter tudo junto,
-Também é possível usar as outras opções de fade do auto vector mask, e as vezes em conjunto,
-Você pode converter em bitmap usando o atalho ctrl+alt+shift+z

===========================================================
(English)
Video tutorial on creating reflections in Adobe Fireworks.

Summary:
1- Create a text, it doubles, reverse and put it vertically linear gradient with adjustable opacity,
2- Another way to create the reflection, duplicate and flip the text again and apply the auto vector mask,
3- I conclude with some demonstrations with square, ellipse and text.

Tips:
-If you go change the original text, putting effects and other attributes, then do it first and then duplicate and flip it all together,
-You can also use the other options fade auto vector mask, and sometimes together,
-You can convert bitmap using the shortcut ctrl+alt+shift+z

Peça Seu Tutorial
Nenhum comentário :

Tutorial Fireworks: Efeitos de luz





Vídeo tutorial sobre efeitos de luz/iluminação criados
no programa Adobe Fireworks.


Resumo:
1- Criar um retângulo branco, aplicar fade e blend mode overlay,
2- Criar retângulo gradiente radial do branco para o preto e aplicar blend mode color dodge,
3- Criar circulo/elipse gradiente radial do branco para o preto e aplicar blend mode color dodge,
4- Finalizo com algumas demonstrações.

Dicas:
-Você pode transformar em bitmap os efeitos de luz antes de aplicar o blend mode, o atalho é ctrl+alt+shift+z
-Você pode utilizar essas técnicas em textos, vetores e bitmaps.

======================================================
(English)
Video tutorial on lighting effects created in Adobe Fireworks.

Summary:
1- Create a white rectangle, apply fade and blend mode overlay,
2- Create rectangle radial gradient from white to black and apply blend mode color dodge,
3- Create a circle/ellipse radial gradient from white to black and apply blend mode color dodge,
4- I conclude with some demonstrations.

Tips:
-You can turn bitmap lighting effects before applying the blend mode, the shortcut is ctrl+alt+shift+z
-You can use these techniques in text, bitmaps and vectors.


Peça Seu Tutorial
Nenhum comentário :

Tutorial Fireworks: Criar vetor e importar no Cinema 4D





Vídeo tutorial sobre importação de vetor dentro de um programa 3D.
Resumo:
1- Criar um texto e transforma-lo em vetor no programa Adobe Fireworks,
2- Salvar em formato Adobe Illustrator para ser compreendido pelo Cinema 4D,
3- Importar usando "Merge" do menu do Cinema 4D,
4- Aplicar "Extrude NURBS" para transformar linhas vetoriais em objetos 3D.

Dica:
Alguns programas 3D somente aceitam o formato de Adobe Illustrator na versão 8,
que pode ser escolhida ao exportar.

===========================================================
(English)
Video tutorial on importing vector in a 3D program.
Summary:
1- Create a text and transforms it into vector in Adobe Fireworks,
2- Save in Adobe Illustrator to be understood by Cinema 4D,
3- Import using "Merge" menu Cinema 4D,
4- Apply "Extrude NURBS" to convert vector lines into 3D objects.

Tip:
Some 3D programs only accept the format of Adobe Illustrator version 8, which can be chosen to export.


Peça Seu Tutorial
Nenhum comentário :