Introdução

Nessa coluna, vamos fazer uma sign, usando o Fireworks, será usado efeitos de iluminação, cores, e plugins secundários (Alien Xenofex 2 e Eye Candy 4000).
Vamos a primeira parte do artigo.

Let’s Go!

Pré-requisitos

O tutorial foi desenvolvido no Adobe Fireworks 8, mas é compatível com qualquer versão do software Adobe Fireworks.

Como é preciso trabalhar bastante com o painel layers, dê uma olhada nessa coluna:

Objetivos

Vamos fazer uma sign, usando efeitos de cores, iluminação, e o xenofex 2.

Confront sign

Resultado final:

Escolha o tamanho do seu documento ( 390 x 120 ).
Ponha a stock, reduza, e deixe como você quiser.

Como você deve ter visto, tem uma arma, vamos fazer alguns efeitos.
Pegue a ferramenta Brush (B), escolha um tom de laranja, e passe o brush perto da arma.

Troque o blend mod para color, e com 20 de opacidade.

Vamos dar uma maior coloração.

Ponha em color dodge.

Quando você trabalha com o blend mod color dodge (iluminação), se você diminuir a opacidade, o blend mod perderá sua “função”.
Então, como vou ajustar ele?
Vamos no live filters:

Vá em Adjust Color > Color fill

A cor preta, anula a “iluminação”, sem tirar a sua “função”.
Quanto maior a opacidade usada, o efeito será mais fraco.
Exemplo: Usando o preto com 30% de opacidade, a iluminação será de 70%.

Novamente com a ferramenta brush (B), escolha outro tom laranja, e pinte perto da arma.
Depois pegue a ferramenta smudge (R), e dê umas “puxadas”.

Coloque o blend mod em overlay.

Pegue a ferramenta Ellipse tool (U) [use uma cor laranja], depois pegue a ferramenta Reshape Area tool (O) e modifique um pouco.
No final ponha o feather em 5.

Ponha o blend mod em screen.

Considerações finais

Vimos nesta coluna, como fazer uma sign, ainda falta algumas partes para completar o artigo.

Espero que vocês tenham gostado desta coluna e até a próxima.
Firewoks, nothing is impossible

Autor: João Castro ~ Colunista de Fireworks e Photoshop do MXstudio

Qualquer dúvida envie um email para jpcastrobr@mxstudio.com.br ou acesse o nosso fórum.

Introdução

Vamos continuar com a nossa coluna.
Veja a primeira parte da coluna:
Parte 1

Let’s Go!

Pré-requisitos

O tutorial foi desenvolvido no Adobe Fireworks 8, mas é compatível com qualquer versão do software Adobe Fireworks.

Como é preciso trabalhar bastante com o painel layers, dê uma olhada nessa coluna:

Objetivos

Vamos fazer uma sign, usando efeitos de cores, iluminação, e o xenofex 2.

Confront sign

Resultado final:

Novamente, use a ferramenta brush e a ferramenta smudge * Coloquei na cor branca, apenas para visualizarem, pois o efeito é feito com a cor laranja.

Vamos por o blend mod em Hard Light.

Pegue novamente a ferramenta brush, depois vá em Filter> Blur> Gaussian Blur.

Ponha o blend mod em screen e com 30% de opacidade.

Novamente, pegue a ferramenta brush e a ferramenta smudge, num tom laranja claro, e ponha no final da arma.

Ponha o blend mod em screen.

Aperte CTRL + A (para selecionar todas as layers), CTRL + SHIFT + D e depois vá em Modify> Flatten Selection (CTRL + SHIFT + ALT + Z)
Depois configure o smudge, com várias cores.

Veja o exemplo:

Ponha o blend mod em lighten.

Crie uma nova layer, e na configuração do smudge, marque “Use entire document”

Vamos por o blend mod em lighten.

