12/01/2008 - 4:28 > 12.661 Visualizações > 44 comentários
Bom dia comunidade! Há algum tempo atrás, uma dúvida não saia da minha cabeça: Como tirar o fundo de uma imagem no fireworks? Bom, o que no photoshop você pode fazer facilmente, no fireworks, você também pode, porém, com um pouquinho mais de trabalho, mas o resultado é bem satisfatório
!
Antes de saber o segredo, eu achava que bastava utilizar a ferramenta varinha mágica (Magic Wand Tool
) para resolver o problema e até pode ser feito desta maneira, porém com fundos chapados com cores sólidas e mesmo assim, não fica tão perfeito como da forma que aprenderemos. Com fundos que contenham imagens ou degradês, não resta outra alternativa!
Utilizaremos apenas a pen tool + convert to marquee + delete.
Assista à vídeo aula

É sócio diretor do MX Masters, portal de desenvolvimento especializado em vídeo aulas. Trabalha com ferramentas OpenSource como Wordpress, Magento entre outros, além de ministrar palestras em universidades do Rio de Janeiro.
Este autor atualmente possui 281 posts
Veja todos os posts de Felipe Cardozo
Desenvolvido por David CHC e Felipe Cardozo
18/04/08 às 19:03
Parabens, ótima video aula.(como todas)…rsrs
18/04/08 às 19:11
Valeu, Kleiton!
27/04/08 às 14:11
Olá Felipe, será que vc pode liberar esse desenho pra mim?
Eu chamo de rococó, arabesco, enfim, vc identificou, né o que está no fundo dessa foto ““Fireworks CS3 – Tirando fundo de uma imagem””
Desde jpa fico muito agradecida.
Meu email: guidhacapelo7@gmail.com
28/04/08 às 21:17
Ou Guidha, infelizmente não achei esta imagem.
Irei procurar em um DVD de backup e caso ache, eu te envio sim!
6/09/08 às 12:20
Nossa tenho certeza que pra todo mundo fazer isso é dificil mais depois dessa video aula nossas vida ira facilitar.
VLWWWW Felipe
9/10/08 às 11:43
nossa perfeito ficou!
dá trabalho hein?
12/11/08 às 14:31
Sensacional. Não só aprendi a tirar o fundo de uma forma descente, como trabalhar com a PenTool. 2 em 1 é só na MXMasters mesmo.
Parabéns
29/11/08 às 1:31
Graaaande Felipe,sempre surpreendendo a gálera hein…..realmente o mx é o melhor site da web,parabéns rapaziada pelas video aulas muito bem elabora,didaticas e com uma certa dose de humor,pra mim sao as videos aulas perfeita,não é aquela coisa mecanica,q vemos por aí,do tipo q o cara decora como se fosse um script de novela e traduz tudo depois,parabens galera,todos nós aprendizes agradecemos por nos ensinaren tantas coisas bacanas……vlw
25/01/09 às 22:54
amigo não consegui converter a seleção para delatar ela aqui no meu fireworks pois eu uso o mx … podes me dar alguma dica de como fazer nele! abraços
16/02/09 às 23:46
Muito bom mesmo amigo
parabéns !!!
25/06/09 às 13:18
tbm uso o fireworks Mx e esta em portugues
não consegui converter a seleção como faço?
13/09/09 às 16:02
Cara muito obrigado por todas as video aulas,suas q estão no site,eu também usava a técnica com a varianha mágica,mas deixa muitos defeitos,gostei da dica de recote vou assistir todas,não tenha dúvida vc esta ajudando,pessoas como q não sabe nada de Fireworks.Valeu e vamos encher o site de comentários.
24/09/09 às 22:02
Valeu essa técnica é muito boa mesmo.Gostei das suas video aulas de Firewors,estou fazendo recortes bem melhor agora!!Depois comecei assitir as video aulas,estou aprendendo muito,sabia q vc esta ajudando muitas pessoas leigas com o Fireworks,como eu mas estou disposto a aprender,muito obrigado mesmo entendi tudo da video aulas,consegui segui direitinho,não sei se a galera conhece mas um site para complementar os estudos de Fireworks http://www.bymarcelo.com.br/fireworks/ .Grade abraço cara e galera comentem esse é o minímo q podemos fazer,não concordam comigo?
24/09/09 às 22:04
Desculpar por não comentando antes…..Mas vou comentar em outras,pode ter certeza.
27/09/09 às 21:31
És apaixonado pela Fergie? ja vi duas video aulas dela como modelo ^^
3/10/09 às 10:40
@Marcos Araujo , isso é um grande incentivo para quem criar video aulas, é ter o comentário. O Marcelo está postando as video aulas dele no site Vídeo Aulas Brasil, onde as aulas q seriam publicada aqui no Mxmasters, agora é publicada lá. Espero q comente lá no Vídeo Aulas Brasil.
4/12/09 às 14:21
uma pergunta eu quero botar uma paisagem como fundo e ai como eu faço me ajuda por favor nen precisa ser no firewoks 8 pode ser em outro programa mesmo mais se esse pegar tudo bem por favor me responde logo
valeu
12/01/10 às 15:02
Parabéns! Muito boa video aula.
25/01/10 às 20:08
Vocês são o número 1 do Brasil, excelente nota 1000!!!!!!!!
Um abraço!
11/02/10 às 14:44
david estou aprendendo muito com vcs muito obg msm.
sempre que tenho uma dificuldade corro para pedir ajuda agora a bronca é
estou querendo colocar uns progamas gravados no inframe ate ai tudo bem ele aparece normal quando clico opção progamas gravados mas assim que ele abre aparece os progamas para esclha para assistir ai quando clico no que quero assistir ele abre outra janela sai do inframe queria saber se tem como vc mim ajudar tem um site que tem isso ai que quero aprender teria como vc tirar essa duvida?
//desabilita botýo direito
function desabilitaBotaoDireito(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
return false;
}
else
if (event.button == 2 || event.button == 3)
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
}
//desabilita botýo direito do mouse
if ( window.Event )
document.captureEvents(Event.MOUSEUP);
if ( document.layers )
document.captureEvents(Event.MOUSEDOWN);
document.oncontextmenu = desabilitaMenu;
document.onmousedown = desabilitaBotaoDireito;
document.onmouseup = desabilitaBotaoDireito;
Documento sin título
hr {
border-top: 1px solid #fff;
border-bottom: 1px solid #fafafa;
color: #fff;
background-color: #000;
height: 1px;
}
body,td,th {
font-size: 12px;
color: #FFFFFF;
font-family: Tahoma;
font-weight: bold;
}
body {
background-color: #333333;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style5 {font-size: 36px}
a:link {
color: #E2E2E2;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #E2E2E2;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #E2E2E2;
}
.Estilo8 {font-size: 34px}
.Estilo10 {color: #333333}
PROGRAMAS GRAVADOS
……….….…
..….….….
..….….….
..….….…...
11/02/10 às 14:50
david estou aprendendo bastante com vcs muito obg sempre que tenho duvidas vc mim ensina com certeza agora estou com outra duvida
se poder mim ajudar vou agradecer des de já e se naum do msm jeito pq vc já mim ajudou muito
estou querendo direcionar no inframe progamas gravados tipo uma opção de canais como fantastico caldeirão do ruck e etc… ate ai tudo bem ele vai certinho conforme vc mim ensinou mas quando clico dendo do inframe as opções de peogamas ele abre outras janelas queria todos progamas abrise dentro do inframe feito outros sites que tem… mas naum consigo sera que vc pode mim ajudar… abraços
11/02/10 às 15:04
@rafael basta vc colocar o target com o mesmo nome do iframe, da mesma maneira q vc fez o menu, q irá abrir dentro do iframe.
11/02/10 às 15:48
david,
coloquei dentro do inframe,
funciomou da suguinte manaeiro
clico no menu progamas gravados ai abre dentro do inframe depois aparece escolha episodio ai quando eu clico abre outra janela
no primeiro passo abre normal ai quando escolhe o episodio do progama escolhido abre outra janela fora do inframe
11/02/10 às 15:54
@rafael, todo link tem q ser referenciado ao iframe, por isso q ele abre outra janela.
11/02/10 às 16:08
como assim
11/02/10 às 16:22
@rafael todo link q vc quer q abra no iframe, vc coloca o target com o nome do iframe
13/02/10 às 12:12
david, mim explica uma coisa por favor esse progama wordpress se eu comprar ele eu aprendo a fazer portais em casa? eu queria aprender fazer portais tenha como eu aprender aqui em casa sera que vc poderia mim ajudar.
13/02/10 às 12:28
@rafael, o wordpress é cms, que é um sistema de gerenciamento de conteudo, e é feito em PHP. O Mxmasters ele usa o Wordpress. Ele é gratuito, baixa vc baixar : http://br.wordpress.org/
No MXCursos tem o curso de wordpress, vc vai aprender a como configurar e edita-lo:
http://www.mxcursos.com/index.php/wordpress-volume-2-desenvolvendo-portais.html
Antes de se aventurar no wordpress, eu aconselho aprender html, css ( tbm existe esse curso no MxCursos), e tbm ter um básico de PHP, pra poder aprender Wordpress como mais facilidade.
Lembre-se, antes de correr, aprende a andar, vai ser bem melhor pra vc.
16/02/10 às 7:28
david, eu estou usando draw layer ai depois que coloco que vou publicar ele sai do lugar onde coloquei… pq? vc pode mim ajudar de novo com minha duvida. desculpe por esta perguntando muito. abraços…
16/02/10 às 7:59
@rafael, eu não uso o dreamweaver, e caso vc use, não utilize a parte visual, aprenda a criar os códigos, estude html, e css. O Design o Dreamweaver, “nunca” bate com a renderização dos navegadores. Caso tenha q testar como está ficando, faço com os navegadores.
16/02/10 às 10:10
david, queria um conselho seu, eu aprendir bastante com suas dicas gostaria muito em saber fazer um bom designer aqui onde moro em recife , precisamente no suburbio de olinda onde eu moro os cursos de web-designer todos usam o dreamweaver eu queria um conselhor tem como vc indicar uma maneira para eu aprender, sei um pouquinho msm mas na area visual do dreamwever quero muito aprender. muito obg. por toda ajuda que vc vem mim dando nesses dias. mas uma coisa eu sei com suas dicas eu aprendir algo … abraços
16/02/10 às 10:29
@rafael, por isso eu estou dizendo, não utilize a parte visual do Dreamweaver, no final das contas vc não irá ser um desenvolvedor, e sim um especialista em dreamweaver. Eu tbm nunca fiz um curso, aqui na minha cidade é muito ruim mesmo, tbm é cidade pequena, mas se vc tiver oportunidade de ter um computador, e internet em sua casa, vc poderá aprender o q vc quiser. Por isso q repito tanto, aprende html e css. È mais demorado? Sim , pode até ser, mas é algo q será lucrativo, pq vc conhecerá os elementos e conseguirá resolver mais rápido os problemas. No Mxmasters, vc tem aulas de tableless, bem básico, e poderão te ajudar. Tem video aulas no VAB ( http://www.videoaulasbrasil.com.br/categoria/tableless/ ), exemplo q vc pode assistir:
Tableless – Aula 01
Tableless -Aula 02
Tableless – Aula 03
Transformando PSD para xHTML/CSS – parte 1
Transformando PSD para XHTML/CSS–parte 2
Transformando PSD para XHTML/CSS–parte 3
Como vc tá começando, quero q vc aprenda direito, de maneira q poderá evoluir cada vez mais. Quando vc for partir para programação, vc já terá acostumado a digitar codigo, isso só vai te ajudar. Esquece a parte visual do dreamweaver, vai q é chamado pra uma empresa, e ele ´so usam software livres, e ai? Se só usa o dreamweaver pra fazer coisas, vc não ficará no emprego. Não estou dizendo pra não usar o dreamweaver, e sim usar na parte de codigo, vc conhece o q está fazendo, material q não falta pra vc aprender. Vc pesquisar video aulas tableless, ou video aulas Padrões Web, vc encontrará bastante material. Ai é só devorar tudo, e praticando, q vc se sair muito bem.
16/02/10 às 16:32
david, obg msm estou mim enpenhando bastante amigo quero que saiba que tudo que vc esta fazendo por mim so DEUS te paga desejo tudo de bom pra vc valeu
17/02/10 às 15:27
david, por favor mim explica uma coisa criei um menu orizontal, gostaria de saber de sem como redirecionar o link para o inframe
17/02/10 às 15:44
@rafael, coloque o target no link com mesmo nome do iframe
17/02/10 às 16:30
david, boa tarde, fiz conforme sua dica funcionou agora cho que errei em algo mas naum sei onde pq no menu vertical fica os nomes dos lincks que escolhir no menu ai quando passa o mause no link a escolher o quadrado que separa os links com efeito ficou faltando uns 2cm para passa do nome falo em largura
tipo imagina um menu orizontal com os nomes do link que escolhir ai quando vc for com mause para escolher abre um retangulo so que o retangulo ficou curto para o nome do link
abraços…
17/02/10 às 17:07
@rafael fica meio abstrato entender assim, se o espaço q vc deixou para o menu ficou pequeno, tente aumenta-lo até colocar um tamanho q fique bom pra o maior item.
18/02/10 às 19:58
Felipe parabéns cara, sou seu fã! Sua didádica é excelente , seu diferencial é o prazer de ensinar. Obrigado pelas sua aulas só me acrescentaram Visite meu site: Visite meu site: http://www.seusitelegal.com.br Ainda não coloquei no ar porque estou em fase final de testes, mas é fruto de aprendizado através de suas vídeo aulas. Este site foi desenvolvido em WP com a ajuda do Volume 1 e 2 do Wordpress. Obrigado
18/02/10 às 20:03
@Alberto Castilo depois avise quando tiver no ar, pra podemos ver, é sempre bom ver o pessoal evoluindo.
20/02/10 às 21:17
david,como fazer um site ser encontrado no google
21/02/10 às 8:56
@rafael, o google irá encontrar, para melhorar, pesquise sobre SEO
25/02/10 às 15:18
b.tarde,
como seria para eu colocar um video criado por mim no meu site alguem pode mim ajudar com essa duvida. obg….
23/07/10 às 12:28
Muito boa a vídeo aula e muito útil também, tava quebrando a cabeça pra fazer isso que é muito fácil !!! VALEW.
27/08/10 às 0:25
Muito bom, eu só sabia fazer esse efeito no photoshop, agora sei tbm no fireworks, valeu Felipe.