tag:blogger.com,1999:blog-52078815440843631382024-10-07T01:34:28.369-03:00O blog Formação Design foi fundado por <a href="https://plus.google.com/102018052117998131237" rel="author">Felipe Ghizini</a> no dia 12/10/13, com intuito de ajudar e ensinar iniciantes na área de design, blogger e outros. Fiquem a vontade para perguntar, comentar ou compartilhar nosso conteúdo nas redes sociais!Anonymoushttp://www.blogger.com/profile/13017634665477203724noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-5207881544084363138.post-24051531195933732062014-08-17T15:53:00.002-03:002014-08-17T15:53:25.157-03:00<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMXHr8qugPp_C1aY969RvrcmOcLz4XItxS2Cgtlsy2Jlz0BtYCMfsSdVxoUrp3VPWnRWuXYf-X_5dMeXZFHr-d69RPq3LeV6Qg3Ug-p81ELWf0idyFMFErlIvafiNcF-jJagZi-BVN-ouc/s1600/download+de+fontes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMXHr8qugPp_C1aY969RvrcmOcLz4XItxS2Cgtlsy2Jlz0BtYCMfsSdVxoUrp3VPWnRWuXYf-X_5dMeXZFHr-d69RPq3LeV6Qg3Ug-p81ELWf0idyFMFErlIvafiNcF-jJagZi-BVN-ouc/s1600/download+de+fontes.jpg" /></a></div> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Como todos já sabem fontes são um dos itens essenciais para um belo trabalho, então resolvi separar algumas de minhas fontes preferidas para download (via <a href="http://www.dafont.com/" target="_blank">dafont</a>)...</span><br /> <span style="font-family: Verdana, sans-serif;"></span><br /> <a name='more'></a><span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Para baixar, clique sobre o nome.</span><br /> <blockquote style="background-color: white; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; line-height: 13.5px;"> <ol> <li><a href="http://www.dafont.com/admiration-pains.font" style="cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none;" target="_blank"><span style="color: black; font-family: Verdana, sans-serif;">Admiration Pains</span></a></li> <li><a href="http://www.dafont.com/advert.font" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank"><span style="color: black; font-family: Verdana, sans-serif;">Advert</span></a></li> <li><span style="font-family: Verdana, sans-serif;"><a href="http://www.dafont.com/al-kisah.font" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank">Al Kisah</a>&nbsp;</span></li> <li><a href="http://www.dafont.com/aladdin.font" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank"><span style="color: black; font-family: Verdana, sans-serif;">Aladdin</span></a></li> <li><a href="http://www.dafont.com/alegre-sans-nc.font" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank"><span style="color: black; font-family: Verdana, sans-serif;">Alegre Sans</span></a></li> <li><a href="http://www.dafont.com/alien-league.font" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank"><span style="color: black; font-family: Verdana, sans-serif;">Alien League</span></a></li> <li><a href="http://www.dafont.com/american-captain.font" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank"><span style="color: black; font-family: Verdana, sans-serif;">American Captain</span></a></li> <li><a href="http://www.dafont.com/amplify.font" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank"><span style="color: black; font-family: Verdana, sans-serif;">Amplify</span></a></li> <li><a href="http://www.dafont.com/annivers.font" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank"><span style="color: black; font-family: Verdana, sans-serif;">Anniversdemo</span></a></li> <li><span style="font-family: Verdana, sans-serif;"><a href="http://www.dafont.com/archistico.font" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank">Archistico</a>&nbsp;</span></li> <li><a href="http://fontfabric.com/archive-free-font/" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank"><span style="color: black; font-family: Verdana, sans-serif;">Archive</span></a></li> <li><a href="http://www.dafont.com/babydoll.font" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank"><span style="color: black; font-family: Verdana, sans-serif;">Babydoll</span></a></li> <li><a href="http://www.dafont.com/ballpark-weiner.font" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank"><span style="color: black; font-family: Verdana, sans-serif;">Ballpark</span></a></li> <li><a href="http://www.dafont.com/barn-owl.font" style="-webkit-transition: 0.3s ease-in; cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none; transition: 0.3s ease-in;" target="_blank"><span style="color: black; font-family: Verdana, sans-serif;">Barn Owl</span></a></li> <li><span style="font-family: Verdana, sans-serif;"><a href="http://www.dafont.com/bebas-neue.font" style="cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; text-decoration: none;" target="_blank">Bebas Neue</a>&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;"><a href="http://www.dafont.com/billo-dream.font?text=Billo" target="_blank">Billo</a></span></li> </ol> </blockquote> Anonymoushttp://www.blogger.com/profile/13017634665477203724noreply@blogger.comtag:blogger.com,1999:blog-5207881544084363138.post-53505053858273122692014-08-17T13:24:00.001-03:002014-08-17T13:24:07.671-03:00<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHUop95TJYoAvSNKgEKtZQuDH4ZwmVSwrVd-wPWCm7notrlLp2fDYxW7XjZP8GOdI1iCxJmP5CQo6a95-TTpt6Dl8GZmIHeVx7XweamOJVlZtcV0iuPR6QgjeHWLLnk6e83YfiyqlMWdxP/s1600/123.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHUop95TJYoAvSNKgEKtZQuDH4ZwmVSwrVd-wPWCm7notrlLp2fDYxW7XjZP8GOdI1iCxJmP5CQo6a95-TTpt6Dl8GZmIHeVx7XweamOJVlZtcV0iuPR6QgjeHWLLnk6e83YfiyqlMWdxP/s1600/123.jpg" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <span style="font-family: Verdana, sans-serif; text-align: start;">Muito usado no ''tumblr'' em sua maioria por meninas, o efeito de palaroids é muito facil de ser adquirido, confira o tutorial.</span></div> <div style="background-color: white; line-height: 12px; text-align: justify;"> </div> <a name='more'></a><br /> <ol> <li><span style="font-family: Verdana, sans-serif;">Abra uma imagem qualquer já editada no photoshop, vá em ''layer &gt; flatten image''</span></li> <li><span style="font-family: Verdana, sans-serif;">Em seguida vá em ''image&gt; image size'' e defina a largura (Width) como 250 pixels.</span></li> <li><span style="font-family: Verdana, sans-serif;">Depois de ter feito isto, salve a imagem abaixo e a abra no Photoshop.<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaSQQK1AeRoJuR9an8yHN3bHkbsWit26uGWYM3YUBgxj8kbg22Pr982icbHy7DoZ-2J7qIlMDP2p1unbF0IY_XzEWdUroxtbuqXu2OPKfoMIJEatp1n1AGgfNbtzxlTwBjtAgLudsAWzJb/s1600/tumblr_lyjrykQgMT1qjljs9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="efeito de Polaroids " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaSQQK1AeRoJuR9an8yHN3bHkbsWit26uGWYM3YUBgxj8kbg22Pr982icbHy7DoZ-2J7qIlMDP2p1unbF0IY_XzEWdUroxtbuqXu2OPKfoMIJEatp1n1AGgfNbtzxlTwBjtAgLudsAWzJb/s1600/tumblr_lyjrykQgMT1qjljs9.png" title="Efeito de Polaroids " /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Efeito de Polaroids</td></tr> </tbody></table> </span></li> <li><span style="font-family: Verdana, sans-serif;">Coloque a imagem principal em cima da outra, em seguida, no modo de mesclagem selecione ''Screen''</span></li> <li><span style="font-family: Verdana, sans-serif;">Posicione a imagem do jeito que desejar...</span></li> <li><span style="font-family: Verdana, sans-serif;">Agora é só salvar!&nbsp;</span></li> </ol> <br />Anonymoushttp://www.blogger.com/profile/13017634665477203724noreply@blogger.comtag:blogger.com,1999:blog-5207881544084363138.post-64264851230747634762014-08-17T12:55:00.000-03:002014-08-17T12:55:06.316-03:00<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMn-i3-BZ8VfC-0UzcN30KW1s4sau2amIRqlYXaH4dLTaezx7abhPZM1l5Li-VtcdbmahBfjVrb3Ak2DWS8qLMP5EEwbBN2cRzdhKyPCdRI-xpxr23bhF4yrFUlfXoxy1DxmBqq-lVgq15/s1600/123.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMn-i3-BZ8VfC-0UzcN30KW1s4sau2amIRqlYXaH4dLTaezx7abhPZM1l5Li-VtcdbmahBfjVrb3Ak2DWS8qLMP5EEwbBN2cRzdhKyPCdRI-xpxr23bhF4yrFUlfXoxy1DxmBqq-lVgq15/s1600/123.jpg" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <span style="font-family: Verdana, sans-serif; text-align: start;">Colocar uma imagem dentro de outra é um recurso muito usado ultimamente e considerado muito ''banal'' para ser feito, confira.</span></div> <div style="background-color: white; line-height: 12px; text-align: justify;"> </div> <a name='more'></a><br /> <ol> <li><span style="font-family: Verdana, sans-serif;">Abra sua imagem (chamaremos de imagem1) no Photoshop</span></li> <li><span style="font-family: Verdana, sans-serif;">Selecione a ferramenta ''Quick Selection Tool'' e retire o fundo, em seguida selecione a pessoa usando ''Select &gt; Load Selection)</span></li> <li><span style="font-family: Verdana, sans-serif;">Com a imagem1 selecionada, selecione a <b>cor preta</b> e vá em ''Layer&gt; New Fill Layer&gt; Solid Color.</span></li> <li><span style="font-family: Verdana, sans-serif;">Agora, abra a imagem2 (Que deseja colocar dentro da pessoa).</span></li> <li><span style="font-family: Verdana, sans-serif;">Clique com o botão direito sobre o layer da imagem2 e sem seguida selecione ''Create Clipping Mask''.</span></li> <li><span style="font-family: Verdana, sans-serif;">Seu trabalho estará pronto, mas para dar um toque final, arraste a layer da imagem1 para cima de todas e coloque opacidade em 30%.</span></li> <li><span style="font-family: Verdana, sans-serif;">Agora é só salvar!&nbsp;</span></li> </ol> <br />Anonymoushttp://www.blogger.com/profile/13017634665477203724noreply@blogger.comtag:blogger.com,1999:blog-5207881544084363138.post-33573469196210644502013-12-19T18:14:00.002-02:002014-08-17T12:56:21.723-03:00<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeeJbiK56eZSJSED7exN824wCQ7yEE-tYZgewjWK-1aE4NzLdefWNXLPdbYSVjklbZj3jm9oqhhHenJxlmXDzqwCT8frBDbNfoZWotqUGVeioy7ZkKdft8EaPTDlXxoBWiTE8peZL_NxY7/s1600/efeitonuvemfake.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img alt="nuvem fake" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeeJbiK56eZSJSED7exN824wCQ7yEE-tYZgewjWK-1aE4NzLdefWNXLPdbYSVjklbZj3jm9oqhhHenJxlmXDzqwCT8frBDbNfoZWotqUGVeioy7ZkKdft8EaPTDlXxoBWiTE8peZL_NxY7/s1600/efeitonuvemfake.jpg" title="Efeito Nuvem Fake no photoscape" /></span></a></div> <span style="font-family: Verdana, sans-serif;">Colocar uma ''nuvem'' fake em uma imagem é muito simples até para aqueles que não sabem nada de design. Nesta aula usaremos alguns recursos do programa <a href="http://www.photoscape.org/" target="_blank">PhotoScape</a>.</span><br /> <a name='more'></a><span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Primeiramente, abra o&nbsp;<a href="http://www.photoscape.org/" target="_blank">PhotoScape</a>, vá em editor escolha sua foto, agora siga os passos abaixo!</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <br /> <ol> <li><span style="font-family: Verdana, sans-serif;">Clique no meio do botão ''Brilho, Cor'', não clique na setinha e sim no meio do botão!</span></li> <li><span style="font-family: Verdana, sans-serif;">Na janela que se abre, mude o campo ''Exposição'' para 0.95 em seguida clique em OK.</span></li> <li><span style="font-family: Verdana, sans-serif;">Vá nas opções de ''Avivar'' selecione ''Alto''</span></li> <li><span style="font-family: Verdana, sans-serif;">Vá em Filme&gt; Efeito Filme &gt; Processo Cruzado Médio.</span></li> <li><span style="font-family: Verdana, sans-serif;">Vá em filtro novamente, vá em vinheta&gt;vinheta.</span></li> <li><span style="font-family: Verdana, sans-serif;">Quando clicar em vinheta ira abrir uma janela, quase no rodapé desta janela haverá uma opção escrito ''Branco'', selecione-a!</span></li> <li><span style="font-family: Verdana, sans-serif;">Repare que nesta janela existem várias opções, selecione uma por vez até que chegue no resultado que você esperava.</span></li> <li><span style="font-family: Verdana, sans-serif;">Agora é só salvar!&nbsp;</span></li> </ol> <span style="font-family: Verdana, sans-serif;">Obs: Se você quiser que a ''Nuvem'' fique preta, desmarque a opção ''Branco''</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span>Anonymoushttp://www.blogger.com/profile/13017634665477203724noreply@blogger.comtag:blogger.com,1999:blog-5207881544084363138.post-89262471848934813342013-12-19T12:58:00.002-02:002014-08-17T12:56:31.612-03:00<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ulVdT2RAkvQRiMKXalkovVuuVPBP1Igm0hfNXvP3bAta9ST_9MR9kKD01HlYbtwcp4si_jVqjXREwd7nCd5gQPeCYRf5nnttqkF_p8rsAY1gcLWcvJjv5KmW4YW-2rbELrUwwm7eMNKH/s1600/blueblackphotoscape.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img alt="Efeito no photoscape" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ulVdT2RAkvQRiMKXalkovVuuVPBP1Igm0hfNXvP3bAta9ST_9MR9kKD01HlYbtwcp4si_jVqjXREwd7nCd5gQPeCYRf5nnttqkF_p8rsAY1gcLWcvJjv5KmW4YW-2rbELrUwwm7eMNKH/s1600/blueblackphotoscape.jpg" title="Efeito Blue Black and White no photoscape" /></span></a></div> <span style="font-family: Verdana, sans-serif;">O ''Efeito Blue Blakc and White'' é um efeito muito bom para ser usado em suas fotos, alem de deixa-las com uma aparência mais profissional ela é muito fácil de ser criado, para este tutorial usaremos apenas ''Filtros'' do famoso <a href="http://www.photoscape.org/" target="_blank">PhotoScape</a>.</span><br /> <a name='more'></a><br /> <div> <span style="font-family: Verdana, sans-serif;">Primeiramente é claro, abra o PhotoScape, clique em ''Editor'' e abra sua imagem. Agora vamos dar o início ao tutorial!</span></div> <div> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gGbnzCEijlxF-vMz9O5UBZJbmhSkFUslJWLc6t2XZ_ZnrXZjci_0KrgMNbMaraWDOAzmFA_g7CGssiGtteSJ7Tq8e0zmdM2z03knzUIPMuvFpyjeaY6GMmB8leFP9K6NNuHLNffJ-dk5/s1600/1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ferramentas do photoscape" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gGbnzCEijlxF-vMz9O5UBZJbmhSkFUslJWLc6t2XZ_ZnrXZjci_0KrgMNbMaraWDOAzmFA_g7CGssiGtteSJ7Tq8e0zmdM2z03knzUIPMuvFpyjeaY6GMmB8leFP9K6NNuHLNffJ-dk5/s400/1.jpg" height="89" title="Imagem demonstrativa " width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Imagem ''Guia'' (Foto: Felipe Ghizini)</td></tr> </tbody></table> <div> <ol> <li><span style="font-family: Verdana, sans-serif;">Clique sobre o ícone ''Escala Cinza'' (Mostrado na imagem acima com o numero 1)</span></li> <li><span style="font-family: Verdana, sans-serif;">Agora vá em Filtro (Mostrado na imagem acima como numero 2) e faça os procedimentos abaixo:</span></li> </ol> <ul> <li><span style="font-family: Verdana, sans-serif;">Filtro &gt; Efeito Filme &gt; Processo Cruzado - Baixo&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Filtro &gt; Efeito Filme &gt; Provia - Baixo</span></li> <li><span style="font-family: Verdana, sans-serif;">Filtro &gt; Efeito Filme &gt; Portra - Baixo&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Filtro &gt; Efeito Filme &gt; Cinema – Baixo&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Filtro &gt; Efeito Filme &gt; Agfa - Baixo</span></li> </ul> </div> <div> <span style="font-family: Verdana, sans-serif;">Seu efeito estará criado, basta salvar! Obrigado :D</span></div> Anonymoushttp://www.blogger.com/profile/13017634665477203724noreply@blogger.com