Aperte novamente, CTRL + A, CTRL + SHIFT + D e depois vá em Modify> Flatten Selection (CTRL + SHIFT + ALT + Z)
Depois pegue a ferramente Oval Marquee Tool (M), e selecione alguma parte.
Eu selecione a “pata” do animal.
Depois exclua o resto, apertando CTRL + SHIFT + I (para selecionar o inverso), aperte delete.
Depois o que restou, mova a imagem que sobrou.

Pegue a ferramenta Brush, e selecione a cor preta, passa no lado direito do “robô”.
Porque no lado direito?
A iluminação vem do lado esquerdo, então, isso seria para fazer sombras.

Ponha o blend mod em overlay, e com 10% de opacidade.

Considerações finais

Vimos nesta coluna, como fazer uma sign, ainda falta algumas partes para completar o artigo.

Espero que vocês tenham gostado desta coluna e até a próxima.
Firewoks, nothing is impossible

Autor: João Castro ~ Colunista de Fireworks e Photoshop do MXstudio

Qualquer dúvida envie um email para jpcastrobr@mxstudio.com.br ou acesse o nosso fórum.

Introdução

Vamos à mais uma parte da nossa coluna.
Veja a primeira e a segunda parte do artigo:
Parte 1
Parte 2

. Let’s Go!

Pré-requisitos

O tutorial foi desenvolvido no Adobe Fireworks 8, mas é compatível com qualquer versão do software Adobe Fireworks.

Como é preciso trabalhar bastante com o painel layers, dê uma olhada nessa coluna:

Objetivos

Vamos fazer uma sign, usando efeitos de cores, iluminação, e o xenofex 2.

Confront sign

Resultado final:

Agora, no lado esquerdo, pegue a ferramenta brush, com a cor branca.

Ponha o blend mod em overlay, e com 10% de opacidade.

Vamos escurecer os cantos, pegue a ferramenta brush, e ponha nos cantos.

Ponha o blend mod em soft light, e com 20% de opacidade.

Selecione a parte da arma, e ponha o blend mod em color dodge.

Vá nos live filters, adjust color > Color fill

Pegue a ferramente Rectangle tool (U), vá em Modify> Flatten Selection (CTRL + SHIFT + ALT + Z) (para transformar em bitmap), depois gire ela, deixando na diagonal.
A cor não importará.
Agora, abra o arquivo Brush_splat.PNG.
Coloque a imagem na sign, segure a tecla ALT, e vá apagando, mova a imagem, e vá apagando.
Deixe o blend mod do retângulo em invert.

Aperte CTRL + A, CTRL + SHIFT + D, depois vá em Modify> Flatten selection (CTRL + SHIFT + ALT + Z).
Dê um flip Horizontal, Modify> Transform > Flip Horizontal

Agora com o arquivo brush_splat.PNG aberto.
Insira na sign.
E vá mexendo, clicando o ALT e vá apagando.

Aperte CTRL + A, CTRL + SHIFT + D e depois vá em Modify> Flatten Selection (CTRL + SHIFT + ALT + Z)
Gire a imagem, deixando na diagonal.
Depois vá apagando com a imagem de brush splat.

Ponha o blend mod em lighten

Repita o mesmo procedimento.

Vamos trabalhar com as cores.
Crie uma nova layer, e ponha um tom de laranja “ardente”.
Ponha o blend mod em color, e com 15% de opacidade.

Crie novamente outra layer, com um azul claro.
Ponha o blend mod em color, e com 15% de opacidade.

Considerações finais

Vimos nesta coluna, como fazer uma sign, ainda falta algumas partes para completar o artigo.

Espero que vocês tenham gostado desta coluna e até a próxima.
Firewoks, nothing is impossible

Autor: João Castro ~ Colunista de Fireworks e Photoshop do MXstudio

Qualquer dúvida envie um email para jpcastrobr@mxstudio.com.br ou acesse o nosso fórum.

Introdução

Vamos à mais uma parte da nossa coluna.
Veja a primeira, segunda e terceira parte do artigo:
Parte 1
Parte 2
Parte 3

Let’s Go!

Pré-requisitos

