{"id":1788,"date":"2014-07-07T22:46:39","date_gmt":"2014-07-08T01:46:39","guid":{"rendered":"https:\/\/waltermattos.com\/?p=1788"},"modified":"2016-03-21T11:23:47","modified_gmt":"2016-03-21T14:23:47","slug":"tutorial-criando-uma-bandeira-com-ondulacoes-photoshop","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/","title":{"rendered":"Tutorial: Criando uma bandeira com ondula\u00e7\u00f5es no Photoshop"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/O7RQXksRfPk\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Neste tutorial de Photoshop mostro uma maneira bem f\u00e1cil de criar uma bandeira convincente para apresenta\u00e7\u00e3o do seu projeto. Designers e n\u00e3o designers poder\u00e3o fazer uso deste aprendizado, uma vez que o processo \u00e9 bem simples e provavelmente\u00a0levar\u00e1\u00a01 ou 2 minutos para reproduzir.<\/p>\n<p>Para acompanhar este tutorial\u00a0voc\u00ea pode fazer o <a title=\"Download do arquivo base\" href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/walter_mattos_bandeira_brasil_vetor.zip\" target=\"_blank\">download da bandeira do Brasil<\/a>\u00a0(vetor) que utilizo neste tutorial.<\/p>\n<p>Um abra\u00e7o e bom v\u00eddeo &#8211; ou boa leitura.<\/p>\n<h1>Abaixo segue a transcri\u00e7\u00e3o do v\u00eddeo.<\/h1>\n<h2>01 \u2013 Introdu\u00e7\u00e3o<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"427\" class=\"alignnone size-full wp-image-1791\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_01.jpg\" alt=\"tut_Criar_Bandeira_Brasil_01\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_01.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_01-310x206.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E a\u00ed galera, beleza? Walter Mattos mais uma vez, e hoje eu trago um tutorial bem rapidinho de Photoshop.<\/p>\n<p>Vou mostrar pra voc\u00ea como criar uma bandeira, aproveitando todas as texturas e ondula\u00e7\u00f5es do tecido que voc\u00ea vai utilizar como base a\u00ed na sua tentativa.<\/p>\n<p>O tecido que utilizei nesse exemplo eu baixei no Google, ent\u00e3o eu aconselho que voc\u00ea fa\u00e7a o mesmo a\u00ed e escolha a sua pr\u00f3pria imagem. Por isso eu aconselho tamb\u00e9m que voc\u00ea assista esse tutorial antes de tentar reproduzi-lo, pois assim voc\u00ea vai aprender a resolver um problema, sem necessariamente aprender uma f\u00f3rmula, que n\u00e3o \u00e9 o caso deste tutorial, pois eu vou te mostrar apenas um dos caminhos poss\u00edveis.<\/p>\n<p>A bandeira voc\u00ea tamb\u00e9m encontra na internet mas essa sim eu deixei o link para download a\u00ed na descri\u00e7\u00e3o.<\/p>\n<p>E a ideia desse tutorial surgiu por conta de alguns leitores e at\u00e9 mesmo de amigos que me perguntaram como eu fiz essa bandeira no projeto KMD. Pra minha surpresa essa \u00e9 uma imagem que acabou caindo no gosto do pessoal, mas ela \u00e9 muito f\u00e1cil de fazer.<\/p>\n<p>O pr\u00f3prio cliente quando viu essa imagem ficou bem surpreso, porque ela n\u00e3o fazia parte do projeto. E inclusive, por conta disso, acabou despertando nele a vontade de fazer uma bandeira. Olha a\u00ed!<\/p>\n<h2>02 \u2013\u00a0Preparando a base para o efeito<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"427\" class=\"alignnone size-full wp-image-1794\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_02.jpg\" alt=\"tut_Criar_Bandeira_Brasil_02\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_02.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_02-310x206.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ent\u00e3o vamos l\u00e1. Abri a imagem do meu tecido aqui no Photoshop, e neste tutorial eu n\u00e3o preciso me importar muito com tamanho ou resolu\u00e7\u00e3o. S\u00f3 verifica se a imagem est\u00e1 em RGB e est\u00e1 tudo certo.<\/p>\n<p>Quem n\u00e3o quiser utilizar o menu pode usar o atalho \u201cAlt+I+M+R\u201d que o Photoshop converte para RGB para voc\u00ea.<\/p>\n<p>Se voc\u00ea n\u00e3o sabia deste macete, o mesmo vale para converter para CMYK. O atalho \u00e9 \u201cAlt+I+M+C\u201d.<\/p>\n<p>Enfim, eu tenho aqui a minha camada \u201cBackground\u201d e como voc\u00ea pode ver esse tecido \u00e9 um pouquinho amarelado, mas eu n\u00e3o quero nenhuma cor influenciando nas cores da minha bandeira. Por isso \u00e9 melhor eu remover a satura\u00e7\u00e3o desse tecido com o atalho \u201cCtrl+Shift+U\u201d.<\/p>\n<p>S\u00f3 por quest\u00f5es de organiza\u00e7\u00e3o eu vou dar dois cliques nessa camada e renomear para \u201ctecido\u201d.<\/p>\n<p>E \u00e9 agora que vem a sacada do tutorial. Eu vou utilizar um filtro chamado \u201cDisplace\u201d para copiar essas ondula\u00e7\u00f5es que a gente v\u00ea no tecido e aplicar na bandeira.<\/p>\n<p>E como \u00e9 que funciona isso? O Photoshop entende que tudo que for sombra, ou escuro, vai mover os pixels da bandeira que a gente vai utilizar para baixo e para direita. Ou seja, ele vai empurrar os pixels dependendo da intensidade do preto.<\/p>\n<p>Da mesma forma, tudo que for claro vai mover os pixels da bandeira para cima e para esquerda. E \u00e9 isso que vai criar a ilus\u00e3o de movimento na nossa bandeira. Voc\u00ea j\u00e1 vai entender.<\/p>\n<p>Ent\u00e3o antes de colar nossa bandeira aqui a gente vai criar uma c\u00f3pia dessa imagem, que vai nos servir como base para esse efeito. E a gente precisa fazer alguns ajustes nela antes.<\/p>\n<p>Ent\u00e3o eu clico em \u201cImage\/Duplicate\u201d e vou renomear essa imagem como \u201cbandeira_silk\u201d. Voc\u00ea pode escolher um nome qualquer, n\u00e3o importa.<\/p>\n<p>Vou apertar apertar \u201cCtrl+L\u201d para abrir a janela \u201cLevels\u201d e arrastar esse ponto, que corresponde aos tons escuros, ou sombras, para direita. Qualquer valor pr\u00f3ximo de \u201c145\u201d est\u00e1 bom, pois \u00e9 onde preto come\u00e7a a ficar preto realmente. O pr\u00f3prio gr\u00e1fico informa isso pra gente &#8211; \u00e9 s\u00f3 voc\u00ea notar que aqui o gr\u00e1fico d\u00e1 uma elevada.<\/p>\n<p>E isso tudo porque eu preciso aumentar o contraste dessa imagem para a gente aproveitar bem os tons claros e escuros que a gente vai usar mais na frente.<\/p>\n<p>Clico \u201cOk\u201d e agora eu s\u00f3 preciso desfocar um pouco essa imagem, ent\u00e3o eu vou em \u201cFilter\/Blur\/Gaussian Blur\u201d e defino \u201c3\u201d como valor. Ok.<\/p>\n<p>Se a gente n\u00e3o der esse desfoque, quando a gente aplicar o \u201cDisplace\u201d na bandeira as ondula\u00e7\u00f5es v\u00e3o ficar muito duras. Por isso que \u00e9 importante dar essa suavizada.<\/p>\n<p>Por \u00faltimo eu descarto as informa\u00e7\u00f5es de cor dessa imagem alterando o modo dela aqui em \u201cImage\/Mode\/Grayscale\u201d.<\/p>\n<p>Agora eu salvo essa imagem numa pasta qualquer e deixo ela guardada para o pr\u00f3ximo passo.<\/p>\n<p>Eu posso salvar em PSD mesmo, mas como o meu j\u00e1 est\u00e1 salvo vou cancelar.<\/p>\n<p>Posso fechar essa c\u00f3pia e voltar para nossa imagem original.<\/p>\n<h2>03 \u2013\u00a0Criando a bandeira ondulada<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"448\" class=\"alignnone size-full wp-image-1798\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_03.jpg\" alt=\"tut_Criar_Bandeira_Brasil_03\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_03.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_03-310x217.jpg 310w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_03-200x140.jpg 200w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Minha base j\u00e1 est\u00e1 pronta, ent\u00e3o agora eu vou colar aqui a minha bandeira, que eu j\u00e1 copiei l\u00e1 no Illustrator.<\/p>\n<p>Posso colar ela como \u201cPixel\u201d mesmo e vou redimensionar at\u00e9 ela ficar no tamanho que eu quero. Aperto \u201cEnter\u201d e agora vem a parte chave desse tutorial.<\/p>\n<p>Vamos agora em \u201cFilter\/Distort\/Displace\u201d, e nesse caso aqui eu posso manter o padr\u00e3o \u201c10 e 10\u201d para os valores. Mas \u00e9 importante voc\u00ea testar estes valores a\u00ed, porque n\u00e3o necessariamente estes valores v\u00e3o servir pra voc\u00ea.<\/p>\n<p>Clico \u201cOk\u201d e seleciono a nossa c\u00f3pia, \u201cbandeira_silk\u201d, que a gente criou agora pouco e mando abrir.<\/p>\n<p>Voc\u00ea pode notar que j\u00e1 aconteceu alguma coisa estranha com a bandeira, e para visualizar melhor basta eu mudar o modo dela para \u201cMultiply\u201d.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"427\" class=\"alignnone size-full wp-image-1800\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_041.jpg\" alt=\"tut_Criar_Bandeira_Brasil_04\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_041.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_041-310x206.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>T\u00e1 a\u00ed. Pode ser que no seu caso esse resultado j\u00e1 esteja satisfat\u00f3rio, mas d\u00e1 pra gente melhora ainda mais. Olha s\u00f3.<\/p>\n<h2>04 \u2013\u00a0Recuperando a textura do tecido<\/h2>\n<p>Primeiro eu vou renomear essa camada como \u201cbandeira\u201d.<\/p>\n<p>Agora eu dou dois cliques aqui do lado do nome da camada para abrir a janela \u201cLayer Style\u201d.<\/p>\n<p>Repara que aqui em baixo eu tenho dois sliders com os tons claros e escuros. Qual \u00e9 o lance aqui? Esse de cima corresponde a nossa camada atual, e o de baixo, \u00e0 camada de baixo, que no nosso caso \u00e9 o tecido.<\/p>\n<p>Se eu puxar esse ponto dos tons claros para a esquerda, eu estou fazendo com que os tons claros do tecido se sobreponham \u00e0 nossa bandeira. Eu estou praticamente puxando a textura e o brilho do tecido pra cima.<\/p>\n<p>Da mesma forma, se eu puxar os tons escuros pra direita, ele vai tentar puxar a parte escura do tecido para cima da bandeira, mas isso n\u00e3o nos interessa.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"622\" height=\"200\" class=\"alignnone size-full wp-image-1802\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_05.jpg\" alt=\"tut_Criar_Bandeira_Brasil_05\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_05.jpg 622w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_05-310x99.jpg 310w\" sizes=\"auto, (max-width: 622px) 100vw, 622px\" \/>\n<p>Beleza, eu quero os tons claros, mas essa transi\u00e7\u00e3o est\u00e1 muito forte. Ent\u00e3o, para suavizar basta apertar o \u201cAlt\u201d e arrastar para esquerda. Voc\u00ea nota que ele divide o slider em dois e suaviza a transi\u00e7\u00e3o.<\/p>\n<p>Eu vou levar esse valor at\u00e9 aproximadamente \u201c210\u201d e deixar esse efeito ainda um pouco exagerado.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"427\" class=\"alignnone size-full wp-image-1803\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_06.jpg\" alt=\"tut_Criar_Bandeira_Brasil_06\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_06.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_06-310x206.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Isso \u00e9 uma dica importante para o Photoshop pessoal. \u00c9 sempre bom voc\u00ea exagerar no efeito que voc\u00ea quer dar para depois voc\u00ea suavizar com a opacidade de camada e os \u201cblending modes\u201d, por exemplo.<\/p>\n<p>Clico \u201cOk\u201d e antes de ir para o pr\u00f3ximo passo deixa eu mostrar pra voc\u00eas como eu fiz a bandeira da \u201cKMD\u201d.<\/p>\n<p>Na verdade o efeito da \u201cKMD\u201d foi t\u00e3o simples que eu parei por aqui mesmo. A \u00fanica coisa que eu fiz foi colar o logotipo, girar e dei dois cliques aqui para abrir o \u201cLayer Style\u201d e puxei o slider, da mesma forma que acabei de mostrar.<\/p>\n<p>Ent\u00e3o s\u00f3 pra voc\u00ea visualizar, vou cancelar o efeito. D\u00e1 uma olhada no antes e depois. Muito mais simples do que essa bandeira que a gente est\u00e1 fazendo agora, que tamb\u00e9m \u00e9 muito f\u00e1cil.<\/p>\n<p>Posso fechar a KMD e vamos para o pr\u00f3ximo passo.<\/p>\n<h2>5\u00a0&#8211;\u00a0Suavizando a textura do tecido<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"427\" class=\"alignnone size-full wp-image-1805\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_071.jpg\" alt=\"tut_Criar_Bandeira_Brasil_07\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_071.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_071-310x206.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Existem v\u00e1rias formas de suavizar essa textura e chegar num resultado final satisfat\u00f3rio. Mas como eu falei, cada caso \u00e9 um caso. Ent\u00e3o n\u00e3o adianta eu entrar em detalhes a partir de agora porque cada solu\u00e7\u00e3o vai ser feita de um jeito diferente.<\/p>\n<p>Ent\u00e3o s\u00f3 pra voc\u00ea entender o que eu fiz, a partir daqui vou te mostrar de forma bem r\u00e1pida.<\/p>\n<p>Primeiro eu duplico a camada tecido com o \u201cCtrl+J\u201d e renomeio ela como \u201cblur\u201d. Depois disso eu desfoco a c\u00f3pia l\u00e1 em \u201cFilter\/Blur\/Gaussian Blur\u201d e uso o valor \u201c3\u201d apenas para suavizar um pouco a textura.<\/p>\n<p>Como eu acabei exagerando, e desfocando demais, eu posso reduzir a opacidade da camada para 40%.<\/p>\n<p>O brilho da textura ainda est\u00e1 muito forte, ent\u00e3o eu crio uma nova camada e nomeio como \u201ccinza\u201d.<\/p>\n<p>Jogo 50% de preto nela e acabo escondendo meu efeito, mas isso porque a camada est\u00e1 em 100%, ent\u00e3o eu posso reduzir a opacidade dela para 25%.<\/p>\n<p>T\u00e1 quase do jeito que eu quero, mas eu preciso trazer um pouco das sombras de volta. Ent\u00e3o eu clico na camada \u201ctecido\u201d, crio uma camada de ajuste de \u201cCurvas\u201d e arrasto o slider preto at\u00e9 o in\u00edcio do gr\u00e1fico, como a gente j\u00e1 fez l\u00e1 atr\u00e1s.<\/p>\n<p>Volto e renomeio essa camada como sombras, e agora a \u00fanica coisa que eu preciso fazer \u00e9 clarear um pouco essa imagem, pois ela ficou opaca e escura demais.<\/p>\n<h2>6\u00a0&#8211;\u00a0Iluminando a bandeira<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"427\" class=\"alignnone size-full wp-image-1791\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_01.jpg\" alt=\"tut_Criar_Bandeira_Brasil_01\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_01.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_01-310x206.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>&nbsp;<\/p>\n<p>E para encerrar esse tutorial mole, primeiro eu vou devolver um pouco do brilho simplesmente criando uma nova camada de ajuste de \u201cCurvas\u201d e mudando o modo dela para \u201cOverlay\u201d.<\/p>\n<p>Eu vou chamar essa camada aqui como \u201cbrilho\u201d e vou diminuir a opacidade desse \u201cOverlay\u201d para 30%.<\/p>\n<p>E para clarear um pouquinho eu crio novamente uma camada de ajuste de \u201cCurvas\u201d, s\u00f3 que dessa vez eu simplesmente subo os tons m\u00e9dios, ou cinzas, para cima. Paro quando estiver satisfeito, e est\u00e1 a\u00ed.<\/p>\n<p>Sua bandeira est\u00e1 pronta e esse \u00e9 o final de mais um tutorial verde e amarelo em \u00e9poca de Copa. Juro que n\u00e3o foi de prop\u00f3sito isso.<\/p>\n<h2>7\u00a0&#8211; Encerramento<\/h2>\n<p>Espero que voc\u00ea tenha entendido o intuito desse tutorial, que foi te mostrar como construir uma imagem convincente para apresenta\u00e7\u00e3o do seu projeto, para o cliente ou apenas para usar no seu portf\u00f3lio.<\/p>\n<p>E como sempre, caso voc\u00ea tenha gostado e queira continuar acompanhando os v\u00eddeos, se inscreve a\u00ed no canal, na minha p\u00e1gina no Facebook ou no Newsletter do meu site, <a href=\"http:\/\/www.waltermattos.com\/\">www.waltermattos.com<\/a>, onde eu envio novidades do Blog a cada 15 dias com tutoriais e outros artigos relacionados a design.<\/p>\n<p>Valeu galera, um abra\u00e7o e at\u00e9 o pr\u00f3ximo v\u00eddeo.<\/p>\n<p>&#8212;<\/p>\n<h5>Cr\u00e9dito: Imagem do tecido por <a title=\"Silk Fabric Lenola\" href=\"http:\/\/www.lenola.fi\/wp-content\/uploads\/2013\/01\/silk-fabric-texture-15.jpg\" target=\"_blank\">Lenola<\/a>.<\/h5>\n<p>&#8212;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Neste tutorial de Photoshop mostro uma maneira bem f\u00e1cil de criar uma bandeira convincente para apresenta\u00e7\u00e3o do seu projeto. Designers e n\u00e3o designers poder\u00e3o fazer uso deste aprendizado, uma vez que o processo \u00e9 bem simples e provavelmente\u00a0levar\u00e1\u00a01 ou 2 minutos para reproduzir. Para acompanhar este tutorial\u00a0voc\u00ea pode fazer o download da bandeira do Brasil\u00a0(vetor)&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":1809,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[7],"tags":[46,101,102,35,62,31],"class_list":["post-1788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriais","tag-adobe","tag-bandeira","tag-brasil","tag-photoshop","tag-tutorial","tag-videos"],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tutorial: Criando uma bandeira com ondula\u00e7\u00f5es no Photoshop<\/title>\n<meta name=\"description\" content=\"Veja como criar uma bandeira com ondula\u00e7\u00f5es no Photoshop de maneira bem intuitiva. Depois que aprender, n\u00e3o levar\u00e1 1 minuto para reproduzir.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial: Criando uma bandeira com ondula\u00e7\u00f5es no Photoshop\" \/>\n<meta property=\"og:description\" content=\"Veja como criar uma bandeira com ondula\u00e7\u00f5es no Photoshop de maneira bem intuitiva. Depois que aprender, n\u00e3o levar\u00e1 1 minuto para reproduzir.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-08T01:46:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-21T14:23:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_Cover_Blog_01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"420\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Walter Mattos\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Walter Mattos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"Tutorial: Criando uma bandeira com ondula\u00e7\u00f5es no Photoshop\",\"datePublished\":\"2014-07-08T01:46:39+00:00\",\"dateModified\":\"2016-03-21T14:23:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/\"},\"wordCount\":1826,\"commentCount\":2,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_Cover_Blog_01.png\",\"keywords\":[\"adobe\",\"Bandeira\",\"Brasil\",\"Photoshop\",\"Tutorial\",\"Videos\"],\"articleSection\":[\"Tutoriais\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/\",\"name\":\"Tutorial: Criando uma bandeira com ondula\u00e7\u00f5es no Photoshop\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_Cover_Blog_01.png\",\"datePublished\":\"2014-07-08T01:46:39+00:00\",\"dateModified\":\"2016-03-21T14:23:47+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"Veja como criar uma bandeira com ondula\u00e7\u00f5es no Photoshop de maneira bem intuitiva. Depois que aprender, n\u00e3o levar\u00e1 1 minuto para reproduzir.\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_Cover_Blog_01.png\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_Cover_Blog_01.png\",\"width\":420,\"height\":420},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/waltermattos.com\/site\/#website\",\"url\":\"https:\/\/waltermattos.com\/site\/\",\"name\":\"Walter Mattos\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/waltermattos.com\/site\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\",\"name\":\"Walter Mattos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g\",\"caption\":\"Walter Mattos\"},\"description\":\"Walter Mattos \u00e9 um designer brasileiro apaixonado por cria\u00e7\u00e3o de marcas e identidades visuais. Em seu blog e canal no Youtube compartilha suas experi\u00eancias atrav\u00e9s de dicas, reflex\u00f5es e tutoriais relacionados a design.\",\"sameAs\":[\"https:\/\/waltermattos.com\"],\"url\":\"https:\/\/waltermattos.com\/site\/author\/walter\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial: Criando uma bandeira com ondula\u00e7\u00f5es no Photoshop","description":"Veja como criar uma bandeira com ondula\u00e7\u00f5es no Photoshop de maneira bem intuitiva. Depois que aprender, n\u00e3o levar\u00e1 1 minuto para reproduzir.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"pt_BR","og_type":"article","og_title":"Tutorial: Criando uma bandeira com ondula\u00e7\u00f5es no Photoshop","og_description":"Veja como criar uma bandeira com ondula\u00e7\u00f5es no Photoshop de maneira bem intuitiva. Depois que aprender, n\u00e3o levar\u00e1 1 minuto para reproduzir.","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/","og_site_name":"Walter Mattos","article_published_time":"2014-07-08T01:46:39+00:00","article_modified_time":"2016-03-21T14:23:47+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_Cover_Blog_01.png","type":"image\/png"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"Tutorial: Criando uma bandeira com ondula\u00e7\u00f5es no Photoshop","datePublished":"2014-07-08T01:46:39+00:00","dateModified":"2016-03-21T14:23:47+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/"},"wordCount":1826,"commentCount":2,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_Cover_Blog_01.png","keywords":["adobe","Bandeira","Brasil","Photoshop","Tutorial","Videos"],"articleSection":["Tutoriais"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/","name":"Tutorial: Criando uma bandeira com ondula\u00e7\u00f5es no Photoshop","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_Cover_Blog_01.png","datePublished":"2014-07-08T01:46:39+00:00","dateModified":"2016-03-21T14:23:47+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"Veja como criar uma bandeira com ondula\u00e7\u00f5es no Photoshop de maneira bem intuitiva. Depois que aprender, n\u00e3o levar\u00e1 1 minuto para reproduzir.","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-criando-uma-bandeira-com-ondulacoes-photoshop\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_Cover_Blog_01.png","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_Cover_Blog_01.png","width":420,"height":420},{"@type":"WebSite","@id":"https:\/\/waltermattos.com\/site\/#website","url":"https:\/\/waltermattos.com\/site\/","name":"Walter Mattos","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/waltermattos.com\/site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175","name":"Walter Mattos","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g","caption":"Walter Mattos"},"description":"Walter Mattos \u00e9 um designer brasileiro apaixonado por cria\u00e7\u00e3o de marcas e identidades visuais. Em seu blog e canal no Youtube compartilha suas experi\u00eancias atrav\u00e9s de dicas, reflex\u00f5es e tutoriais relacionados a design.","sameAs":["https:\/\/waltermattos.com"],"url":"https:\/\/waltermattos.com\/site\/author\/walter\/"}]}},"jetpack_featured_media_url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/07\/tut_Criar_Bandeira_Brasil_Cover_Blog_01.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-sQ","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/1788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/comments?post=1788"}],"version-history":[{"count":12,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/1788\/revisions"}],"predecessor-version":[{"id":4770,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/1788\/revisions\/4770"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/1809"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=1788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=1788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=1788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}