{"id":33617,"date":"2022-10-06T12:42:49","date_gmt":"2022-10-06T15:42:49","guid":{"rendered":"https:\/\/dannybia.com\/blog\/?p=33617"},"modified":"2025-10-23T11:50:25","modified_gmt":"2025-10-23T14:50:25","slug":"colocar-imagem-dentro-de-texto-fireworks","status":"publish","type":"post","link":"https:\/\/dannybia.com\/blog\/colocar-imagem-dentro-de-texto-fireworks\/","title":{"rendered":"Colocar Imagem Dentro de Texto &#8211; Fireworks"},"content":{"rendered":"<h1>Colocar imagem dentro de texto &#8211; Fireworks<\/h1>\n<p align=\"justify\">Este efeito \u00e9 muito atrativo e interessante e usado em diferentes sites e pode ser feito com muita rapidez.<\/p>\n<p align=\"justify\">Siga este tutorial e ver\u00e1 que \u00e9 simples e f\u00e1cil de fazer. Basicamente, \u00e9 voc\u00ea pegar uma foto e colocar dentro de um texto,\u00a0 ent\u00e3o valos direto ao que interessa&#8230;<\/p>\n<p align=\"justify\">Passo I. Abra o Fireworks;<\/p>\n<p align=\"justify\">Passo II.\u00a0 Crie um texto [4 YOU ALL &#8211; <a href=\"https:\/\/www.youtube.com\/@dannybia\" target=\"_blank\" rel=\"noopener\">DANNYBIA<\/a>] onde ser\u00e1 aplicado o efeito, mas sempre d\u00ea prefer\u00eancia a uma fonte cheia;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-33618\" src=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-texto-escolhido.jpg\" alt=\"Crie um texto [4 YOU ALL - DANNYBIA]\" width=\"1000\" height=\"556\" srcset=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-texto-escolhido.jpg 720w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-texto-escolhido-768x426.jpg 768w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-texto-escolhido-100x55.jpg 100w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-texto-escolhido-230x127.jpg 230w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p align=\"justify\">Passo III. Selecione Text &gt; Convert to Paths (ou Converter em Caminhos ou Ctrl+Shift+P). Note que o texto n\u00e3o est\u00e1 mais edit\u00e1vel como antes. Os pontos de ancoragem est\u00e3o fixos;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-33619\" src=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-convert-to-paths.jpg\" alt=\"Converter em Caminhos ou Ctrl+Shift+P\" width=\"1000\" height=\"556\" srcset=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-convert-to-paths.jpg 720w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-convert-to-paths-768x426.jpg 768w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-convert-to-paths-100x55.jpg 100w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-convert-to-paths-230x127.jpg 230w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p align=\"justify\">Passo IV. Selecione Modify &gt; Ungroup (ou Modificar &gt; Desagrupar ou Ctrl+Shift+G);<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-33620\" src=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-modify-ungroup.jpg\" alt=\"Modify &gt; Ungroup ou Modificar &gt; Desagrupar ou Ctrl+Shift+G\" width=\"1000\" height=\"556\" srcset=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-modify-ungroup.jpg 720w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-modify-ungroup-768x426.jpg 768w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-modify-ungroup-100x55.jpg 100w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-modify-ungroup-230x127.jpg 230w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p align=\"justify\">Passo V. Selecione agora todas as letras do texto e clique em Modify &gt; Combine Paths &gt; Union (ou Modificar &gt; Combinar Caminhos &gt; Uni\u00e3o ou Ctrl+Alt+U);<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-33621\" src=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-combine-paths-union.jpg\" alt=\"Modificar &gt; Combinar Caminhos &gt; Uni\u00e3o ou Ctrl+Alt+U\" width=\"1000\" height=\"556\" srcset=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-combine-paths-union.jpg 720w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-combine-paths-union-768x426.jpg 768w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-combine-paths-union-100x55.jpg 100w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-combine-paths-union-230x127.jpg 230w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p align=\"justify\">Passo VI. Agora abra a imagem do seu gosto que voc\u00ea deseja colocar dentro do texto. Copie o texto j\u00e1 editado e cole sobre a imagem que voc\u00ea abriu.\u00a0N\u00e3o\u00a0 se esque\u00e7a:- A cor do nome tem que estar BRANCA para que o efeito funcione.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-33622\" src=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-colando-imagem.jpg\" alt=\"Escolher Imagem e Colar Texto\" width=\"1000\" height=\"556\" srcset=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-colando-imagem.jpg 720w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-colando-imagem-768x426.jpg 768w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-colando-imagem-100x55.jpg 100w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-colando-imagem-230x127.jpg 230w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p align=\"justify\">Passo VII. Depois de colado selecione a imagem e o texto e clique em Modify &gt; Mask &gt; Group as Mask (ou Modificar &gt; M\u00e1scara &gt; Agrupar como M\u00e1scara);<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-33623\" src=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-mask-group-as-mask.jpg\" alt=\"Modificar &gt; M\u00e1scara &gt; Agrupar como M\u00e1scara\" width=\"1000\" height=\"556\" srcset=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-mask-group-as-mask.jpg 720w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-mask-group-as-mask-768x426.jpg 768w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-mask-group-as-mask-100x55.jpg 100w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-mask-group-as-mask-230x127.jpg 230w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p align=\"justify\">Esse \u00e9 o efeito! E se voc\u00ea desejar, no centro da imagem tem um s\u00edmbolo que ao clicar nele altera o efeito pois \u00e9\u00a0 poss\u00edvel mudar a imagem de lugar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-33624\" src=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-efeito-final.jpg\" alt=\"Esse \u00e9 o efeito final!\" width=\"1000\" height=\"157\" srcset=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-efeito-final.jpg 536w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-efeito-final-768x120.jpg 768w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-efeito-final-100x15.jpg 100w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/fireworks-efeito-final-230x36.jpg 230w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n&nbsp;<\/p>\n<p align=\"justify\">Acho este efeito interessant\u00edssimo e muito utilizado. Gostou, ent\u00e3o usufrua!<\/p>\n<div class='grid-row clearfix'><div class='grid-col grid-col-12'><section class='cws-widget'><section class='cws_widget_content'> \t<div class=\"testimonial \">\n\t\t<div class='clearfix'>\n\t\t\t<img src='https:\/\/dannybia.com\/blog\/wp-content\/uploads\/bfi_thumb\/Jesus-130-93-3cmh6ny6pugic3cykq7hts.jpg' alt \/>\t\t\t\t<p>\n<p align=\"justify\">\u00d3 Senhor, Senhor nosso, qu\u00e3o admir\u00e1vel \u00e9 o teu nome em toda a terra, tu que puseste a tua gl\u00f3ria dos c\u00e9us!<\/p>\n<\/p>\t\t<\/div>\n\t\t<div class=\"author\">Salmos 8:1<\/div>\t<\/div>\n\t <\/section><\/section><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Colocar imagem dentro de texto &#8211; Fireworks Este efeito \u00e9 muito atrativo e interessante e usado em diferentes sites e pode ser feito com muita rapidez. Siga este tutorial e ver\u00e1 que \u00e9 simples e f\u00e1cil de fazer. Basicamente, \u00e9 voc\u00ea pegar uma foto e colocar dentro de um texto,\u00a0 ent\u00e3o valos direto ao que interessa&#8230; Passo I. Abra o Fireworks; Passo II.\u00a0 Crie um texto [4 YOU ALL &#8211; DANNYBIA] onde ser\u00e1 aplicado o efeito, mas sempre d\u00ea prefer\u00eancia a uma fonte cheia; Passo III. Selecione Text &gt; Convert to Paths (ou Converter em Caminhos ou Ctrl+Shift+P). Note que o texto n\u00e3o est\u00e1 mais edit\u00e1vel como antes. Os pontos de ancoragem est\u00e3o fixos; Passo IV. Selecione Modify &gt; Ungroup (ou Modificar &gt; Desagrupar ou Ctrl+Shift+G); Passo V. Selecione agora todas as letras do texto e clique em Modify &gt; Combine Paths &gt; Union (ou Modificar &gt; Combinar Caminhos &gt; Uni\u00e3o ou Ctrl+Alt+U); Passo VI. Agora abra a imagem do seu gosto que voc\u00ea deseja colocar dentro do texto. Copie o texto j\u00e1 editado e cole sobre a imagem que voc\u00ea abriu.\u00a0N\u00e3o\u00a0 se esque\u00e7a:- A cor do nome tem que estar BRANCA para que o efeito funcione. Passo VII. Depois de colado selecione a imagem e o texto e clique em Modify &gt; Mask &gt; Group as Mask (ou Modificar &gt; M\u00e1scara &gt; Agrupar como M\u00e1scara); Esse \u00e9 o efeito! E se voc\u00ea desejar, no centro da imagem tem um s\u00edmbolo que ao clicar nele altera o efeito pois \u00e9\u00a0 poss\u00edvel mudar a imagem de lugar. &nbsp; Acho este efeito interessant\u00edssimo e muito utilizado. Gostou, ent\u00e3o usufrua!<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5457,5586,569],"tags":[10195,10196,10197,10198,10199,10200,10201,10202,10203,10204,10205,10112,10206,572,10115],"class_list":["post-33617","post","type-post","status-publish","format-standard","hentry","category-tecnologia-e-computacao","category-tutoriais","category-utilidade-publica","tag-agrupar-como-mascara","tag-colocar-imagem-dentro-de-texto-fireworks","tag-combinar-caminhos","tag-combine-paths","tag-conbverter-caminhos","tag-convert-to-paths","tag-desagrupar","tag-fireworks","tag-group-as-mask","tag-modificar-mascara","tag-modify-mask","tag-tecnologia-e-computacao","tag-ungroup","tag-utilidade-publica","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/posts\/33617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/comments?post=33617"}],"version-history":[{"count":0,"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/posts\/33617\/revisions"}],"wp:attachment":[{"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/media?parent=33617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/categories?post=33617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/tags?post=33617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}