O tutorial foi desenvolvido no Adobe Fireworks 8, mas é compatível com qualquer versão do software Adobe Fireworks.

Como é preciso trabalhar bastante com o painel layers, dê uma olhada nessa coluna:

Objetivos

Vamos fazer uma sign, usando efeitos de cores, iluminação, e o xenofex 2.

Confront sign

Resultado final:

Crie novamente outra layer, com um azul claro.
Ponha o blend mod em color, e com 15% de opacidade.

Escolha uma cor vermelha amarromzada.
Com a ferramenta Paint Bucket Tool (G), ponha a configuração dela com 35% de opacidade.
Depois ponha o blend mod dela em color, e ponha a opacidade com 40% de opacidade.

Escolha uma cor de cinza bem forte, e ponha o blend mod em color dodge.

Vamos usar novamente a ferramenta brush tool.

Ponha em color dodge.
Vá em live filters, Adjust color> Color fill.

Novamente, com a ferramenta brush, ponha onde está o “efeito da arma”.
Com uma cor laranja.
Ponha em color e com 25% de opacidade.

Crie uma nova layer.
Pinte-a de preto, pegue a ferramenta brush tool, com a cor branca, e com 10% de opacidade, e vá trabalhando.

Ponha o blend mod em color dodge.

Pegue uma pattern.
Vá no live filter, Alien Skin Xenofex 2> Flag
E configure como você preferir.
* Alien Xenofex 2 é um plugin pago

Ponha o seu blend mod em soft light, e com 33% de opacidade.

Novamente, crie uma nova layer, pinte-a de preto, e trabalhe.

Ponha o blend mod em color dodge.

Aperte CTRL + A, CTRL + SHIFT + D, depois vá em Modify> Flatten selection (CTRL + SHIFT + ALT + Z).
Vá em live filters, Alien Xenofex 2> Rip Open.
Configure do jeito que preferir, e ponha o seu blend mod em lighten.
* Alien Xenofex 2 é um plugin pago

Considerações finais

Vimos nesta coluna, como fazer uma sign, ainda falta algumas partes para completar o artigo.

Espero que vocês tenham gostado desta coluna e até a próxima.
Firewoks, nothing is impossible

Autor: João Castro ~ Colunista de Fireworks e Photoshop do MXstudio

Qualquer dúvida envie um email para jpcastrobr@mxstudio.com.br ou acesse o nosso fórum.

Introdução

Vamos à última parte do nosso artigo.
Veja as partes anteriores:
Parte 1
Parte 2
Parte 3
Parte 4

Let’s Go!

Pré-requisitos

O tutorial foi desenvolvido no Adobe Fireworks 8, mas é compatível com qualquer versão do software Adobe Fireworks.

Stock usada

Splat brush

Como é preciso trabalhar bastante com o painel layers, dê uma olhada nessa coluna:

Painel “layers”

Objetivos

Vamos fazer uma sign, usando efeitos de cores, iluminação, e o xenofex 2.

Confront sign

Resultado final:

Aperte CTRL + A, CTRL + SHIFT + D, depois vá em Modify> Flatten selection (CTRL + SHIFT + ALT + Z).
Vá em live filters, Alien Xenofex 2> Flag.
Configure como preferir.

Ponha o seu blend mod em lighten.

Aperte CTRL + A, CTRL + SHIFT + D, depois vá em Modify> Flatten selection (CTRL + SHIFT + ALT + Z).
Vá em live filters, Alien Xenofex 2> Flag.
Configure como preferir

Ponha o blend mod em lighten.

Repita o passo anterior.

Você pode continuar trabalhando.
Aperte CTRL + A, CTRL + SHIFT + D, depois vá em Modify> Flatten selection (CTRL + SHIFT + ALT + Z).
Depois vá em Filter> Sharpen> Sharpen
E deixe como preferir.

Adicione a tipografia.

Vimos nesta coluna, como fazer uma sign completa no Fireworks. Usando efeitos de iluminação, smudge, filtros, entre outras coisas.

