12/01/2008 - 4:28 > 12.661 Visualizações > 44 comentários

Tirando fundo de uma imagem

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

Posts relacionados

Felipe Cardozo

É 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.

Outros posts deste autor

Este autor atualmente possui 281 posts

Veja todos os posts de Felipe Cardozo

Comentários / Deixe seu Comentário

44 respostas para 'Tirando fundo de uma imagem'

Kleiton klitzke Diz:
18/04/08 às 19:03
Parabens, ótima video aula.(como todas)…rsrs
Felipe Cardozo Diz:
18/04/08 às 19:11
Valeu, Kleiton!
Guidha Capelo Diz:
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
Felipe Cardozo Diz:
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!
Danilo dos Santos Silva Diz:
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
Filipe Goes Diz:
9/10/08 às 11:43
nossa perfeito ficou!
dá trabalho hein?
Mauricio(Curitiba) Diz:
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
Ronaldo-curitiba Diz:
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
Thiago Diz:
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
Cristiano Andrade Diz:
16/02/09 às 23:46
Muito bom mesmo amigo
parabéns !!!
ingrid gonçalves Diz:
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?
Marcos Araujo 19 anos Guarulhos - SP Diz:
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.
Marcos Araujo 19 anos - Guarulhos - SP Diz:
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?
Marcos Araujo 19 anos - Guarulhos - SP Diz:
24/09/09 às 22:04
Desculpar por não comentando antes…..Mas vou comentar em outras,pode ter certeza.
Dister Nunes / 23 anos / Rio de Janeiro Diz:
27/09/09 às 21:31
És apaixonado pela Fergie? ja vi duas video aulas dela como modelo ^^
David CHC Diz:
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.
vitor Diz:
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
Sérgio Diz:
12/01/10 às 15:02
Parabéns! Muito boa video aula.
Walter Diz:
25/01/10 às 20:08
Vocês são o número 1 do Brasil, excelente nota 1000!!!!!!!!
Um abraço!
rafael Diz:
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

……….….…

..….….….

..….….….

..….….…...
rafael Diz:
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
David CHC Diz:
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.
rafael Diz:
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
David CHC Diz:
11/02/10 às 15:54
@rafael, todo link tem q ser referenciado ao iframe, por isso q ele abre outra janela.
rafael Diz:
11/02/10 às 16:08
como assim
David CHC Diz:
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
rafael Diz:
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.
David CHC Diz:
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.
rafael Diz:
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…
David CHC Diz:
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.
rafael Diz:
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
David CHC Diz:
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.
rafael Diz:
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
rafael Diz:
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
David CHC Diz:
17/02/10 às 15:44
@rafael, coloque o target no link com mesmo nome do iframe
rafael Diz:
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…
David CHC Diz:
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.
Alberto Castilo Diz:
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
David CHC Diz:
18/02/10 às 20:03
@Alberto Castilo depois avise quando tiver no ar, pra podemos ver, é sempre bom ver o pessoal evoluindo.
rafael Diz:
20/02/10 às 21:17
david,como fazer um site ser encontrado no google
David CHC Diz:
21/02/10 às 8:56
@rafael, o google irá encontrar, para melhorar, pesquise sobre SEO
rafael Diz:
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….
Renato Diz:
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.
Kevin Diz:
27/08/10 às 0:25
Muito bom, eu só sabia fazer esse efeito no photoshop, agora sei tbm no fireworks, valeu Felipe.