tag:blogger.com,1999:blog-38540691631663174032012-02-10T08:42:02.565-02:00Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.comBlogger142125AnaPaulaMiranda-AdobeCertifiedhttp://feedburner.google.comtag:blogger.com,1999:blog-3854069163166317403.post-30473503650549752092012-01-22T19:44:00.002-02:002012-01-22T20:56:34.687-02:002012-01-22T20:56:34.687-02:00Usar item de biblioteca no Dreamweaver é uma forma de manutenção em nosso <i>site </i>e nos facilita futuras atualizações.<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=BmfYX0GBurU">vídeo aula</a> e veja como fazer...<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://2.bp.blogspot.com/-aTunf52HOWA/TxyDNM4qryI/AAAAAAAABFg/rtWZKWLGdkM/s1600/item.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="73" src="http://2.bp.blogspot.com/-aTunf52HOWA/TxyDNM4qryI/AAAAAAAABFg/rtWZKWLGdkM/s320/item.png" width="320" /></a></div> <br /> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-3047350365054975209?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/28OZGFzHCg8" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2012/01/item-de-biblioteca-no-dreamweaver.htmltag:blogger.com,1999:blog-3854069163166317403.post-85998537076569713382012-01-11T00:24:00.000-02:002012-01-11T01:10:08.675-02:002012-01-11T01:10:08.675-02:00Podemos fazer coisas muito interessantes com textos no Flash.<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=KwQqaA00k2s">vídeo aula</a> e tenha bastante criatividade....<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/-yp40ve0FwpE/TwzysaGVWLI/AAAAAAAABFU/tWBm7sgQBC4/s1600/leras.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="179" src="http://1.bp.blogspot.com/-yp40ve0FwpE/TwzysaGVWLI/AAAAAAAABFU/tWBm7sgQBC4/s320/leras.jpg" width="320" /></a></div> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-8599853707656971338?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/hlOjy1JErlw" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2012/01/letras-animadas-no-flash.htmltag:blogger.com,1999:blog-3854069163166317403.post-85789887447623090402011-12-08T13:51:00.001-02:002011-12-08T15:05:20.697-02:002011-12-08T15:05:20.697-02:00Uma procedimento bem útil e talvez ajude você em alguns projetos é remover símbolos do palco no Flash.<br /> <br /> Exemplo: você tem um banner sobre seu site em Flash e gostaria que quando clicasse no botão Fechar, fosse fechado esse banner... então assista a <a href="https://www.youtube.com/watch?v=q6CHrMGsihw">vídeo aula</a>...<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/-Y53DnzvalEE/TuDd_ylKaQI/AAAAAAAABFI/bFsA6KceZaY/s1600/banner.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="152" src="http://1.bp.blogspot.com/-Y53DnzvalEE/TuDd_ylKaQI/AAAAAAAABFI/bFsA6KceZaY/s320/banner.jpg" width="320" /></a></div> <br /> <br /> <br /> <br /> <br /> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-8578988744762309040?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/lFQmwPNW81c" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com2http://www.anapaulaweb.com.br/2011/12/removendo-simbolos-do-palco-no-flash.htmltag:blogger.com,1999:blog-3854069163166317403.post-72406453417335198472011-11-27T14:41:00.001-02:002011-11-27T15:37:17.114-02:002011-11-27T15:37:17.114-02:00<a href="http://2.bp.blogspot.com/-HXEELlfSsYk/TtJoKShXlPI/AAAAAAAABFA/7QGxw1e6nL0/s1600/filter.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-HXEELlfSsYk/TtJoKShXlPI/AAAAAAAABFA/7QGxw1e6nL0/s320/filter.jpg" width="320" /></a><br /> <br /> <br /> <br /> <br /> Continuando com nossos efeitos em filtro, nessa <a href="http://www.youtube.com/watch?v=SYNS6lAQ6u8">vídeo aula</a> vamos trabalhar com o filtro Halftone.<br /> <br /> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-7240645341733519847?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/M3c9JCxMps8" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/11/filtro.htmltag:blogger.com,1999:blog-3854069163166317403.post-31484564990064413312011-11-26T00:04:00.001-02:002011-11-26T01:22:21.148-02:002011-11-26T01:22:21.148-02:00Podemos fazer alguns efeitos muito legais usando alguns filtros no Photoshop CS5.<br /> <br /> Nessa <a href="http://www.youtube.com/watch?v=4DttHgSg-t4">vídeo aula</a> usei os filtros: color halftone e wave. <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-H4gRzN37-BU/TtBJoxMvcbI/AAAAAAAABE4/h06pZ5fG9ak/s1600/filter.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-H4gRzN37-BU/TtBJoxMvcbI/AAAAAAAABE4/h06pZ5fG9ak/s320/filter.jpg" width="320" /></a></div> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-3148456499006441331?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/e7NTCnKNTxs" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/11/filtros-color-halftone-e-wave-no.htmltag:blogger.com,1999:blog-3854069163166317403.post-59924488911893228382011-11-21T23:17:00.001-02:002011-11-22T00:13:17.277-02:002011-11-22T00:13:17.277-02:00<div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/-MWVr5ZmPmj8/Tsr6URxSg-I/AAAAAAAABEk/pm1Qo1Bd0WQ/s1600/import.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="159" src="http://1.bp.blogspot.com/-MWVr5ZmPmj8/Tsr6URxSg-I/AAAAAAAABEk/pm1Qo1Bd0WQ/s320/import.jpg" width="320" /></a></div> Uma forma de trabalharmos com carregamento de símbolos, no caso movie clip animado, no Flash é importando-o direto da sua biblioteca, ou seja, esse símbolo não precisa estar na Timeline do Flash, mas precisa estar na biblioteca do programa.<br /> <br /> Entenda como podemos fazer isso assistindo a <a href="http://www.youtube.com/watch?v=QncazMfYsn4">vídeo aula</a>...<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <br /> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-5992448891189322838?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/HMsWS13IP0g" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/11/importando-simbolos-da-biblioteca-no.htmltag:blogger.com,1999:blog-3854069163166317403.post-70852070654211424652011-11-15T19:12:00.001-02:002011-11-15T19:40:48.128-02:002011-11-15T19:40:48.128-02:00<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/-ai0jGws3SyA/TsLYzb-CsuI/AAAAAAAABEI/c0da7YjthVQ/s1600/line-01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="267" src="http://1.bp.blogspot.com/-ai0jGws3SyA/TsLYzb-CsuI/AAAAAAAABEI/c0da7YjthVQ/s320/line-01.png" width="320" /></a></div> <br /> <br /> <br /> Com as ferramentas <b>Line Segment</b> e <b>Arc</b> juntamente com algumas teclas de atalho conseguimos fazer coisas bem interessantes.<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=IL4lALacS6g">vídeo aula</a>...<br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-7085207065421142465?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/suspm8O0Nm0" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/11/trabalhando-com-linhas-no-ilustrator.htmltag:blogger.com,1999:blog-3854069163166317403.post-55552458504897849632011-11-13T20:47:00.001-02:002011-11-13T21:18:42.755-02:002011-11-13T21:18:42.755-02:00Podemos usar o Photo Filter para correção de invasão de cores em uma foto.<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=GMXkxx2bCt4">vídeo aula</a> a veja como...<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-3OMyJTpUUk8/TsBJRTQvSYI/AAAAAAAABDs/WLxICk25fLE/s1600/photo.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-3OMyJTpUUk8/TsBJRTQvSYI/AAAAAAAABDs/WLxICk25fLE/s320/photo.jpg" width="213" /></a></div> <br /> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-5555245850489784963?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/n716TlRO0bw" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/11/usando-photo-filter-para-correcao-de.htmltag:blogger.com,1999:blog-3854069163166317403.post-21281025776686612322011-11-13T18:56:00.001-02:002011-11-13T19:41:51.748-02:002011-11-13T19:41:51.748-02:00Existem muitos exemplos prontos no Flash CS5.5 que podem ser aproveitados em nossos projetos.<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=CUNu5dihTm4">vídeo aula</a> para ver como podemos fazer uma Contagem Regressiva a partir de um Template no Flash CS5.5.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-Dmyd4cOvfHQ/TsAvc4W9D-I/AAAAAAAABDk/6KDoBuFvJwQ/s1600/data.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Dmyd4cOvfHQ/TsAvc4W9D-I/AAAAAAAABDk/6KDoBuFvJwQ/s1600/data.jpg" /></a></div> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-2128102577668661232?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/lKKC2x7cRx8" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/11/contagem-regressiva-no-flash-cs55.htmltag:blogger.com,1999:blog-3854069163166317403.post-75501186700454604052011-11-08T12:31:00.002-02:002011-11-08T17:32:40.097-02:002011-11-08T17:32:40.097-02:00Pessoal, meu livro está muito bom e possui vários exercícios e laboratórios para treinar...<br /> <br /> Pode ser adquirido pela Livraria Cultura, Livraria Saraiva ou no <a href="http://www.visualbooks.com.br/shop/mostralivro.asp?escolha=9788575022702">Site da Editora</a>.<br /> <br /> Abraços :)<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://2.bp.blogspot.com/-_MmqwsLHUqw/TYF22c3XfcI/AAAAAAAAA04/6y9jOk43Mr4/s1600/Capa.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-_MmqwsLHUqw/TYF22c3XfcI/AAAAAAAAA04/6y9jOk43Mr4/s320/Capa.jpg" width="216" /></a></div> <br /> <br /> <br /> <br /> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-7550118670045460405?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/wfIBlbCOUFM" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/11/meu-livro-sobre-flash-cs5.htmltag:blogger.com,1999:blog-3854069163166317403.post-24216819956525028332011-11-02T22:39:00.002-02:002011-11-02T23:37:43.148-02:002011-11-02T23:37:43.148-02:00Podemos fazer o efeito de alterar a cor dos olhos de várias formas, mas eu gosto bastante dessa forma que vou apresentar para vocês na <a href="http://www.youtube.com/watch?v=u1QWZidU2TA">vídeo aula</a>...<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-dYTUQhpX6dE/TrHisjAYRAI/AAAAAAAABCs/ZhUR6nhG6k4/s1600/mulher.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-dYTUQhpX6dE/TrHisjAYRAI/AAAAAAAABCs/ZhUR6nhG6k4/s320/mulher.jpg" width="214" /></a></div> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-2421681995652502833?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/kMAiICIu9QE" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/11/mudando-cor-dos-olhos-com-o-photoshop.htmltag:blogger.com,1999:blog-3854069163166317403.post-80495331783141821772011-10-22T21:34:00.000-02:002011-10-22T21:45:58.281-02:002011-10-22T21:45:58.281-02:00Através do painel Code Snippets no Flash CS5.5 podemos criar nossas próprias ações. A Action que vou usar para esse exemplo é:<br /> <br /> import fl.transitions.Tween;<br /> import fl.transitions.easing.*;<br /> import flash.events.MouseEvent;<br /> <br /> var mov:Tween = new Tween(mc, "rotation", Elastic.easeInOut, 0, 360, 4, true);<br /> <br /> <b>Importante:</b> Estou usando ActionScript 3.0. Assista a <a href="http://www.youtube.com/watch?v=90-6L2KIzik">vídeo aula</a> para ver o efeito.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/-unh57zpYK0w/TqNTr4f7_xI/AAAAAAAABCY/13u8xBIDMrg/s1600/code.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="204" src="http://1.bp.blogspot.com/-unh57zpYK0w/TqNTr4f7_xI/AAAAAAAABCY/13u8xBIDMrg/s320/code.jpg" width="320" /></a></div> <br /> <br /> <br /> <br /> <br /> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-8049533178314182177?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/EfDIxYA1tmk" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/10/criando-um-codido-pelo-painel-code.htmltag:blogger.com,1999:blog-3854069163166317403.post-90351271393466071782011-10-20T22:44:00.000-02:002011-10-20T23:37:22.091-02:002011-10-20T23:37:22.091-02:00Podemos fazer coisas interessantes com o formato de cor Lab.<br /> <br /> <span class="Apple-style-span" style="font-family: Times,'Times New Roman',serif;">Lab quer dize<span class="Apple-style-span" style="line-height: 16px;">r&nbsp;</span><span class="Apple-style-span" style="line-height: 16px;">luminosidade (L), possui o componente&nbsp;</span><span class="Apple-style-span" style="line-height: 16px;"><dfn class="term" style="color: #333333; display: inline; font-style: normal; font-weight: bold;">a</dfn></span><span class="Apple-style-span" style="line-height: 16px;">&nbsp;(eixo de verde-vermelho) e o componente&nbsp;</span><span class="Apple-style-span" style="line-height: 16px;"><dfn class="term" style="color: #333333; display: inline; font-style: normal; font-weight: bold;">b&nbsp;</dfn></span></span><br /> <span class="Apple-style-span" style="font-family: Times,'Times New Roman',serif;"><span class="Apple-style-span" style="line-height: 16px;">(eixo de azul-amarelo).</span></span><br /> <span class="Apple-style-span" style="font-family: Times,'Times New Roman',serif;"><span class="Apple-style-span" style="line-height: 16px;"><br /></span></span><br /> <span class="Apple-style-span" style="font-family: Times,'Times New Roman',serif;"><span class="Apple-style-span" style="line-height: 16px;">Assista a <a href="http://www.youtube.com/watch?v=F5x7XCj48Cw">vídeo aula</a>...</span></span><br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/-b_eVEgmMPIA/TqDAVL8ZY7I/AAAAAAAABCM/nXkO52FqOh4/s1600/fotoLab.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="124" src="http://1.bp.blogspot.com/-b_eVEgmMPIA/TqDAVL8ZY7I/AAAAAAAABCM/nXkO52FqOh4/s320/fotoLab.jpg" width="320" /></a></div> <br /> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-9035127139346607178?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/axbzcVMBvA0" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/10/modo-de-cor-lab.htmltag:blogger.com,1999:blog-3854069163166317403.post-56759181392797020602011-10-16T19:45:00.002-02:002011-10-18T16:22:45.657-02:002011-10-18T16:22:45.657-02:00Mesmo sendo muito recente e alguns navegadores ainda não terem suporte a regra para fazermos gradiente via CSS3, vale a pena dar uma olhada nessa <a href="http://www.youtube.com/watch?v=mi3SarL118M">vídeo aula</a>... E como tudo é uma questão de tempo...<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/-WyOey9ttDrU/TptVKMVnjkI/AAAAAAAABBI/lI-hGeXVMmw/s1600/gradienteCSS3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-WyOey9ttDrU/TptVKMVnjkI/AAAAAAAABBI/lI-hGeXVMmw/s1600/gradienteCSS3.jpg" /></a></div> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-5675918139279702060?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/BqH2eh9BRHs" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/10/gradiente-com-css3.htmltag:blogger.com,1999:blog-3854069163166317403.post-73641468872507207312011-10-02T23:20:00.001-03:002011-10-03T00:34:07.241-03:002011-10-03T00:34:07.241-03:00Existem várias formas de construirmos um layout flexível. Particularmente eu gosto de algumas regras CSS que nos ajudam nessa construção.<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=qrVDhUFtv6E">vídeo aula</a> para ver como fazer...<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/-ZHl4ygMitmQ/Tokb1mMX2dI/AAAAAAAABA8/6Vx1zmsvl5I/s1600/layout.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-ZHl4ygMitmQ/Tokb1mMX2dI/AAAAAAAABA8/6Vx1zmsvl5I/s320/layout.jpg" width="251" /></a></div> <br /> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-7364146887250720731?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/sjA5lN4hUTc" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com2http://www.anapaulaweb.com.br/2011/10/layout-flexivel-usando-css.htmltag:blogger.com,1999:blog-3854069163166317403.post-74376053099036577402011-09-25T23:45:00.003-03:002011-09-26T00:59:16.066-03:002011-09-26T00:59:16.066-03:00Usando poucas linhas conseguimos efeitos interessantes com o uso da CSS3. Com a aplicação da propriedade <i>transform</i>, presente na CSS3, podemos dar um toque especial aos nossos projetos de web.<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=hBErtXxhcn4">vídeo aula</a> e surpreenda-se :)<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-KEZWWn03PGs/Tn_nt9ykIXI/AAAAAAAABA4/PCYQRtYNn8Y/s1600/transformCSS3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="152" src="http://4.bp.blogspot.com/-KEZWWn03PGs/Tn_nt9ykIXI/AAAAAAAABA4/PCYQRtYNn8Y/s320/transformCSS3.jpg" width="320" /></a></div> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-7437605309903657740?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/wVEtR8iBcC8" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/09/propriedade-transform-da-css3.htmltag:blogger.com,1999:blog-3854069163166317403.post-53650193545026618702011-09-20T18:23:00.001-03:002011-09-20T19:05:34.964-03:002011-09-20T19:05:34.964-03:00Com as transições da CSS3 podemos aplicar efeitos nas propriedades CSS durante um determinado tempo. Isso pode ser útil em alguns projetos para web.<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=GfC0tQP3tJw">vídeo aula</a>... <br /> <br /> Você pode buscar mais informações no link: http://www.w3.org/TR/css3-transitions/ <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-PONdW2wFouY/TnkEOiMT3EI/AAAAAAAABA0/zOh8kPK1WCI/s1600/transitionsCSS3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="75" src="http://3.bp.blogspot.com/-PONdW2wFouY/TnkEOiMT3EI/AAAAAAAABA0/zOh8kPK1WCI/s320/transitionsCSS3.jpg" width="320" /></a></div> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-5365019354502661870?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/uhAqBZdgoXs" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com2http://www.anapaulaweb.com.br/2011/09/transicoes-com-css3.htmltag:blogger.com,1999:blog-3854069163166317403.post-73168872335403778532011-09-13T00:50:00.001-03:002011-09-13T03:27:40.307-03:002011-09-13T03:27:40.307-03:00Dependendo do trabalho que estaremos realizando precisaremos de um efeito de preenchimento em algumas parte da imagens.<br /> <br /> Com o Photoshop CS5 isso ficou muito fácil e prático. Assista a <a href="http://www.youtube.com/watch?v=jJ_UnNqtosU">vídeo aula</a> para ver...<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-HDyCNn-_sdo/Tm7S_zvmalI/AAAAAAAABAw/xAxqxboXqAA/s1600/aware.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="202" src="http://3.bp.blogspot.com/-HDyCNn-_sdo/Tm7S_zvmalI/AAAAAAAABAw/xAxqxboXqAA/s320/aware.jpg" width="320" /></a></div> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-7316887233540377853?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/dlWE9XbJ4s0" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com2http://www.anapaulaweb.com.br/2011/09/content-aware-como-preenchimento-no.htmltag:blogger.com,1999:blog-3854069163166317403.post-4589492379063154962011-09-05T00:21:00.002-03:002011-09-05T00:31:50.778-03:002011-09-05T00:31:50.778-03:00Usando as transformações juntamente com alguns efeitos, nos possibilita termos um resultado bem interessante no Photoshop.<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=acmkBmOh2Go">vídeo aula</a> para ver...<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-LfOJQqlF6Cs/TmRAHRWwZCI/AAAAAAAAA_0/R4mkNPbgDl8/s1600/distorcendo.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="228" src="http://4.bp.blogspot.com/-LfOJQqlF6Cs/TmRAHRWwZCI/AAAAAAAAA_0/R4mkNPbgDl8/s320/distorcendo.jpg" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-458949237906315496?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/hDLP1W9-_2s" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com2http://www.anapaulaweb.com.br/2011/09/distorcendo-no-photoshop.htmltag:blogger.com,1999:blog-3854069163166317403.post-85759025186467356952011-09-04T19:39:00.000-03:002011-10-22T21:42:01.602-02:002011-10-22T21:42:01.602-02:00Efeito com máscara é muito útil em nossos projetos e pode dar um toque a mais em uma animação. Foi uma das minhas aulas mais longas...<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=6NOWCZKywlY">vídeo aula</a> para ver como fazer... <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-LWmd-crwx7k/TmP9KRM9uZI/AAAAAAAAA_w/3rXDIc8Ux-k/s1600/mascaraFlash.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="235" src="http://3.bp.blogspot.com/-LWmd-crwx7k/TmP9KRM9uZI/AAAAAAAAA_w/3rXDIc8Ux-k/s320/mascaraFlash.jpg" width="320" /></a></div> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-8575902518646735695?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/fLYDvmp3JSc" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com2http://www.anapaulaweb.com.br/2011/09/mascaras-com-o-flash-cs55.htmltag:blogger.com,1999:blog-3854069163166317403.post-7733767790518738462011-08-28T22:52:00.002-03:002011-08-28T23:43:09.122-03:002011-08-28T23:43:09.122-03:00Muitas vezes queremos deixar uma foto com outro aspecto... por exemplo: uma luz de janela.<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=yjfIy39sjMI">vídeo aula</a> para ver que interessante podem ficar suas fotos.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-OztLWYeUSb0/TlrwwwdAFkI/AAAAAAAAA_o/dcntBOBfwTU/s1600/efeitoSombra.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="292" src="http://1.bp.blogspot.com/-OztLWYeUSb0/TlrwwwdAFkI/AAAAAAAAA_o/dcntBOBfwTU/s320/efeitoSombra.jpg" width="320" /></a></div><br /> <br /> <br /> <br /> <div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-773376779051873846?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/FXGJB1yhJlU" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com5http://www.anapaulaweb.com.br/2011/08/efeito-luz-de-janela-no-photoshop-cs5.htmltag:blogger.com,1999:blog-3854069163166317403.post-86212510099267571182011-08-28T21:04:00.001-03:002011-10-24T15:27:49.529-02:002011-10-24T15:27:49.529-02:00Podemos fazer coisas bem legais usando alguns comandos de AS3 no Flash... é o caso de nextFrame e prevFrame.<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=tT4tSSHs_OI">vídeo aula</a> para ver como fazer.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-oMDnAuQzqRk/TlrXZmn8NsI/AAAAAAAAA_k/Ys7aFxhdewI/s1600/frame.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-oMDnAuQzqRk/TlrXZmn8NsI/AAAAAAAAA_k/Ys7aFxhdewI/s1600/frame.jpg" /></a></div> <br /> <br /> <br /> <br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-8621251009926757118?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/FzvdmGck_Y8" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com2http://www.anapaulaweb.com.br/2011/08/usando-nextframe-e-prevframe-no-flash.htmltag:blogger.com,1999:blog-3854069163166317403.post-33701017239176841472011-08-21T22:19:00.001-03:002011-08-21T23:29:41.079-03:002011-08-21T23:29:41.079-03:00Conseguimos fazer efeitos interessantes usando Threshold no Photoshop. Assista a <a href="http://www.youtube.com/watch?v=ECLe7sTEFDg">vídeo aula</a> para ver...<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-3dsapR0qVMU/TlGuiAqSL9I/AAAAAAAAA_c/pjuoDoj9tZ8/s1600/efeito.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="204" src="http://3.bp.blogspot.com/-3dsapR0qVMU/TlGuiAqSL9I/AAAAAAAAA_c/pjuoDoj9tZ8/s320/efeito.jpg" width="320" /></a></div><br /> <br /> <div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-3370101723917684147?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/masnRlLDi4o" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com2http://www.anapaulaweb.com.br/2011/08/efeito-com-threshold-no-photoshop-cs5.htmltag:blogger.com,1999:blog-3854069163166317403.post-60428092511763603952011-08-07T22:48:00.002-03:002011-08-07T23:50:48.822-03:002011-08-07T23:50:48.822-03:00Pessoal essa é uma continuação na aula <a href="http://www.anapaulaweb.com.br/2011/06/menu-com-css.html">Menu com CSS</a>, aonde eu adapto a CSS para que o menu fique na vertical.<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=cxzIiI0cO34">vídeo aula</a>...<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-Kw-t1G3Mx9c/Tj9AO60Oh-I/AAAAAAAAA-8/i2C9uL265YE/s1600/menuCSS.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="108" src="http://1.bp.blogspot.com/-Kw-t1G3Mx9c/Tj9AO60Oh-I/AAAAAAAAA-8/i2C9uL265YE/s400/menuCSS.jpg" width="400" /></a></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-6042809251176360395?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/odPUuOk310E" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com8http://www.anapaulaweb.com.br/2011/08/menu-vertical-com-css.htmltag:blogger.com,1999:blog-3854069163166317403.post-10759921282637038022011-07-31T23:11:00.001-03:002011-08-01T00:38:11.068-03:002011-08-01T00:38:11.068-03:00Realizar um efeito perfurado no Photoshop é bem simples mas pode ser de muita utilidade em alguns projetos...<br /> <br /> Assista a <a href="http://www.youtube.com/watch?v=C1SBxkJu2Yw">vídeo aula</a> para ver :)<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-vcibTdKIXHA/TjYLFMKP9pI/AAAAAAAAA-s/-Dzcm_YcjWo/s1600/Efeitoperfurado.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="182" src="http://3.bp.blogspot.com/-vcibTdKIXHA/TjYLFMKP9pI/AAAAAAAAA-s/-Dzcm_YcjWo/s320/Efeitoperfurado.jpg" width="320" /></a></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3854069163166317403-1075992128263703802?l=www.anapaulaweb.com.br' alt='' /></div><img src="http://feeds.feedburner.com/~r/AnaPaulaMiranda-AdobeCertified/~4/r6W0EbteTNc" height="1" width="1"/>Ana Paula Mirandahttp://www.blogger.com/profile/05416785831322514336noreply@blogger.com0http://www.anapaulaweb.com.br/2011/07/efeito-perfurado-no-photoshop-cs5.html