Espero que vocês tenham gostado desta coluna e até a próxima.
Firewoks, nothing is impossible

Autor: João Castro ~ Colunista de Fireworks e Photoshop do MXstudio

Qualquer dúvida envie um email para
jpcastrobr@mxstudio.com.br ou acesse o nosso fórum.

Introdução

Fiz essa sign à algum tempo, mas vou mostrar para vocês como faze-lá.
Fiz para uma competição de um fórum de design, o tema era fobia.
Ela é uma sign no estilo smudge.
Então, vamos lá!
Essa será nossa primeira parte do artigo.

Let’s Go!

Pré-requisitos

O tutorial foi desenvolvido no Adobe Photoshop CS, mas é compatível com qualquer versão do software Adobe Photoshop.

Objetivos

Vamos criar uma simples sign, usando a ferramenta smudge.

Smudge sign

Resultado final:

Em primeiro lugar, é preciso abrir a nossa imagem base, e criar um novo arquivo e inseri-lá.

A sign vai ser sobre Aracnofobia, então pegue uma imagem de uma aranha.

Vamos trabalhar com o painel layers, se ainda não estiver aberto, vá em Window> Layers.

Ponha a layer da aranha em darken. Para se localizar melhor, quando eu falar Blend mod, vá nessa caixa:

Ficando assim:

Duplique a layer da aranha ( CTRL + J ), e ponha o blen mod em normal.
Pegue a ferramenta Blur ( R ), e passe um pouco em cima da aranha.

Crie uma nova layer (CTRL + SHIFT + N, ou pelo botão no painel layers), depois vá em Image> Apply Image

Agora vamos adicionar um brilho, vá em Filter> Blur> Gaussian Blur, e ponha entre 1 ~ 2

Troque o blend mod dessa layer para lighten e diminua a opacidade para 50.

Agora, nós vamos usar a ferramenta smudge.
Pegue essa ferramenta ( R ), e vamos configura-lá.
No canto direito superior, está escrito “Brushes” numa caixa, clique-lá, ou aperte F5.
Vai abrir uma caixa, marque a primeira opção “Shape Dynamics”

OBS: O brush utilizado foi o brush “Chalk”

