skip to main |
skip to sidebar
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCUzbhurzbdy9IXXYuF64LZAQ89-2EzpaFJeqLr6urerEvsoHH8IoDiJGKICuiApr6DKFLkTL1f-7UpvFoD5Y5CJ5YtDciMuPxiNWHiNDz8P4fC93f04EUjSH_zcbpNm_bzH-Pzeun1Xlj/s400/esbo%C3%A7o.jpg)
Descrição: Normalmente Quem Trabalha com Design segue algumas regras ao começar um Serviço. Hoje vou dar algumas dicas para quem está iniciando no com WEBDesigner. Aí vai as 6 dicas:1- Briefing
Após pesquisarem por briefing na web (aquelas perguntas que se deve fazer ao cliente), escolha quais serão as mais adequadas e monte seu próprio questionário. Tente captar o máximo de informações, pois a falha na comunicação é uma poderosa arma contra o seu projeto. Evite perguntas desnecessárias; e jamais peça para o cliente responder o questionário, pois, já que estarão reunidos é preferível, no desenrolar da conversa, as respostas fluírem naturalmente. Anote, e anote mais um pouco. Não deixe nada passar despercebido.
Através do briefing é importantíssimo definir qual o objetivo do site: será formal ou informal? Será veiculado somente em computadores ou será visto em outros meios de comunicação? Qual público deseja atingir, ou seja, quem visitará o site?
2- Proposta
Após a análise das informações obtidas, crie uma proposta detalhada, deixando claro o que se pretende executar, tempo e custo.
3- Contrato
Após a aprovação do orçamento, faça um contrato especificando tudo o que será realizado, como por exemplo as tecnologias que estarão empregadas no projeto, quantidade de páginas... Esta etapa é muito importante, pois o documento é um instrumento legal de comum acordo entre ambas as partes. Apresente, também, um esboço de como o site ficará: desenhe várias páginas imaginado como seria seu visual na tela, como o posicionamento das chamadas principais, banner, imagens, textos, entre outros. Deixe o rascunho anexado junto à proposta e peça para que o cliente assine-o. Obs.: este esboço não deve ser criado à mão, utilize programas simples como o illustrator - ou o corel – criando caixas com seus respectivos nomes: logo, menu, banner, destaque 1, e assim por diante. Abaixo segue um simples exemplo de esboço:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCUzbhurzbdy9IXXYuF64LZAQ89-2EzpaFJeqLr6urerEvsoHH8IoDiJGKICuiApr6DKFLkTL1f-7UpvFoD5Y5CJ5YtDciMuPxiNWHiNDz8P4fC93f04EUjSH_zcbpNm_bzH-Pzeun1Xlj/s400/esbo%C3%A7o.jpg)
4- Definição do conteúdoÉ aconselhável criar uma lista com os principais tópicos e suas hierarquias. A princípio a ordem não é essencial, porém já é uma ótima forma de começar a se organizar. A lista poderá ter quantos tópicos forem necessários, mas cuidado: seu leitor poderá se cansar e se perder em meio a tantas informações.Nesta etapa, pergunte-se se os usuários conseguirão localizar as informações e encontrar o caminho de volta até a posição conhecida.5- Página InicialLembrem-se sempre que a Home Page de um site é a porta para a sua apresentação. Portanto, ao definir todo o contexto do site, selecione o que for essencial e defina os destaques na home. Deixe um espaço reservado para uma breve descrição sobre empresa, resuma-a em poucas linhas, de um modo que o usuário entenderá a mensagem transmitida. Geralmente cria-se um banner ocupando um extenso espaço para as informações primárias, e destaques menores para as secundárias.6- CriaçãoApós a realização das etapas acima é hora de criar.Assim, pesquise e pesquise, procure por galerias de sites, encontre sites do mesmo seguimento. Analise, pesquise novamente. Dê atenção especial aos detalhes, pois é através deles que as pessoas reconhecerão seus trabalhos, seu diferencial. Nossa Avaliação Do Conteúdo:![](http://img528.imageshack.us/img528/8256/star32.png)
![](http://img528.imageshack.us/img528/8256/star32.png)
![](http://img528.imageshack.us/img528/8256/star32.png)
![](http://img528.imageshack.us/img528/8256/star32.png)
Descrição: Bom, com o PS CS4 Portable não foi possível fazer, tive que usar meu PS CS3 normal. Mais o resultado foi bom pelo que vocês estão vendo néah.
1 - Vamos criar um novo documento, vá em File>> New e depois você define as configurações abaixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYF1K0BPwXCKkgsnVhMAttxlrm28-YGWo3us6UXYjLWfPMlR29YJrS3zarVal9g1KQHVQ1h1vrs_7XTtNhYvv2umuCcn4tZ5-nfCbnVeQZKu1UCbWlxJ3wmWDUPT_MjJevZs3Pyr9KLTM/s400/photoshop-novo-documento.gif)
2 - Agora vamos preencher o novo documento com preto, pressione (Shift+F5) ou vá em Edit>> Fill para abrir a janela de Fill.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxzzhn_WTN-JIhludlqjunBunKqRYJ26buDIhJOBr_tKZhQbS1fzsZn_Iz5RpiNUHmuEVSGcsIn1tlLzZaWry0MWHs1bKlkCo2n0EvT8r_6-LKY9ty0dT30x6YlABcZldv6NcHHXGRhRo/s400/photoshop-fill-comando.gif)
Quando abrir a janela do Fill você defina as configurações abaixo. Contents - Black.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhQpchTdrb3ys4WWmPZL0Q5y4CwO7S3UGESAv8GvFBIPf7WDidSCgf7NFiX1A87sCF1D26dJE574kAGcOudUec47QPmKL6fIbIa_alo4-JC7nHyv8hARqpcgMAMQj5Bb8P5vYoxzVSTq0/s400/photoshop-fill-dialogo-box.gif)
Irá ficar assim depois que você aperta OK.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilGzwfIqMDQArOR5_fFOCXA6V7y-1EEvgWowGNp8iLgitc46it0CJLbeV2QOHJsCQkXg86eGX3Xy_23r9eXKiWCRyjG7mIuGL0z0EUXlV1xKRHeOhxAienVRaBOnR0ofniJL3dK_VFID0/s400/photoshop-preto-documento.gif)
3 - Selecione a ferramenta Texto (T).
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxjj7OqmCs4fz3IlZ_yjf3yU5A0lIgLG7ZCeffdUZO7PD2p7bSAm-ESRm4wgfvz1lE56YAYMyjTBYR0fP9C6sYa0JWlyARfQvAGMAz5xCQAlzHq2I1QdsKNZX6tjlXh6swbgM9suY8-HQ/s400/photoshop-type-tool.gif)
Escolha uma fonte legal, escolhi Times New Roman com o Bold ativado e 30pt de tamanho.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgirVt59bEz6C3hZw7z9oH2SNeqphnhnqYdiAlAUKT_Z1pIfTbTOQC7jejbdqgES36Lm6B9AmppWmTBi_X0_pOuUYZ89Ykm760PURCmGxFr21OpdLv4nEKi3-SZu-1Nifbe3oq_2d_g3b4/s400/photoshop-texto-options.gif)
4 - Ajuste suas cores de texto para o preto pressionando (D) depois clique no (X) para ir para o branco.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAq38-GUObha6ALWMLeI9iJv-pnQzuM2r6572UR-zvbMWXP8tS92kAt932rTTzRGx0yEAAI2S4jPW0WX6v2cz82eqnooBP-4EuZPJlPoZY94SS2YZ5u1sMKMAfEnXLCmMG7U9BV9R1ztc/s400/foreground-background-swatches.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh9R61xrDp4U6hrDVZLL__FnObpZPSxa2uEGFkPcJiNSLiz2nToI_5oZXXDZzxsfHLoVJHVE2F56QAZ1sW4rD-RuJbuOeECX2AGRTjfejXWnBzvSOxYpVowavzPn2VxckP7gfZfLNNWnY/s400/swap-colors.gif)
5 - Agora adicione seu texto, eu vou adicionar o texto todo em maiúsculo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjclV8WLTXeOcVeU4nlx59lA5l8xNwmxJbrzeIYauMfcp2fm5DUTHrKzL0AeHCpNCxpQS2m-OcufqBPotPZb__QoElo-B2P-7FHTDTJ68fsoGHSoPzUXehX5Ll6OjBRg1xV8KjluSj5IUI/s400/photoshop-add-text.gif)
Depois de terminar de editar o texto clique em confirmar.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYkLr61UD0mnyqr2ramqnGFE3CLfcqksvkjYESh6SjZYtAR7_SgenjzLcrHs2GSqyRaNsiRg0LoT9p6VAV0W6l22MSKTTP3o31resz42hDGA1r1o6W2E1InfTopBpURnHoVKZ4aq3htD8/s400/checkmark.gif)
6 - Agora vá em Edit>> Free Transform (Ctrl+T) para você aumentar seu texto.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDT5XYab4KrCbVPyovG1fwk79QQjCrcg_EEr0LC2lkgt130o70fE-6zLVBJv-5RY6qIhvg66uQsvl3-7EL6mLx3eVwZ08xxokObxM1ZdNYTFlzcascI5g-hXFYTRuwS8EFRkf2Lbr09jY/s400/select-free-transform.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDJx7YRxT4hrZzIwIdt8g9SjWYfMSu8-lzy-CNc0B88HjBozCymkt-UQNjz1rahBxipeF0MbGvaUM-OWTgjExufxgyVTeRszC0Uv73z4prXU0n2lmocwzsaV5c6jRuoeyRpcUGwEbeZRI/s400/free-transform-text.gif)
7 - Agora vamos rasterizar o texto. Vá em Layer>> Rasterize>> Type.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbRpza72m_1Ksn2zDvkBU7FGbrFyQopjBpTlcnyxGFE8kL48eWdHNmrSJEvhcRgtWq5oysR1_Zu4Im7uPtCwotimuRSTzCkMgmUr6j79qIVobQmYUL0wBqe-1ifF3EuQisBcnRngFZ4qU/s400/photoshop-rasterize-type.gif)
Nada pareceu ter acontecido mais na paleta de camada de texto você percebe que mudou algo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLQjDkiI9YbFcXwrZV_G4EzaIlriX3C3_TKs_BcCYax4aH2KJsWvRtVAEXhR24qlyQJkgWjMly-3usYhhYGzkQvXL4PX4vOHmHSXMjYyI5OhBpCic6G_zeKXIpkrG-zp5TUZA_b2R8tJ0/s400/photoshop-layers-palette.gif)
8 - Vamos copiar a camada de texto, pressione (Ctrl+J).
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2RMwrYYl8MMOznTeFNX5kZkZpuS6Ak7h2QOstn1I0X5SnZgtBjaxlzR1GVdxQINto7xbgSAeiOFVQjDCRx-oIQFZtsJ9fxmesbGDmJRYe646KcZQd5woACT1ofUYE6zmRHjeYdV_yhTU/s400/copied-text-layer.gif)
Agora vamos desativar a cópia porque vamos trabalhar no momento só com a original. Clique no olhinho como dito abaixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC99ruv6clh7NFYHfwhIcfa4rrE-g1bOL6v1hgtxMhT-p-Zs9NlmkjBi-o5CTYTLcoh9JhdnO5pMkIODgH7vS13LTJX5yENEpQ6bclBP3kC8tiKHqTBQYlQlb8Sut1L-Je_lxvbbrVLkc/s400/layer-visibility-icon.gif)
Agora depois de desativada a camada cópia, selecione a camada original para ativa e podermos trabalhar com ela. Só da um clique nela.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCmJPDOM_1546g_VYvZbLvqRzdEk-kuK6NmruQlIGf39qI70p8CMrFt_m7j1VbyxOVOd3LMUshCRk_AbF8hNIqZ4abqdsaQFyI-h6HeQF3IhGfqwpnXea_HA4854SLTth5h76SJUyNjbU/s400/select-text-layer.gif)
9 - Para criarmos o fogo temos que virar a camada de texto e para fazer isso vamos em Image>> Rotate Canvas>> 90° CW.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLgFFDxUDpDOqzaAqViXuXn4zDG5wvJRWyrI42Kss3ahSjnGKnRKQHPknOGNlWXNK-hPy-ziTl9u2gExBS06Pam01mlZrqtOQ-AGY0zJHqA_k53K8VIMLcMmF23vm64KdPaYROxEz_F9s/s400/rotate-canvas-cw.gif)
Isso irá virar o texto.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxVAFy7XyKNoxERDl7TcyqGUUia1s3DmxLbtp4lP1kUUm66q19-s7bsjwQsj1PKiKZaoMe-bDLakjw91qfhHt-XtBTXWT3BWrNNfNPajFHZ4FWv8sy59EegGmcdDM_FC9wMzKU4mKHK6Q/s400/text-rotated-cw.gif)
10 - Agora vamos aplicar o efeito vento (wind), vá em Filter>> Stylize>> Wind.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3fb5NajPDWiB_CjXk_RlAJOIXI8JFtZrVIyBBsOyE5IWAW2QgMcRlPWlJANf-LU2E_Tw29jRuAA7mXm9kgW7iR0qc4cH57SEFYklak03pVjglcC9trzdekZfmwm9OURBB2r7axAF_sq4/s400/select-wind-filter.gif)
Irá abrir uma janela e você vai configura-la como a imagem abaixo, marque Method - Wind e Direction - From the Left.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglykFQ60s-SjkMwiRi10szVRznsujMacKQ3nAMExjTVJe8B3clMgDwGhXYWsuZRp8I-nXXbJ2PK1anJRuT_yAXE6hdUsOwng2TCHOAhDALm1PqgHvwCQijHll4CQQFF32Sx3V4J9UBVh0/s400/photoshop-wind-filter.gif)
quando você clicar em Ok ficará assim.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-3S0XdOtoNOHP8aRCEHFChMupQWl9l3JC9Meh1a7KIymFPv2t8g7ExK6Fhl26OMz48iMUj14vaxV_6Z4n4d5yH3fOY58OBwPYbehyphenhyphenh1pS4-WIQZ6LsrhCw6-DlHO463nrZ_fL3-igTwk/s400/wind-filter-applied.gif)
Agora vamos aplicar novamente o filtro Wind, não precisamos ir denovo lá no Filter, é só pressionar (Ctrl+F).
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivOhqNJJ3AN6g4YHQGQGPPLYOHfv-CKbUrCZv44CLAFnqmTxV_seGYyOb9jctHJ2kOydqzMbScOnrfxJh-LOIhtWJGkrSxUaY3CSo2q_jvQHUWZgKbSeC5KakDs9R1V_o-kRM27yHIcpo/s400/wind-filter-three-times.gif)
11 - Agora vamos virar ao modo normal, vá em Image>> Rotate Canvas>> 90° CCW.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhxG7YnIgIF0ctC20fFLOOubamtsVW_8jb0_VVamSA-NJtBuviCB9VaZTe_-DrgnyVYQaZz2Hlt7eLxJjVdwv7hxJ2wszbIR7HSb3Sx6iNpdScGu89VCS3J2UejAx3BDwAQt6P8ixNslw/s400/rotate-canvas-ccw.gif)
ele voltará ao modo normal.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtBj28b5HLqpAvIiW8i2jJA6kDgVAe2dCNEf-DU8LN0npEmDEiybnRbUlYiSp_mUwFYcQ5-2_x2jGVpcqmKkUTE4N7kSRzJShfs6iu5YqW-wPkYFGJKldCq2KporyYHv3iNFiuYtg8OrE/s400/image-rotated-ccw.gif)
12 - Agora vamos aplicar o efeito Gaussian Blur. Vá em Filter>> Blur>> Gaussian Blur.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkg1QfX-XgTcLfLo24LHKkvfG_ulqf9CXvzTN6PxUcTgsthsqbHAR4lJZNWCGXk2l5pv8jWv1b9jDCRjNsQ7jq47pY_3g-gVLyJssyW6BA3M6GXBVLVcHtzCPjxPIdU2rkvLqPLxJ7SZo/s400/select-gaussian-blur.gif)
Quando abrir essa janela você define Radius para 1,2 pixels e clica em OK.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK_e1lgGkXteXywO7SLPCgM2MtQk6d2dMZyCGnmCukNFtHT687uwQwrG5DY5XefXQEIuAaTQK245SpuYxOd7joQQzJM-rOoy4kB6FH8Z2UAci5zAR-TNlNU9lRVhSsxwY8VrX0WQIzDXk/s400/photoshop-gaussian-blur.gif)
Depois de clicar em Ok você vai está com esse resultado.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiavBEvgKsGpOruMfoWvXhLiqDkctzCoXOKk2ui-EPsqBdETxVWTlCSJkDmU_9hIpGqUXqdW4kBas3R_8JcuGDharUsufw15GAqeN673Ff_gaisJ3uCtljFGp9euTiyGnuzjo2Zb7wZoko/s400/text-gaussian-blur.gif)
13 - Vamos duplicar a camada de fundo, selecione na paleta a camada background e pressione (Ctrl+J).
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJEtsvn7t0q0lUvAL4FoRhNqQHBdWlGQgi_7ti4k9W2pt6lasxG2HlAbZE1zaSvr2FP2AoWgCvsB4wNxgiSxPIjn88Vm63iZvXnFeSWNM53jRbXKNNsYNX0Qr1jQ6Xuw8tDSDZhLMxPRA/s400/duplicate-background-layer.gif)
Agora selecione a camada FIRE que mostra aqui na minha paleta, na sua deve esta com o nome que você definiu ou qualquer outro nome. Depois de selecionada pressione (Ctrl+E) para mesclar para baixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMDvU1BiX_JfaD6WDVTuU8EIFe8LxVg22IYZPRyJvckdNq31hGlVy01Nm46t_3KphHHOhtzrfNifP5Og_LqPkkWVuKg69TB4Mxh6501Miam_51ZhqoRp61Y0jSygc0sW_Ev5bxZ12dcYU/s400/photoshop-merge-down.gif)
Isso mescla a camada de cima com a camada de baixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPsheJkxkJG5yfctfyVcfQSt073TgkJrYShupUuK_OsAIpO6csvoT5_ReSInkR8AW2HDIyTIdT5frBnrCeCTq_vFDDVAUoLOl9UKb9bBp77R2yM48D_C26rTbYIz6HNKX0hzDWdLxhHEY/s400/merged-layers.gif)
Agora renomeie a camada com o nome Flames, dê dois cliques na camada e edite.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNtteZb-04U9R6bwyGGiQk8Ay_CzkbvIFVL6f4ULmNAhxp5yHRsnaI7mZmnVUOYSAC8JZbd301JTMDrsiTUVD8MXh9BuF_KOozjAo3QlDTT2C_3y3mnRZssTeRxWrzjjyZB48VqxCRsnI/s400/rename-layer.gif)
14 - Agora crie um seleção retangular em torno do texto usando a ferramenta Rectangular Marquee Tool (M).
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho2Nc6OWoTtqtUJjb1UbORHYonlOcVzq7zNPt_eyAeLAT5HI_QvN69wlJKXb9iruJtN0_bC8_xW5AOx9ZVYUdKx5IjDoRmcxx8weVHOVqKagnEwy5t4NciMTTsjl8CBsxgyNGPSkSasnA/s400/photoshop-rectangular-marquee-tool.gif)
Tente fazer parecido com esse abaixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4qsnDYBI8e9pokhf_hNR9IeYMtBHkUkyz6EHWjO0gPqTKf_-sM911_Cn6JmxQGfb2UOH9SJ0WmtXUr-5_PGq1GKukIHwryrQtxJOXNGUg4ThFSlyToXFxGdaSkmim9LbKXV6HtOua06k/s400/select-text.gif)
15 - Agora vamos transforma ele com o filtro Liquify, vá em Filter>> Liquify ou pressione (Shift+Cltr+X).
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixacRQ2E6oJcRTrx4MLxtVpw2aaLlwp_NHabbQ5wZ_M2ztUpbMViohFSK41C8B0YI4AwvvATn2FV5dIDLo5z4hr4xfZdgY8o1-q1PIP6WaMhRsdrGjz-jBja01N5OsxJCa6Q5JCFLf6aM/s400/select-liquify.gif)
Agora selecione a primeira ferramenta Forward Warp Tool (W).
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHJNUCxMAcL_wxF9m1SFUPw48ufynx05xhgZ6ruYLl4QO6nLrBTcG5wKKvDMjajA_0XtqHne8RHF8X_NFB8rdNGvm92fv4NODkDm4LLzuYNqGt4mmSu7ff2ep-9frYqlWj-uqCftTKHMg/s400/liquify-warp-tool.gif)
configure com pedido abaixo. Brush Size - 100.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-RZEF7Im4iWFhLfUW-oxLVgj5RNGLz8XZlpFUurirC9onc7c8dkt_QKFcL6DqLUi6HGzMiXa2k1WX8w0codzN4u8q36JN5FkGc5Rs3MOsNqtoaQ3doPS_7CYnG6clQBCE6WWIVULW2sg/s400/brush-size-100.gif)
Faça uma trajetoria assim como pede a imagem abaixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEictJQOgxtjtcBUk-hSM3YDbqkJSYNJH1YU_jouitsgTJo0gKmovx7hCKUqU8yZbCG15eyq7QXSs-tBJnVsJSIthzitXex5IAlXndBQGWFs6oOUwAM2AL1KB5ghahR2V_Ku1uoDvW_dKgI/s400/streaks-wispy.gif)
Agora defina para 15 o Brush Size.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRYRho9KsgVlfAz1NFe82Sabke2JfEWbgJoOTd9y8g9CwP34EknFWKybhzHI8l5Vb3k_crU5rSRBV3S46H-MMBz3qJJ5tfhrZZL_kMuxJET_EO341u-D275s8pP8rHQ9hX3LH8xvFKCDo/s400/brush-size-15.gif)
Faça uma trajetoria assim como pede a imagem abaixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSnMrAQQ6UEjravtmH4BhRQWtHPBQySLO-GCwy7yOVJUFmL8ZQQAxPbq3KpZWeMwN9520ojouRqKuc4ikR_9snjXS5EkcA34o2xORA0PfYKk-tc8mOAdMypoc84PZK70fWYG9JqEVCPas/s400/photoshop-small-flames.gif)
Agora defina para 50 o Brush Size.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyLIHY8U17kqukFOScOb5JS_862toxFue-lendxjEexIfAVt3uAIsAA6v_zgg4DZnF6vcP7VN2Gr4l5zOe7d2z0Y4jAgb52c9rTVgT7tEmOtx3AASHqZ8oTRis_LnmGPK64t7jzux0iEE/s400/brush-size-50.gif)
Faça uma trajetoria assim como pede a imagem abaixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4ZZTqNlzxb8ONiKiR7QBOebNDGgUq4k-G6S4a8xCqXQo31kqtm6UBaQ6_ea-mBauIEh82_wWr74p_-5dlED30ZZjzrptI1Z5ixgm49bGcrLy5k65VruvZ5OHHfzkRbt5T4j2vdiXM5jw/s400/photoshop-large-flames.gif)
Sua imagem ficará assim.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMkFxDNsncmzX5wOEl_HlMzL58zF-9LOYtAFvQiBMTsgRtJiP0PvECmqcTa0LaCNNQtIUH5E-ATRQN9Lmj2cX9XSdPWeBUWAP489R917Wqv661QFey5KtUVPTRdnunLmVHcxDnqQoPOpo/s400/text-flames.gif)
16 - Agora vamos adicionar uma camada de Hue/Saturation. Faça o mesmo que pede na imagem abaixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNB0cPh77S-jUpuuSguEXEU-wLT8siFDIXwi-xBGX5tEpxWvDCT0zXzT72N5XgfrJu4XSHKEdrrWI1z_JTrfMBRBG4Z5KAnupxpSyB-EIfveruD28WbOo-62_HFdnIZr5HNSe4VpzQw_s/s400/select-hue-saturation.gif)
Agora defina as configurações abaixo. Hue - 40 / Saturation - 100 e ative a caixa Colorize.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilg76tZPIZARc5PJ38V4HaBOUsGofIl_UUrcf64AUVAd1Q44getAAe-unEfHas7PCVbKgt_OBULOimAxvS3bPfVs5n7mRBN4M9WOXGgkG9cYV6BjgWjxtFnOjxVKbmVvZZhMhia-0SCiI/s400/photoshop-hue-saturation.jpg)
Depois que clicar em OK seu texto ficará assim.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0CoofB094RLVzg3wVL3Hcx5U96V4qIVUE6HmhmGQjHTCeOgtqkMLp74PRKaKWeQ3gWtSWO0cgF6fiawAX5I3pGAbtVeEfItkhEoGWxr_YphOVKaBjeDwps4VrDxOv0PhaN1fe6Z0p0kU/s400/photoshop-flames-yellow.gif)
Agora vamos aplicar a segunda camada de Hue/Saturation. Faça o mesmo procedimento que o anterior mais com as configurações diferente, Hue -15.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEaG98t8TyzhpHVpoKwNHbOjkalM_54P7YtEMjOmAd-c-HhSQpeiaBps31LiDW-xpMhIpBJriKNxI3sr8cnaBFjcDipROQTAUE-9FSTwGY78Mjys7Y8N6NoXiIaI_Ovhft2ERRR4Ekoc0/s400/hue-saturation-2.jpg)
17 - Mude o Blending Mode para Overlay.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZfVyaOa6aJk6-fuU6L0x0uTCUi6tkzrSBuloyavP-r9NNJEgXX9xHDd9oWYY3bj5jyWI45O-bvt-rNTO6r21LQZthTmqRkhMWe2ZJkclcdJplAyROg4QfvTm8vQ5dXcZqYWJGPRl7Z3g/s400/overlay-blend-mode.gif)
Agora ficará assim sua imagem.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEw-ICjeqLGhl7PRikGEq_BE3AFqX1zLCJtQpoQ2lD6QB7vcXUeBkPv9kGyxTkoLOq_YhaKttsWp1VkJ7EFTf11hl0tSbfmXzWru3aVRnJMr9ii9f2A3QDgp1JjsrqNBTpU3cGXjeNGls/s400/text-flames-colorized.gif)
18 - Agora ative a camada que escondemos no começo do tutorial apertando no olhinho.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8HhPKKNFd007fVwQUwhjJQ5Ia3eqSrBXzrhyphenhyphenJEeXVa8R0KLHwklRc0GPddNtJQKuGD9ofjqYc2gKD9dZZ_niUch5eLOn21Iqoh_zeVARvP1M7jqkBWD-JCB5r9Vx8eee2pn1IScGvwrU/s400/photoshop-layer-visibility.gif)
19 - Agora vamos adicionar um Style Layer, pressione no botão no rodapé da paleta de camadas igual mostrado abaixo e escolha Gradient Overlay.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpbQq3DVyDLVKJbpLXbRiZPMdJ4pDIiFZdH83MolXuE_ECRfnKlBWoeGdmmHGd3a5bp19ubf0J47WQahUXWDGpCe3adVH1xX9XCGpD0Mdhp536ZgEp_Gf876wtffn-AzHGb94Avqos_DM/s400/select-gradient-overlay.gif)
Clique no editor de gradiente para ajustar as cores.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1XlmLpCmHWE-UQd2geQgwKlGUhyphenhyphen_uNWGTi3C8OxNIU2dtrurz9imYLNCI8PIDdSO-CJBNogUCd8ct6nJy2wvZgxu8zkjAtfwVqCD5kl9c7_ptI64urybNzpZ0HaCt0HXLJPbC9c0kPwU/s400/gradient-overlay-options.gif)
e ajuste as cores do gradiente #1d0d01.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCQRDrIAV2qcEQ6ICzv9rCWwz5F8Ye-FGwDBbSsAAUcXWwXv1_agiG_Us6RvJASrhDZy_PRSNg6YzRLtJvxMq5lJkMoxULifhM3dSu7bcqqJ9EQSvF1nvuDeJRkYYxr3GDR7AXAAxDpAk/s400/photoshop-gradient-editor.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP518ODQvqqkHHgm0H5vqTEBy-WhpQpgzc274tI2xPNGmlvLnRblmJ2NRCWswgjjZV1oG98qp7Ln461SHYp1lyns6fBUDRrEv1bJ-YDiyji7fZDYQ9drVuzfu6x_jF84uQpCc3WSmqTSY/s400/color-picker-1.jpg)
#f8a007.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMdM8n5WRFbOFP99l4A5rBd4yftszLeOQTp1XU9Eb1LyCCB4Xi5GgkKNDLLbvMSIOrbK6owTjhX-LiiTsdlLF-igJj63A4PeQRsGVbv7upV3Nk9K3zzkLvtk0VcCDc2sd8iV_xp5mYs8k/s400/gradient-editor-2.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSuVSR2evwIzZoc9Hfx9cCF16K3HBxLDd6X0ZO-0t-zj_M0e2qS6uI1VD1YCkFSjPU9fo4Hh2-HEGQtSTwV90LTZJrCKZ0oT6WmrKTHm5ONC01MR8EkGkEkGqe_IG-FBfZmrAALatduos/s400/color-picker-2.jpg)
Ajuste as configurações como pedido abaixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNnOqNhEXR9owXhKo1sgh03L5LglFV-nVL7u08d2e2P6Y4ztTiuXWYGWBxhXCKXULuT0zzEDPya1fw48imw9uzJ_ZYCy6ojjK7l78cj3mMVlKKEwxzThWWPo1kspQrCXsKvsEnwXjpvkE/s400/gradient-overlay-options-2.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJTEWLR8ybmER0yFgNxXYioANi_faU8hHsBftEjlfucFjUG0pFMCZYgu5-DIfV3ITZD-mj5It11ViOeUhGlEJZHCA0duFbhZhJZAmoeh9WBjz-dXraG8ByHoADWqmYucoxnHUZbnDcUjo/s400/text-custom-gradient.jpg)
20 - Vamos adicionar uma mascara de camada a camada de texto, aperte no ícone Add Layer Mask.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtY9qUa_drXWUIPHrB3KrYD5vGotqOdKb2-ZRl1gxIBDy5433OBlgaXbED3USHj3JXJZtAvhvQnRl0fBI7BuOGt0Wq8q0wlHKWwEQH3TEXeRn7WuLhvQI46dMy0G6myRV_IQwh4FtaipY/s400/layer-mask-icon.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmecCa8oKZMtzPYr2zNb81FKnBkE20TCq-luIXW10Ia4B-kimPiJyICw9dar3TbWQhU72VIzAKiR8q1uHqgqWUV1vYUDe9l_AlDGf658D2lUALsyIjf7EKEKfECdm51WuFAPvo5wtM4Vs/s400/layer-mask-thumbnail.gif)
Selecione a ferramenta Brush Tool (B).
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFL4kWyksdk5yphHNL6hvgA4FE4UEh_YmqQMC1s_qAbb-6ErHo_eJPE6waXulwFiRf2Y2GWer9SDB3N5hyphenhyphen8N5D1vVr0Ixgwo_PKpG-71OpBV8V45xCrBC5M1mThomddDSvmvjRIpE1hz8/s400/photoshop-brush-tool.gif)
Ajuste as cores pressionando D e depois X para ficar o preto no foreground e o branco no background.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN2AsiIlQ8UZCXvxXlrr8Y25Qdnt36O7em9yvAIg-1W3zpzoGt372XgKMhQuy0SrdWGo_nl5lb7k2qFygjh9FXrl3pnyKOuFcEmOtaqMIMcHIJXCxT-vcn_ZrWCEfzSywip3VCI0o3PxI/s400/foreground-black.gif)
Pinte as bordas para ajustar do jeito que você preferir.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZSLydbmxf-VchPW-RaiqqBqbmqKEeYI5OgctNHSr52DSrTxtk4AfCGrQXk-6Cn7fgPSY0GmkD_rMvkyOu1qN50r5xDiYuXjOsNHv2M8tPqp51CqfPmZ7b8Zwy_0Gd8ve1DHgYBg8sPII/s400/hiding-text-edges.jpg)
Já ajustado.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcs2tTnPnED-kp2WYddH2J8ql_WSILuYn78GksQ9rGhIzM-dctOwwTlkB6RffPUuP1GrqFGe6uvzJoBAqO4SuENb99IOkr4WMhMy6UV0e9lv2y-OkIAt1Ccll8zq-Q6cvnf0qBsbZPIio/s400/text-fire.jpg)
RESULTADO FINAL
Nossa Avaliação Do Conteúdo:![](http://img528.imageshack.us/img528/8256/star32.png)
![](http://img528.imageshack.us/img528/8256/star32.png)
![](http://img528.imageshack.us/img528/8256/star32.png)