Crie uma nova layer, e vá em Image> Apply Image
Logo após faça o smudge (não esqueça de deixar a força(strenght) em 95, isso fica no painel superior (meio).

<Ponha o blend mod em lighten

Crie uma nova layer, Image> Apply image

Novamente, cubra o preto.

Agora, crie uma nova layer, Image> Apply image

Filter> Distort> Displace
deixe configurado em 10 , 10.
Escolha um PSD, e se o efeito ficar legal, apague algumas partes e ponha o blend mod em lighten.

>Achei que a aranha desapareceu um pouco, então, duplique a layer da aranha (CTRL + J), ponha ela acima das outras, e ponha o seu blend mod em color dodge.

Insira a tipografia.

Aperte

Considerações finais

Nesta coluna, tivemos a primeira parte de como fazer uma sign smudge.
Espero que vocês tenham gostado desta coluna e até a próxima.

Autor: João Castro ~ Colunista de Fireworks e Photoshop do MXstudio

Qualquer dúvida envie um email para
jpcastrobr@mxstudio.com.br ou acesse o nosso fórum.

Introdução

Vamos seguir com a segunda e última parte da nossa coluna.
Veja
a primeira parte:

Let’s Go!

Pré-requisitos

O tutorial foi desenvolvido no Adobe Photoshop CS, mas é compatível com qualquer versão do software Adobe Photoshop.

Objetivos

Vamos criar uma simples sign, usando a ferramenta smudge.

Smudge sign

Resultado final:

Quando se olha para onde o boneco está olhando, não tem nada à ver com a aranha, então, recorte o olho dele, copie e cole, e depois com a ferramenta Clone Stamp (S), passe em cima.

Insira uma borda.

Aperte Agora, vamos colocar uma cor mais forte.
Aperte Pois assim, iremos manter a caracteristica do gradient map.

Olhando para sign, ela não chama muita atenção, para chamar a atenção para um ponto, vamos fazer uma iluminação, isso se chama ponto focal.

Vamos fazer a iluminação da sign.

Antes de começarmos, vou ensinar um macete na iluminação.
Quando você for trabalhar com iluminação (signs, avatares, large pieces e etc) não mude a opacity (opacidade) e sim fill (preenchimento)

Veja exemplo:

Mexendo na opacidade:

Mexendo no fill:

O porque disso:
Mexendo no fill, o blend mod manterá sua caracteristica original.

Para isso, crie uma nova layer, pinte de preto, pegue a ferramenta brush tool, e passe no rosto (na cor branca).

Ponha em color dodge, e com fill em 20%.

Ponha em color dodge, com 20% de fill.

Agora, vamos chamar mais atenção da aranha.

Ponha em color dodge e com 30% de fill.

Vimos nesta coluna como fazer uma sign smudge, usando gradient maps, além de aprender alguns macetes na iluminação da sign.
Espero que vocês tenham gostado desta coluna e até a próxima.

Autor: João Castro ~ Colunista de Fireworks e Photoshop do MXstudio

Qualquer dúvida envie um email para
jpcastrobr@mxstudio.com.br ou acesse o nosso fórum.

Introdução

Olá comunidade MXStudio!
Um dos últimos desafios do MXstudio, foi sobre gadjets.
O que são gadjets?
imagem
Todos os itens à direita são gadjets, o desafio propõs à ser feito o 2° de cima para baixo.
O intuito desse artigo, não é mostrar como tudo foi feito, mas sim, dar uma boa base.

.

Pré-requisitos

O tutorial foi desenvolvido no Adobe Fireworks 8.
PNG

Objetivos

Fazer um gadjet.

Gadjet personalizado

Quase sempre quando vou fazer algo, prefiro fazer uma base, para depois realmente ir trabalhando para deixar como quiser, para fazer o gadjet não foi diferente, vou mostrar o exemplo do que havia feito, e o que acabou saindo no final, para vocês já terem uma boa idéia.

Em primeiro lugar, vamos abrir um novo arquivo, para começarmos à realmente trabalhar.
Escolha um tamanho que lhe agrade, o escolhido por mim foi de 207 * 225.

Logo após, vamos selecionar a ferramenta Rounded rectangle, para fazermos um retângulo com bordas arredondadas.
Escolha o tamanho desse retângulo, vale lembrar que dependendo do tamanho que você colocar, não ficará muito agradável colocar os outros tamanhos proposto no artigo, tente seguir sempre uma mesma linha de pensamento de acordo com o tamanho.
O tamanho escolhido por mim, foi de 150 * 187.

Selecione o nosso retângulo criado anteriormente, e vamos ao live filters*
Clique no “+” para abir as nossas opções do live filters, vamos em Shadow and glow> glow

Vamos dar um glow bem fraco, apenas para dar um pequeno efeito, esteja à vontade para configurar diferente, veja a imagem da configuração de exemplo usada:

* – Localizado no painel properties, veja a imagem para melhor entendimento:

Duplique o retângulo, para isso basta apertar CTRL + SHIFT +D.
Lembre-se dessa sequência de teclas, pois facilita muito o trabalho.
Agora sim, vamos mudar bastante o retângulo.
Continuamos nos live filters, vamos adicionar dois inner glow e um glow.
Veja as configurações de exemplo, caso queira mudar, esteja à vontade.
Para acessar o inner glow, vá em shadow and glow> inner glow.

Duplique o retângulo (lembre-se da sequência de teclas, CTRL + SHIFT +D), desative tudo o que estiver no live filters, para isso, selecione o que queira deletar e aperte no “-”.
Depois de ter duplicado o retângulo, vamos adicionar um gradiente nesse, novo retângulo.
Se você não sabe criar um gradiente, ou tem alguma dúvida, veja os retângulos verdes.
Isso foi acessado pelo painel properties.

Duplique o retângulo, coloque ele na cor preta (mesmo jeito que você colocou o gradiente, mas ao invés de gradiente, ponha em solid).
Baixe a opacidade para 5.

Vamos duplicar novamente o retângulo, adicionaremos outro gradiente (bars).

Adicionei mais duas layers, porém não fizeram quase nenhuma mudança aparente, baixem o PNG e vejam todas as layers.

Agora, vamos começar adicionando dois gradientes brancos, vindo de cima.
Duplique o nosso retângulo novamente.
Veja maiores explicações abaixo:

Adicionei algumas outras layers, mas não modificou quase nada.
Duplique a layer do retângulo, ponha a cor preta, e vamos mudar o blend mod para soft light, abaixei a opacidade para 20.

adicionei a logo do mxstudio, e coloquei um glow, veja a configuração usada:

resolvi tirar algumas partes do artigo, para o pessoal não ficar apenas grudado no artigo, mas sim, fazendo o seu, mas caso alguém queira ver como tudo foi feito, é só baixar o .PNG.

Resultado:

Depois dei uma trabalhada no fundo:

Fica bonito deixar apenas o retângulo em escala de cinza, e o resto colorido.

Enfim, use a sua criatividade!

Considerações finais

Vimos nesta coluna, como fazer um gadjet personalizado, caso queira ver algo que não expliquei na coluna baixe o .PNG.

Espero que vocês tenham gostado desta coluna e até a próxima.

Autor: João Castro – jpcastrobr – Colunista de Fireworks e Photoshop do MXstudio

Qualquer dúvida envie um email para jpcastrobr@mxstudio.com.br ou acesse o nosso fórum.

Coluna de Fireworks – Topo MXstudio

Introdução

Olá comunidade MXStudio!
Nesse artigo, estarei mostrando como fazer um topo simples, porém muito bonito!

.

Pré-requisitos

O tutorial foi desenvolvido no Adobe Fireworks 8.

Objetivos

Fazer um topo.

Topo MXstudio

Em primeiro lugar, abra um novo documento ( 699/135 ).
Crie um retângulo de 688/121.
Escolha uma cor que lhe agrade, a cor escolhida foi #0A99D6

Com o retângulo selecionado, vá ao live filters (localizado no painel properties [CTRL+F3])

Aperte no “+”> Shadow and Glow> Glow.
Configure como preferir, veja como configurei:

Resultado:

Duplique (CTRL + SHIFT + D) a layer do retângulo, e desative o efeito glow.
Ao invés de colocarmos uma cor sólida, vamos colocar um gradiente linear.

Escolha as cores que vocês preferirem, a minha escolha foi essa:
#168AC9 e #0A99D6 ( da esquerda para à direita )

Duplique (CTRL + SHIFT + D) o retângulo em que acabamos de trabalhar.
Vamos configurar o gradiente (linear), de cima para baixo.
Escolha as configurações, que você preferir, veja o exemplo usado:

Cores:
– #0BA6E8
Opacidade:
– 0% de opacidade
– 100% de opacidade

Resultado:

Agora, vamos começar à trabalhar com a pen tool.

Veja que fizemos apenas uma linha.
Selecione a layer, vá em Modify> Symbol> Convert Symbol (F8).
Escolha graphic, e aperte OK.
Duplique a layer do symbol, recém criado, e mova um pouco para cima.

Selecione as duas layers, vá em Modify> Symbol> Tween Instances (CTRL + SHIFT + ALT + T).
Selecione um número alto (escolhi 300).
Não marque a caixa “Distribute to frames”.
Aperte OK.
Vai ser criada várias layers (de acordo com o número escolhido por você).
Ao apertar OK, todas essas layers ficarão selecionadas, vá em Modify> Flatten Selection.
Segure ALT na layer e dê um clique com o mouse, a layer será selecionada, depois vamos transforma-lo em path ( Select> Convert marquee to path )

Vamos configurar um gradiente linear.

Opacidade:
– 0% de opacidade
– 20% de opacidade
– 100% de opacidade