tag:blogger.com,1999:blog-25539070396336382042024-02-21T00:10:50.276-08:00 Arquivo de TutoriaisApresentação de tutoriais sobre Design, Web Design, Multimédia e Marketing Digital.Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.comBlogger34125tag:blogger.com,1999:blog-2553907039633638204.post-38250952881300966152020-08-07T05:29:00.001-07:002020-08-07T05:29:59.724-07:00Abrir imagens em formato WebP no Photoshop<p class="Estilo1"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaAN2_fr_6r-Xuag4j7bjTwLDkPRZ9iGiX0-I5gatlHOijfnkLi23jjhkZYT3UTzoSaK_ltZM6fFzXoh8FABkoLbi2eait5pOaYufYWO1QaLMB767d3gPoDsWHI8QlQD5pQKkTLxcKniU/s100/Adobe_Photoshop_logo100.jpg" style="clear: left; display: inline; float: left; font-family: arial, sans-serif; font-size: 14px; margin-bottom: 1em; margin-right: 1em; padding: 1em 0px;"><img border="0" data-original-height="98" data-original-width="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaAN2_fr_6r-Xuag4j7bjTwLDkPRZ9iGiX0-I5gatlHOijfnkLi23jjhkZYT3UTzoSaK_ltZM6fFzXoh8FABkoLbi2eait5pOaYufYWO1QaLMB767d3gPoDsWHI8QlQD5pQKkTLxcKniU/s0/Adobe_Photoshop_logo100.jpg" /></a></p><h1><span face="" style="color: #5b9bd5; font-family: arial, sans-serif;"><span style="font-size: 14px;">COMO ABRIR IMAGENS WEBP NO PHOTOSOP?</span></span></h1>
<p class="MDTextoNormal">O WebP (pronuncia-se weppy) é um formato de imagem da
Google com uma compressão superior e mantendo a qualidade de imagem, em
comparação com os restantes formatos. Também utiliza as vantagens dos formatos
png e gif de uso de transparências e animações.</p>
<h1><span face="" style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 10.5pt;"><br />1
– DESCARREGAR PLUG-IN</span><span face="" style="color: #8eaadb; font-family: arial, sans-serif; font-size: 10.5pt; mso-themecolor: accent5; mso-themetint: 153;">:</span><span style="mso-no-proof: yes;"> </span><span style="color: black;"><o:p></o:p></span></h1>
<p class="MsoNormal"><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;">Para
abrir as imagens em formato WebP dentro do Photoshop, é necessário descarregar
o plug-in deste website:<br />
</span><a href="http://telegraphics.com.au/sw/product/webpformat" rel="nofollow" target="_blank">http://telegraphics.com.au/sw/product/webpformat</a> <span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;"><o:p></o:p></span></p>
<p align="center" class="MDTextoNormal" style="margin-top: 12pt; text-align: center;"></p><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrGn3lye5DpGCUXGI96J9-VExnDpkx5S1g1awWjcOOiV7lGcycbRkbTcUfr9uFHOV-6x91NIsZ6_hUQ5egG2xQZuO99vgXACL4di_u4kpdP4ar6bC_w5FDiAFIret21zumZZW0U1hnxoQ/s1110/img1.png" style="display: block; padding: 1em 0px; text-align: center;"><img border="0" data-original-height="846" data-original-width="1110" height="488" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrGn3lye5DpGCUXGI96J9-VExnDpkx5S1g1awWjcOOiV7lGcycbRkbTcUfr9uFHOV-6x91NIsZ6_hUQ5egG2xQZuO99vgXACL4di_u4kpdP4ar6bC_w5FDiAFIret21zumZZW0U1hnxoQ/w640-h488/img1.png" width="100%" /></a></div><o:p></o:p><p></p>
<h1><span face="" style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 10.5pt;">2
– DESCOMPRIMIR:</span><span style="color: black;"><o:p></o:p></span></h1>
<p class="MsoNormal"><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;">Depois
de descarregar devemos descomprimir o ficheiro para uma localização à nossa
escolha. Irá aparecer um ficheiro tipo 8BI File.<o:p></o:p></span></p>
<p class="MsoNormal"></p><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8d6mWZLqjkm0Ruy0hrZZAKhvGcDWftWG6ojHnSclOqQyRT0RJDUNtxlA3W0jj0boLKm_gQqwoMTa3H8cRz2jrLexm8KaYQtgth-QSOj7PKGqj5t0waZTwUWtBMOAliZFFAmUkyXxM2sE/s689/img2.png" style="display: block; padding: 1em 0px; text-align: center;"><img border="0" data-original-height="140" data-original-width="689" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8d6mWZLqjkm0Ruy0hrZZAKhvGcDWftWG6ojHnSclOqQyRT0RJDUNtxlA3W0jj0boLKm_gQqwoMTa3H8cRz2jrLexm8KaYQtgth-QSOj7PKGqj5t0waZTwUWtBMOAliZFFAmUkyXxM2sE/w400-h81/img2.png" width="100%" /></a></div><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;"><o:p></o:p></span><p></p>
<h1><span face="" style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 10.5pt;">3
– COPIAR E COLAR</span><span face="" style="color: #8eaadb; font-family: arial, sans-serif; font-size: 10.5pt; mso-themecolor: accent5; mso-themetint: 153;">:</span><span style="mso-no-proof: yes;"> </span><span style="color: black;"><o:p></o:p></span></h1>
<p class="MsoNormal"><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;">Copiamos
o ficheiro WebPFormat64 e colamos dentro da pasta plug-ins que existe no Photoshop.
Normalmente o caminho da instalação do Photoshop é esta:<o:p></o:p></span></p>
<p class="MsoNormal"></p><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbBs-NAFUH6NCye3rSKUe6GZfceGsGjegu5oxW649qK8iNsv1LVVvynhrDBC_kfFNDIYlh3xcHqTWdQ1O98RpcyQinhy6Nqw3eHZ8raOOUFS8brbajHv_mao0exvfHVrkt2P3F3N9Dr4U/s698/img3.png" style="display: block; padding: 1em 0px; text-align: center;"><img border="0" data-original-height="130" data-original-width="698" height="74" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbBs-NAFUH6NCye3rSKUe6GZfceGsGjegu5oxW649qK8iNsv1LVVvynhrDBC_kfFNDIYlh3xcHqTWdQ1O98RpcyQinhy6Nqw3eHZ8raOOUFS8brbajHv_mao0exvfHVrkt2P3F3N9Dr4U/w400-h74/img3.png" width="100%" /></a></div><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;"><o:p></o:p></span><p></p>
<p class="MsoNormal"><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;">Com
o plug-in inserido na pasta do Photoshop, abrimos o programa de início para ler
os plug-ins e já conseguimos visualizar e abrir as imagens no formato WebP.<o:p></o:p></span></p>
<p class="MsoNormal"></p><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRXjSjfTa_9_2mxZ1TnFzBvFL8zsG_inX6kXHlDkQEON2Z7b8AMVMaqYFRXW3PrjC53LwTaCNQ_HWk6-hp1-c_tcOuZ6A7tIaXo8X51SfUIt9dy5wzLjZBbn-DjyuGY4TtzVoMvtPm0c/s934/img4.png" style="display: block; padding: 1em 0px; text-align: center;"><img border="0" data-original-height="606" data-original-width="934" height="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRXjSjfTa_9_2mxZ1TnFzBvFL8zsG_inX6kXHlDkQEON2Z7b8AMVMaqYFRXW3PrjC53LwTaCNQ_HWk6-hp1-c_tcOuZ6A7tIaXo8X51SfUIt9dy5wzLjZBbn-DjyuGY4TtzVoMvtPm0c/w400-h259/img4.png" width="100%" /></a></div><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;"><o:p></o:p></span><p></p>
<p style="margin: 0cm;"><span style="color: black; font-size: 13.5pt;"><o:p> </o:p></span></p>
<p style="margin: 0cm;"><b><span face="" style="background: rgb(61, 133, 198); color: white; font-family: arial, sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b><span style="color: black; font-size: 13.5pt;"><o:p></o:p></span></p>
<p style="margin: 0cm;"><span face="" style="font-family: arial, sans-serif; font-size: 10.5pt;">Existe à data um aumento de navegadores compatíveis
a utilizarem o formato WebP e a Google já está a aconselhar a sua utilização. </span><span face="" style="font-family: arial, sans-serif; font-size: 10.5pt;">Com todas as vantagens de compressão, uso de
transparências e animações será positivo utilizarmos este formato de forma ao
nosso site obter uma melhor classificação.</span></p>Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-70954882731674314902020-07-22T03:41:00.003-07:002020-08-06T09:06:49.868-07:00Transformar imagem em desenho<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCC6LMVJUU9Vz9rrANr_0w1bVwKGnnwit5CJH2_KdZ44jC1Z7C5eimjyvi5HtSeFcwbCYt62kuQ11ON3B7brn1HTQXyxRPPCubn6rV-XSXOt2sep-X70j6N5ct3YDO2jKMdj5pZaRG-w4/s1600/Adobe_Photoshop_logo100.jpg" style="clear: left; display: inline; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="98" data-original-width="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCC6LMVJUU9Vz9rrANr_0w1bVwKGnnwit5CJH2_KdZ44jC1Z7C5eimjyvi5HtSeFcwbCYt62kuQ11ON3B7brn1HTQXyxRPPCubn6rV-XSXOt2sep-X70j6N5ct3YDO2jKMdj5pZaRG-w4/s1600/Adobe_Photoshop_logo100.jpg" /></a><b style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 10.5pt;">COMO TRANSFORMAR IMAGEM EM DESENHO?</b><br />
<br />
<div class="Estilo1">
Finalmente a Adobe disponibilizou uma Ação para o Photoshop que permite converter imagens em desenhos facilmente e com boa qualidade. Para isso, será necessário verificar algumas preferências no Photoshop, descarregar o ficheiro e instalar e selecionar a área da imagem para converter.</div>
<br />
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div><div align="center" class="MsoNormal" style="text-align: center;"><iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/FEuNOHGyH_8" width="480"></iframe></div>
<h1>
<span face="" style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 10.5pt;">1 – VERIFICAR PREFERÊNCIAS</span><span face="" style="color: #8eaadb; font-family: arial, sans-serif; font-size: 10.5pt;">:</span><o:p></o:p></h1>
<div class="MsoNormal">
</div>
<ol>
<li><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;">Se tem disponível o filtro Oil Paint Filter incorporado na versão </span><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;">CC 2015.5</span><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;"><br />(Filtro/Estilização/Pintura a Óleo)<o:p></o:p></span></li>
<li><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;">Se a imagem está em modo RGB (Imagem/Modo/Cores RGB)</span></li>
<li><span face="" style="font-family: "helveticaneue lt roman", sans-serif;">Se o processador gráfico está ativo para a renderização.</span>Graphic Processor (Editar/Preferências/Desempenho)</li>
</ol>
<div align="center" class="MDTextoNormal" style="margin-top: 12pt; text-align: center;">
<br /></div>
<h1>
<span face="" style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 10.5pt;">2 – DESCARREGAR E INSTALAR:</span><o:p></o:p></h1>
<div class="MsoNormal">
<span lang=""><a href="https://assets.adobe.com/public/bb264e6f-6897-4e56-4440-794046cf44ae">https://assets.adobe.com/public/bb264e6f-6897-4e56-4440-794046cf44ae</a></span><a href="https://assets.adobe.com/public/bb264e6f-6897-4e56-4440-794046cf44ae"><span lang=""><o:p></o:p></span></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;">Depois de descarregar e descomprimir o ficheiro, será necessário instalar dentro do Photoshop.<o:p></o:p></span></div>
<div class="MsoNormal" style="text-align: justify;">
</div>
<ol>
<li><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;">Instalar a Action (Janela/Ações/Carregar Ações)</span></li>
<li><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;">Instalar o </span><span face="" lang="" style="font-family: "helveticaneue lt 55 roman", sans-serif;">Pattern (</span><span face="" style="font-family: "helveticaneue lt 55 roman", sans-serif;">Janela/</span><span lang="">Padrão em Photoshop mais recente)</span>(Editar/Predefinições/Gerenciador de Predefinições/Padrões/Carregar)</li>
</ol>
<br />
<h1>
<span face="" style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 10.5pt;">3 – CONVERTER A IMAGEM EM DESENHO</span><span face="" style="color: #8eaadb; font-family: arial, sans-serif; font-size: 10.5pt;">:</span><o:p></o:p></h1>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">
<span face="" style="font-family: "helveticaneue lt roman", sans-serif;">Criar uma camada superior à existente e desenhar com o pincel ou lápis a área que se pretende converter em desenho. Isto irá funcionar como uma máscara.</span><br />
<span face="" style="font-family: "helveticaneue lt roman", sans-serif;"><br /></span>
<span face="" style="font-family: "helveticaneue lt roman", sans-serif;">Com apenas as duas camadas, vamos aplicar a ação que instalámos dentro do painel Ação. Para isso, pressionamos no botão Play. Aparecem várias mensagens que pressionamos OK para prosseguir. O tempo de renderização depende de cada imagem, no entanto não deverá ultrapassar os 5 minutos.</span><br />
<span face="" style="font-family: "helveticaneue lt roman", sans-serif;"><br /></span>
<br />
<span face="" style="font-family: "helveticaneue lt roman", sans-serif;">Existem muitas camadas, mas a estrutura é simples: </span><br />
<br />
<ul>
<li><span face="" style="font-family: "helveticaneue lt roman", sans-serif;">Camada para o fundo: BG Color</span></li>
<li><span face="" style="font-family: "helveticaneue lt roman", sans-serif;">3 grupos com elementos de fundo: BG patterns, BG FX, e Border FX.</span></li>
<li><span face="" style="font-family: "helveticaneue lt roman", sans-serif;">3 grupos com os efeitos de desenho: Toon Color, Toon Lines, e Toon Details. </span></li>
<li><span face="" style="font-family: "helveticaneue lt roman", sans-serif;">2 grupos com efeitos adicionais e um para adicionar texto: FG FX, Post FX, e Replace With Your Text. </span></li>
</ul>
<br />
<br />
<span face="" style="font-family: "helveticaneue lt roman", sans-serif;">Mais informações sobre as camadas e sua organização podem ser encontradas dentro do ficheiro Guia que foi descarregado.</span><br />
<span face="" style="font-family: "helveticaneue lt roman", sans-serif;"><br /></span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; line-height: normal;">
<span face="" style="color: #4d4d4d; font-family: "helveticaneue lt 55 roman", sans-serif;"><br /></span>
</div>
<div style="margin: 0cm 0cm 0.0001pt;">
<b><span face="" style="background: rgb(61, 133, 198); color: white; font-family: arial, sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b><span style="font-size: 13.5pt;"><o:p></o:p></span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span face="" style="font-family: arial, sans-serif; font-size: 10.5pt;">Após várias tentativas de criar uma ação que permita transformar imagens em desenhos, a Adobe finalmente acertou e criou uma ação com ótima qualidade e rápida renderização. Consoante a ferramenta que se utilize para criar a área a converter, a sua dureza e transparência os resultados de conversão serão diferentes. O processo é testar e verificar as camadas. Verifique o vídeo e boas conversões!!!<o:p></o:p></span></div>
<div style="text-align: center;"><br /></div>
Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-65191085317909582022020-05-26T06:56:00.000-07:002020-05-26T06:56:57.698-07:00Adobe Muse vai terminar<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV7jlgR3Pv_lXCjiXgBKOypMdmJY8GhCYsvPGaj2495USCxBcVqOUkg2T-fRVGnQfvT1RlDd0X4sVZCu1Q-8OPm2PsIHVJh-LCm8HCnUbz-hc8ijzVYlhTzHJH1Sw3JDgyJFN0OuU_czw/s1600/adobe-muse-logo100px.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="100" data-original-width="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV7jlgR3Pv_lXCjiXgBKOypMdmJY8GhCYsvPGaj2495USCxBcVqOUkg2T-fRVGnQfvT1RlDd0X4sVZCu1Q-8OPm2PsIHVJh-LCm8HCnUbz-hc8ijzVYlhTzHJH1Sw3JDgyJFN0OuU_czw/s1600/adobe-muse-logo100px.jpg" /></a></div>
<span style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 10.5pt;"><b>O QUE IRÁ ACONTECER COM O ADOBE MUSE?</b></span><br />
<br />
<div class="Estilo1">
A partir de 26 de março de 2020 o suporte técnico e os
updates do Muse vão terminar. Os sites publicados vão continuar ativos e
editáveis, no entanto a publicação e hospedagem no Business Catalyst não será possível
de realizar.</div>
<div class="MDTextoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">.<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– AS ALTERNATIVAS</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span><span style="mso-no-proof: yes;"> </span><span style="color: black;"><o:p></o:p></span></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Existem três possibilidades de
utilização que substitui o Muse. A primeira mais simples utilizando o Adobe XD.
Este permite desenhar protótipos de aplicações e websites interativos, no
entanto não gera código como o Muse fazia.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3UjO3TouC5Sk4qekKjclWoMGGj0KEXkTwD-SreDOPn9C7WaahWPky9vNj2xn7lL90JvQWhPC1YQNa6PXp-pvqeKzG7NO3WWaLT7mD_vua_N2SrPH39qOtOyta-hnympWjQWIDi6O9wqc/s1600/xd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="1400" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3UjO3TouC5Sk4qekKjclWoMGGj0KEXkTwD-SreDOPn9C7WaahWPky9vNj2xn7lL90JvQWhPC1YQNa6PXp-pvqeKzG7NO3WWaLT7mD_vua_N2SrPH39qOtOyta-hnympWjQWIDi6O9wqc/s320/xd.png" width="320" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="mso-fareast-language: PT; mso-no-proof: yes;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_2" o:spid="_x0000_i1028"
type="#_x0000_t75" style='width:425.5pt;height:243pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/cribeiro/AppData/Local/Temp/msohtmlclip1/01/clip_image003.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
A segunda possibilidade é a
utilização do Adobe Spark. Este permite criar imagens animadas (Post), páginas
web estilo revista (Page) e vídeos curtos (Video). Para quem cria páginas, este
programa é útil para projetos não mais que uma página como portfolios, curriculum,
apresentações, catálogo de produtos, publicações de blog e foto galerias.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir_Z2kyh7Wqx2HhW9QhBRzVcTMLpEFMQEEKkKc0XQ6eq-l3RBZqXEHcXLr6LOE-043CDiwlj5UcH_L3pMjIxOwaPo3PQ_gO4OUNaLdDGUYZ7qYdIAYuxk2oRKSq14099HHM_P_JFl48NQ/s1600/Adobe-Spark-Featured-Image.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="557" data-original-width="948" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir_Z2kyh7Wqx2HhW9QhBRzVcTMLpEFMQEEKkKc0XQ6eq-l3RBZqXEHcXLr6LOE-043CDiwlj5UcH_L3pMjIxOwaPo3PQ_gO4OUNaLdDGUYZ7qYdIAYuxk2oRKSq14099HHM_P_JFl48NQ/s320/Adobe-Spark-Featured-Image.jpg" width="320" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="mso-fareast-language: PT; mso-no-proof: yes;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_3" o:spid="_x0000_i1027"
type="#_x0000_t75" style='width:425.5pt;height:250pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/cribeiro/AppData/Local/Temp/msohtmlclip1/01/clip_image005.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
A terceira alternativa e a
mais profissional de todas é a utilização do Adobe Dreamweaver. Este programa é
mais complexo, no entanto permite ter todo o controlo dos nossos projetos e
desenvolver qualquer tipo de aplicação.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW3UwQXEgqoK-kK2TEJfw-PdIHVHfC-mJMKFgY3KYSFjqk2X9h3zDEsnzuZag_JAiazVyzvBD3fqqQzp_lG1vwbxrvA5eTsMEp5U7xUwejxbG88-QoHI8sIrFgugcG2-lgWGTzTrK_HXk/s1600/Adobe-Dreamweaver.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="200" data-original-width="450" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW3UwQXEgqoK-kK2TEJfw-PdIHVHfC-mJMKFgY3KYSFjqk2X9h3zDEsnzuZag_JAiazVyzvBD3fqqQzp_lG1vwbxrvA5eTsMEp5U7xUwejxbG88-QoHI8sIrFgugcG2-lgWGTzTrK_HXk/s320/Adobe-Dreamweaver.png" width="320" /></a></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<span style="mso-fareast-language: PT; mso-no-proof: yes;"><!--[if gte vml 1]><v:shape
id="Imagem_x0020_4" o:spid="_x0000_i1026" type="#_x0000_t75" style='width:337.5pt;
height:150pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/cribeiro/AppData/Local/Temp/msohtmlclip1/01/clip_image007.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><o:p></o:p></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– OS SITES PUBLICADOS:</span><span style="color: black;"><o:p></o:p></span></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Se os sites foram hospedados
em uma plataforma de terceiros, estes mantêm-se ativos e visíveis. Se foram
hospedados no Business Catalyst, terão de ser republicados em outra plataforma
de hospedagem até 26 de março de 2021. Podem verificar o anúncio do término de
vida para este serviço de hospedagem em:<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<a href="https://businesscatalyst.com/#announcement">https://businesscatalyst.com/#announcement</a><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji36z8Cu47O0DrriIVRCblfXH5utRYZmtnNYP3HjP03tIcxf2xGiaunV5QOKtTWi7nd-BJ76KV447VNwkxLEq1mt7Sbj2S73dAzoKUL-vecJ3i_5F2Btqg-snms3wYve2B7Lpg8iRqiTY/s1600/adobe-bc-logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="184" data-original-width="550" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji36z8Cu47O0DrriIVRCblfXH5utRYZmtnNYP3HjP03tIcxf2xGiaunV5QOKtTWi7nd-BJ76KV447VNwkxLEq1mt7Sbj2S73dAzoKUL-vecJ3i_5F2Btqg-snms3wYve2B7Lpg8iRqiTY/s320/adobe-bc-logo.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<span style="mso-fareast-language: PT; mso-no-proof: yes;"><!--[if gte vml 1]><v:shape
id="Imagem_x0020_5" o:spid="_x0000_i1025" type="#_x0000_t75" style='width:412.5pt;
height:138pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/cribeiro/AppData/Local/Temp/msohtmlclip1/01/clip_image008.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<b><span style="background: #3d85c6; color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b><span style="color: black; font-size: 13.5pt;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">A internet muda rapidamente e não existindo
serviço de suporte nem atualizações é melhor por em práticas as alternativas e
desistir do Adobe Muse o quanto antes. Manter um website que irá trazer
incompatibilidades a médio prazo não faz sentido. Este é um problema que
acontece quando utilizamos programas e widgets que são proprietários de outras
entidades. Ficamos dependente deles! O meu conselho, é a utilização de um bom
editor de código e ir aprendendo o básico de HTML e CSS, desta forma o código é
nosso e compatível com todos os browsers.<o:p></o:p></span></div>
<br />Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-16233245930927357522020-05-21T07:54:00.000-07:002020-05-21T08:47:23.096-07:00Compatibilidade entre Browsers<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSlkbHBuJdiGz4SdDKYQtGQ47AWFKlZyC2C5p3A4kAhWKyNfROy5NRyhoGQSmTNtPh1hF0L-H5UGxo9vjOUGlEvcDs0cXTXiY9aXtCrYyTuXp_NpQYbdkJtJTTVpfqa68g4IHXkIfQZSM/s1600/browsers_Logo100.png" imageanchor="1" style="clear: left; display: inline !important; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><br /><br /><img border="0" data-original-height="100" data-original-width="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSlkbHBuJdiGz4SdDKYQtGQ47AWFKlZyC2C5p3A4kAhWKyNfROy5NRyhoGQSmTNtPh1hF0L-H5UGxo9vjOUGlEvcDs0cXTXiY9aXtCrYyTuXp_NpQYbdkJtJTTVpfqa68g4IHXkIfQZSM/s1600/browsers_Logo100.png" /><span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;"> </span></a><br />
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">COMO MANTER COMPATIBILIDADE ENTRE BROWSERS?</span></h1>
<div class="Estilo1">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Além
da compatibilidade entre todos os dispositivos (responsive design), devemos
assegurar que quando desenhamos um website este será visualizado corretamente
em todos os navegadores (browsers)</span>. Desta forma, existem procedimentos
que podemos realizar para garantir o correto funcionamento cross-browsers.</div>
<div class="MDTextoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– ASPECTOS A CONSIDERAR</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span><span style="mso-no-proof: yes;"> </span><span style="color: black;"><o:p></o:p></span></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Quando desenvolvemos o código, temos que ter em
consideração o utilizador final, de que forma o utiliza e onde irá visualizar o
nosso website. Poderá ser um utilizador que não utilize rato, pode utilizar
dispositivos antigos e consequentemente browsers desatualizados ou ainda pessoas
com deficiência.<o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjExHoudtem88V-g2sBl6gpVCx6Fo6O-96LH89QwIvbto-q0U5llXHOe9ExIChc5VlJ-E279Hh7o1563TENC6bdegK7XhYUka-GkgdjAqADMkndjxm0sj91_rxWKbX3Lf7tHcLQgVcjNc8/s1600/accessibility.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="788" data-original-width="1280" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjExHoudtem88V-g2sBl6gpVCx6Fo6O-96LH89QwIvbto-q0U5llXHOe9ExIChc5VlJ-E279Hh7o1563TENC6bdegK7XhYUka-GkgdjAqADMkndjxm0sj91_rxWKbX3Lf7tHcLQgVcjNc8/s320/accessibility.png" width="320" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="mso-fareast-language: PT; mso-no-proof: yes;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_1" o:spid="_x0000_i1031"
type="#_x0000_t75" style='width:188pt;height:116pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/cribeiro/AppData/Local/Temp/msohtmlclip1/01/clip_image003.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><o:p></o:p></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– DEFINIR UM DOCTYPE VÁLIDO:</span><span style="color: black;"><o:p></o:p></span></h1>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
É o início do ficheiro HTML onde se dá instruções ao
browser sobre a versão da linguagem que será utilizada. Anteriormente ao HTML5
era utilizado uma definição extensa normalmente com duas linhas, hoje apenas
necessitamos de:<br />
<span style="mso-no-proof: yes;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_8"
o:spid="_x0000_i1030" type="#_x0000_t75" style='width:425.5pt;height:202pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/cribeiro/AppData/Local/Temp/msohtmlclip1/01/clip_image005.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_24A0KNFsv1wHggpc8uBP7lCTqaG4ofQd3LOshepZEKAsCkiEUhVJgTbZF8u99a2Zqsswd8rbhPJHtysp2iMAYsdpx-aA-w94Nhyphenhyphenor0zoBCPWyBh-8UdnXXG9trUVsHGumtdKNsDXVoc/s1600/doctype-html5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="380" data-original-width="800" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_24A0KNFsv1wHggpc8uBP7lCTqaG4ofQd3LOshepZEKAsCkiEUhVJgTbZF8u99a2Zqsswd8rbhPJHtysp2iMAYsdpx-aA-w94Nhyphenhyphenor0zoBCPWyBh-8UdnXXG9trUVsHGumtdKNsDXVoc/s400/doctype-html5.jpg" width="400" /></a></div>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">3
– FRAMEWORKS:</span><span style="color: black;"><o:p></o:p></span></h1>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
As frameworks como Bootstrap, Foundation ou Skeleton oferecem
uma percentagem bastante elevada de compatibilidade entre os browsers. No
entanto, devemos sempre ler a sua documentação e os detalhes da compatibilidade
da sua utilização com os browsers existentes. <o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcWFKAIa54auzN5B-TCPNo__ODfRGbxEVZZzVilD5K_shHEODM-5xMexNw6Ex-dzvn_dz42dU_E3F0PNE88dJGA0cQ3SAwBrwdtd19d3khtJzYPXa2hzcN9Ace48TSM1f7aDXp5OUhReg/s1600/frameworks.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="400" data-original-width="700" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcWFKAIa54auzN5B-TCPNo__ODfRGbxEVZZzVilD5K_shHEODM-5xMexNw6Ex-dzvn_dz42dU_E3F0PNE88dJGA0cQ3SAwBrwdtd19d3khtJzYPXa2hzcN9Ace48TSM1f7aDXp5OUhReg/s320/frameworks.png" width="320" /></a></div>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
</div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">4
– SIMPLIFICAR O CÓDIGO:</span><span style="color: black;"><o:p></o:p></span></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Ao utilizarmos HTML/CSS/JS
devemos ao máximo simplificar o nosso código e verificar sempre a possibilidade
de utilizar o mínimo número de linhas possível. Quando não for possível simplificar
e temos um código extenso, podemos dividir e criar blocos para diminuir a sua
extensão. Nas CSS podemos utilizar pré-processadores. Desta forma, torna-se
mais fácil realizar a verificação de erros e correção (track and debug).<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiNDRgd4TOgCMJ8N7TxVpw3nm4Bhkl9lU2IAapHNZMTnVychA4UKy0_5fupCkiuqq4mNlQbXcyQvUQnAJBgCpr_1yDkjflaZ8fcRWp95wZatj8tTs4SiddHaZPLgkrxYAKLbX_6ReevzQ/s1600/sass.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="544" data-original-width="536" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiNDRgd4TOgCMJ8N7TxVpw3nm4Bhkl9lU2IAapHNZMTnVychA4UKy0_5fupCkiuqq4mNlQbXcyQvUQnAJBgCpr_1yDkjflaZ8fcRWp95wZatj8tTs4SiddHaZPLgkrxYAKLbX_6ReevzQ/s320/sass.png" width="315" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">5
– RESETAR AS CSS:</span><span style="color: black;"><o:p></o:p></span></h1>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
Utilizamos esta limpeza das folhas de estilo CSS no
início de forma a limpar aspectos no desenho que sejam específicos daqueles
browsers. Os títulos, botões, margens ou outras características do desenho
podem ser visualizadas de forma diferente em diferentes browsers. Com o reset,
conseguimos uniformizar/limpar as características de desenho definido no início
das CSS os estilos que pretendemos.<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikcnhSev8Din2n52DlsnOh-v-DSWrPiZ2b9vl5WXyyMt_PT-oAYVxKjkFSbxVq9L6A-pVoorisNw4gIrmG_iMggvd6d7TXBvgi4HINAxwAbxJojdQLgHxG6qICP2iLadB4Ot2SPj43I5Q/s1600/reset.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="382" data-original-width="572" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikcnhSev8Din2n52DlsnOh-v-DSWrPiZ2b9vl5WXyyMt_PT-oAYVxKjkFSbxVq9L6A-pVoorisNw4gIrmG_iMggvd6d7TXBvgi4HINAxwAbxJojdQLgHxG6qICP2iLadB4Ot2SPj43I5Q/s320/reset.png" width="320" /></a></div>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">6
– CÓDIGO CONDICIONAL:</span><span style="color: black;"><o:p></o:p></span></h1>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
Podemos selecionar especificamente como pretendemos que
apareçam os estilos em cada um dos browsers. Para isso, utilizamos o código
HTML condicional utilizando IF:<o:p></o:p></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt; vertical-align: baseline;">
<span style="border: none 1.0pt; color: #f3f3f3; font-family: "inherit" , serif; font-size: 10.0pt; padding: 0cm;"> <!--[if IE]><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt; vertical-align: baseline;">
<span style="color: #f3f3f3;"><span style="color: cyan;"><span style="border: 1pt none; font-family: "inherit" , serif; font-size: 10pt; padding: 0cm;"><span style="mso-spacerun: yes;"> </span></span><span style="border: 1pt none; font-family: "inherit" , serif; font-size: 10pt; padding: 0cm;">Utiliza
IE</span></span><span style="border: 1pt none; color: #f3f3f3; font-family: "inherit" , serif; font-size: 10pt; padding: 0cm;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt; vertical-align: baseline;">
<span style="border: none 1.0pt; color: #f3f3f3; font-family: "inherit" , serif; font-size: 10.0pt; padding: 0cm;"> <![endif]--><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt; vertical-align: baseline;">
<span style="border: none 1.0pt; color: #f3f3f3; font-family: "inherit" , serif; font-size: 10.0pt; padding: 0cm;"> <![if !IE]><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt; vertical-align: baseline;">
<span style="color: #f3f3f3;"><span style="color: cyan;"><span style="border: 1pt none; font-family: "inherit" , serif; font-size: 10pt; padding: 0cm;"><span style="mso-spacerun: yes;"> </span></span><span style="border: 1pt none; font-family: "inherit" , serif; font-size: 10pt; padding: 0cm;">Utiliza
outro browser</span></span><span style="border: 1pt none; color: #f3f3f3; font-family: "inherit" , serif; font-size: 10pt; padding: 0cm;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt; vertical-align: baseline;">
<span style="border: none 1.0pt; color: #f3f3f3; font-family: "inherit" , serif; font-size: 10.0pt; padding: 0cm;"> <![endif]></span><span style="color: #242729; font-family: "consolas"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div style="bmargin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">7
– VALIDADORES DE HTML E CSS:</span><span style="color: black;"><o:p></o:p></span></h1>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
Existem programas externos ou plugins/addons de editores
de código que permitem verificar os erros do nosso código e se está dentro das
normas da W3C (Organização que padroniza a Web). Também fornecem um serviço de
padronização online através de hiperligação:<br />
<a href="https://validator.w3.org/">https://validator.w3.org/</a><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXfmsIlxnIJLRoQxO6sLdSSwMM4FuDUXgpTnGqRqdQ4R8jDsjgpDzbIhsnmJttKBGRaLxq8o37AzPeFls8lWsf24HGBP_urXROD6IottVXmGNptkdrvDdH5sxiFY_oilpjsXbFpTXG5lA/s1600/w3c.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="522" data-original-width="1045" height="159" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXfmsIlxnIJLRoQxO6sLdSSwMM4FuDUXgpTnGqRqdQ4R8jDsjgpDzbIhsnmJttKBGRaLxq8o37AzPeFls8lWsf24HGBP_urXROD6IottVXmGNptkdrvDdH5sxiFY_oilpjsXbFpTXG5lA/s320/w3c.JPG" width="320" /></a></div>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">8
– VERIFICANDO E TESTANDO AS DIFERENÇAS:</span><span style="color: black;"><o:p></o:p></span></h1>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
Devemos testar em diferentes dispositivos e browsers de
forma a encontrar diferenças de visualização ou funcionamento. <o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXHtqdbCLstGqdd6qNncWyyjtdC8-1nfQuHWySiyBUtD3MM2ho0ZTl4J8NJCkWCA2YHsgUbhvrWCFqxxOi6kKA5Ug0jGy3ohRj_kxn17wxpPleJSt29CP6lJ2OsMdvgLZtzdOmr5SAR7c/s1600/browsers.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="256" data-original-width="1024" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXHtqdbCLstGqdd6qNncWyyjtdC8-1nfQuHWySiyBUtD3MM2ho0ZTl4J8NJCkWCA2YHsgUbhvrWCFqxxOi6kKA5Ug0jGy3ohRj_kxn17wxpPleJSt29CP6lJ2OsMdvgLZtzdOmr5SAR7c/s320/browsers.png" width="320" /></a></div>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
<br /></div>
<div style="background: white; margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
<span style="color: #3a3a3a; font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_11"
o:spid="_x0000_i1025" type="#_x0000_t75" style='width:425.5pt;height:106.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/cribeiro/AppData/Local/Temp/msohtmlclip1/01/clip_image015.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="color: #3a3a3a; font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
De forma a facilitar estas tarefas, existem ferramentas
online que nos ajudam a testar em vários browsers e dispositivos em simultâneo.
Uma que costumo utilizar é:<br />
<a href="https://crossbrowsertesting.com/">https://crossbrowsertesting.com/</a></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<b><span style="background: #3d85c6; color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b><span style="color: black; font-size: 13.5pt;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Para desenvolver um website sem incompatibilidades,
devemos ter em consideração onde este será visualizado e utilizado. De forma a
minimizar estes problemas, inicialmente devemos resetar as CSS, utilizar
pré-processadores, utilizar o mínimo de código possível, utilizar uma framework,
eliminar os erros utilizando a Console do browser e no final validar e
verificar todas as diferenças. Para corrigir estas diferenças, podemos utilizar
condições de diferenciação entre browsers.<o:p></o:p></span></div>
<br />Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-1814763516747343112020-05-05T07:02:00.000-07:002020-05-05T07:04:50.975-07:00O que é o FTP<br />
<div class="Estilo1">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Imagem_x0020_3" o:spid="_x0000_s1026" type="#_x0000_t75"
style='position:absolute;margin-left:3.35pt;margin-top:22.5pt;width:97.3pt;
height:97.3pt;z-index:251665407;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:absolute;
mso-position-horizontal-relative:text;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:page;mso-height-relative:page'>
<v:imagedata src="file:///C:/Users/cribeiro/AppData/Local/Temp/msohtmlclip1/01/clip_image001.png"
o:title=""/>
<w:wrap type="square"/>
</v:shape><![endif]--><!--[if !vml]--></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZPd29ODOOIcsRIzLWQs2zloO_RpCouSwLtRE-oKNoGFfPbOn77xjxJKrwU-T1k3DsOXLEoXQuio78kwRAfIAGPWfDyGjIMACQ2USrPN39WJcA4-dRlukD1A-VO5aJIaPKnX_Y6xc1xuY/s1600/ftp-server-logo.png" imageanchor="1" style="clear: left; display: inline !important; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="246" data-original-width="246" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZPd29ODOOIcsRIzLWQs2zloO_RpCouSwLtRE-oKNoGFfPbOn77xjxJKrwU-T1k3DsOXLEoXQuio78kwRAfIAGPWfDyGjIMACQ2USrPN39WJcA4-dRlukD1A-VO5aJIaPKnX_Y6xc1xuY/s200/ftp-server-logo.png" width="200" /></a><br />
<div class="Estilo1">
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">O QUE É O FTP? </span></h1>
</div>
<div class="MDTextoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">É
um protocolo standard de transferência de ficheiros de um computador para um
servidor</span>. As siglas significam File Transfer Protocol. Um programa
gratuito e bastante conhecido para todos os sistemas operativos é o Filezilla.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div align="center" class="MDTextoNormal" style="text-align: center;">
<br /></div>
<div class="MsoNormal">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– INSTALAR E CONFIGURAR FILEZILLA</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span><span style="mso-no-proof: yes;"> </span><span style="color: black;"><o:p></o:p></span></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Após descarregar de <a href="http://filezilla-project.org/"><span style="background: white; color: #25b9d7;">http://filezilla-project.org/</span></a><span style="background: white; color: #172b4d;"><span style="-webkit-text-stroke-width: 0px; float: none; font-variant-caps: normal; font-variant-ligatures: normal; orphans: 2; text-align: start; text-decoration-color: initial; text-decoration-style: initial; widows: 2; word-spacing: 0px;"> </span></span>e de realizar a instalação, será
necessário configurar os seguinte parâmetros:<o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="mso-fareast-language: PT; mso-no-proof: yes;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_2" o:spid="_x0000_i1026"
type="#_x0000_t75" style='width:425pt;height:60.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/cribeiro/AppData/Local/Temp/msohtmlclip1/01/clip_image003.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn5ASOAM9eff9Use3eixqcc3nk17RAE5V6M7-S2FSEo9KvIl9LmnnDxm_5wc4OOVD8NPwN0yxezW1_n3bNAxhg8oqv5D0_PyWtUoq9w-eBT_dYCm8kp6mwqtGwtAveR7b-b2p19xVR_qU/s1600/01.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="159" data-original-width="1109" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn5ASOAM9eff9Use3eixqcc3nk17RAE5V6M7-S2FSEo9KvIl9LmnnDxm_5wc4OOVD8NPwN0yxezW1_n3bNAxhg8oqv5D0_PyWtUoq9w-eBT_dYCm8kp6mwqtGwtAveR7b-b2p19xVR_qU/s400/01.JPG" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<ol>
<li>Servidor: localização do
seviço de hosting através de nome ou IP.</li>
<li>Nome de utilizador: identificador
da conta no servidor.</li>
<li>Password: senha protetora
relacionada com a conta.</li>
</ol>
<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Após a configuração correta, a
listagem das pastas no servidor será bem sucedida e visualizada no lado
direito. Na parte inferior podemos confirmar o processo das transferências.<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzlKHesPkPVNfCVKH50mjqQqJ4KEw50lXtMhKTWK3zAL_N6iBWfozLoJix18207wNh16OeF0LBjYhcJRCAO31_dUtMGdzu5SHxV-2JN3ed1ngcc1zY7nC_UAOXYvA45vSsWQ_Y7C9dwY8/s1600/02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="918" data-original-width="1285" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzlKHesPkPVNfCVKH50mjqQqJ4KEw50lXtMhKTWK3zAL_N6iBWfozLoJix18207wNh16OeF0LBjYhcJRCAO31_dUtMGdzu5SHxV-2JN3ed1ngcc1zY7nC_UAOXYvA45vSsWQ_Y7C9dwY8/s400/02.png" width="400" /></a></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<span style="mso-fareast-language: PT; mso-no-proof: yes;"><!--[if gte vml 1]><v:shape
id="Imagem_x0020_4" o:spid="_x0000_i1025" type="#_x0000_t75" style='width:425.5pt;
height:304pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/cribeiro/AppData/Local/Temp/msohtmlclip1/01/clip_image005.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><o:p></o:p></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MDTextoNormal">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– OUTROS FTP:</span><span style="color: black;"><o:p></o:p></span></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Além do Filezilla, existem
outros serviços que funcionam da mesma forma:<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Windows:<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
</div>
<ul>
<li><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">CoreFTP: http://www.coreftp.com/</span></li>
<li><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">WinSCP: http://winscp.net/</span></li>
<li><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">SmartFTP: http://www.smartftp.com/</span></li>
</ul>
<br />
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Mac OS X:<o:p></o:p></span></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
</div>
<ul>
<li><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Cyberduck: http://cyberduck.ch/</span></li>
<li><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Transmit: http://www.panic.com/transmit/</span></li>
<li><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Fetch: http://fetchsoftworks.com/fetch/</span></li>
</ul>
<br />
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Unix/Linux:<o:p></o:p></span></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
</div>
<ul>
<li><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">gFTP: http://gftp.seul.org/</span></li>
<li><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">kasablanca: http://kasablanca.berlios.de/</span></li>
<li><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">NcFTP: http://www.ncftp.com/ncftp/</span></li>
</ul>
<br />
<div style="margin-bottom: .0001pt; margin: 0cm;">
<b><span style="background: #3d85c6; color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b><span style="color: black; font-size: 13.5pt;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">No servidor, podemos utilizar o serviço Cpanel
que permite a transferência de ficheiros do computador para o servidor ou então
utilizar um programa de FTP. No cado de utilizar um programa de FTP terá as vantagens
de rapidez e verificação dos processos realizados.<o:p></o:p></span></div>
<br />Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-84642133605438212502020-05-05T04:16:00.002-07:002020-05-05T07:07:06.812-07:00Regras de domínio e onde comprar?<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsCkThSwQwsfmCiecukTR0aAbudkY6_X4cbthFSlmNxNICoa7SaCihwVEGYQ27zhJzuAuSeqnlfW4Vg_Iw72FrnTouw6PZlknHLWTF03X973XpqMVf_bW0wKGMdZAoW7F2p0rc5aK3DoQ/s1600/dominio.png" imageanchor="1" style="clear: left; float: left; font-size: medium; font-weight: 400; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="225" data-original-width="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsCkThSwQwsfmCiecukTR0aAbudkY6_X4cbthFSlmNxNICoa7SaCihwVEGYQ27zhJzuAuSeqnlfW4Vg_Iw72FrnTouw6PZlknHLWTF03X973XpqMVf_bW0wKGMdZAoW7F2p0rc5aK3DoQ/s1600/dominio.png" /></a></div>
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><br />
<div class="Estilo1">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Imagem_x0020_6" o:spid="_x0000_s1026" type="#_x0000_t75"
style='position:absolute;margin-left:1.55pt;margin-top:22.85pt;width:118.3pt;
height:118.3pt;z-index:251660288;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:absolute;
mso-position-horizontal-relative:text;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:page;mso-height-relative:page'>
<v:imagedata src="file:///C:/Users/cribeiro/AppData/Local/Temp/msohtmlclip1/01/clip_image001.png"
o:title="dominio"/>
<w:wrap type="square"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">REGRAS DE DOMÍNIO E ONDE COMPRAR?</span></h1>
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><br />
<div class="Estilo1">
<span style="color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; letter-spacing: -0.25pt;">Um domínio é o identificador/nome do website online. Será o nome ou a
morada do seu local na internet. É composto por ( https://nomedosite.com ) ou
seja, protocolo, nome do site e extensão (.org, .com, .pt).</span></div>
<br />
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p> </o:p></span></h1>
<h1>
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p> </o:p></span></h1>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– REGRAS PARA CRIAR UM DOMÍNIO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span><span style="mso-no-proof: yes;"> </span><span style="color: black;"><o:p></o:p></span></h1>
<h3 style="margin-top: 0cm;">
<span style="color: white; font-family: "arial" , sans-serif;"><span style="font-size: 14px; font-weight: 400; letter-spacing: -0.333333px;">No nome do domínio, podemos utilizar letras, números e hífens apesar do hífen ( - ) ser desaconselhado por poder causar confusão com o underscore ( _ ). Deve ter um tamanho mínimo de 3 caracteres e máximo recomendado de 26. Este nome completo de domínio deve conter apenas o nome e extensão sem utilizar o www (world wide web). </span></span></h3>
<h3 style="margin-top: 0cm;">
<span style="color: white; font-family: "arial" , sans-serif;"><span style="font-size: 14px; font-weight: 400; letter-spacing: -0.333333px;">As extensões dos domínios podem ser nacionais, referentes ao seu país de origem (.pt, .br, .fr, etc ) ou internacionais, referentes a tipos de negócios genéricos (.com, .net, .org, .biz). É importante escolher corretamente a extensão consoante o tipo de negócio para ser facilmente identificado o tipo de website online.</span></span></h3>
<div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– DOMÍNIO E ALOJAMENTO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span><span style="mso-no-proof: yes;"> </span><span style="color: black;"><o:p></o:p></span></h1>
<div class="MsoNormal">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">Quando criamos um website necessitamos de criar o nome do
site (domínio) e de um local/servidor onde alojar o site (hosting). A maioria
dos serviços de alojamento/hosting já oferecem o domínio gratuito quando
subscrevemos os seus serviços por um período de 1 ano. Neste caso, quando
pretendemos criar o nosso espaço online, estes hostings fornecem o alojamento e
o domínio num único processo. Isto facilita a criação da nossa presença online,
no entanto devemos ter atenção se depois pretendemos mudar o domínio para outro
serviço de hosting. <o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">3
– ONDE COMPRAR UM DOMÍNIO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span><span style="mso-no-proof: yes;"> </span><span style="color: black;"><o:p></o:p></span></h1>
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">O alojamento/hosting podemos comprar em qualquer fornecedor
de serviço consoante as nossas necessidades e a oferta que têm, no entanto é
recomendável que o domínio seja adquirido por uma entidade independente de
registo de domínios. Isto porque os domínios quando comprados, são na realidade
apenas alugados por um período de tempo e se deixamos de pagar perdemos o
direito de utilização. Ao comprar um domínio através do nosso hosting,
tecnicamente o domínio pertence ao serviço de hosting e podem proibir a
transferência do domínio para outro serviço de hosting ou cobrar por essa transferência.<o:p></o:p></span><br />
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><br /></span></div>
<div style="margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 10.5pt;">Se pretender comprar um domínio num serviço independente:</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 10.5pt;"><br /></span>
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;">Dominios: https://www.dominios.pt/</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;">Gandi: http://en.gandi.net/</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;">Namecheap: http://www.namecheap.com/</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;">GoDaddy: https://www.godaddy.com/</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;">1&1 IONOS: https://www.ionos.com</span></span></li>
</ul>
<br />
<span style="font-size: 14px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"></span></span></div>
<span style="font-size: 10.5pt;">
</span>
<br />
<ul>
</ul>
<br />
<div style="margin-bottom: .0001pt; margin: 0cm;">
<b><span style="background: #3d85c6; color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b><span style="color: black; font-size: 13.5pt;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Ao alugar um domínio é recomendável fazer essa
subscrição num serviço independente do alojamento/hosting. Desta forma,
previne-se problemas/gastos no futuro se pretender alterar o domínio para outro
serviço de hosting.</span></div>
<br />Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-35897579351245282722020-05-04T03:22:00.001-07:002020-05-05T05:07:43.743-07:00Multimédia e diferentes tipos de Media<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/Q4-bFEz_m98/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/Q4-bFEz_m98?feature=player_embedded" width="320"></iframe></div>
<br />Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-26418706677516789962020-04-30T04:43:00.003-07:002020-05-05T05:02:57.698-07:00Adobe Muse Widgets<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/3bErIoNpoek/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/3bErIoNpoek?feature=player_embedded" width="320"></iframe></div>
<br />Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-34214189615409166412020-04-30T02:38:00.001-07:002020-04-30T02:38:40.377-07:00Diferença entre HTML e HTML5<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/XhRDLYHKvyE/0.jpg" src="https://www.youtube.com/embed/XhRDLYHKvyE?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br />Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-74672005613631983442020-04-30T02:34:00.004-07:002020-05-05T05:02:21.717-07:00HTML Tabelas<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/m_qNcbXgdMA/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/m_qNcbXgdMA?feature=player_embedded" width="320"></iframe></div>
<br />Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-73989728692180229622020-04-30T02:31:00.000-07:002020-05-05T07:37:12.162-07:00Conceitos e técnicas de animação<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/X-LDRJSpaak/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/X-LDRJSpaak?feature=player_embedded" width="320"></iframe></div>
<br />Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-72877928951275358742020-04-30T02:27:00.004-07:002020-05-05T05:04:38.069-07:00Componentes das máquinas digitais<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/1zwulCtmzns/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/1zwulCtmzns?feature=player_embedded" width="320"></iframe></div>
<br />Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-74676792850779976602020-04-29T09:35:00.004-07:002020-05-05T07:14:23.553-07:00Textos narrativos e tipos de escrita<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/q_-EOOwJrrQ/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/q_-EOOwJrrQ?feature=player_embedded" width="320"></iframe></div>
<br />Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-64771971496285478502020-04-29T09:33:00.001-07:002020-05-05T07:15:39.742-07:00Escrita e pensamento criativo<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/75EB9PCSKeo/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/75EB9PCSKeo?feature=player_embedded" width="320"></iframe></div>
<br />Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-64795816657657997552017-02-14T07:20:00.002-08:002020-05-05T07:12:04.090-07:00Conteúdo interativo em pacote HTML5<div class="Estilo1">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Imagem_x0020_16" o:spid="_x0000_s1026" type="#_x0000_t75"
style='position:absolute;margin-left:-.05pt;margin-top:21.7pt;width:179pt;
height:103pt;z-index:251660288;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:absolute;
mso-position-horizontal-relative:margin;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:page;mso-height-relative:page'>
<v:imagedata src="file:///C:\Users\cbruno\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"
o:title=""/>
<w:wrap type="square" anchorx="margin"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><br />
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
</div>
<o:p></o:p><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl_sNGJu7h-4MOJk8CR3j7h_HkWWvucgxyQDT5ALXztD1AXUwHqrJYQBp4N-KrFWjz1wTq9uOsEuTt2RbLQA-qIZFumGoF7CvYKNF1vRBh8vp_AQPqpFo9r_fCxEZbdhxVUro1MF5gIas/s1600/logo_100.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl_sNGJu7h-4MOJk8CR3j7h_HkWWvucgxyQDT5ALXztD1AXUwHqrJYQBp4N-KrFWjz1wTq9uOsEuTt2RbLQA-qIZFumGoF7CvYKNF1vRBh8vp_AQPqpFo9r_fCxEZbdhxVUro1MF5gIas/s1600/logo_100.jpg" /></a><b><span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">CONTEÚDO INTERATIVO NO PACOTE HTML5</span></b></div>
<div class="MsoNormal">
<span style="color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; letter-spacing: -0.25pt; line-height: 115%;">Existe agora um pacote HTML5 que nos permite criar conteúdo interativo
para incluir no nosso website, vídeo, apresentações, jogos, questionários e
muito mais. Podemos utilizar um plugin ou simplesmente embeber o código para visualizar
no navegador.</span><br />
<span style="color: #262626; font-family: "arial" , sans-serif; font-size: 10.5pt; letter-spacing: -0.25pt; line-height: 115%;"></span><br /></div>
Pode ver o video ou seguir os passos seguintes:<br />
<br />
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/Thpa9X1mPu8/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/Thpa9X1mPu8?feature=player_embedded" width="320"></iframe></div>
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204"></a><br />
<h1>
</h1>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– CRIAR UMA CONTA</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<h3 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-top: 0cm;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a></h3>
<br />
Acedemos ao site <a href="http://www.h5p.org/">www.h5p.org</a> e pressionamos no botão “Create free account”.<br />
<div>
<br />
<div>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRzpSekzQ2e9PFvGpQIRSf2Gw8uWmeKuDfDOxwBZWvVEbnehBT1kieVDHTQ5cW6NS5aLufcbNMH97VA3G6yzd-vh1NNijrv4M4LiC5sa5YJr9XeBe6fj1kDIHnYS0PyWrfEdsFMShcaY8/s400/01.jpg" /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br />
<br />
Inserimos os nossos dados pessoais, criamos uma password, inserimos o código captcha e pressionamos no botão “Create new account”.<br />
<br />
<div class="MsoNormal">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_7" o:spid="_x0000_i1031" type="#_x0000_t75" style='width:425.25pt;
height:295.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\cbruno\AppData\Local\Temp\msohtmlclip1\01\clip_image005.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCjO_3CZvxFnlzj-_80D8Wq3kTaAOD4qKU5OJYS5TvVUFtnTex8H8dvV5GJPRpcw_APnaQfgwTP31xVwoBREd-qYWXiexlYxMzo81rDVwkUlZHxq3a66kTJ9cMLveWgWj88hzgx9YniK8/s1600/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCjO_3CZvxFnlzj-_80D8Wq3kTaAOD4qKU5OJYS5TvVUFtnTex8H8dvV5GJPRpcw_APnaQfgwTP31xVwoBREd-qYWXiexlYxMzo81rDVwkUlZHxq3a66kTJ9cMLveWgWj88hzgx9YniK8/s400/02.jpg" width="400" /></a></div>
<!--[endif]--><o:p></o:p></div>
<div class="MsoNormal">
<br />
Após o registo, acedemos ao email para verificar as
instruções que foram enviadas.<br />
<br />
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgItxXkmf1XCgxh0h56o15crXgXkabBPdCZ29zjNPrsskU_ksNekdwrOriiS4tRM8CrGM9-NYvFh8-dRxIbH-NCSZDcVTq7P85EgC31dOYzvh3gth_7EcaGX_vRlsNPPBHgnWrOSPXMtw8/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgItxXkmf1XCgxh0h56o15crXgXkabBPdCZ29zjNPrsskU_ksNekdwrOriiS4tRM8CrGM9-NYvFh8-dRxIbH-NCSZDcVTq7P85EgC31dOYzvh3gth_7EcaGX_vRlsNPPBHgnWrOSPXMtw8/s400/03.jpg" width="400" /></a></div>
<div class="MsoNormal">
<!--[endif]--><o:p></o:p></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– ABRIR O EMAIL</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">Acedemos ao email e podemos utilizar uma ferramenta de autor
na primeira hiperligação “testdrive” para criar conteúdo interativo facilmente.<o:p></o:p></span><br />
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><!--[if gte vml 1]><v:shape
id="Imagem_x0020_9" o:spid="_x0000_i1029" type="#_x0000_t75" style='width:425.25pt;
height:278.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\cbruno\AppData\Local\Temp\msohtmlclip1\01\clip_image009.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkqbK2fPSpYq1i4p0xmuW37TRxsnIbQZLRSCjXjb1-4v7l2T5phWSKZDIE80IlwjH8YX21T71PNgRk6OHpX52Prn5reTlHzPLurYRddNJ-koGNySVnPoNA-BvWFkAjyx-rKlg-1Suyb84/s1600/04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkqbK2fPSpYq1i4p0xmuW37TRxsnIbQZLRSCjXjb1-4v7l2T5phWSKZDIE80IlwjH8YX21T71PNgRk6OHpX52Prn5reTlHzPLurYRddNJ-koGNySVnPoNA-BvWFkAjyx-rKlg-1Suyb84/s400/04.jpg" width="400" /></a></div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><br /></span>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">Aparece a ferramenta online onde nos permite escolher entre
várias interações possíveis para criarmos.<o:p></o:p></span><br />
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><!--[if gte vml 1]><v:shape
id="Imagem_x0020_10" o:spid="_x0000_i1028" type="#_x0000_t75" style='width:425.25pt;
height:297pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\cbruno\AppData\Local\Temp\msohtmlclip1\01\clip_image011.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkf35wjg-ox-BhdTceFyWxBAl591eoxjpbF7jmXr6hyphenhyphenWVUKlcyDjeysUCpiB_ggcP8PUjSdNh1Ht091_A1zKdmXl6OIBQUgBTrpvie0cMHJ87dXfL-C9AlGWAMg5pGFppjniqKcWubei0/s1600/05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkf35wjg-ox-BhdTceFyWxBAl591eoxjpbF7jmXr6hyphenhyphenWVUKlcyDjeysUCpiB_ggcP8PUjSdNh1Ht091_A1zKdmXl6OIBQUgBTrpvie0cMHJ87dXfL-C9AlGWAMg5pGFppjniqKcWubei0/s400/05.jpg" width="400" /></a></div>
<br /></div>
<div style="background: white; margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin: 0cm 0cm 24pt;">
<div class="separator" style="clear: both;">
<span style="margin-left: 1em; margin-right: 1em;">Vamos criar um formulário com questões de verdadeiro e falso onde iremos inserir a pergunta, a resposta (verdadeiro ou falso), os comportamentos do questionário, os feedbacks para as respostas corretas e erradas e o texto que irá aparecer.</span></div>
<br />
<br />
<br />
<span style="background-color: white; color: black;"><span style="background-color: white; margin-left: 1em; margin-right: 1em;"><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHhX4k6dFVYqRQNIzp5DSXcXsD2wVy60it1kStU9377W3GKGmPHc8KFN09tWrNz-ekULDbYFa9wWsxA_HWtIIaoJ54Mn1L4pEbiWbrSyWQt00Be3EyYuRFOuC1AubLSt0DIrSdQuuxW1w/s1600/06.jpg"></a></span></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHhX4k6dFVYqRQNIzp5DSXcXsD2wVy60it1kStU9377W3GKGmPHc8KFN09tWrNz-ekULDbYFa9wWsxA_HWtIIaoJ54Mn1L4pEbiWbrSyWQt00Be3EyYuRFOuC1AubLSt0DIrSdQuuxW1w/s1600/06.jpg" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHhX4k6dFVYqRQNIzp5DSXcXsD2wVy60it1kStU9377W3GKGmPHc8KFN09tWrNz-ekULDbYFa9wWsxA_HWtIIaoJ54Mn1L4pEbiWbrSyWQt00Be3EyYuRFOuC1AubLSt0DIrSdQuuxW1w/s400/06.jpg" width="400" /></a><br />
<span style="background-color: white;"><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin: 0cm 0cm 24pt;">
<div class="separator" style="clear: both;">
<span style="margin-left: 1em; margin-right: 1em;">Após colocarmos todos os dados no questionário, pressionamos no final no botão “Save” e podemos testar de imediato o questionário criado.</span></div>
<br />
<div style="text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="background-color: white; clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNmkx0rCCPuQy0ln9xK8g1sB4ED24dOz-3DCXsQYyhLq_HXPtPxMBhTYM_dwpCaDMBvbl1i95n2ozzjfkj2khBIbr06fCljFrEDZQzCtTBDPMhBydDr9yp7IOSIFDZGjR2lBfiCGzHHk/s400/07.jpg" width="400" /></div>
<br />
<div style="background-color: white;">
</div>
<div style="background-color: white;">
</div>
</div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<div class="separator" style="clear: both;">
No caso de estar tudo como pretendemos, podemos fazer o download do pacote criado ou copiar o código de iframe “Embed” para inserir na web.</div>
<br />
<div style="text-align: center;">
<img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP8TDLBwWTnG61dI92Y82A9cfhM1PF8HOufp9Bc4PIbdLSYOuQYauXXDzNT_CE34iPv2t1LYCWQ2FP4Pb8j7-30G9eaZRF6zNLYsp61lNhoJfH83A1RxPEO4OgneCSJxAKndA7posyxeU/s400/08.jpg" width="400" /></div>
<br />
<b><span style="background: #3d85c6; color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;"><br /></span></b>
<b><span style="background: #3d85c6; color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b><span style="font-size: 13.5pt;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Com este pacote H5P podemos criar facilmente
conteúdo interativo para inserir nos websites onde descarregamos o conteúdo e
utilizamos um plugin que irá fazer a leitura para CMS ou através do código
embebido “embeded” num iframe para utilizarmos nos mais diversos locais.</span></div>
</div>
</div>
</div>
Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-24974524464870841162017-02-10T05:44:00.001-08:002020-05-05T04:42:15.700-07:00Ferramentas e Técnicas de Criatividade<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/LM76aSbEwpc" width="480"></iframe>Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-16039989891908069732016-12-05T06:50:00.000-08:002020-05-05T04:43:28.831-07:00Novidades no HTML 5.1<div class="Estilo1">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Imagem_x0020_5" o:spid="_x0000_s1026" type="#_x0000_t75"
style='position:absolute;margin-left:0;margin-top:23.65pt;width:104.25pt;
height:104.25pt;z-index:251659264;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:left;
mso-position-horizontal-relative:margin;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:page;mso-height-relative:page'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"
o:title=""/>
<w:wrap type="square" anchorx="margin"/>
</v:shape><![endif]--><!--[if !vml]--></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi_jmtiSpejqFPz_CcGlmpFmHJYVzB8rvqmlIO0IvIMq48kVR6kulkyvRYag8uIfXUF3268qeSODlt-hml9e7UDSAcRQ8QjUmO3GS7y8mZ1QMmLeGljmhPe7Z4pGgFCZFHeCLeOwmKe74/s1600/logo_100.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi_jmtiSpejqFPz_CcGlmpFmHJYVzB8rvqmlIO0IvIMq48kVR6kulkyvRYag8uIfXUF3268qeSODlt-hml9e7UDSAcRQ8QjUmO3GS7y8mZ1QMmLeGljmhPe7Z4pGgFCZFHeCLeOwmKe74/s1600/logo_100.jpg" /></a></div>
<b><span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">NOVIDADES NO HTML 5.1</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span></b><br />
<div class="MsoNormal">
Enquanto o HTML 5.1 ainda estava em desenvolvimento, o W3C já começou a trabalhar num rascunho do HTML 5.2, que deverá ser lançado no final de 2017. Entretanto, aqui está uma visão geral de alguns dos novos recursos interessantes e melhorias introduzidas para a versão 5.1.<br />
<br />
<b><span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;"><span style="font-size: 10.5pt;">1
– UM OLHAR SOBRE O HTML 5.1</span></span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span></b></div>
<h1>
<o:p></o:p></h1>
A divulgação do padrão de HTML5 à dois anos foi importante na comunidade do desenvolvimento web. Não só porque veio divulgar uma impressionante lista de novos recursos, mas também porque foi a primeira grande atualização para HTML desde que o HTML 4.01 foi lançado em 1999. <br />
Felizmente, não tivemos que esperar muito tempo para a próxima atualização de HTML. Em outubro de 2015, o W3C começou a trabalhar no rascunho do HTML 5.1 com o objetivo de corrigir alguns dos problemas deixados em aberto no HTML5. Depois de muitas tentativas, alcançou o estado de "Recomendação de Candidato" em junho de 2016, "Recomendação Proposta" em setembro de 2016 e, finalmente, uma Recomendação do W3C em novembro de 2016. Aqueles que seguiram esse desenvolvimento provavelmente perceberam que era uma viagem acidentada. Muitos dos recursos iniciais do HTML 5.1 foram descartados devido ao design deficiente ou à falta de suporte do navegador.<br />
Enquanto o HTML 5.1 ainda estava em desenvolvimento, o W3C já começou a trabalhar num rascunho do HTML 5.2, que deverá ser lançado no final de 2017. Entretanto, aqui está uma visão geral de alguns dos novos recursos interessantes e melhorias introduzidas em 5.1. O suporte para o navegador ainda não é suficiente para esses recursos, mas vamos encaminhá-lo para pelo menos alguns navegadores que podem ser usados para testar cada exemplo.<br />
<div class="MsoNormal">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– MENUS DE CONTEXTO COM ELEMENTOS “CONTEXT” E ”TOOLBAR”</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">A nova versão introduziu dois elementos de menu: “context”
e “toolbar”. O primeiro é utilizado para apresentar o contexto dos menus,
utilizando o botão direito do rato, e o segundo para definir os componentes
desse menu. Neste processo de desenvolvimento, a toolbar foi descartada mas o
menu contexto ainda se mantém.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">Ainda podemos utilizar a etiqueta “menu” para definir um ou
vários elementos “menuitem” e depois vinculá-los a outro elemento utilizando o
atributo “contextmenu”.</span><br />
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><br /></span></div>
Cada “menuitem” pode ser de 3 tipos:<br />
<div>
<ul>
<li>checkbox – permite selecionar e retirar a seleção a uma opção. </li>
<li>command – permite excluir uma ação através de um clique. </li>
<li>radio – permite selecionar uma opção de um grupo</li>
</ul>
<br />
<div class="separator" style="clear: both;">
Um exemplo de menu contexto com item, a funcionar no Firefox, mas não funciona no Chrome.</div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWRL3XHib5nsOfECv2BP6vxtlePJMYgFdL6biZMFPtMNKGzYFC7qGH79vxRxJxzli5EU8t2Nowuw53SJnedM3UawR58aWsxWECOpYmamPw6F7Rt7doDaoRC1hjrtGJqPEDcVVoBzcn_lI/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWRL3XHib5nsOfECv2BP6vxtlePJMYgFdL6biZMFPtMNKGzYFC7qGH79vxRxJxzli5EU8t2Nowuw53SJnedM3UawR58aWsxWECOpYmamPw6F7Rt7doDaoRC1hjrtGJqPEDcVVoBzcn_lI/s320/01.jpg" width="276" /></a><br />
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">3
– ELEMENTOS “DETAILS” E “SUMMARY”</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
Os novos elementos “details” e “summary” implementam a capacidade de mostrar e ocultar um bloco de informações adicionais clicando em um elemento. Isso é algo que muitas vezes é feito através de JavaScript que agora pode ser feito usando o elemento “details” com um elemento “summary” dentro dele. Clicar no summary altera a visibilidade do restante conteúdo do elemento details. <br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Este exemplo funciona no Chrome e Firefox:<br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxxXqdKGTX807Zjpz16K80kNJNALzNfuKKRBU_XrWsoCwDKu83PmXLoZXTV0f-SbnNmLKOPXvqO221ETkcOKnD4s4YOSwAmN-oc1n50Ydf0mjYJ-cnLAcVuKlyVXCRDJieVwJyg5VWf40/s1600/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxxXqdKGTX807Zjpz16K80kNJNALzNfuKKRBU_XrWsoCwDKu83PmXLoZXTV0f-SbnNmLKOPXvqO221ETkcOKnD4s4YOSwAmN-oc1n50Ydf0mjYJ-cnLAcVuKlyVXCRDJieVwJyg5VWf40/s320/02.jpg" width="320" /></a></div>
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><br />
<h3 style="background: white; margin-top: 0cm;">
<div class="MsoNormal">
<!--[if gte vml 1]><v:shapetype
id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t"
path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Imagem_x0020_3" o:spid="_x0000_i1026" type="#_x0000_t75"
alt="Details and summary elements" style='width:300pt;height:270.75pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png"
o:title="Details and summary elements"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
</h3>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">4
– MAIS ELEMENTOS DE INPUT</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span></h1>
Os dois primeiros permitem-lhe selecionar uma semana ou um mês. No Chrome, ambos são visualizados como um calendário suspenso que permite que selecione um determinado mês do ano ou uma semana. Quando acede aos valores de JavaScript, irá receber uma sequência de caracteres semelhante à seguinte: "2016-W43" para a entrada da semana e "2016-10" para a entrada do mês. <br />
<br />
<br />
Inicialmente, os rascunhos de 5.1 introduziram duas entradas de data e hora - datetime e datetime-local. A diferença era que datetime-local sempre selecionava o tempo no fuso horário do utilizador, enquanto a entrada de data/hora também permitia selecionar um fuso horário diferente. Durante o desenvolvimento, o tipo de data e hora foi descartado e agora resta apenas o local de data e hora. A entrada datetime-local consiste em duas partes - a data, que pode ser selecionada de maneira semelhante à semana ou monthinput, e a parte do tempo, que pode ser digitada separadamente. <br />
<br />
<br />
Funciona no Chrome mas não funciona no Firefox:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEingvDwdqDrJTovcqyID7NMlYBWoHZQQNSQnoRO8lgiKruCPeIBZd0FRkpLeZCNUc3fELB61SfGiDu-WUT-j5iM04YaO4avo_ctMRPIe1yz8OMw-FUOeJsCm4na34uUQDgT_fE8jYoRHQg/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEingvDwdqDrJTovcqyID7NMlYBWoHZQQNSQnoRO8lgiKruCPeIBZd0FRkpLeZCNUc3fELB61SfGiDu-WUT-j5iM04YaO4avo_ctMRPIe1yz8OMw-FUOeJsCm4na34uUQDgT_fE8jYoRHQg/s320/03.jpg" width="320" /></a></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;"> </span></h1>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">5
– IMAGENS RESPONSIVAS</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span></h1>
<div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"></span><br />
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">O HTML 5.1 inclui vários novos recursos para implementar
imagens responsivas sem o uso de CSS. <o:p></o:p></span></span></div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">
</span>
<br />
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><br /></span></span></div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">
</span>
<br />
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><b><u><span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">O
atributo de imagem srcset <o:p></o:p></span></u></b></span></div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">
</span>
<br />
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">O atributo srcset permite listar várias fontes alternativas
de imagem que variam consoante a densidade de pixels. Isso permite que o
navegador escolha uma imagem da qualidade apropriada para o dispositivo do utilizador
(determinada pela sua própria densidade de pixels, nível de zoom ou velocidade
da rede). Por exemplo, você pode querer fornecer uma imagem de menor resolução
para utilizadores com telefones pequenos em redes móveis mais lentas.<o:p></o:p></span></span></div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">
</span>
<br />
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">O atributo srcset aceita uma lista de imagens separada por
vírgulas cada uma com seu próprio modificador x, que descreve a proporção de
pixels (quantidade de pixels físicos em um pixel CSS) mais apropriada para cada
imagem. Um exemplo simples será:<span style="color: #8eaadb;"><o:p></o:p></span></span></span><br />
<br />
<div class="MsoNormal">
<b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"><<span style="color: #c00000;">img </span><span style="color: #548235; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #548235; mso-style-textfill-fill-colortransforms: lumm=75000; mso-style-textfill-fill-themecolor: accent6; mso-themecolor: accent6; mso-themeshade: 191;">src</span>="<span style="color: #0070c0;">images/low-res.jpg</span>"
<span style="color: #548235; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #548235; mso-style-textfill-fill-colortransforms: lumm=75000; mso-style-textfill-fill-themecolor: accent6; mso-themecolor: accent6; mso-themeshade: 191;">srcset</span>="<o:p></o:p></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> <span style="color: #0070c0;">images/low-res.jpg
1x, <o:p></o:p></span></span></b></div>
<div class="MsoNormal">
<b><span style="color: #0070c0; font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> images/high-res.jpg 2x, <o:p></o:p></span></b></div>
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><br />
<div class="MsoNormal">
<b><span style="color: #0070c0; font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> images/ultra-high-res.jpg 3x</span></b><b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;">" ><o:p></o:p></span></b></div>
<br />
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a>Nesse caso, se a proporção de pixel dos utilizadores for igual a 1, a imagem de baixa resolução será exibida, para 2, serão exibidos valores de alta resolução e para 3 e acima, será escolhida a ultra-alta resolução.</div>
</div>
<br />
Como alternativa, você pode optar por exibir imagens de diferentes tamanhos em vez de diferentes proporções de pixels. Isso pode ser feito usando o modificador w:<br />
<br />
<div class="MsoNormal">
<b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"><<span style="color: #c00000;">img </span><span style="color: #385723; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #385723; mso-style-textfill-fill-colortransforms: lumm=50000; mso-style-textfill-fill-themecolor: accent6; mso-themecolor: accent6; mso-themeshade: 128;">src</span>="<span style="color: #0070c0;">images/low-res.jpg</span>"
<span style="color: #385723; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #385723; mso-style-textfill-fill-colortransforms: lumm=50000; mso-style-textfill-fill-themecolor: accent6; mso-themecolor: accent6; mso-themeshade: 128;">srcset</span>="<o:p></o:p></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> <span style="color: #0070c0;">images/low-res.jpg
600w, <o:p></o:p></span></span></b></div>
<div class="MsoNormal">
<b><span style="color: #0070c0; font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> images/high-res.jpg 1000w, <o:p></o:p></span></b></div>
<b><span style="color: #0070c0; font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> images/ultra-high-res.jpg 1400w</span></b><b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;">" ></span></b><br />
<br /></div>
<div>
<h4 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; line-height: 200%; margin-top: 0cm;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span style="font-weight: normal;">Neste caso, a imagem de baixa resolução é definida como sendo de 600px de largura, de alta resolução para ser de 1000px e ultra-alta de 1400px.</span></h4>
<br />
<u><b>O atributo sizes </b></u><br />
<u><b><br /></b></u>
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a>Você pode querer exibir imagens de forma diferente, dependendo do tamanho de tela do utilizador. Por exemplo, você pode mostrar uma série de imagens dispostas em duas colunas para telas de largura e dispostas em apenas uma para telas mais estreitas. Isso pode ser obtido usando o atributo sizes. Ele permite que você traduza a largura da tela para o espaço alocado para uma imagem e, em seguida, escolher a imagem apropriada usando o atributo srcset. Aqui está um exemplo:<br />
<br />
<div class="MsoNormal">
<b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"><<span style="color: #c00000;">img </span><span style="color: #70ad47; mso-themecolor: accent6;">src</span>="<span style="color: #5b9bd5; mso-themecolor: accent1;">images/low-res.jpg</span>"
<span style="color: #385723; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #385723; mso-style-textfill-fill-colortransforms: lumm=50000; mso-style-textfill-fill-themecolor: accent6; mso-themecolor: accent6; mso-themeshade: 128;">sizes</span>="<span style="color: #5b9bd5; mso-themecolor: accent1;">(max-width:
40em) 100vw, 50vw</span>" <o:p></o:p></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> <span style="color: #385723; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #385723; mso-style-textfill-fill-colortransforms: lumm=50000; mso-style-textfill-fill-themecolor: accent6; mso-themecolor: accent6; mso-themeshade: 128;">srcset</span>="<span style="color: #5b9bd5; mso-themecolor: accent1;">images/low-res.jpg
600w, <o:p></o:p></span></span></b></div>
<div class="MsoNormal">
<b><span style="color: #5b9bd5; font-family: "courier new"; font-size: 10.5pt; line-height: 115%;">
images/high-res.jpg 1000w, <o:p></o:p></span></b></div>
<b><span style="color: #5b9bd5; font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> images/ultra-high-res.jpg 1400w</span><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;">" ></span></b><br />
<br /></div>
<div>
O atributo sizes define a largura da imagem como 50% da largura da tela quando a largura da tela for maior que 40em ou 100% da largura quando menor ou igual a 40em.</div>
<div>
<br />
<u><b> O elemento picture </b></u><br />
<u><b><br /></b></u>
Se não for suficiente alterar o tamanho das imagens para cada tela e precisar de ter a capacidade de mostrar imagens completamente diferentes, então pode usar o elemento de imagem. Ele permite que você defina imagens com várias fontes para diferentes tamanhos de tela, envolvendo seu “img” com um elemento “picture” e especificando vários elementos filho “source”. O elemento “source” então age como a fonte de URLs para carregar as imagens.<br />
<br />
<div class="MsoNormal">
<b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"><<span style="color: #c00000;">picture</span>><o:p></o:p></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> <<span style="color: #c00000;">source </span><span style="color: #70ad47; mso-themecolor: accent6;">media</span>="(<span style="color: #5b9bd5; mso-themecolor: accent1;">max-width: 20em</span>)" <span style="color: #70ad47; mso-themecolor: accent6;">srcset</span>="<o:p></o:p></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> <span style="color: #5b9bd5; mso-themecolor: accent1;">images/small/low-res.jpg 1x,<o:p></o:p></span></span></b></div>
<div class="MsoNormal">
<b><span style="color: #5b9bd5; font-family: "courier new"; font-size: 10.5pt; line-height: 115%;">
images/small/high-res.jpg 2x, <o:p></o:p></span></b></div>
<div class="MsoNormal">
<b><span style="color: #5b9bd5; font-family: "courier new"; font-size: 10.5pt; line-height: 115%;">
images/small/ultra-high-res.jpg 3x </span></b><b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;">"
><o:p></o:p></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> <<span style="color: #c00000;">source </span><span style="color: #70ad47; mso-themecolor: accent6;">media</span>="(<span style="color: #5b9bd5; mso-themecolor: accent1;">max-width: 40em</span>)" <span style="color: #70ad47; mso-themecolor: accent6;">srcset</span>="<o:p></o:p></span></b></div>
<div class="MsoNormal">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> <span style="color: #5b9bd5; mso-themecolor: accent1;">images/large/low-res.jpg 1x,<o:p></o:p></span></span></b></div>
<div class="MsoNormal">
<b><span style="color: #5b9bd5; font-family: "courier new"; font-size: 10.5pt; line-height: 115%;">
images/large/high-res.jpg 2x, <o:p></o:p></span></b></div>
<div class="MsoNormal">
<b><span style="color: #5b9bd5; font-family: "courier new"; font-size: 10.5pt; line-height: 115%;">
images/large/ultra-high-res.jpg 3x</span></b><b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;">
" ><o:p></o:p></span></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"> <<span style="color: #c00000;">img </span><span style="color: #70ad47; mso-themecolor: accent6;">src</span>="<span style="color: #5b9bd5; mso-themecolor: accent1;">images/large/low-res.jpg</span>"><o:p></o:p></span></b></div>
<br />
<div class="MsoNormal">
<b><span style="font-family: "courier new"; font-size: 10.5pt; line-height: 115%;"></<span style="color: #c00000;">picture</span>></span></b><span style="font-family: "courier new";"><o:p></o:p></span></div>
</div>
<div>
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><br />
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;"> </span></h1>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">6
– VALIDAR FORMULÁRIOS COM “form.reportValidity()”</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
HTML5 define o método form.checkValidity() que permite verificar as entradas de um formulário contra os validadores definidos e retorna um valor booleano como resultado. O novo reportValidity() é muito semelhante - ele também permite validar um formulário e recuperar o resultado, mas também relata os erros diretamente para o utilizador no navegador. <br />
<br />
A entrada "Primeiro nome" deve ser marcada com um erro, uma vez que é obrigatório mas encontra-se vazio. Ao trabalhar como esperado, parece assim:<br />
<div style="background: white; margin-bottom: 24.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;">
<span style="color: #3a3a3a; font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_1"
o:spid="_x0000_i1025" type="#_x0000_t75" alt="Working form validation with a message"
style='width:300pt;height:99pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image007.png"
o:title="Working form validation with a message"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="color: #3a3a3a; font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDJDVY1L6kYpj3n8oJbm3M-EVNVM6ZQLRdpoaIn0SunfOr7_ycgYpz3mgKS_pkax3TPbAqnTEmMRcVKVxp-HfwdzEvcqrsIq6p7PfN0ejUH_xhqrLnfTdCVbAVlmPhNz8eqPZXc-plLzQ/s1600/04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDJDVY1L6kYpj3n8oJbm3M-EVNVM6ZQLRdpoaIn0SunfOr7_ycgYpz3mgKS_pkax3TPbAqnTEmMRcVKVxp-HfwdzEvcqrsIq6p7PfN0ejUH_xhqrLnfTdCVbAVlmPhNz8eqPZXc-plLzQ/s400/04.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">7
– ECRÃ TOTAL PARA FRAMES:</span></h1>
<h1>
<o:p></o:p></h1>
<h1>
<div style="font-size: medium; font-weight: normal;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">O novo atributo booleano allowfullscreen para Frames permite que você
controle se seu conteúdo que irá ser apresentado em tela cheia usando o método requestFullscreen
().</span></div>
<div style="font-size: medium; font-weight: normal;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a></div>
<div class="MsoNormal">
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;"><span style="font-size: 10.5pt;"><br /></span></span>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;"><span style="font-size: 10.5pt;">8
– CORREÇÃO ORTOGRÁFICA COM “element.forceSpellCheck()”</span></span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span></div>
</h1>
<h1>
<o:p></o:p></h1>
Este novo método element.forceSpellCheck () permite que você acione a verificação ortográfica em elementos de texto. Este é também o primeiro recurso desta lista que ainda não está disponível em nenhum dos navegadores. Potencialmente, isso poderia ser usado para realizar verificação ortográfica em elementos que não foram editados diretamente pelo utilizador.<br />
<br />
<blockquote class="tr_bq" style="margin-bottom: .0001pt; margin: 0cm;">
<blockquote class="tr_bq">
<b><span style="background: #3d85c6; color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b></blockquote>
<blockquote>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Com estas novas alterações, será possível criar
menus de contexto e detalhes sem utilizar JS. Os novos elementos de input e
correção ortográfica são um bom melhoramento mas parece-me que as alterações mais
importantes serão as imagens responsivas e a validação dos formulários.</span></blockquote>
</blockquote>
</div>
Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-33731143330065252182016-11-09T05:28:00.001-08:002020-05-05T07:19:40.969-07:00Criar luzes no 3D Studio Max<div class="Estilo1">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Imagem_x0020_2" o:spid="_x0000_s1026" type="#_x0000_t75"
style='position:absolute;margin-left:0;margin-top:22.9pt;width:73.5pt;
height:73.5pt;z-index:251665407;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:left;
mso-position-horizontal-relative:margin;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:page;mso-height-relative:page'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"
o:title=""/>
<w:wrap type="through" anchorx="margin"/>
</v:shape><![endif]--><!--[if !vml]--></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUnrV0partTZILsl5_XJKbiN-ZU42_kOxUN_Dej6UsmS9pfXmBzcxUSG4CztJtM43iwGntG5-0qCm_WPy8QfhPt2DlsXbcI6he1ZA0Pdgq2WF7c3gtFdVEXMTSY0tTVbY9XPpJVThMZw/s1600/3dsmaxlogo100.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUnrV0partTZILsl5_XJKbiN-ZU42_kOxUN_Dej6UsmS9pfXmBzcxUSG4CztJtM43iwGntG5-0qCm_WPy8QfhPt2DlsXbcI6he1ZA0Pdgq2WF7c3gtFdVEXMTSY0tTVbY9XPpJVThMZw/s1600/3dsmaxlogo100.jpg" /></a></div>
<b style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 14px;">COMO CRIAR LUZES NO 3D STUDIO MAX?</b><br />
<div class="MDTextoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Vamos
</span>aprender a inserir 6 luzes standard e fotométricas. Com as luzes
fotométricas iremos descarregar de um website um tipo de luz e instalar no
programa para utilizar na cena.<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MDTextoNormal">
O objeto final ficará com este aspeto:<o:p></o:p></div>
<div class="MDTextoNormal">
<br /></div>
<div align="center" class="MDTextoNormal" style="text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_21" o:spid="_x0000_i1040" type="#_x0000_t75" style='width:396.75pt;
height:297.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image003.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihQbyFSGloaLWu1V5MGXQuLAT5R8sJ9nMN71sm7XdV-LLGjX7mvpcxb9ESryNXDvO9btmgA5_3kTMKdWdVEtiUvdbymRwLuyGiKPgP8MuUqCEFF5E6GeIX1AiaWAbGZqS1khuYaZfyYX8/s1600/00.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihQbyFSGloaLWu1V5MGXQuLAT5R8sJ9nMN71sm7XdV-LLGjX7mvpcxb9ESryNXDvO9btmgA5_3kTMKdWdVEtiUvdbymRwLuyGiKPgP8MuUqCEFF5E6GeIX1AiaWAbGZqS1khuYaZfyYX8/s400/00.jpg" width="400" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– TARGET SPOT / FREE SPOT</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
No painel Create, selecionamos
a 3ª opção para as luzes e escolhemos a luz Target Spot. <o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Esta luz tem uma forma cónica
com uma origem e um alvo. Pressionamos em cima da vista para criar a origem e
arrastamos para criar o alvo.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_22" o:spid="_x0000_i1039"
type="#_x0000_t75" style='width:396.75pt;height:278.25pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image005.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1hamhctEEzSEc9SqOpxvaPSoeKkj0Y-H5nugv-nsxVMw2wgb3UZo_59TuF2yrPRzkuNaOpZxAQ2iroJt6yOOb0UPKL9NN4EcHmNL3z4zUqnkbUkIsY_URk3hh-jSaAFSZn_BPDaGc3yY/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1hamhctEEzSEc9SqOpxvaPSoeKkj0Y-H5nugv-nsxVMw2wgb3UZo_59TuF2yrPRzkuNaOpZxAQ2iroJt6yOOb0UPKL9NN4EcHmNL3z4zUqnkbUkIsY_URk3hh-jSaAFSZn_BPDaGc3yY/s400/01.jpg" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Com a luz selecionada na
origem, vamos verificar as propriedades no lado direito.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_23" o:spid="_x0000_i1038" type="#_x0000_t75" style='width:133.5pt;
height:224.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image007.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4FU-pVkd2HBuLpmsivDJztNoXBk7MmnUm8xf9bk80rBjyQ_pqOb8X4bfOlydqe4zOePFLwYjWKDj5ePaZMGSBI9NJtGkOFCudlBEYCN7SJwaVYm_ieT7J1ZDNX68MECIcxBOgM2w81QQ/s1600/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4FU-pVkd2HBuLpmsivDJztNoXBk7MmnUm8xf9bk80rBjyQ_pqOb8X4bfOlydqe4zOePFLwYjWKDj5ePaZMGSBI9NJtGkOFCudlBEYCN7SJwaVYm_ieT7J1ZDNX68MECIcxBOgM2w81QQ/s320/02.jpg" width="190" /></a></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l2 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]-->1.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]--><b>General Parameters</b> : Parâmetros gerais
onde podemos ligar e desligar a luz.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l2 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]-->2.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]--><b>Shadows</b> : Permite incluir ou desligar
as sombras. Na combo box temos várias opções sobre a categoria das sombras.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_24" o:spid="_x0000_i1037" type="#_x0000_t75" style='width:126.75pt;
height:172.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image008.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfz6Zo7XB2y6QuKK6s1esHXks4mhk8neRIjS9TvmGBbiTI_S_MxFceXHmil8Bz8zJPioVfzJeJzdkzL6JABNPqf0LlJO2xFUwQDr2tH5x-xBM-g-wCu2ih8E3cQW2kQUzn2X_qe2z3FRk/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfz6Zo7XB2y6QuKK6s1esHXks4mhk8neRIjS9TvmGBbiTI_S_MxFceXHmil8Bz8zJPioVfzJeJzdkzL6JABNPqf0LlJO2xFUwQDr2tH5x-xBM-g-wCu2ih8E3cQW2kQUzn2X_qe2z3FRk/s320/03.jpg" width="235" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<b>Intensity/Color/Attenuation <o:p></o:p></b></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<!--[if !supportLists]-->1.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]--><b>Multiplier</b>: Regula a intensidade da
luz. Valor por defeito é de 1,0.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<!--[if !supportLists]-->2.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]--><b>Decay</b>: Regula a gradação da sombra
tornando-a mais vincada ou suave.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_25" o:spid="_x0000_i1036" type="#_x0000_t75" style='width:124.5pt;
height:117pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image009.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc9M5XoV2N4CyFREa4-8qPyW00zt2dMopfRxx9z_RMFxoMUkt0x-7degHwskEOOuFEGlBRbku892xWlDbIwCkKMUlCXWeBp8P0OFmjYBF_Zh8QbUbH2yEOiSn5_3OT-9xK9PE7kc1pPpU/s1600/04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc9M5XoV2N4CyFREa4-8qPyW00zt2dMopfRxx9z_RMFxoMUkt0x-7degHwskEOOuFEGlBRbku892xWlDbIwCkKMUlCXWeBp8P0OFmjYBF_Zh8QbUbH2yEOiSn5_3OT-9xK9PE7kc1pPpU/s320/04.jpg" width="320" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<b>Spotlight Parameters <o:p></o:p></b></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
É utilizado para controlar a
dispersão da luz. Pode ter o formato de circulo ou retângulo.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l0 level1 lfo3; text-indent: -18.0pt;">
<!--[if !supportLists]-->1.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]--><b>Hotspot</b>: Raio interno da luz onde será
visualizada a 100% de intensidade.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l0 level1 lfo3; text-indent: -18.0pt;">
<!--[if !supportLists]-->2.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]--><b>Falloff</b>: Raio externo da luz onde será
visualizada com menos intensidade.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_26" o:spid="_x0000_i1035" type="#_x0000_t75" style='width:126pt;
height:135.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image010.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-d-xl9oEkP8Dm6USqXP6CeKs1NcebKZ_byocpGOoaFPbmu-_OEJgMSr34aNn5qsEcpLjCCJwd-5bJ7lqYVaFFgvn8fx13BeOTFa-MmQ1rwqMaQCCWiFls6StwnQdtJpNZ6KxUM1reYIA/s1600/05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-d-xl9oEkP8Dm6USqXP6CeKs1NcebKZ_byocpGOoaFPbmu-_OEJgMSr34aNn5qsEcpLjCCJwd-5bJ7lqYVaFFgvn8fx13BeOTFa-MmQ1rwqMaQCCWiFls6StwnQdtJpNZ6KxUM1reYIA/s320/05.jpg" width="297" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<b>Shadow Parameters <o:p></o:p></b></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Permite alterar a cor e
densidade das sombras.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
A luz Free Spot funciona com
os mesmos parâmetros que a Target Spot.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_27" o:spid="_x0000_i1034" type="#_x0000_t75" style='width:396.75pt;
height:274.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image011.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR9QPx_sYrPMHmrDoMlfNNukSlO8EmoMcV427iNKEQmR1qtugrq9AGUpevsil6w-tPkrAf4MwDAKQyMs1MvrSOF3wWGjHNXrGPWaAzLYHlsctcAOkTtkvpC3aCvL9na2rIyWAfx53pzqk/s1600/06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR9QPx_sYrPMHmrDoMlfNNukSlO8EmoMcV427iNKEQmR1qtugrq9AGUpevsil6w-tPkrAf4MwDAKQyMs1MvrSOF3wWGjHNXrGPWaAzLYHlsctcAOkTtkvpC3aCvL9na2rIyWAfx53pzqk/s400/06.jpg" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
A grande diferença entre estes
tipos de luzes é que a Free Spot não possui o alvo, dessa forma quando
colocamos a luz na vista esta aparecer na vertical. É utilizada para simular os
faróis dos automóveis.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– TARGET DIRECT / FREE DIRECT</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
A Target Direct utiliza os
mesmo parâmetros que a Target Spot<b>.</b>
A grande diferença é que a Target Direct utiliza uma forma de cilindro em vez
da forma cónica.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_28" o:spid="_x0000_i1033" type="#_x0000_t75" style='width:396.75pt;
height:255pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image013.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY4CrqJBcp82NGUPjmPRB-EKzVwPEjClROMUlKBGRGBbdfDGAQ7kf8mSDktbATYZNYBP6lGxRZwl40adelhIGmlgz8jXgIpTE9pTx4jCc1cUjjKFSP5rz9zWT62zyl8ssLQMqOFDR_0sU/s1600/07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY4CrqJBcp82NGUPjmPRB-EKzVwPEjClROMUlKBGRGBbdfDGAQ7kf8mSDktbATYZNYBP6lGxRZwl40adelhIGmlgz8jXgIpTE9pTx4jCc1cUjjKFSP5rz9zWT62zyl8ssLQMqOFDR_0sU/s400/07.jpg" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Assim os raios são paralelos
como vemos na luz natural. Também podemos utilizar este tipo de luzes para
simular um holofote.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
A luz Free Direct utiliza os
mesmos parâmetros que a Target Direct com a pequena diferença de não utilizar o
alvo.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_29" o:spid="_x0000_i1032" type="#_x0000_t75" style='width:396.75pt;
height:263.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image015.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMn8uQn-77P74mE7fIiAM9NgQvpqTyIRsGCTNwWfN5ZNna3TYN7VKMUEWS9acO5B4GrqliyDtaUYZz49eGX7oObQyOxxL8MPhsTGqmgN0Kn-cWVmQiPP41XX3AoP9Alc8pY230HRYoeUw/s1600/08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMn8uQn-77P74mE7fIiAM9NgQvpqTyIRsGCTNwWfN5ZNna3TYN7VKMUEWS9acO5B4GrqliyDtaUYZz49eGX7oObQyOxxL8MPhsTGqmgN0Kn-cWVmQiPP41XX3AoP9Alc8pY230HRYoeUw/s400/08.jpg" width="400" /></a></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">3
– OMNI / SKYLIGHT</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Omni deriva de omnipresente.
Como o nome indica, é um ponto de luz no espaço que espalha a sua luz em todas
as direções<b>.</b><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_30" o:spid="_x0000_i1031" type="#_x0000_t75" style='width:396.75pt;
height:269.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image017.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjEt88fCL25e1sy1Bl6QmIbFmBdxzYQXICke8eibHzKLQ3VmxxDzkwrD5ADNRgLJwmxGHE2U8-SSnDjqYCN3eU9sJekyRw9D5TYWjZkfPRpJZb-rTxXs7GzuLRflzFYrws4hw7v1oJNXo/s1600/09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjEt88fCL25e1sy1Bl6QmIbFmBdxzYQXICke8eibHzKLQ3VmxxDzkwrD5ADNRgLJwmxGHE2U8-SSnDjqYCN3eU9sJekyRw9D5TYWjZkfPRpJZb-rTxXs7GzuLRflzFYrws4hw7v1oJNXo/s400/09.jpg" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Esta luz permite escala onde
podemos alterar a forma para espalhar a luz em outras direções.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
A Skylight é a simulação da
luz natural em todas as direções. <o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_31" o:spid="_x0000_i1030" type="#_x0000_t75" style='width:396.75pt;
height:272.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image019.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRCXv2qkWbdCzqEFUDWr1Kfj8D_Ug2xtaWxPp2lNhLEOPkFi49LR8ZPjQeB3Ab5-yEgWYHKQ31t0DDp-t7VMiv11usVrVysN2g1mwi3pMSVjRjk5N4LQh-MhdwFOMC0mlsr4k2O_QSWWE/s1600/10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRCXv2qkWbdCzqEFUDWr1Kfj8D_Ug2xtaWxPp2lNhLEOPkFi49LR8ZPjQeB3Ab5-yEgWYHKQ31t0DDp-t7VMiv11usVrVysN2g1mwi3pMSVjRjk5N4LQh-MhdwFOMC0mlsr4k2O_QSWWE/s400/10.jpg" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Esta luz permite simular as
sombras e objetos com bastante detalhe, no entanto o tempo de renderização é
muito superior a qualquer outra luz.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_97" o:spid="_x0000_i1029" type="#_x0000_t75" style='width:129.75pt;
height:95.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image021.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrm3nKYVDdrbXyuP0eHYYwO6-j4Nxhyw5SNkxhvJvlIIJgXWk_UXGhzdELfkGhKb4d0HtdMiy7IaTQ8JPR1_AIOlcZY49qWoKA9PXaZsXtkqLz-PRzZ_Fuy_fyX1r21DE0e1SnNHr3cYQ/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrm3nKYVDdrbXyuP0eHYYwO6-j4Nxhyw5SNkxhvJvlIIJgXWk_UXGhzdELfkGhKb4d0HtdMiy7IaTQ8JPR1_AIOlcZY49qWoKA9PXaZsXtkqLz-PRzZ_Fuy_fyX1r21DE0e1SnNHr3cYQ/s320/11.jpg" width="320" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
As duas últimas luzes são
utilizadas com o motor de renderização do Mental Ray.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">4
– LUZES FOTOMÉTRICAS</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Estas luzes são mais complexas
e podemos descarregar diferentes tipos de luzes para utilizar nesta opção.
Vamos aceder ao website <a href="http://www.eclipselightinginc.com/">www.eclipselightinginc.com</a>
e descarregar as luzes que pretendermos na aba Download.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_98" o:spid="_x0000_i1028"
type="#_x0000_t75" style='width:396.75pt;height:141pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image022.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU-FlgKHphrGTm5TXRQ_9dby2KVVR4qHBeHBxEAUu_DuOCmRd73kZt-1LCtvgG93o3Jh5pzuYoZ-GtZdMgj3oY0s2cmkWqUHn6TxJ1FpsPwxOKB4zk4X_ux_2yksG_qZbA50060RLOdjA/s1600/12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU-FlgKHphrGTm5TXRQ_9dby2KVVR4qHBeHBxEAUu_DuOCmRd73kZt-1LCtvgG93o3Jh5pzuYoZ-GtZdMgj3oY0s2cmkWqUHn6TxJ1FpsPwxOKB4zk4X_ux_2yksG_qZbA50060RLOdjA/s400/12.jpg" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Depois de descarregar e
guardar os ficheiros das luzes numa pasta, acedemos ao programa e escolhemos o
tipo de luzes Photometric.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_99" o:spid="_x0000_i1027" type="#_x0000_t75" style='width:142.5pt;
height:131.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image024.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_5-CevXAj8ohHtqPKoKW_5RrJs0IA_Bs7ABQ6tmD1iLWAymbnT_EV4KRAOwZ237cghh5Gxg7QzOzlAplIelyUsXrODNhXSeDsZjxqD2Puhe32sbBKxRfthQNIZBkZoyZ4FfZJd0baMoI/s1600/13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_5-CevXAj8ohHtqPKoKW_5RrJs0IA_Bs7ABQ6tmD1iLWAymbnT_EV4KRAOwZ237cghh5Gxg7QzOzlAplIelyUsXrODNhXSeDsZjxqD2Puhe32sbBKxRfthQNIZBkZoyZ4FfZJd0baMoI/s320/13.jpg" width="320" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Inserimos a luz na vista e
acedemos aos parâmetros gerais. Na opção Light Distribution escolhemos a
Photometric Web.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_100" o:spid="_x0000_i1026" type="#_x0000_t75" style='width:132.75pt;
height:214.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image025.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii6CDg72jgB9MbwwVxbG9IOPPJn0ahG6M9BNEnVDmbcCnGLKIdbMUT9dFL2MwN0zw22POh3rBG7ReUGoDHBizik6X0FFWRE4AkKmw-jO6dc5_z4UDzzDy_u2c_vfJX5J_TkGF2Q1xAKpg/s1600/14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii6CDg72jgB9MbwwVxbG9IOPPJn0ahG6M9BNEnVDmbcCnGLKIdbMUT9dFL2MwN0zw22POh3rBG7ReUGoDHBizik6X0FFWRE4AkKmw-jO6dc5_z4UDzzDy_u2c_vfJX5J_TkGF2Q1xAKpg/s400/14.jpg" width="247" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Inserimos a luz na vista e
acedemos aos parâmetros gerais. Na opção Light Distribution escolhemos a
Photometric Web. Aparecem por baixo novas opções de Distribution. Pressionamos
no botão “Choose Photometric File” e selecionamos o ficheiro a incluir e
pressionamos Open.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_101" o:spid="_x0000_i1025"
type="#_x0000_t75" style='width:396.75pt;height:298.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image026.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpTD7SySsRO9n8nb4i0el8Z8OVnBF854IJ6cXDNvUTo3JJPXdgFD1z_mcBwEnDnml5E57514kGm83wgTBFB4Cuyb-IIbh5wnuPsrjeWnBOpU-fIILCUsBHl-7iw_a5hx6z7ZN3dXViyhw/s1600/15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpTD7SySsRO9n8nb4i0el8Z8OVnBF854IJ6cXDNvUTo3JJPXdgFD1z_mcBwEnDnml5E57514kGm83wgTBFB4Cuyb-IIbh5wnuPsrjeWnBOpU-fIILCUsBHl-7iw_a5hx6z7ZN3dXViyhw/s400/15.jpg" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Assim importamos as luzes
descarregadas da web para dentro do programa. Agora será verificar os parâmetros
consoante a luz e configurar dependendo do cenário.<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
<blockquote class="tr_bq" style="margin-bottom: .0001pt; margin: 0cm;">
<blockquote class="tr_bq">
<b><span style="background: #3d85c6; color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b></blockquote>
<blockquote>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">As luzes standard são simples de trabalhar em
que os 6 tipos existentes resumem-se a 3 tipos com algumas diferenças relevantes.
As luzes fotométricas são luzes mais complexas apenas utilizadas em situações
especiais. A maioria das luzes que trabalhamos podemos utilizar apenas as
standard.</span></blockquote>
</blockquote>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<o:p></o:p></div>
<br />
<div style="margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-80236105154556404602016-11-09T02:56:00.002-08:002020-05-05T04:43:06.211-07:00Criar website no Adobe Muse<div class="Estilo1">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Imagem_x0020_10" o:spid="_x0000_s1026" type="#_x0000_t75"
style='position:absolute;margin-left:0;margin-top:22.4pt;width:75.1pt;
height:72.85pt;z-index:251666432;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:left;
mso-position-horizontal-relative:margin;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:margin;mso-height-relative:margin'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"
o:title=""/>
<w:wrap type="through" anchorx="margin"/>
</v:shape><![endif]--><!--[if !vml]--></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU9y0inMSECCm5VnMiMlA-eHR1n8OUzRqx8XhfxMW6POR5IAj3HAPjG1mAUXlepUsYAhQSrAwrK-xC5agOYadxsm-3CIsl-c15oOjdYCokjL6dNSHTR8B_1SVAcNfd6X9gpFISZA4UfCY/s1600/adobe-muse-logo100px.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU9y0inMSECCm5VnMiMlA-eHR1n8OUzRqx8XhfxMW6POR5IAj3HAPjG1mAUXlepUsYAhQSrAwrK-xC5agOYadxsm-3CIsl-c15oOjdYCokjL6dNSHTR8B_1SVAcNfd6X9gpFISZA4UfCY/s1600/adobe-muse-logo100px.jpg" /></a>
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><b style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 14px;">COMO CRIAR UM WEBSITE NO MUSE CC?</b><br />
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">O
website final ficará com este aspeto:</span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Vamos criar um website </span>responsivo sem utilizar código. Iremos utilizar pontos de quebra para definir o tamanho dos diferentes ecrãs e a forma como o conteúdo é apresentado.<br />
<br />
<br /></div>
<div class="MDTextoNormal">
O projeto final ficará com este aspeto para mobile:<br />
<div style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho-rzx_cHGuR70wO-tU2qtiv0IvX-5Vz7_hULMeudGRhxuYBgCpvOnjA4_yFgeMMrAwyHQg-k1RNa9EiSvUttcc3xxvI_gsUXKY9Y4j0SWD3SLDYnyhWtx9mqD8vNIw15TZhjWIlVrWHY/s1600/00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho-rzx_cHGuR70wO-tU2qtiv0IvX-5Vz7_hULMeudGRhxuYBgCpvOnjA4_yFgeMMrAwyHQg-k1RNa9EiSvUttcc3xxvI_gsUXKY9Y4j0SWD3SLDYnyhWtx9mqD8vNIw15TZhjWIlVrWHY/s320/00.png" width="164" /></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– CRIAR O PLANO DO WEBSITE</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Abrimos o <b>Arquivo | Novo site</b> e definimos as opções utilizando o <b>Largura de Fluidez</b> e colocamos a
largura máxima da página para os 1200 px.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEDsGSbgLpOhBS_61Mqiq36sqgrwFLqagic66rm3qHM2FFzX2nVO-clHqql-Xl0fCtOMbdfi6GCfZQdLK-LkAnPPFFHUbD48vzr_hy7XUzU_mk4QCgliwtDa8rZj1nMY8T778jRbN8mRg/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEDsGSbgLpOhBS_61Mqiq36sqgrwFLqagic66rm3qHM2FFzX2nVO-clHqql-Xl0fCtOMbdfi6GCfZQdLK-LkAnPPFFHUbD48vzr_hy7XUzU_mk4QCgliwtDa8rZj1nMY8T778jRbN8mRg/s400/01.jpg" width="400" /></a></div>
<!--[if gte vml 1]><v:shape id="Imagem_x0020_20" o:spid="_x0000_i1041"
type="#_x0000_t75" style='width:396.75pt;height:167.25pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image005.jpg"
o:title="" cropbottom="3736f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Estamos no modo planejar e
vamos criar 2 novas páginas pressionando no sinal +.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_21" o:spid="_x0000_i1040" type="#_x0000_t75" style='width:396.75pt;
height:109.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image007.jpg"
o:title="" cropbottom="31350f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW64T11JK58YSvaUJ80vYgFB0w-JBUaAkZ6JeHCYUf5JmfLvBfLJJrqHPOimamv8EOeHOXHlvJLyktCsOeNdk2jkoLlDZ77Q56lxKr29Ac5inVpd9E8Gapgmj1LXHv4jEXxhiFF3VzUKg/s1600/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW64T11JK58YSvaUJ80vYgFB0w-JBUaAkZ6JeHCYUf5JmfLvBfLJJrqHPOimamv8EOeHOXHlvJLyktCsOeNdk2jkoLlDZ77Q56lxKr29Ac5inVpd9E8Gapgmj1LXHv4jEXxhiFF3VzUKg/s400/02.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– CRIAR PÁGINAS-MESTRE:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Entramos no modo de Design da página-mestre
e vamos carregar os conteúdos.<br />
nos <b>Estilos de gráfico</b> e <b>Estilos de parágrafo</b> para ficarem ativos
no painel.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Copiar e colar o link <a href="http://adobe.ly/28J7zoO"><b><span style="color: #50b7f1; font-family: "arial" , sans-serif; font-size: 10.5pt;">http://adobe.ly/28J7zoO</span></b></a><span style="color: #858585; font-family: "arial" , sans-serif; font-size: 10.5pt;"> </span>no
navegador para aceder e salvar na biblioteca da Creative Cloud. É necessário
ter um adobe ID para salvar.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_22" o:spid="_x0000_i1039"
type="#_x0000_t75" style='width:396.75pt;height:118.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image009.jpg"
o:title="" cropbottom="22833f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWQerL3hDpbLVu627LsPdqk4KLawMnRv2OfZYj_YKbqOY7WaO04kxM61g-8RmwRgo_SXhtTYwkAuhOVhaiXtWhf5s4DFwwkPk5kLaA2DA-FIvxJoTRi3I2aujvKZ0k2MXFxb4OWuYOahM/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWQerL3hDpbLVu627LsPdqk4KLawMnRv2OfZYj_YKbqOY7WaO04kxM61g-8RmwRgo_SXhtTYwkAuhOVhaiXtWhf5s4DFwwkPk5kLaA2DA-FIvxJoTRi3I2aujvKZ0k2MXFxb4OWuYOahM/s400/03.jpg" width="400" /></a></div>
Abrimos os painéis <b>Estilo de Parágrafo e de Gráfico</b> e na <b>Biblioteca CC</b> arrastamos o”_pidgeon_styles”
para o palco.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_25" o:spid="_x0000_i1038" type="#_x0000_t75" style='width:396.75pt;
height:145.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image011.jpg"
o:title="" croptop="2022f" cropbottom="6907f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6oV2GKoj0vnorFA3QHMcM5wopfP_q2SuiW0voC7nimiwAKCjy1DsdpDs_0PM0WUBZVAa2yT_eHSd98lw6vZ7zv1JhIHdjEwEMRSnYQ4yx8Tp1tHCuqH_A2eomQYJy8MGAukUQOjUZCPo/s1600/04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6oV2GKoj0vnorFA3QHMcM5wopfP_q2SuiW0voC7nimiwAKCjy1DsdpDs_0PM0WUBZVAa2yT_eHSd98lw6vZ7zv1JhIHdjEwEMRSnYQ4yx8Tp1tHCuqH_A2eomQYJy8MGAukUQOjUZCPo/s400/04.jpg" width="400" /></a></div>
Podemos verificar que os
painéis de <b>Estilo de Parágrafo</b> e de <b>Gráfico</b> encontram-se preenchidos com os
estilos que importámos da biblioteca.<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">3
– CRIAR RODAPÉ:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Criamos um retângulo preto no rodapé
e ajustamos a largura ao do navegador.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_26" o:spid="_x0000_i1037"
type="#_x0000_t75" style='width:396.75pt;height:155.25pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image013.jpg"
o:title="" croptop="2244f" cropbottom="2939f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDxWNZInfCYuE7iu1my8U2viimS9b55EWcYhtfpCVFLfi16viki7mqEf7-ZL24bbj3qC1XXxs1tB1fHuQs7uHU3FNpRfiOeFvHVZPKjD8BJcyud6uxV_P-uGx_cKPXCc23g3VeFfIx6ho/s1600/05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDxWNZInfCYuE7iu1my8U2viimS9b55EWcYhtfpCVFLfi16viki7mqEf7-ZL24bbj3qC1XXxs1tB1fHuQs7uHU3FNpRfiOeFvHVZPKjD8BJcyud6uxV_P-uGx_cKPXCc23g3VeFfIx6ho/s400/05.jpg" width="400" /></a></div>
Pesquisamos na biblioteca por
“footer” e arrastamos os 4 gráficos para o palco.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_29" o:spid="_x0000_i1036"
type="#_x0000_t75" style='width:396.75pt;height:153.75pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image015.jpg"
o:title="" croptop="2050f" cropbottom="2678f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4b9ong5WL-gFg1tnEJXgENm18biLk0sSXsVoAmLJdu2GJspgOV99q8sKgs5O3Ugns2vNIJq-6oJR5x8wCSrn9AZj1wUQ2aGtXPuJo3skvbadFJ0eYtItUzuKGIENcT4U_1psVYx6WyBs/s1600/06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4b9ong5WL-gFg1tnEJXgENm18biLk0sSXsVoAmLJdu2GJspgOV99q8sKgs5O3Ugns2vNIJq-6oJR5x8wCSrn9AZj1wUQ2aGtXPuJo3skvbadFJ0eYtItUzuKGIENcT4U_1psVYx6WyBs/s400/06.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Nos logos social media vamos
colocar o estado rollover.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_30" o:spid="_x0000_i1035"
type="#_x0000_t75" style='width:396.75pt;height:154.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image017.jpg"
o:title="" croptop="2050f" cropbottom="2450f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhckoJVSst4G4enYxZoXPoIqfIx6F4YnMuwaV1cmEVlxjHeGMS-B8Ie7yKhKBgjhJtote1_Jg2vfwWNr9REp98zbb_dfy76Yo3DA2I0Iyf7DbfwaLZRVFcA7Rr2wn0G6Xcp2rdYJeytpqg/s1600/07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhckoJVSst4G4enYxZoXPoIqfIx6F4YnMuwaV1cmEVlxjHeGMS-B8Ie7yKhKBgjhJtote1_Jg2vfwWNr9REp98zbb_dfy76Yo3DA2I0Iyf7DbfwaLZRVFcA7Rr2wn0G6Xcp2rdYJeytpqg/s400/07.jpg" width="400" /></a></div>
<div align="center" class="separator" style="margin-bottom: .0001pt; margin: 0cm; text-align: center;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">4
– CRIAR CABEÇALHO:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Desenhar um retângulo laranja
e com uma pesquisa na biblioteca por “header”, adicionamos o logo e o botão.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_31" o:spid="_x0000_i1034"
type="#_x0000_t75" style='width:396.75pt;height:159.75pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image019.jpg"
o:title="" croptop="1756f" cropbottom="2954f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjFMDTkdcssLggwYTBn_0sRalr6tQEptFnzCZTHknbfvHd754iqHWFHJydGCJOsSvo7djIpSwJY8nV0P3LLSZSxM2Tie2RWzubjXdGgGLIRkU2Hk0o-HUTe7iTlczXYLVUIv0weHT5w54/s1600/08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjFMDTkdcssLggwYTBn_0sRalr6tQEptFnzCZTHknbfvHd754iqHWFHJydGCJOsSvo7djIpSwJY8nV0P3LLSZSxM2Tie2RWzubjXdGgGLIRkU2Hk0o-HUTe7iTlczXYLVUIv0weHT5w54/s400/08.jpg" width="400" /></a></div>
Copiamos o item de menu no
rodapé e colamos no cabeçalho. Para eliminar o link de “contatos” no cabeçalho
vamos a <b>Planejar</b> e pressionamos em
cima da página com o Ctrl e escolhemos a opção de <b>Excluir página a partir dos menus</b>.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_96" o:spid="_x0000_i1033"
type="#_x0000_t75" style='width:396.75pt;height:96.75pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image021.jpg"
o:title="" croptop="1596f" cropbottom="34146f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6cPWyCD7qlWmCz67Tk94K-qOp0V7ds6UIBtg8cT8Dgn9yJv6XhUvTnzZTFYrSm9z43eEgJS5bncV8RrL8-luWwdtmxh0ttQ6eBV3zx_39WfY_MZkx6ZgKaRrVkr2xt-1YiKZsN7FSWxg/s1600/09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6cPWyCD7qlWmCz67Tk94K-qOp0V7ds6UIBtg8cT8Dgn9yJv6XhUvTnzZTFYrSm9z43eEgJS5bncV8RrL8-luWwdtmxh0ttQ6eBV3zx_39WfY_MZkx6ZgKaRrVkr2xt-1YiKZsN7FSWxg/s400/09.jpg" width="400" /></a></div>
Criamos o link no botão para
direcionar para a página de contatos.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">5
– ADICIONAR ELEMENTOS RESPONSIVOS À MASTER PAGE:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Para colocarmos os elementos
da página mestre de forma responsiva vamos adicionar o <b>Pino</b> para os localizar e ajustar as larguras de cada objeto<b>.<o:p></o:p></b></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<b><!--[if gte vml 1]><v:shape
id="Imagem_x0020_101" o:spid="_x0000_i1032" type="#_x0000_t75" style='width:396.75pt;
height:183.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image023.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></b></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4pY7eK3B81fB9Xe1hewyv3OS7tESr9bw54PfGkVzx2h4TCq0Ghz4ieEOUECTFtDeDnb1kp7xXe6IToRp9k34Ipd-zSGFREHTCcMqfCdGsuVLL1VW5Bgdvf3dnJoZ9rU76ZIBu8P_AGNM/s1600/10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4pY7eK3B81fB9Xe1hewyv3OS7tESr9bw54PfGkVzx2h4TCq0Ghz4ieEOUECTFtDeDnb1kp7xXe6IToRp9k34Ipd-zSGFREHTCcMqfCdGsuVLL1VW5Bgdvf3dnJoZ9rU76ZIBu8P_AGNM/s400/10.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a>Agora vamos adicionar os
pontos de quebra para ajustar o layout para visualização tablet. O site tem
tamanho máximo de 1200px mas quando se reduz o tamanho da largura devemos
reajustar os elementos. Adicionamos um ponto de quebra nos 950px pressionando
no sinal +.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiBPBjK1thTHgE1v6iaXW_O5T0DKkz34TNJuXZb7Ol0GVhDvTpVUqTym4GYSH0UEmVcvCnfRDZ-kJi9pR65CoG6oqpdxyZil69mny1OnwxncE96ObMU7Kwl_tdcL0YmPYo5_2jNharzqw/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiBPBjK1thTHgE1v6iaXW_O5T0DKkz34TNJuXZb7Ol0GVhDvTpVUqTym4GYSH0UEmVcvCnfRDZ-kJi9pR65CoG6oqpdxyZil69mny1OnwxncE96ObMU7Kwl_tdcL0YmPYo5_2jNharzqw/s400/11.jpg" width="400" /></a><br />
<br />
<br />
Para mobile inserimos um ponto
de quebra nos 480px, escondemos e alteramos os elementos para adicionarmos o
menu hamburger “mobile_menu”.</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_110" o:spid="_x0000_i1030"
type="#_x0000_t75" style='width:397.5pt;height:95.25pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image027.jpg"
o:title="" cropbottom="44052f" cropleft="23592f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
O menu acordeão escondemos nos
outros pontos de quebra para apenas aparecer no layout mobile.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_112" o:spid="_x0000_i1029"
type="#_x0000_t75" style='width:397.5pt;height:90.75pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image029.jpg"
o:title="" cropbottom="37456f" cropright="6930f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKy4r8rJLj1AkAGDgQvk12H8twFbb0IgTzib4_nktvhDdDNzi2H_k4umY4YwKgFC11oWd0THeGDt9qahUEkYO3A1tdTPMxoYtJhvp3xJxmZUtFn0QWRzjL1j7kF7kVcKcd26_WXfCPj7M/s1600/12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKy4r8rJLj1AkAGDgQvk12H8twFbb0IgTzib4_nktvhDdDNzi2H_k4umY4YwKgFC11oWd0THeGDt9qahUEkYO3A1tdTPMxoYtJhvp3xJxmZUtFn0QWRzjL1j7kF7kVcKcd26_WXfCPj7M/s400/12.jpg" width="400" /></a></div>
Alteramos as camadas e movemos
os objetos para as camadas correspondentes de forma a organizar o projeto. <o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_113" o:spid="_x0000_i1028" type="#_x0000_t75" style='width:401.25pt;
height:119.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image031.jpg"
o:title="" cropbottom="29641f" cropright="6940f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBzRBQHrcxZ_XbLV06Jp7SHc2bGhyphenhyphenUAQU_tDX2tLa2AZtiOgr9dMNkCHQElfppdNtSEjUDZa0TM3ZoD5g-mvGNkDwAXXPy25rq_ZN941Kmgs41MEyvWc3W1uLtO-Jarn9I23miiNMTHP0/s1600/14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBzRBQHrcxZ_XbLV06Jp7SHc2bGhyphenhyphenUAQU_tDX2tLa2AZtiOgr9dMNkCHQElfppdNtSEjUDZa0TM3ZoD5g-mvGNkDwAXXPy25rq_ZN941Kmgs41MEyvWc3W1uLtO-Jarn9I23miiNMTHP0/s400/14.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">6
– FAZER A HOME PAGE E ADICIONAR BREAKPOINT NO CONTEÚDO:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Com a camada “conteúdo”
selecionada acedemos às bibliotecas CC e vamos pesquisar por “page” e inserimos
a home_page.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_114" o:spid="_x0000_i1027"
type="#_x0000_t75" style='width:396.75pt;height:210pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image033.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2ThLRw9pcW6CJ44DtBjf-GbHlFhiifX0x6oJpHjMujUgTaC_zJ8Q0Xx-UjJsqeInKSoysoQC-C4F4w18vMTClFDgPSKO_hX3g95mB1FyAo8ouRtcAllpOi75M0jFIPD2LQKA4694WvWk/s1600/15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2ThLRw9pcW6CJ44DtBjf-GbHlFhiifX0x6oJpHjMujUgTaC_zJ8Q0Xx-UjJsqeInKSoysoQC-C4F4w18vMTClFDgPSKO_hX3g95mB1FyAo8ouRtcAllpOi75M0jFIPD2LQKA4694WvWk/s400/15.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a>Transportamos os pontos de
quebra da página-mestre para a página de conteúdos e ajustamos os elementos.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizRwfYYKkD9A3POVTIXuauK99YtYE_0a3fIiNjA8KX0It8OdRtECgCaYIl_eOy7eSUbQ6q8mjtvXSCPEp7_NW7nAA3D1TB9s41Yu3fy6Q95akr7MniLyre5HfnmEztY9xylCNzkxtwNxU/s1600/16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizRwfYYKkD9A3POVTIXuauK99YtYE_0a3fIiNjA8KX0It8OdRtECgCaYIl_eOy7eSUbQ6q8mjtvXSCPEp7_NW7nAA3D1TB9s41Yu3fy6Q95akr7MniLyre5HfnmEztY9xylCNzkxtwNxU/s400/16.jpg" width="400" /></a><br />
<br />
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Para além de arranjar os elementos
podemos aumentar o tamanho do texto para o layout de mobile.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">7
– PUBLICAR O WEBSITE:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
No final podemos carregar
diretamente o site para um alojamento externo, publicar no Catalyst ou exportar
tudo como HTML. <o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_117" o:spid="_x0000_i1025"
type="#_x0000_t75" style='width:396.75pt;height:210pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image037.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSHFxJphcBLroegOHeGI1Eu2Me88v9MhmQJaoGQk0NGGk00izv19Xf7mivqTFYzAMRavvOaFMjDoP3j1Go2HhLhrTfsmnNfx2T6rRPD3P8mj15vFmJ8-Izl-HjHpfNbX405cGPfohmBBk/s1600/17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSHFxJphcBLroegOHeGI1Eu2Me88v9MhmQJaoGQk0NGGk00izv19Xf7mivqTFYzAMRavvOaFMjDoP3j1Go2HhLhrTfsmnNfx2T6rRPD3P8mj15vFmJ8-Izl-HjHpfNbX405cGPfohmBBk/s400/17.jpg" width="400" /></a></div>
<br /></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<br />
<blockquote style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
</blockquote>
<blockquote class="tr_bq" style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><b><span style="background: rgb(61 , 133 , 198); color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b></div>
</blockquote>
</div>
<blockquote class="tr_bq">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Podemos facilmente criar ou modificar um
website responsivo neste programa. A facilidade de utilização por ser intuitivo
facilita a inserção dos conteúdos até à publicação. Outra vantagem, é a
utilização das bibliotecas que organizam os conteúdos desenvolvidos em outros
programas.</span></blockquote>
<div style="margin-bottom: .0001pt; margin: 0cm;">
</div>
Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-89477786457184080832016-11-02T04:29:00.001-07:002020-05-05T04:52:29.480-07:00Manipular vídeo no Adobe Premiere CC<div class="Estilo1">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Imagem_x0020_1" o:spid="_x0000_s1026" type="#_x0000_t75"
style='position:absolute;margin-left:0;margin-top:22.15pt;width:102.6pt;
height:99.8pt;z-index:251666430;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:left;
mso-position-horizontal-relative:margin;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:margin;mso-height-relative:margin'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png"
o:title=""/>
<w:wrap type="through" anchorx="margin"/>
</v:shape><![endif]--><!--[if !vml]--></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV6PSMnpS8PAQKKTmCAWCLGB-rP0_ZGeRnhQ6TzM3YxW7RMBYPtwAL1VU06fVhYFSY8ydKYFp4SfvLIDnUx2qjA-LlmL2EtbQvnPKBJnb7qSK91915OZo9ZlAFRaDtslCoizMEHHaocrs/s1600/Adobe-Premiere100px.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV6PSMnpS8PAQKKTmCAWCLGB-rP0_ZGeRnhQ6TzM3YxW7RMBYPtwAL1VU06fVhYFSY8ydKYFp4SfvLIDnUx2qjA-LlmL2EtbQvnPKBJnb7qSK91915OZo9ZlAFRaDtslCoizMEHHaocrs/s1600/Adobe-Premiere100px.jpg" /></a></div>
<b style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 14px;">COMO MANIPULAR VÍDEO NO PREMIERE CC?</b><br />
<div class="MDTextoNormal">
Vamos aprender a definir as preferências para um novo
projeto e criar uma sequência. Iremos importar para a sequência diferentes
formatos de vídeo, imagens bitmap/vetorial, utilizar marcadores e transições.<o:p></o:p></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MDTextoNormal">
O vídeo final ficará com este aspeto:<o:p></o:p></div>
<div class="MDTextoNormal">
<br /></div>
<div align="center" class="MDTextoNormal" style="text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_28" o:spid="_x0000_i1059" type="#_x0000_t75" style='width:403.5pt;
height:264pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png"
o:title="" cropleft="30840f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCmU6eyCeEbjy1L6mF8IrJEUQBl9DMe-F-wZ6xZy1kC0HpklxzYnEOyhWuwupoy6FE9F50bxXbcsTNX0almim_QSStRES7muWZBlDUiptehGSiw24IUqYq8mBITb4ntj0pMNqyVeS7d_g/s1600/00.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCmU6eyCeEbjy1L6mF8IrJEUQBl9DMe-F-wZ6xZy1kC0HpklxzYnEOyhWuwupoy6FE9F50bxXbcsTNX0almim_QSStRES7muWZBlDUiptehGSiw24IUqYq8mBITb4ntj0pMNqyVeS7d_g/s400/00.jpg" width="400" /></a></div>
<div class="MsoNormal">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– DEFINIR O PROJETO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Ao abrir o programa irá
aparecer o ecrã de boas vindas.</div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_19" o:spid="_x0000_i1058" type="#_x0000_t75" style='width:403.5pt;
height:267.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image005.png"
o:title="" croptop="18494f" cropbottom="20182f" cropleft="21427f"
cropright="21320f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZy7k1Mv1LsavhO_Rg2aC3WucQuiNkFP3rrP9la5lkSSETf8rTQfcgKjqGKU3uUcVHze1C0RJX6XcdyVaJiwHeH-6H_uM32h4MGRvLYkxMu7iCaR4oj8JagKfufetlZYLwdPewfaWuAmk/s1600/01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZy7k1Mv1LsavhO_Rg2aC3WucQuiNkFP3rrP9la5lkSSETf8rTQfcgKjqGKU3uUcVHze1C0RJX6XcdyVaJiwHeH-6H_uM32h4MGRvLYkxMu7iCaR4oj8JagKfufetlZYLwdPewfaWuAmk/s400/01.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Neste ecrã temos várias opções
que podemos escolher:<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l3 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Novo
projeto</b>: Abre uma caixa para o novo projeto<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l3 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Abrir
projeto</b>: Permite explorar um ficheiro de um projeto existente e abre-o para
continuar a trabalhar.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l3 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Recursos</b>:
Abre a ajuda online onde temos que ter acesso à internet.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l3 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Sincronizar
configurações agora</b>: Permite sincronizar as preferências do utilizador com
as que estão guardadas na CC.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l3 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Usar
configurações de uma conta diferente</b>: Permite selecionar qual o Adobe ID
que pretendemos utilizar.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Pressionamos no <b>Novo Projeto</b> para abrir uma nova janela
com dois separadores (Geral e Discos de trabalho).<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_20" o:spid="_x0000_i1057"
type="#_x0000_t75" style='width:396.75pt;height:381.75pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image007.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg22S9vydyZituDgEkOX-Mt0g5GYkgkSEefXroYGfoB9-X5W15JQonACwvVT9hYNsVMjNsaf0w5lCZOrIr8qh_3q5a44cnH9b-it0JgOlrY5bZOX-GO3FpQ0BEBLjRCt6ao171OlgzbkfI/s1600/02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="383" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg22S9vydyZituDgEkOX-Mt0g5GYkgkSEefXroYGfoB9-X5W15JQonACwvVT9hYNsVMjNsaf0w5lCZOrIr8qh_3q5a44cnH9b-it0JgOlrY5bZOX-GO3FpQ0BEBLjRCt6ao171OlgzbkfI/s400/02.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Na opção de renderização e
reprodução de vídeo temos duas opções:<o:p></o:p></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeADUHBTk3WOloePfUAVFmf9FOPCQczN-ZMdYcYYfNcqemHFqByhN8CjjeqCdUWvCERP40Xoxl4OqCOPqthUYxicFW7nX26bZFOcCAZijXqMivCHxH-Ik2FTGWhqgIPu-vm7NdzSL0hH0/s1600/03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeADUHBTk3WOloePfUAVFmf9FOPCQczN-ZMdYcYYfNcqemHFqByhN8CjjeqCdUWvCERP40Xoxl4OqCOPqthUYxicFW7nX26bZFOcCAZijXqMivCHxH-Ik2FTGWhqgIPu-vm7NdzSL0hH0/s400/03.png" width="400" /></a></div>
<!--[if gte vml 1]><v:shape id="Imagem_x0020_26" o:spid="_x0000_i1056"
type="#_x0000_t75" style='width:396.75pt;height:51.75pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image009.png"
o:title=""/>
</v:shape><![endif]--><br />
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l8 level1 lfo2; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Aceleração
por GPU</b>: envia as tarefas para a placa gráfica.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l8 level1 lfo2; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Somente
software</b>: caso não exista uma placa gráfica correta, apenas a opção de software
estará disponível.</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Nas opções do vídeo temos 4
escolhas possíveis.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_21" o:spid="_x0000_i1055"
type="#_x0000_t75" style='width:339pt;height:105pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image011.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj6aV7-0YbLLkZ-a-CSmadJr_SWW36kbUxv666zekdJftzYYiC3Hx9gHmSHsFSpLm4FiM4jGfuSFNGYf1TGAsox6HPCd1P73vnUKFROCfmxvG7jCV_uZ0YfDRSeh7qZlR_c9ezox1IDDo/s1600/04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj6aV7-0YbLLkZ-a-CSmadJr_SWW36kbUxv666zekdJftzYYiC3Hx9gHmSHsFSpLm4FiM4jGfuSFNGYf1TGAsox6HPCd1P73vnUKFROCfmxvG7jCV_uZ0YfDRSeh7qZlR_c9ezox1IDDo/s400/04.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l6 level1 lfo3; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Timecode</b>:
universal e contabiliza as hh:mm:ss:frames<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l6 level1 lfo3; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Pés +
quadros 16/35mm</b>: para edição em laboratório. Medição em tamanho de pés e
quantidade de quadros.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l6 level1 lfo3; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Quadros</b>:
contabiliza o número de quadros por vídeo. Normalmente utilizado para
animações.</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_22" o:spid="_x0000_i1054"
type="#_x0000_t75" style='width:340.5pt;height:78.75pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image012.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSRYfjt2f2PnwALi44MV84VkHt2JHa-f1UbaP_QGZ8VpXxC957hSHA0KurVy1U6jSwcyo1z6hIWqNkBt1xicwx4gh9S8UQVewU_XyVz_Y0GIldPlVzs9skkdT6zZJ_2vjQqiEr0xBdLpg/s1600/05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSRYfjt2f2PnwALi44MV84VkHt2JHa-f1UbaP_QGZ8VpXxC957hSHA0KurVy1U6jSwcyo1z6hIWqNkBt1xicwx4gh9S8UQVewU_XyVz_Y0GIldPlVzs9skkdT6zZJ_2vjQqiEr0xBdLpg/s400/05.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l5 level1 lfo4; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Amostras
de Áudio</b>: apresenta o áudio na sequência como hh:mm:ss:amostras. O número
de amostras por segundo depende nas preferências da sequência.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l5 level1 lfo4; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Milissegundos</b>:
apresenta o áudio na sequência como hh:mm:ss:milhares de segundos.</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<b><!--[if gte vml 1]><v:shape
id="Imagem_x0020_23" o:spid="_x0000_i1053" type="#_x0000_t75" style='width:340.5pt;
height:81.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image013.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjitSQHjALGWwzS4KsyWfKFK568_G226pyPHvq7DntzZd5Exp3TQWWuSoJ3hjoVDkDewjYmrGq5zeBjbtPTuhPJhMSiAg1uuyLdNjpN8SD24GRXlwVSbF5vMlL16UJ9UINIkJaRC-arAu8/s1600/06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjitSQHjALGWwzS4KsyWfKFK568_G226pyPHvq7DntzZd5Exp3TQWWuSoJ3hjoVDkDewjYmrGq5zeBjbtPTuhPJhMSiAg1uuyLdNjpN8SD24GRXlwVSbF5vMlL16UJ9UINIkJaRC-arAu8/s400/06.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l7 level1 lfo5; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Capturar</b>:
indica que formato o programa utiliza quando grava o vídeo para o disco.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<br /></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<b>Discos de trabalho:<o:p></o:p></b></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_24" o:spid="_x0000_i1052"
type="#_x0000_t75" style='width:396.75pt;height:388.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image014.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhumoNDMHtpDQK0Cwp7eEcltbYpU7eFsGN9vp9ov3Ww5VMI5cl4LGUYjXnkzgrkMLRIzKhRQWCdEC7bn-yrz7fpoeyijSFOHlmIn7PXj41bTx7gu8HroDSPn3gxvh9_EyVyJhZSHPksLUE/s1600/07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="391" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhumoNDMHtpDQK0Cwp7eEcltbYpU7eFsGN9vp9ov3Ww5VMI5cl4LGUYjXnkzgrkMLRIzKhRQWCdEC7bn-yrz7fpoeyijSFOHlmIn7PXj41bTx7gu8HroDSPn3gxvh9_EyVyJhZSHPksLUE/s400/07.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Podemos utilizar duas formas
de trabalhar, uma <b>baseada no projeto</b>
e outra <b>no sistema</b>.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_25" o:spid="_x0000_i1051" type="#_x0000_t75" style='width:169.5pt;
height:65.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image016.png"
o:title="" cropleft="2152f" cropright="2583f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGyiZ9Ns2YERG1j_XMjc9Hnz5CTIhYTxfXFVQK2EdoqGXGL5Gi6YHMArGAT39g8EGIxE5TA4PShb5G5_TJERALErpi3QX2wL7V3eT0aBT5-4vt9_SSxTgQpaSTnDBN8_PQe6uImGFXvoU/s1600/08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGyiZ9Ns2YERG1j_XMjc9Hnz5CTIhYTxfXFVQK2EdoqGXGL5Gi6YHMArGAT39g8EGIxE5TA4PShb5G5_TJERALErpi3QX2wL7V3eT0aBT5-4vt9_SSxTgQpaSTnDBN8_PQe6uImGFXvoU/s200/08.png" width="200" /></a></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<br /></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l7 level1 lfo5; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->A <b>baseada
no projeto</b> é a utilização de todos os ficheiros guardados no ficheiro do
projeto na mesma pasta. “O mesmo do projeto”<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l7 level1 lfo5; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->A <b>baseada
no sistema</b> é a utilização de todos os ficheiros num disco central onde
estão associados a múltiplos projetos. “Documentos”.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos atribuir um nome ao
projeto “Projeto1”.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_27" o:spid="_x0000_i1050"
type="#_x0000_t75" style='width:396.75pt;height:386.25pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image018.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwZBqx7vRgeHiXyQ6RYUftCiTqEI9cIDwfTFkxcaPCQjEBt_uK8eCSsQHwXWh5Xhr3llus87rx52hX709VZC5e_EKZMK4jPY3IRpJsfmmcfp2eNbBULLLlhIM_j14BPp6jfoNBlLFYbJs/s1600/09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwZBqx7vRgeHiXyQ6RYUftCiTqEI9cIDwfTFkxcaPCQjEBt_uK8eCSsQHwXWh5Xhr3llus87rx52hX709VZC5e_EKZMK4jPY3IRpJsfmmcfp2eNbBULLLlhIM_j14BPp6jfoNBlLFYbJs/s400/09.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– CRIAR UMA SEQUÊNCIA</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Servem para inserir e agrupar
todos os clipes de vídeo, áudio e elementos gráficos.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
No painel de Projeto
pressionamos o botão “<b>Novo item</b>” e
escolhemos <b>sequência</b>.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Para a criação de sequência
também podíamos arrastar e largar os clipes em cima deste botão.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_29" o:spid="_x0000_i1049"
type="#_x0000_t75" style='width:396.75pt;height:206.25pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image020.png"
o:title="" cropbottom="3218f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCSG4QTkbYDNrcoHYz2r5jHBXHrD6iyLhEBlA67wrAK-TlMImI2kH9YkhGWTM7R3T10Ge0ZGUXYisC0I286FAJ2tmRG4647zJl1O_9BQVIp6hnYxXQVab1ZkuTKdblVK5CbgnJwX1SeXo/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCSG4QTkbYDNrcoHYz2r5jHBXHrD6iyLhEBlA67wrAK-TlMImI2kH9YkhGWTM7R3T10Ge0ZGUXYisC0I286FAJ2tmRG4647zJl1O_9BQVIp6hnYxXQVab1ZkuTKdblVK5CbgnJwX1SeXo/s400/10.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Aparece o ecrã de
Predefinições de sequência e o escolhido para este exercício será o AVCHD
720x25 fps. Convém escolher o formato mais adequado da máquina para o programa
não usar tempo extra a correr o vídeo.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_30" o:spid="_x0000_i1048" type="#_x0000_t75" style='width:371.25pt;
height:360.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image022.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7HnCFov3Lw3ekR8_pMqksrKkeervdlfY4g6QS3j_edm-HX537tjwOFPRkTE4NpObpMPBEJBXb9W6KE8Bt-IPG1SFrVbpeJU64XiIvlLen55AJ10GB3Jfzwr-QujysNy4snPLH8QucVC4/s1600/11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="387" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7HnCFov3Lw3ekR8_pMqksrKkeervdlfY4g6QS3j_edm-HX537tjwOFPRkTE4NpObpMPBEJBXb9W6KE8Bt-IPG1SFrVbpeJU64XiIvlLen55AJ10GB3Jfzwr-QujysNy4snPLH8QucVC4/s400/11.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Depois de escolhermos o
formato mais semelhante ao do vídeo, podemos alterar a forma como pretendemos
que o programa apresente os vídeos e áudios através das <b>Configurações</b>. Para alterar todas as configurações podemos escolher
a opção <b>Personalizado</b>.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_31" o:spid="_x0000_i1047"
type="#_x0000_t75" style='width:396.75pt;height:145.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image024.png"
o:title="" cropbottom="40843f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1W4ATxLR8QU-M6qu3ptH1sJNAG6bC6Eg3Z6ikWtyjlgQHcR_3I-U6pj8g6SmSqC2AY0PhNOQkRx952G7tIFCsL7Zmd12kPOH1m_5ULTZP8zZUx9YLo18ZbUXP1cwtEGrhyCQsAfYBmXs/s1600/12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1W4ATxLR8QU-M6qu3ptH1sJNAG6bC6Eg3Z6ikWtyjlgQHcR_3I-U6pj8g6SmSqC2AY0PhNOQkRx952G7tIFCsL7Zmd12kPOH1m_5ULTZP8zZUx9YLo18ZbUXP1cwtEGrhyCQsAfYBmXs/s400/12.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
No último separador <b>Faixas</b> podemos alterar quantos vídeos e
áudios serão adicionados à sequência.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_96" o:spid="_x0000_i1046" type="#_x0000_t75" style='width:377.25pt;
height:365.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image026.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTKcBeRFdJGmrPa9sliwFPAKhbTP4Uv4u4Mz_aFyscGx-F6J7A94QjQVIqbrXA3CKNHaqwB2pfHYgFuFv9HoQ25hPAqMvXxUkkTVwEAWitYseKPzni1oeISRJ4OXKIVpeD96TEwhOH1OY/s1600/13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="387" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTKcBeRFdJGmrPa9sliwFPAKhbTP4Uv4u4Mz_aFyscGx-F6J7A94QjQVIqbrXA3CKNHaqwB2pfHYgFuFv9HoQ25hPAqMvXxUkkTVwEAWitYseKPzni1oeISRJ4OXKIVpeD96TEwhOH1OY/s400/13.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Nas opções de áudio podemos
escolher:<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_97" o:spid="_x0000_i1045" type="#_x0000_t75" style='width:117pt;
height:115.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image028.png"
o:title="" croptop="-1f" cropbottom="2850f" cropleft="2036f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwU7bZUWDyorUC7iKwLrMoJaCR4C5U9naUj2INs-aau1K1N27qLQGMm_dDIzeDJgTg-nW2SWx3osUK8Ez1Q2cbBbczmHUN8PPBGDqKCraJ3B5b3axkVR_zpxWtFwfLwCNFAscFVdV8v74/s1600/14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwU7bZUWDyorUC7iKwLrMoJaCR4C5U9naUj2INs-aau1K1N27qLQGMm_dDIzeDJgTg-nW2SWx3osUK8Ez1Q2cbBbczmHUN8PPBGDqKCraJ3B5b3axkVR_zpxWtFwfLwCNFAscFVdV8v74/s200/14.png" width="200" /></a></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l0 level1 lfo6; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Padrão</b>:
Permite clipes de áudio em mono e stereo.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l0 level1 lfo6; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>5.1</b>:
Apenas permite clipes de áudio com 5.1 som surround.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l0 level1 lfo6; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Adaptável</b>:
Apareceu no CS6. Permite clipes de áudio mono e stereo e fornecem controlo
sobre o caminho de output para masterização.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l0 level1 lfo6; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><b>Mono</b>:
Apenas permite clipes de áudio mono. <o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">3
– IMPORTAR E ORGANIZAR OS MEDIA</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos importar ficheiros para
o projeto de forma não destrutiva onde é utilizado um ponteiro do ficheiro
original e este não é alterado.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Temos duas formas de o fazer,
através do menu <b>Arquivo | Importar
(Ctrl+i)</b> para gráficos e áudio ou através do Navegador de mídia para
projetos complexos. Neste caso vamos utilizar o navegador de mídia para
projetos complexos e escolher a pasta onde temos os ficheiros. <o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Para visualizarmos melhor,
escolhemos o <b>menu</b> <b>Janela | Maximizar quadro</b> e depois
podemos utilizar o mesmo menu para <b>Restaurar
tamanho do quadro</b>.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_98" o:spid="_x0000_i1044" type="#_x0000_t75" style='width:400.5pt;
height:2in;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image030.png"
o:title="" cropbottom="45721f" cropleft="1f" cropright="34525f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJxeVSXzWZA2KGdhSLQaOEXvctQLgcY_fioC6MBHucSrdH1xPAAVkNu2todZX-aa1RcYJUr0CfewHMhwchhqnBi_QJyGZgBw_G2zsrTM4fno_e2IcchdqsW6AzzwooH3zAIT_0r5u3xc/s1600/15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJxeVSXzWZA2KGdhSLQaOEXvctQLgcY_fioC6MBHucSrdH1xPAAVkNu2todZX-aa1RcYJUr0CfewHMhwchhqnBi_QJyGZgBw_G2zsrTM4fno_e2IcchdqsW6AzzwooH3zAIT_0r5u3xc/s400/15.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Os comandos <b>J, K</b> e<b> L</b> fazem retroceder, parar e play nos clipes de forma a pré-visualizarmos
o clipe antes de o inserirmos na linha do tempo.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Para importar, apenas temos de
selecionar os clipes e arrastar para o painel Projeto ou e pressionando o botão
direito do rato e escolher a opção Importar.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_100" o:spid="_x0000_i1043" type="#_x0000_t75" style='width:351pt;
height:118.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image032.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAK3yiiXKUomWVojlH1jD_0mQ8s-S0gWlSUpIDIt-s8YILLBvP96-a6QSta1IMBmXYVRbp7RThkCkHpGKsKu9GBOR1uFLfnTq_8x_qcCwdwtB3QG7LO2Qm84qwsJw9_LL81dIQAKBpx2M/s1600/16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAK3yiiXKUomWVojlH1jD_0mQ8s-S0gWlSUpIDIt-s8YILLBvP96-a6QSta1IMBmXYVRbp7RThkCkHpGKsKu9GBOR1uFLfnTq_8x_qcCwdwtB3QG7LO2Qm84qwsJw9_LL81dIQAKBpx2M/s400/16.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos importar duas imagens em
formato PSD através do comando Importar (Ctrl+i).<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_101" o:spid="_x0000_i1042" type="#_x0000_t75" style='width:345.75pt;
height:184.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image033.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLwZPEBUGLrxWBalGbe_t6VYOhhIeA7YFBcNIe5_W4jaENwfpbyQRhVlpiNNKX0T_sCKn5K9G4xPHEjnU1-9IJ0kq-daeNj58CSopY9Rr9IuhEoSwwijbDv-zRCscwr0n2SUPinPdO4qc/s1600/17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLwZPEBUGLrxWBalGbe_t6VYOhhIeA7YFBcNIe5_W4jaENwfpbyQRhVlpiNNKX0T_sCKn5K9G4xPHEjnU1-9IJ0kq-daeNj58CSopY9Rr9IuhEoSwwijbDv-zRCscwr0n2SUPinPdO4qc/s400/17.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Neste quadro temos as opções
para importar, a possibilidade de escolher as camadas e a dimensão da gravação
que irá ficar.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Depois de importar para o
painel Projeto, pressionamos duas vezes na pasta e pressionamos novamente na
sequência do logotipo.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_102" o:spid="_x0000_i1041"
type="#_x0000_t75" style='width:396.75pt;height:150.75pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image034.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzL7BJ0WVlvS2NSXqR_aqGEXQGbR21h3bxFIGkvV8dTEcMENG-dOSztzc99rKC3RiH82-Fb-tbFwT2NwnLbGA7RGzkSGQnHH5e25vkIG7LzWGDrLUWIHoxfIbO0KeGsbqM4DVULRI-tus/s1600/18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzL7BJ0WVlvS2NSXqR_aqGEXQGbR21h3bxFIGkvV8dTEcMENG-dOSztzc99rKC3RiH82-Fb-tbFwT2NwnLbGA7RGzkSGQnHH5e25vkIG7LzWGDrLUWIHoxfIbO0KeGsbqM4DVULRI-tus/s400/18.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Desta forma conseguimos
visualizar cada uma das camadas da imagem PSD.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_107" o:spid="_x0000_i1040"
type="#_x0000_t75" style='width:397.5pt;height:109.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image036.png"
o:title="" cropbottom="25822f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJoWr8YG72R86y-uobxe_YppDRFwdKoIn1J52BZwdj80FgC_g0KizHkfSLocuq9o_mRAjerMTmd75Kj1OmVja7wYqXVz0rpLE_kpZ_FgbOh4pWkkwvRp7ry-keIx20ZIoBb4Gpf-Dc5Hw/s1600/19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJoWr8YG72R86y-uobxe_YppDRFwdKoIn1J52BZwdj80FgC_g0KizHkfSLocuq9o_mRAjerMTmd75Kj1OmVja7wYqXVz0rpLE_kpZ_FgbOh4pWkkwvRp7ry-keIx20ZIoBb4Gpf-Dc5Hw/s400/19.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos agora importar ficheiros
do Illustrator. Para isso vamos importar um ficheiro com a extensão AI<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_108" o:spid="_x0000_i1039"
type="#_x0000_t75" style='width:396.75pt;height:269.25pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image038.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipTmE0grAhMOje37wyYYwA9UNDg7jhWowIsERYcXbvL0lToepsL3BAxn5Pj4WexUYpVmUK-M0tR94usyUcVe_8KGs5fOlilKadoN12RWkDeeAp-kXSxIEbWPh_8yzEshdBxQcFju_jvW4/s1600/20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipTmE0grAhMOje37wyYYwA9UNDg7jhWowIsERYcXbvL0lToepsL3BAxn5Pj4WexUYpVmUK-M0tR94usyUcVe_8KGs5fOlilKadoN12RWkDeeAp-kXSxIEbWPh_8yzEshdBxQcFju_jvW4/s400/20.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Podemos verificar que o Premiere
faz o seguinte<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l1 level1 lfo7; text-indent: -18.0pt;">
<!--[if !supportLists]-->1.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]-->Junta
todas as camadas num processo de rasterização;<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l1 level1 lfo7; text-indent: -18.0pt;">
<!--[if !supportLists]-->2.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]-->Converte
áreas vazias em transparências.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_109" o:spid="_x0000_i1038"
type="#_x0000_t75" style='width:396.75pt;height:96.75pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image040.png"
o:title="" croptop="19134f" cropbottom="14346f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOv8a2oAJ7zoX8CDe8UDqxoe6c20LDTukK3_iRaLkIQ-wQMSl_ZURpxIajYXapNi7OB6RWnLR0WUha4sykUVEDYrgbq3knh5-jFeo1NdlWPpvddYJ6QXBSDHmtA0be5bTTzejGfaAg2w/s1600/21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOv8a2oAJ7zoX8CDe8UDqxoe6c20LDTukK3_iRaLkIQ-wQMSl_ZURpxIajYXapNi7OB6RWnLR0WUha4sykUVEDYrgbq3knh5-jFeo1NdlWPpvddYJ6QXBSDHmtA0be5bTTzejGfaAg2w/s400/21.png" width="400" /></a></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">4
– TIPOS DE MARCADORES</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Permite identificar o tempo
específico no clip e as sequências de forma a adicionar comentários que ajudam
na organização e desenvolvimento.<o:p></o:p></div>
<div class="MDImagen">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_106" o:spid="_x0000_i1037" type="#_x0000_t75" style='width:264pt;
height:341.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image042.png"
o:title="" cropbottom="5837f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKA-t8gxNCkth4jKKx2K8Ho-7Ar_kYoq6Tn2yzLIJ7JDN50bZ2qZ8XpcgHPIqR0CUEozwxhdHVc2gmtTVjM_XHXX86PZdj00h8V0YK3FWQcP0-RNDv5uoObm5acNHvT3lnFKY0k91oE14/s1600/22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKA-t8gxNCkth4jKKx2K8Ho-7Ar_kYoq6Tn2yzLIJ7JDN50bZ2qZ8XpcgHPIqR0CUEozwxhdHVc2gmtTVjM_XHXX86PZdj00h8V0YK3FWQcP0-RNDv5uoObm5acNHvT3lnFKY0k91oE14/s400/22.png" width="281" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Os tipos de marcadores são:<o:p></o:p></div>
<ol>
<li><b>Comentário</b>: podemos designar o nome, duração e comentários.</li>
<li><b>Capítulo</b>: o adobe Encore pode converter num marcador de capítulo quando faz um DVD ou Blue-ray.</li>
<li><b>Segmentação</b>: ajudam a definir intervalos no vídeo para automatizar fluxos de trabalho em que definimos as áreas principais e as de inserção de comerciais ou gráficos. </li>
<li><b>Link Web:</b> suportado no Quicktime onde automaticamente abre um link para uma página.</li>
<li><b>Ponto de sinalização do flash</b>: utilizado pelo flash para utilizar eventos ou navegação.</li>
</ol>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos criar um marcador do
tipo comentário no início do logotipo e inserir o nome, comentário e tempo de
500 e verificar a linha do tempo.<o:p></o:p></div>
<div class="MDImagen">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_110" o:spid="_x0000_i1036" type="#_x0000_t75" style='width:250.5pt;
height:186.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image044.png"
o:title="" cropbottom="31276f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikf5rLtIkZEEncYvCsO3Plxz2xi4xNSBAUKo42vfDGykMRMUxmhCn4W8UQfXjypDdXzKwNFN0jeyr_FoSWs47t1F1ql82PU-fYSo59DCZYsfk1Mc_iWcGhXB57RuVHTb0L0I-XQic8WDs/s1600/23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikf5rLtIkZEEncYvCsO3Plxz2xi4xNSBAUKo42vfDGykMRMUxmhCn4W8UQfXjypDdXzKwNFN0jeyr_FoSWs47t1F1ql82PU-fYSo59DCZYsfk1Mc_iWcGhXB57RuVHTb0L0I-XQic8WDs/s400/23.png" width="280" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Agora vamos criar um marcador
do tipo interativo e inserir uma hiperligação.<o:p></o:p></div>
<div class="MDImagen">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_111" o:spid="_x0000_i1035" type="#_x0000_t75" style='width:265.5pt;
height:214.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image046.png"
o:title="" croptop="1f" cropbottom="28502f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5pfghv6PZg63fljN9gr2s9yxatqQkU9UigYuFYBUzFa6WuoARwj7zbCQ2fRrmzRzVLKdsk4DJ4U6a0I2cn64ddhl346G4yBw8Xr0nDymtkDY7-uyiU7Ip4j2m2elMX_L9ylyJCNWnb4/s1600/24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5pfghv6PZg63fljN9gr2s9yxatqQkU9UigYuFYBUzFa6WuoARwj7zbCQ2fRrmzRzVLKdsk4DJ4U6a0I2cn64ddhl346G4yBw8Xr0nDymtkDY7-uyiU7Ip4j2m2elMX_L9ylyJCNWnb4/s400/24.png" width="278" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<o:p> </o:p>Outra forma de utilizar os marcadores
é para a inserção de vídeo ou áudio automatizado através da localização desses
marcadores.</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Abrimos um novo documento e
importamos um ficheiro de áudio.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Começamos a inserir um
marcador no início e depois mais 14 marcadores com intervalos de 2 segundos.<o:p></o:p></div>
<div class="MDImagen">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_112" o:spid="_x0000_i1034" type="#_x0000_t75" style='width:388.5pt;
height:44.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image048.png"
o:title="" cropbottom="50881f" cropright="11163f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6lERkeAyyHq3g4hsy5ff5Y3Pn6BBp4x2KBYlh3uwL4ZD2xjDnLUsKWhMXjT5xy2PczwOF-IQ3riWqSbzpKLQGexx_SF_mbflgw7Ao_Z8U9n4BN3-rj5HRwi6TZ64PiMAhldE36jMDjrU/s1600/25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6lERkeAyyHq3g4hsy5ff5Y3Pn6BBp4x2KBYlh3uwL4ZD2xjDnLUsKWhMXjT5xy2PczwOF-IQ3riWqSbzpKLQGexx_SF_mbflgw7Ao_Z8U9n4BN3-rj5HRwi6TZ64PiMAhldE36jMDjrU/s400/25.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Colocamos a cabeça de leitura
no início e acedemos ao painel compartimento para selecionar todos os clipes.
Pressionamos no botão <b>Automatizar para sequência</b>:<o:p></o:p></div>
<div class="MDImagen">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_113" o:spid="_x0000_i1033" type="#_x0000_t75" style='width:308.25pt;
height:285pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image050.png"
o:title="" cropbottom="5546f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie_tjev27qEz4XIb-AQbQIKxzSa2_95fVHC6X9yU8EbJ9FR1J89mMH5SaGXf4m9fbq5LJ_fKc6VgXwjISz19ObmTEFrxphu865tDzrq2LeUf0MlE7tzAy2kjaYu4fwR6TLawcuoqyyWic/s1600/26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie_tjev27qEz4XIb-AQbQIKxzSa2_95fVHC6X9yU8EbJ9FR1J89mMH5SaGXf4m9fbq5LJ_fKc6VgXwjISz19ObmTEFrxphu865tDzrq2LeUf0MlE7tzAy2kjaYu4fwR6TLawcuoqyyWic/s400/26.png" width="395" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Verifica que os clipes são
adicionados à sequência no início de cada marcador<o:p></o:p></div>
<div class="MDImagen">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_114" o:spid="_x0000_i1032" type="#_x0000_t75" style='width:396.75pt;
height:142.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image052.png"
o:title="" cropbottom="10063f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFpez9-ryux7vDg7EKtQ08Okd2oSdyErXk8G2dEi0ErAFw-U8YV5U17te6SLC0JuJW6LPYA7lxVdFMaXp1yoKAG2h-Sps3hpr4nxXGn8Ge2xnZ3Ud3Est30b7ww8oV1nFuS2I6vGV5-hc/s1600/27.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFpez9-ryux7vDg7EKtQ08Okd2oSdyErXk8G2dEi0ErAFw-U8YV5U17te6SLC0JuJW6LPYA7lxVdFMaXp1yoKAG2h-Sps3hpr4nxXGn8Ge2xnZ3Ud3Est30b7ww8oV1nFuS2I6vGV5-hc/s400/27.png" width="400" /></a></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">5
– TRANSIÇÕES DE VÍDEO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Adicionar uma transição apenas
a um lado do clipe. Abrimos o painel de efeitos e vamos selecionar as <b>Transições de vídeo | Dissolver |
Dissolução cruzada</b> e arrastamos para o início do clipe e depois para o
final.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_115" o:spid="_x0000_i1031"
type="#_x0000_t75" style='width:399pt;height:124.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image054.png"
o:title="" cropbottom="20865f" cropright="16613f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij89RTsvhmv_S_krMplaOhoQx5J_esLuS975_8_ivCcpybrw-Kf4Razl9MqoyPqRoKXhwy7SkUQhgfMsUhQyRGau92J9TWRbj-eWM0y2L0HFFWCRx_d7aHxQx2OXtNeuJoqWsQeziFE7U/s1600/28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij89RTsvhmv_S_krMplaOhoQx5J_esLuS975_8_ivCcpybrw-Kf4Razl9MqoyPqRoKXhwy7SkUQhgfMsUhQyRGau92J9TWRbj-eWM0y2L0HFFWCRx_d7aHxQx2OXtNeuJoqWsQeziFE7U/s400/28.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Para transições entre os
clipes o processo é semelhante. Escolhemos a <b>Transição | Deslizar | Empurrar</b> e inserimos no meio dos 2 primeiros
clipes.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_117" o:spid="_x0000_i1030"
type="#_x0000_t75" style='width:399.75pt;height:120pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image056.png"
o:title="" cropbottom="19116f" cropright="4846f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Gu4oaTsEUTdKUlwSZ7-LmYQ_3V5kczUTyqkogRUp2eeGcTi-lLK27VyPRp2anyE3ZAvKDD4WecHuTLNPOR3F1W9RNEVJ8t8XfAUDe_xnKquyFoXxe6hLPXtdaf3eTPTrLRG_ovnam38/s1600/29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Gu4oaTsEUTdKUlwSZ7-LmYQ_3V5kczUTyqkogRUp2eeGcTi-lLK27VyPRp2anyE3ZAvKDD4WecHuTLNPOR3F1W9RNEVJ8t8XfAUDe_xnKquyFoXxe6hLPXtdaf3eTPTrLRG_ovnam38/s400/29.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Verifica o efeito. Para
alterarmos este efeito, selecionamos o efeito na linha do tempo e acedemos ao
painel <b>Controles de efeitos</b>. Alterarmos
a largura da borda, cor e qualidade.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_118" o:spid="_x0000_i1029" type="#_x0000_t75" style='width:249pt;
height:176.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image058.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihE10eyhdnk5r6UGIQ546lJM8GXZ3cIdKSCs9vDDqGq9my_RjQ31U5X7dyPW9OTVzVaHN1QJKBxFXpkQMHppRQwdHOaxpE84DsLQqoCzSYUiIerUoMyjgkJGXzikNRClRRn7MHTlcCGuw/s1600/30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihE10eyhdnk5r6UGIQ546lJM8GXZ3cIdKSCs9vDDqGq9my_RjQ31U5X7dyPW9OTVzVaHN1QJKBxFXpkQMHppRQwdHOaxpE84DsLQqoCzSYUiIerUoMyjgkJGXzikNRClRRn7MHTlcCGuw/s400/30.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos inserir efeitos nos
vários clipes e para ver a sequência completa pressionamos na barra invertida <b>\</b>. <o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Selecionamos os clipes e
escolhemos o efeito a inserir pressionando no botão Ctrl. Aparece a opção para <b>Definir selecionado como transição padrão</b>.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_119" o:spid="_x0000_i1028"
type="#_x0000_t75" style='width:396.75pt;height:96pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png"
o:title="" cropbottom="19747f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYi6lBvJ1LXDO4s0qg4UyU_B-L1AtVeifOQPIJ-wF-FK1zq0DiRAmUQwgth_t1jJQpp8SZrCFfsR3Wtp4mUvYRAGWVB73p3Y3cU0fWCxTUznHktKKJjasXbeXD0K0Zm9DXDm5njR24FZI/s1600/31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYi6lBvJ1LXDO4s0qg4UyU_B-L1AtVeifOQPIJ-wF-FK1zq0DiRAmUQwgth_t1jJQpp8SZrCFfsR3Wtp4mUvYRAGWVB73p3Y3cU0fWCxTUznHktKKJjasXbeXD0K0Zm9DXDm5njR24FZI/s400/31.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Com os clipes selecionados,
acedemos ao <b>Menu | Sequência | Aplicar
transições padrão à seleção</b>.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_120" o:spid="_x0000_i1027" type="#_x0000_t75" style='width:285.75pt;
height:236.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image061.png"
o:title="" cropbottom="30375f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja0x6KwazvuRmoSoPlOrOxlErgnbdcHZeqV75B_YVNZEyCYh4fDhyphenhyphenDXcwdqasa9lZWNDoy3P86i1UlV4TSnfjyWLLE8WLtv23fvpykqdQbw_xAZXNUUUxueQxMOaKu0SAfhDFsUhXLS8g/s1600/32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja0x6KwazvuRmoSoPlOrOxlErgnbdcHZeqV75B_YVNZEyCYh4fDhyphenhyphenDXcwdqasa9lZWNDoy3P86i1UlV4TSnfjyWLLE8WLtv23fvpykqdQbw_xAZXNUUUxueQxMOaKu0SAfhDFsUhXLS8g/s400/32.png" width="400" /></a></div>
<div class="MDImagen">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">6
– TRANSIÇÕES DE ÁUDIO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
As transições de áudio
dividem-se em 3 estilos.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l4 level1 lfo9; text-indent: -18.0pt;">
<!--[if !supportLists]-->1.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]--><b>Ganho constante</b>: não mistura o áudio e
vai eliminando o áudio existente e aumentando o áudio que está a aparecer.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l4 level1 lfo9; text-indent: -18.0pt;">
<!--[if !supportLists]-->2.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]--><b>Potência constante</b>: faz o mesmo efeito mas
mistura os clipes de áudio.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-bottom: 6.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 12.0pt; mso-list: l4 level1 lfo9; text-indent: -18.0pt;">
<!--[if !supportLists]-->3.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]--><b>Atenuação exponencial</b>: semelhante à
potência constante mas utiliza uma curva logarítmica para dissolver e aumentar
o áudio.</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Para verificarmos as
diferenças copiamos o áudio e colamos no canal A2 e A3.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_121" o:spid="_x0000_i1026" type="#_x0000_t75" style='width:242.25pt;
height:105pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image063.png"
o:title="" cropbottom="48603f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifujQFY1GM8SRccIOioKbKGmGwQTVYZNLQ8HdXCiWHOO781V5eEPB5TzZKH2L2UJmBXWLWOlYMseoi2E6KSIVEHrX4qjGdJlGuzYKmyuZ2H_NLFcgvKuEFVmiLG3Sgfp0dPAnkMkjEIs4/s1600/33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifujQFY1GM8SRccIOioKbKGmGwQTVYZNLQ8HdXCiWHOO781V5eEPB5TzZKH2L2UJmBXWLWOlYMseoi2E6KSIVEHrX4qjGdJlGuzYKmyuZ2H_NLFcgvKuEFVmiLG3Sgfp0dPAnkMkjEIs4/s320/33.png" width="320" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Com o mesmo áudio nos 3 canais
vamos inserir <b>Efeitos | Transição de
áudio | Crossfade</b> e arrastamos cada um dos estilos para o início de cada
clipe.<o:p></o:p></div>
<div class="MDImagen">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_122" o:spid="_x0000_i1025" type="#_x0000_t75" style='width:396.75pt;
height:225pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image065.png"
o:title="" cropbottom="4742f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3HoxyjISF-P0npnWTia1Wp3QdWWtopzDybZ9K4uYhpdLDIub_fY0p3zADj-db8QeCefmn8TiggEbsAZt9KZrU7s4KMXxIF-FmKsGIrdpSfibevGnRI_ZivV3r44aekHO1lbSa0yVj7oc/s1600/34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3HoxyjISF-P0npnWTia1Wp3QdWWtopzDybZ9K4uYhpdLDIub_fY0p3zADj-db8QeCefmn8TiggEbsAZt9KZrU7s4KMXxIF-FmKsGIrdpSfibevGnRI_ZivV3r44aekHO1lbSa0yVj7oc/s400/34.png" width="400" /></a></div>
<div class="MsoNormal">
<o:p> </o:p>Ao ouvir cada um deles (pressionando
no botão S) podemos verificar as diferenças nas transições.</div>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
<o:p></o:p></div>
<div class="MDTextoNormal">
<o:p> </o:p><span style="font-size: 13.5pt;"> </span></div>
<blockquote class="tr_bq" style="margin-bottom: .0001pt; margin: 0cm;">
<blockquote class="tr_bq">
<b><span style="background: #3d85c6; color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b></blockquote>
<blockquote>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Aprendemos a configurar um projeto e a criar a
sequência para onde importámos todos os elementos constituintes do vídeo</span>. Utilizámos diferentes tipos de marcadores para optimizar
a organização e o desenvolvimento. No final inserimos transições da mesma forma
para o áudio e vídeo.</blockquote>
</blockquote>
<br />
<div style="margin-bottom: .0001pt; margin: 0cm;">
<o:p></o:p></div>
Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-48189819657040145412016-10-31T12:15:00.005-07:002020-05-05T07:16:35.676-07:00Manipular áudio no Adobe Audition CC<div class="Estilo1">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Imagem_x0020_6" o:spid="_x0000_s1026" type="#_x0000_t75"
style='position:absolute;margin-left:0;margin-top:22.9pt;width:102.05pt;
height:99pt;z-index:251667455;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:left;
mso-position-horizontal-relative:margin;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:page;mso-height-relative:page'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"
o:title=""/>
<w:wrap type="through" anchorx="margin"/>
</v:shape><![endif]--><!--[if !vml]--></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrW3HIMTJ3coIhaGfVDTyrOPXBwzDCt2dZ4jTkBfFx1skkXPP-OC9IMRqYRCaHB3mUOZeyCV5hbD8nTNe-FmLBHfxyHYiftpJ5OuMi3rZkdlsmOdL32l0gr0HdtN5DqGE7Pa00CBbtrdk/s1600/AuditionLogo100px.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrW3HIMTJ3coIhaGfVDTyrOPXBwzDCt2dZ4jTkBfFx1skkXPP-OC9IMRqYRCaHB3mUOZeyCV5hbD8nTNe-FmLBHfxyHYiftpJ5OuMi3rZkdlsmOdL32l0gr0HdtN5DqGE7Pa00CBbtrdk/s1600/AuditionLogo100px.jpg" /></a></div>
<b style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 14px;">COMO MANIPULAR ÁUDIO NO AUDITION CC?</b><br />
<div class="MDTextoNormal">
Vamos selecionar regiões para alterar o volume e editar
essa região através de corte, apagar, colar e inserir silêncio. Iremos esticar
e encolher música, criar um ficheiro em loop e utilizar o fade in e fade out.<o:p></o:p></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– ABRIR O FICHEIRO PARA EDITAR</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="webinar">
Acedemos a <b>Arquivo |
Abrir</b> ou através das teclas de atalho Ctrl+O. <o:p></o:p></div>
<div class="webinar">
<br /></div>
<div class="MDImagen">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_29" o:spid="_x0000_i1041" type="#_x0000_t75" style='width:344.25pt;
height:226.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png"
o:title="" cropbottom="39734f" cropright="43454f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV5xPgCgnENONoRjrSPtvFEZuGfCNxQME-OG_Mzl2xBZFRfvOFk3ssp9PVmNxsO2JB3UjcCX_uHtSgczpe3PtVFuUu7J5a2VUccuhQYGyVh1KQCXw7iLAXaz8-ur0nqOmN2wUYhthKbNs/s1600/01+%25281%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV5xPgCgnENONoRjrSPtvFEZuGfCNxQME-OG_Mzl2xBZFRfvOFk3ssp9PVmNxsO2JB3UjcCX_uHtSgczpe3PtVFuUu7J5a2VUccuhQYGyVh1KQCXw7iLAXaz8-ur0nqOmN2wUYhthKbNs/s400/01+%25281%2529.png" width="400" /></a></div>
<div class="webinar">
<br /></div>
<div class="webinar">
Para abrirmos vários ficheiros utilizamos a tecla Shift ou
Ctrl para seleção não contínua.</div>
<o:p></o:p><br />
<div class="MDImagen">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_30" o:spid="_x0000_i1040" type="#_x0000_t75" style='width:369pt;
height:142.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image005.png"
o:title="" cropbottom="50122f" cropright="43068f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl4E1XJJlEQVa0u5nTwhXLyixnImhFZuEzIXdFl2RVTdc39SR11dAn4QPUtl682iE4gptO0zRu37xuAdaSXNLoqu4ykp38QH4Ju6J02w7-xenrwlwVufS7PV533H5DICA531liC1UDEdY/s1600/01+%25282%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl4E1XJJlEQVa0u5nTwhXLyixnImhFZuEzIXdFl2RVTdc39SR11dAn4QPUtl682iE4gptO0zRu37xuAdaSXNLoqu4ykp38QH4Ju6J02w7-xenrwlwVufS7PV533H5DICA531liC1UDEdY/s400/01+%25282%2529.png" width="400" /></a></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MDTextoNormal">
No painel arquivo podemos aceder aos ficheiros abertos e
pressionando duas vezes permite visualizar a <b>Forma de Onda (Waveform)</b>.<o:p></o:p></div>
<div class="MDTextoNormal">
Selecionamos e abrimos o ficheiro que pretendermos.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_96" o:spid="_x0000_i1039" type="#_x0000_t75" style='width:396.75pt;
height:62.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image007.png"
o:title="" cropbottom="47145f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8gFAEULdJFup2wSH4ImNf2DLpv1zLSn8TUfubCLx2JjK6rDhnQjKW6FbfB2MjQ4NTKq01TzmBl0GnewXm7sfN5G0dUS6JJSywcoxL0JWHa7nZI5jbKzvAabGiDretTIs41yJK4Q6QMQ/s1600/01+%25283%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="61" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8gFAEULdJFup2wSH4ImNf2DLpv1zLSn8TUfubCLx2JjK6rDhnQjKW6FbfB2MjQ4NTKq01TzmBl0GnewXm7sfN5G0dUS6JJSywcoxL0JWHa7nZI5jbKzvAabGiDretTIs41yJK4Q6QMQ/s400/01+%25283%2529.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– ESCOLHER REGIÃO PARA EDITAR E ALTERAR NÍVEIS DE VOLUME</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Para editar o áudio
necessitamos de escolher o ficheiro e especificar qual a região para edição.
Este processo é chamado de Seleção.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Com o ficheiro aberto pressionamos
dentro da janela <b>Editor</b> no botão <b>Play</b> para ouvir o áudio do início ao
fim.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Repara que o volume diminui no
final da frase mas podemos emendar.<br />
Pressiona e arrasta até ao final para ficar selecionado com o fundo a branco.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 18.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_97" o:spid="_x0000_i1038" type="#_x0000_t75" style='width:397.5pt;
height:67.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image009.png"
o:title="" cropbottom="46596f" cropright="2669f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipcqxFKvCue7Dx1f_1SxIjq-zlo6OSNfoaLLrXLsrvDm700vom4ZUBdvEkBDyf8UaUW8lBnfQ0-c8fxskpmLztkxv-9yLRSHp2vXPmHn1Yis3E81L70OL9RSOO0RpKgSr4P6MNTC7q8e8/s1600/01+%25284%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="77" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipcqxFKvCue7Dx1f_1SxIjq-zlo6OSNfoaLLrXLsrvDm700vom4ZUBdvEkBDyf8UaUW8lBnfQ0-c8fxskpmLztkxv-9yLRSHp2vXPmHn1Yis3E81L70OL9RSOO0RpKgSr4P6MNTC7q8e8/s400/01+%25284%2529.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Após a seleção verifica que um
painel HUD (Heads-up-display) aparece automaticamente para modificarmos o
volume. Aumenta o seu volume para os +6dB. Para verificarmos as alterações
retiramos a seleção e pressionamos no botão Play.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 18.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_98" o:spid="_x0000_i1037" type="#_x0000_t75" style='width:388.5pt;
height:138pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image011.png"
o:title="" croptop="8946f" cropbottom="47286f" cropleft="49526f" cropright="1274f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1HR981EUHOyVb7nv_yIzoeMWjoBGB5s9qA7MZUNoBumlK6RKGpXvxQ0bp9q9Ttq9Gmi60rsF99Y3nuSTlFMAmzwnyQltofPUPiIFkpdA6UFt5d1e8fgmh2ORhOdImnsXNVT5EnAGP7UE/s1600/01+%25285%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1HR981EUHOyVb7nv_yIzoeMWjoBGB5s9qA7MZUNoBumlK6RKGpXvxQ0bp9q9Ttq9Gmi60rsF99Y3nuSTlFMAmzwnyQltofPUPiIFkpdA6UFt5d1e8fgmh2ORhOdImnsXNVT5EnAGP7UE/s400/01+%25285%2529.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Após inserirmos os valores de
volume o Audition retém essas alterações. Se não gostarmos das alterações,
voltamos ao início pressionando <b>Ctrl+Z</b>
ou acedendo a <b>Editar | Desfazer
Amplificar</b>. <o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Se estiver tudo como desejamos
apenas temos de Salvar o ficheiro.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">3
– CORTAR, APAGAR E COLOCAR REGIÕES DE ÁUDIO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Abrimos um ficheiro para retirar
o ruido de áudio que aparece no meio da narração. Selecionamos a região com o
áudio a retirar. <o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 18.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_99" o:spid="_x0000_i1036" type="#_x0000_t75" style='width:396.75pt;
height:69pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image013.png"
o:title="" croptop="4119f" cropbottom="45846f" cropright="15107f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM2Prjt15If5kepdGNXCgPYk-YYJvNVni8wwQZj-qdojrXyvQufd_15KX88NfLuYfZeZv3aMz5y3yTNRwTN5QvQO1s90Sa7ITz_P7kYN2O-fTQvwwArSzHGJHOc_8_DsmYai_qj80HyiY/s1600/01+%25286%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM2Prjt15If5kepdGNXCgPYk-YYJvNVni8wwQZj-qdojrXyvQufd_15KX88NfLuYfZeZv3aMz5y3yTNRwTN5QvQO1s90Sa7ITz_P7kYN2O-fTQvwwArSzHGJHOc_8_DsmYai_qj80HyiY/s400/01+%25286%2529.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Pressionamos no botão inferior
direito <b>Ignorar Seleção</b>. Desta forma
é possível verificar como fica o áudio sem apagar.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 18.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_160" o:spid="_x0000_i1035" type="#_x0000_t75" style='width:396pt;
height:46.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image015.png"
o:title="" croptop="53633f" cropbottom="8837f" cropleft="35730f" cropright="15107f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisSEHsQ0knkCte1fQiElAsXjRTfowyUFPmUDObD5QYlTcdZeFKiaH_S4v8DKk1ALfuMM17VQLmmyfn21Ua1D2nTFxnJ1ud0yewUtJzMkE5FrwTcKfPpfSS_aOWeWbt0uV6TpMs5dtmQ2U/s1600/01+%25286%2529b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisSEHsQ0knkCte1fQiElAsXjRTfowyUFPmUDObD5QYlTcdZeFKiaH_S4v8DKk1ALfuMM17VQLmmyfn21Ua1D2nTFxnJ1ud0yewUtJzMkE5FrwTcKfPpfSS_aOWeWbt0uV6TpMs5dtmQ2U/s400/01+%25286%2529b.png" width="400" /></a></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MDTextoNormal">
Se a seleção está como pretendemos podemos apagar definitivamente
utilizando o menu <b>Editar | Excluir</b>
ou apenas pressionando o botão Backspace.<o:p></o:p></div>
<div class="MDImagen" style="margin-top: 24.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_100" o:spid="_x0000_i1034"
type="#_x0000_t75" style='width:392.25pt;height:123pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image017.png"
o:title="" cropbottom="45826f" cropright="30175f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFWQmyby1dNjN7bGxt6UjfajATiRh2YjsRH7dMao2D8q9ACNbAZJanzTOKPpcNZtH2kiIJMuDHxsPZplJWgM1JKs-WLQoe1anN2PiYgfygUuMKrrnGbACiPI0gZLbCGxjO116fc26Aw4I/s1600/01+%25287%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFWQmyby1dNjN7bGxt6UjfajATiRh2YjsRH7dMao2D8q9ACNbAZJanzTOKPpcNZtH2kiIJMuDHxsPZplJWgM1JKs-WLQoe1anN2PiYgfygUuMKrrnGbACiPI0gZLbCGxjO116fc26Aw4I/s400/01+%25287%2529.png" width="400" /></a></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MDTextoNormal">
Fazemos a seleção para o ruído e vamos apenas inserir
silêncio. Selecionamos a região e escolhemos <b>Editar | Inserir | Silencio</b>. Irá aparecer uma caixa de edição mas
vamos apenas pressionar no OK.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_102" o:spid="_x0000_i1033" type="#_x0000_t75" style='width:389.25pt;
height:138.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image019.png"
o:title="" cropbottom="37538f" cropleft="8959f" cropright="12402f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJJHUowQ9vkueasjBEZxFfL_bUaLpUi-m2W9V2W1TRL27EkbO3CxPKy-YO8bAvj5WGmt02yy0-5UpU6Hy4tjlvjWqT0F3e4Nj1MAt5R7U47qc1WOMGt6KNQh69HbXjT-pJlRuO-naDGh4/s1600/01+%25287%2529b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJJHUowQ9vkueasjBEZxFfL_bUaLpUi-m2W9V2W1TRL27EkbO3CxPKy-YO8bAvj5WGmt02yy0-5UpU6Hy4tjlvjWqT0F3e4Nj1MAt5R7U47qc1WOMGt6KNQh69HbXjT-pJlRuO-naDGh4/s400/01+%25287%2529b.png" width="400" /></a></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">4
– ESTICAR E ENCOLHER O ÁUDIO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Por vezes a música necessita
de ser esticada ou encolhida para ter o mesmo tamanho do vídeo ou animação onde
será inserido. Vamos abrir um ficheiro para aumentar e encolher a música.<o:p></o:p></div>
<div class="MDTextoNormal">
Para aumentar parte da música e repetir, inserimos
marcadores (M) nos 7 segundos e outro nos 23 segundos.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_2" o:spid="_x0000_i1032" type="#_x0000_t75" style='width:391.5pt;
height:65.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image021.png"
o:title="" croptop="4076f" cropbottom="49691f" cropleft="22358f" cropright="3422f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz2Yw8Tk7TKqKMFvSfnoATeRqRrhUhyphenhyphenysMSmw1mkJG1buT4paEx84zyQbHFs7FMxXACQ-S7iW-IGJGTJcXL7vqx6OsifG2Sz3Ai8Nm3-hbwzUhRVSBZmKXYWCj6Sby38YcW24MIjq7Skk/s1600/01+%25288%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="90" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz2Yw8Tk7TKqKMFvSfnoATeRqRrhUhyphenhyphenysMSmw1mkJG1buT4paEx84zyQbHFs7FMxXACQ-S7iW-IGJGTJcXL7vqx6OsifG2Sz3Ai8Nm3-hbwzUhRVSBZmKXYWCj6Sby38YcW24MIjq7Skk/s400/01+%25288%2529.png" width="400" /></a></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MDTextoNormal">
Seleciona a região entre os dois marcadores (Verifica o
Editar | Ajuste). Copia e posiciona a cabeça de leitura no 2º marcador e cola.<o:p></o:p></div>
<div class="MDTextoNormal">
<br /></div>
<div align="center" class="MDTextoNormal" style="text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_3" o:spid="_x0000_i1031" type="#_x0000_t75" style='width:393pt;
height:74.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image023.png"
o:title="" croptop="3853f" cropbottom="49593f" cropleft="22603f" cropright="6953f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmAmjC1Nd_Zif7eukI5kWYOOUOjEhvNIkIPeoKjG5MZlTINozqBHSs6Z_7Hov7ZxWfrTfEmxRld1pWQo2PmnDKOrnFdVxzQpiOLFVs-fTxq7eEXSFtbqbybhGh_zjoAjylFtjtGwkFVs0/s1600/01+%25289%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmAmjC1Nd_Zif7eukI5kWYOOUOjEhvNIkIPeoKjG5MZlTINozqBHSs6Z_7Hov7ZxWfrTfEmxRld1pWQo2PmnDKOrnFdVxzQpiOLFVs-fTxq7eEXSFtbqbybhGh_zjoAjylFtjtGwkFVs0/s400/01+%25289%2529.png" width="400" /></a></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">5
– CRIAR UM LOOP</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Nesta forma de onda escolhemos
a região que pretendemos criar o loop. Vamos por exemplo utilizar a região que
começa nos 7 segundos até aos 9 segundos e inserimos um marcador.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 18.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_161" o:spid="_x0000_i1030" type="#_x0000_t75" style='width:405pt;
height:84.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image025.png"
o:title="" croptop="4150f" cropbottom="49716f" cropleft="22686f" cropright="11481f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnBahD4rh1yhYdRpi4Z3EXPMzBlNvbTQgrFpcgQAG_Q50Cbvwk_qsaQy-t8t5itKV1ATlu7ez4qB8HEp4j6jQ2k-HPRm6BQ2u1CkkJJdN3Ko7rP2bKvGEY7hjsC5K8gKTzE_T4xgeDuM/s1600/01+%252810%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnBahD4rh1yhYdRpi4Z3EXPMzBlNvbTQgrFpcgQAG_Q50Cbvwk_qsaQy-t8t5itKV1ATlu7ez4qB8HEp4j6jQ2k-HPRm6BQ2u1CkkJJdN3Ko7rP2bKvGEY7hjsC5K8gKTzE_T4xgeDuM/s400/01+%252810%2529.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Selecionamos esta região e
Pressionamos <b>Ctrl+L</b> para <b>Repetir reprodução</b>.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 18.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_121" o:spid="_x0000_i1029" type="#_x0000_t75" style='width:363pt;
height:45pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image025.png"
o:title="" croptop="53333f" cropbottom="8206f" cropleft="35935f" cropright="11481f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDC7Ldf2abRJRF7e9sRsTz7GdDRZpAAlgR_SySdb7HymJvJcrsZrEu5aIEinKb72Z8JWwM_uSUbGYo9L1eP5Ju87N2G0iGVZ0tvwH1mSrbkuIQ9XsfgOPCXPfkrzgskADUs1NT0u_lP4/s1600/01+%252810%2529b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDC7Ldf2abRJRF7e9sRsTz7GdDRZpAAlgR_SySdb7HymJvJcrsZrEu5aIEinKb72Z8JWwM_uSUbGYo9L1eP5Ju87N2G0iGVZ0tvwH1mSrbkuIQ9XsfgOPCXPfkrzgskADUs1NT0u_lP4/s400/01+%252810%2529b.png" width="400" /></a></div>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Para guardarmos este loop em
outro ficheiro sem utilizamos clipboards (áreas de transferências), escolhemos <b>Editar | Copiar para novo</b>.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_122" o:spid="_x0000_i1028"
type="#_x0000_t75" style='width:393pt;height:82.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image028.png"
o:title="" cropbottom="49613f" cropleft="8978f" cropright="13940f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIEibYzzfcWcOW3lCpIRnWo1SdVVSA37YCdUkZe7RablfM4OuPNtD6TrpEjIFnDSwDBQHo68PD9ZttEaH1ZyKEtIgH3UJT_C395P7X7jwMofNwvh8adz2ice4h1KbbM8TynCUDoh4FFs/s1600/01+%252811%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIEibYzzfcWcOW3lCpIRnWo1SdVVSA37YCdUkZe7RablfM4OuPNtD6TrpEjIFnDSwDBQHo68PD9ZttEaH1ZyKEtIgH3UJT_C395P7X7jwMofNwvh8adz2ice4h1KbbM8TynCUDoh4FFs/s400/01+%252811%2529.png" width="400" /></a></div>
<div class="MDImagen">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">6
– INSERIR FADE-IN E FADE-OUT</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
Abrimos um ficheiro e
pressionamos no quadrado Fade In no canto superior esquerdo e arrastamos para a
direita.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 18.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_123" o:spid="_x0000_i1027"
type="#_x0000_t75" style='width:397.5pt;height:142.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image030.png"
o:title="" croptop="4022f" cropbottom="34935f" cropleft="22418f" cropright="1462f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaUNUgQFqOkSiYgRvNEnAEzojSRW3B-kY19nkRRLgwEZ1wGqznAxLiAe4lSvS3P1D8rwunewujPydOfxQ-2pP6glW5y3siAjmvopy8jvEgsduDGnUJ2ZZREUi592z7Th8XcypdiyokMMw/s1600/01+%252812%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaUNUgQFqOkSiYgRvNEnAEzojSRW3B-kY19nkRRLgwEZ1wGqznAxLiAe4lSvS3P1D8rwunewujPydOfxQ-2pP6glW5y3siAjmvopy8jvEgsduDGnUJ2ZZREUi592z7Th8XcypdiyokMMw/s400/01+%252812%2529.png" width="400" /></a></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MDTextoNormal">
Arrastando o cursor do Fade In para cima altera a forma
da curva para convexa enquanto para baixo côncavo sendo esta o ideal para o que
pretendemos.<o:p></o:p></div>
<div class="MDTextoNormal">
O Fade Out funciona da mesma forma. Vamos terminar esta
narração após a última palavra, apagando tudo o que vem depois. <o:p></o:p></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MDTextoNormal">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_125" o:spid="_x0000_i1026" type="#_x0000_t75" style='width:391.5pt;
height:122.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image032.png"
o:title="" croptop="3890f" cropbottom="38301f" cropleft="22467f" cropright="963f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhSx5RGASTlAk0LkD4Yq7gPPFVYWoDhIzYlDOSQE86IvDdkzOcxHQ2NfdiNG4W5PGorVpz9JBN5v6yEPRlb71fDl0l8vV4zZ2RMaOQAcaoCtNQHFy916hBsKLUNZEV7hGYKNolH0TxVQE/s1600/01+%252813%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhSx5RGASTlAk0LkD4Yq7gPPFVYWoDhIzYlDOSQE86IvDdkzOcxHQ2NfdiNG4W5PGorVpz9JBN5v6yEPRlb71fDl0l8vV4zZ2RMaOQAcaoCtNQHFy916hBsKLUNZEV7hGYKNolH0TxVQE/s400/01+%252813%2529.png" width="400" /></a></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MDTextoNormal">
Arrasta o quadrado do Fade Out para o lado esquerdo e
para baixo para criar uma curva côncava.<o:p></o:p></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MDTextoNormal">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_126" o:spid="_x0000_i1025" type="#_x0000_t75" style='width:390pt;
height:138pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image034.png"
o:title="" croptop="4150f" cropbottom="34931f" cropleft="22687f" cropright="678f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8vGHq32xkdNrThoOwaSKS4VPPEBP8NMHfTWaVVkBembPMCWj5uHIxmPO9StTeCjnKli2PvDjhdOqz3uXJ0uRlKQt23TLJwSWA6s5srhmC8ydXZG6ZEXRWlKMwxngTE011tii_2XJy9lE/s1600/01+%252814%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8vGHq32xkdNrThoOwaSKS4VPPEBP8NMHfTWaVVkBembPMCWj5uHIxmPO9StTeCjnKli2PvDjhdOqz3uXJ0uRlKQt23TLJwSWA6s5srhmC8ydXZG6ZEXRWlKMwxngTE011tii_2XJy9lE/s400/01+%252814%2529.png" width="400" /></a></div>
<div class="MDTextoNormal">
<br /></div>
<div class="MDTextoNormal">
Ouve as alterações no final e guarda o ficheiro.<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<blockquote class="tr_bq">
<b><span style="background: #3d85c6; color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b></blockquote>
<blockquote class="tr_bq">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Aprendemos a selecionar regiões no áudio e
aumentar o seu volume, cortar, apagar, colar e inserir silêncio</span>. A outra técnica de esticar o áudio utiliza os mesmos
comandos e salvando para um ficheiro externo podemos criar um loop. Para retocar
o início e fim do áudio utilizamos o fade-in e fade-out.</blockquote>
</div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<o:p></o:p></div>
Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-75715065405776201532016-10-12T05:39:00.002-07:002020-05-05T07:37:48.263-07:00Atribuir materiais no Studio Max 3D<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikm4rMfZUuMPtaOMj8OTm-2QpcP-APGCu8n9obgA6rTh1tJSiOsfzhBQFcLFyUj-jnP9zszJqWIf4niOXnGMLjeHsMHe9-WG1Fe0uyVTCvjKUUJRwb8XWpuVvm7529C29LxgH4dudj1A/s1600/3dsmaxlogo100.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikm4rMfZUuMPtaOMj8OTm-2QpcP-APGCu8n9obgA6rTh1tJSiOsfzhBQFcLFyUj-jnP9zszJqWIf4niOXnGMLjeHsMHe9-WG1Fe0uyVTCvjKUUJRwb8XWpuVvm7529C29LxgH4dudj1A/s1600/3dsmaxlogo100.jpg" /></a></div>
<b style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 14px;">COMO ATRIBUIR MATERIAIS NO STUDIO MAX 3D?</b><br />
<div class="MDTextoNormal">
Vamos aprender a inserir materiais num objeto através do
<b>Compact Material Editor</b> utilizando
coordenadas de mapas para posicionar as imagens na posição pretendida do objeto.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MDTextoNormal">
O objeto final ficará com este aspeto:<o:p></o:p></div>
<div class="MDTextoNormal">
<br /></div>
<div align="center" class="MDTextoNormal" style="text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_19" o:spid="_x0000_i1035" type="#_x0000_t75" style='width:325.5pt;
height:237pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image003.jpg"
o:title="" croptop="17876f" cropbottom="20838f" cropleft="3610f" cropright="41164f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi2YtSnsAADD8qr4lqZo9WW7O0oF99JrW5rj2crIfMyPjcJevG8MMHYdKWOk5zOXT2gTRYbxJu28AGs5PxtNP9SzZ0vORUE586FCThWknCNZQq2LCHB85iS-ghOjA3ACFbnXe-ux2vLiQ/s1600/00.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi2YtSnsAADD8qr4lqZo9WW7O0oF99JrW5rj2crIfMyPjcJevG8MMHYdKWOk5zOXT2gTRYbxJu28AGs5PxtNP9SzZ0vORUE586FCThWknCNZQq2LCHB85iS-ghOjA3ACFbnXe-ux2vLiQ/s400/00.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– ADICIONAR MATERIAL PRÉ-DEFINIDO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos selecionar o objeto
utilizando o <b>Element</b> como seleção e
abrir o painel <b>Compact material editor</b>.
Escolhemos o material metal e pressionamos no botão <b>Assign Material to Selection</b> e <b>Show
shaded material no in viewport</b>.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_96" o:spid="_x0000_i1034"
type="#_x0000_t75" style='width:396.75pt;height:214.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image005.jpg"
o:title="" cropbottom="2677f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8zdH2bxTcP6YvsrxfYlqXLpoh8Gs4ZmiWQo9RW9_J0yB9xuu9Zhal3Tq6Xl2dihxJG8omxy7UpG6Z2gIJC6y-z33HEExCjG-GP_C-Dtdzr_3Ks4J_7Hn2VUKpn2JjQ9mT08Zw9o8rvIg/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8zdH2bxTcP6YvsrxfYlqXLpoh8Gs4ZmiWQo9RW9_J0yB9xuu9Zhal3Tq6Xl2dihxJG8omxy7UpG6Z2gIJC6y-z33HEExCjG-GP_C-Dtdzr_3Ks4J_7Hn2VUKpn2JjQ9mT08Zw9o8rvIg/s400/01.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– ADICIONAR COR</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Selecionamos com o <b>Polygon</b> a base do termo e criamos um
novo material. Selecionamos a sua cor e pressionamos nos botões <b>Assign Material to Selection</b> e <b>Show shaded material no in viewport.</b><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_109" o:spid="_x0000_i1033" type="#_x0000_t75" style='width:396.75pt;
height:214.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image007.jpg"
o:title="" cropbottom="2540f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_a0IJoDEa6H3OBU74DOQD4mgMHCR89vkZ1D8C2JdKhnTNsg1lvKlQGDUgMJgTYxzJ_zDHM-mzTx6ahXYJCGOZ1xF3_2PEKTkdDEA4kBUZi-bk6WG9Bi6MCp5bLE6HHItgYWqxENUi-zU/s1600/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_a0IJoDEa6H3OBU74DOQD4mgMHCR89vkZ1D8C2JdKhnTNsg1lvKlQGDUgMJgTYxzJ_zDHM-mzTx6ahXYJCGOZ1xF3_2PEKTkdDEA4kBUZi-bk6WG9Bi6MCp5bLE6HHItgYWqxENUi-zU/s400/02.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">3
– ADICIONAR GRADIENTE</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Selecionamos com o <b>Polygon</b> o topo do termo e criamos um
novo material. Pressionamos ao lado da cor no botão “M” e escolhemos a opção <b>Falloff</b>. Definimos as cores do
gradiente e pressionamos nos botões <b>Assign
Material to Selection</b> e <b>Show shaded
material no in viewport.</b><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_110" o:spid="_x0000_i1032" type="#_x0000_t75" style='width:396.75pt;
height:214.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image009.jpg"
o:title="" cropbottom="2677f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF5OMW2vPMqj5DS-FIyK7VPHVB8HlutDni31Uvz-1TFeTeyH6cwE5vTL3_IFybKiSpaLdg5lsekn_iXhzccX-q3OdaksM1iss-Moxo93a5XA3yXCJYeIJc6joc13rX6Tn61t9_BLqwlXQ/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF5OMW2vPMqj5DS-FIyK7VPHVB8HlutDni31Uvz-1TFeTeyH6cwE5vTL3_IFybKiSpaLdg5lsekn_iXhzccX-q3OdaksM1iss-Moxo93a5XA3yXCJYeIJc6joc13rX6Tn61t9_BLqwlXQ/s400/03.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">4
– TEXTURA NO CORPO DO TERMO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Acedemos ao site <a href="http://www.bgrepeat.com/">www.bgrepeat.com</a> para descarregar uma imagem
quadrada com os lados perfeitos para criar um fundo homogéneo. Selecionamos com
o <b>Polygon</b> o corpo do termo e criamos
um novo material. Pressionamos ao lado da cor no botão “M” e escolhemos a opção
<b>Bitmap</b> e a imagem. Pressionamos nos
botões <b>Assign Material to Selection</b>
e <b>Show shaded material no in viewport.</b><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_111" o:spid="_x0000_i1031" type="#_x0000_t75" style='width:396.75pt;
height:214.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image011.jpg"
o:title="" cropbottom="2677f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfOLDppT5IXKVHFP5LTe6pPr3NBOoupeYoMsL1ayqe0Q9Ai8qW5UOLrSccCvjIT4tbpd_dneX6w9EFJtia91sqkhcMITcJSJCE2U0ddaSAHsS63nf_9QvaOHcI_AMSoZVpqS2KRsKVl4A/s1600/04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfOLDppT5IXKVHFP5LTe6pPr3NBOoupeYoMsL1ayqe0Q9Ai8qW5UOLrSccCvjIT4tbpd_dneX6w9EFJtia91sqkhcMITcJSJCE2U0ddaSAHsS63nf_9QvaOHcI_AMSoZVpqS2KRsKVl4A/s400/04.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">5
– POSICIONAR BITMAP</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Selecionamos com o <b>Polygon</b> o topo do termo e criamos um
novo material. Pressionamos ao lado da cor no botão “M” e escolhemos a opção <b>Bitmap</b> e definimos a imagem. <o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_112" o:spid="_x0000_i1030" type="#_x0000_t75" style='width:396.75pt;
height:214.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image013.jpg"
o:title="" cropbottom="2677f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6caZt4JJztv5O8q9KgJ9JJwg1dxSKtxOM0leOzNq2GxFoACoyzSkDDSEZSnq_J9QMyqH6dgu0DxqsUu_jtPyte7CvoostwfQ2KP4MBmozmEo81sE65zIoCurTt-LcbFQxrO9USGTrijQ/s1600/05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6caZt4JJztv5O8q9KgJ9JJwg1dxSKtxOM0leOzNq2GxFoACoyzSkDDSEZSnq_J9QMyqH6dgu0DxqsUu_jtPyte7CvoostwfQ2KP4MBmozmEo81sE65zIoCurTt-LcbFQxrO9USGTrijQ/s400/05.jpg" width="400" /></a></div>
<br />
Inserimos um modificador UVW
Map e alteramos a posição para 6cm e tamanho da imagem para 12cm. Pressionamos
nos botões <b>Assign Material to Selection</b>
e <b>Show shaded material no in viewport.</b><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_113" o:spid="_x0000_i1029" type="#_x0000_t75" style='width:396.75pt;
height:214.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image015.jpg"
o:title="" cropbottom="2677f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDImagen">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBFV22dXZnlM8kYfLPt-X7tAtUlD3J6gdeotwwYXb_dSzjx680L1yL4RXl-FQNc5WEHLiqQuLtm70TIM_iMDqy54YIdp6iZ-D1FgY0qb9Ob5FUehm4bKnQr0f5VosYID2-WXKPQ0bNnNA/s1600/05b.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBFV22dXZnlM8kYfLPt-X7tAtUlD3J6gdeotwwYXb_dSzjx680L1yL4RXl-FQNc5WEHLiqQuLtm70TIM_iMDqy54YIdp6iZ-D1FgY0qb9Ob5FUehm4bKnQr0f5VosYID2-WXKPQ0bNnNA/s400/05b.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">6
– INSERIR PLANO NO CHÃO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Criamos um novo layer com o
nome Floor e um plane para o fundo do termo. <o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_115" o:spid="_x0000_i1028" type="#_x0000_t75" style='width:392.25pt;
height:234pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image017.jpg"
o:title="" cropbottom="2677f" cropright="6273f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX949kAJhsa0a7f-D4kFhHM61TkfxM4fy9UAtxdY4C6LK7NRMEfaiFfuWjQsY5EtsGNSrb7sNsysUL4X82s7KLQYNaFt7XlR0Ia1_4EUEfWeZoR6iXqOtv-54RecHxsgrIQj3xk7MHM78/s1600/06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX949kAJhsa0a7f-D4kFhHM61TkfxM4fy9UAtxdY4C6LK7NRMEfaiFfuWjQsY5EtsGNSrb7sNsysUL4X82s7KLQYNaFt7XlR0Ia1_4EUEfWeZoR6iXqOtv-54RecHxsgrIQj3xk7MHM78/s400/06.jpg" width="400" /></a></div>
<br />
Criamos um novo material <b>Bitmap</b> com o fundo em madeira e inserimos
um modificador <b>UVW Map</b>. Pressionamos
nos botões <b>Assign Material to Selection</b>
e <b>Show shaded material no in viewport.</b><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_117" o:spid="_x0000_i1027" type="#_x0000_t75" style='width:387pt;
height:230.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image019.jpg"
o:title="" cropbottom="2815f" cropright="6213f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTSwu24YN7wlOXpLTMgvUfFNdOEyakrPj8W1SDds33UCwk5elXqlGxrJoxRyvOBp3GC9iLEm5RsNy4CFaNI4bQr73w9kQ2l0JazNT9fsLag039sah0V88LOJd89nuR5y6p6KwgVuJw1Yc/s1600/06c.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTSwu24YN7wlOXpLTMgvUfFNdOEyakrPj8W1SDds33UCwk5elXqlGxrJoxRyvOBp3GC9iLEm5RsNy4CFaNI4bQr73w9kQ2l0JazNT9fsLag039sah0V88LOJd89nuR5y6p6KwgVuJw1Yc/s400/06c.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">7
– AUMENTAR REFLEXO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Selecionamos o <b>Plane</b> e alteramos a <b>Reflectivity</b> para 1.0.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_118" o:spid="_x0000_i1026"
type="#_x0000_t75" style='width:399.75pt;height:239.25pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image021.jpg"
o:title="" cropbottom="2540f" cropright="6381f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpqRhZf0jeJ56-I9GXqNGOM0kPCIThjXd-6gvipYCpZBSuEzODQAQ7MoBsYkodUB2MnNgQVlA2hIW5NOmgNYLfx4XeG2F1W0klQS8Uy4GePmSvAprtGEp6zgq80dCnJK3_rnKlOOeP0eM/s1600/07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpqRhZf0jeJ56-I9GXqNGOM0kPCIThjXd-6gvipYCpZBSuEzODQAQ7MoBsYkodUB2MnNgQVlA2hIW5NOmgNYLfx4XeG2F1W0klQS8Uy4GePmSvAprtGEp6zgq80dCnJK3_rnKlOOeP0eM/s400/07.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">8
– ALTERAR FUNDO PARA LÍQUIDO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Pressionamos no botão <b>Arch and Design </b>e escolhemos um fundo
pré-definido de água e alteramos a quantidade das ondas.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_119" o:spid="_x0000_i1025"
type="#_x0000_t75" style='width:395.25pt;height:237pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image003.jpg"
o:title="" cropbottom="2540f" cropright="6459f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC-OM19zu_kLh7mkRVq1iCWx-TsnVkrgMvoaahInm3EWyxqHoT1JqIyTUk8qVmR7Mdx3-Tr-sMsNr3sTDGLJEbbnW6j7gU2UgdlchJRDdm0Vs__TBcyPwWy6GdAyj4Lxn9-60s4EWnHVc/s1600/08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC-OM19zu_kLh7mkRVq1iCWx-TsnVkrgMvoaahInm3EWyxqHoT1JqIyTUk8qVmR7Mdx3-Tr-sMsNr3sTDGLJEbbnW6j7gU2UgdlchJRDdm0Vs__TBcyPwWy6GdAyj4Lxn9-60s4EWnHVc/s400/08.jpg" width="400" /></a></div>
<br /></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<blockquote class="tr_bq">
<b><span style="background: #3d85c6; color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b><br />
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Aprendemos a utilizar primitivas e as
ferramentas mais utilizadas em modelação (escala, movimento e rotação).
Utilizámos ferramentas de transformação como o </span>Bevel, Inset, Extrude e
Chamfer e aplicámos modificadores de forma não
destrutiva.</blockquote>
</div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span>Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-66944342895427485012016-10-12T03:52:00.003-07:002020-05-05T05:04:01.848-07:00Criar um website no Adobe Dreamweaver<div class="Estilo1">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Imagem_x0020_10" o:spid="_x0000_s1026" type="#_x0000_t75"
style='position:absolute;margin-left:0;margin-top:22.4pt;width:75.1pt;
height:72.85pt;z-index:251666432;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:left;
mso-position-horizontal-relative:margin;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:margin;mso-height-relative:margin'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"
o:title=""/>
<w:wrap type="through" anchorx="margin"/>
</v:shape><![endif]--><!--[if !vml]--></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcc9yirsqfOvFeSR2rWB4-ym_gRCO1PhFhoEbkbhO5qFXV9Hi9qIY71vp-EBTR8_rzS0VqpT4Z0Z52TU79HwY4arbZu82LkyW6oG6LD0DT_2FMP9DeCvBF61gRGfG8GUSZLHPumpxM73E/s1600/logo100px.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcc9yirsqfOvFeSR2rWB4-ym_gRCO1PhFhoEbkbhO5qFXV9Hi9qIY71vp-EBTR8_rzS0VqpT4Z0Z52TU79HwY4arbZu82LkyW6oG6LD0DT_2FMP9DeCvBF61gRGfG8GUSZLHPumpxM73E/s1600/logo100px.jpg" /></a></div>
<b style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 14px;">COMO CRIAR UM WEBSITE NO DREAMWEAVER CC?</b><br />
<div class="MDTextoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Vamos
desenhar um website onde inicialmente iremos criar um modelo com os conteúdos
transversais a todas as páginas para de seguida desenvolvermos as restantes páginas.<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MDTextoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">O
website final ficará com este aspeto:<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><!--[if gte vml 1]><v:shape
id="Imagem_x0020_1" o:spid="_x0000_i1049" type="#_x0000_t75" style='width:425.25pt;
height:467.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image002.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB-7FeZhH9IJVgpZYbdpcj2qOiH-bEo1AugW2atV9_018dVx6iXzoMlAM0mYRPOXjVDUOfozTwq5hPUgOpH6Fn-Br9LrVP2Q8FhIiiMvE4WFAqbZpHYAJMPwGpKrvx54UXUDhrfCdCFkA/s1600/00.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB-7FeZhH9IJVgpZYbdpcj2qOiH-bEo1AugW2atV9_018dVx6iXzoMlAM0mYRPOXjVDUOfozTwq5hPUgOpH6Fn-Br9LrVP2Q8FhIiiMvE4WFAqbZpHYAJMPwGpKrvx54UXUDhrfCdCFkA/s400/00.jpg" width="362" /></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– CRIAR UM NOVO DOCUMENTO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos criar um novo site
através do menu <b>Site | Novo site</b>. Atribuímos
um nome ao site e escolhemos a pasta raiz da localização dos ficheiros.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_20" o:spid="_x0000_i1048" type="#_x0000_t75" style='width:228.75pt;
height:253.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image004.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7vVWwCwL5Zv_oykye_xwEo81d3pO90a1oBIsZ9nEhizTlUG2gugyDF-pY-sqkIxWAXqiNwbv8AhLK7SOGjl2iaXu0H3zOHWkokikhg7wSnqwCpV_I0sIzlNIu36uCh6KLQz-DpLCbhOc/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7vVWwCwL5Zv_oykye_xwEo81d3pO90a1oBIsZ9nEhizTlUG2gugyDF-pY-sqkIxWAXqiNwbv8AhLK7SOGjl2iaXu0H3zOHWkokikhg7wSnqwCpV_I0sIzlNIu36uCh6KLQz-DpLCbhOc/s400/01.jpg" width="360" /></a></div>
Pressionamos no botão Salvar.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Podemos alterar a Área de
trabalho no canto superior direito consoante o tipo de projeto que vamos
desenvolver.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<span style="color: red; mso-fareast-language: PT; mso-no-proof: yes;"><!--[if gte vml 1]><v:shape
id="Imagem_x0020_22" o:spid="_x0000_i1047" type="#_x0000_t75" style='width:229.5pt;
height:155.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image005.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="color: red;"><o:p></o:p></span></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdMHgzsNY7S0GHVF5YtOX96uETcpNJ1yn1mOYMzul3v3ezigkaGMTbciJGEB8u2zJPY7DbNCzbfiqM1pje50qvtevCWg8U_CMukc5mQdIHKQBiMc5Ncum9ERvZTToi2bLJ4uR4xmH1NUA/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdMHgzsNY7S0GHVF5YtOX96uETcpNJ1yn1mOYMzul3v3ezigkaGMTbciJGEB8u2zJPY7DbNCzbfiqM1pje50qvtevCWg8U_CMukc5mQdIHKQBiMc5Ncum9ERvZTToi2bLJ4uR4xmH1NUA/s400/03.jpg" width="400" /></a></div>
Podemos verificar todos os
ficheiros do site através do painel Arquivos.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_23" o:spid="_x0000_i1046" type="#_x0000_t75" style='width:230.25pt;
height:243pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image006.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV0TqvjQCX6lfxoeigjUpyTHGLu-OmjCLZVF11a2TWkhEqcdhdRy8dWvsiwrLVsjn3n2Zgtjmss5TqhlmvmfoJzoPKC7fKp270VfsUJBIKCUrrw65SImJtzs6Kp8AJBy_tKrc1SJOMvg0/s1600/04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV0TqvjQCX6lfxoeigjUpyTHGLu-OmjCLZVF11a2TWkhEqcdhdRy8dWvsiwrLVsjn3n2Zgtjmss5TqhlmvmfoJzoPKC7fKp270VfsUJBIKCUrrw65SImJtzs6Kp8AJBy_tKrc1SJOMvg0/s400/04.jpg" width="378" /></a></div>
<br />
Para criarmos o modelo do site
acedemos ao menu <b>Arquivo | Novo</b> e
escolhemos HTML | Bootstrap | Criar novo e retiramos a seleção de Incluir um
layout previamente criado. No personalizar mantemos os valores por defeito.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_24" o:spid="_x0000_i1045" type="#_x0000_t75" style='width:396.75pt;
height:246pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image007.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnwoG3-vsuGw3kDo3cJh_yCHSk-yNfcElzEnSFhOzmPeh6gZF3jnxqW9ikTe39rShyEp3GKZ8EFo9auIdv6W0Vv5gyWj7Y-vKYB74eBcuSKHi21LcuSKxwppWFeMoz-30FWpAivw4zBbc/s1600/05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnwoG3-vsuGw3kDo3cJh_yCHSk-yNfcElzEnSFhOzmPeh6gZF3jnxqW9ikTe39rShyEp3GKZ8EFo9auIdv6W0Vv5gyWj7Y-vKYB74eBcuSKHi21LcuSKxwppWFeMoz-30FWpAivw4zBbc/s400/05.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– ADICIIONAR CONTENTOR COM NAVEGAÇÃO E RODAPÉ</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos adicionar um contentor fluído
para agrupar todos os elementos. Para isso, acedemos ao painel <b>Inserir | Componentes do Bootstrap |
Container-fluid</b>.<o:p></o:p><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikZ0qqCBmHGSiz9KauqAtNJMpkygVrg4Hb1apHTHsTlFV1KooNKUeZTiWLPmEm-h9VdkPMPC1HJ6lOmtbibbi5LoJZfLqbU776gwg3HctO-QmmpH-L3hr0WUUsjAgMqRI-BMWvmdo2RaI/s1600/06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikZ0qqCBmHGSiz9KauqAtNJMpkygVrg4Hb1apHTHsTlFV1KooNKUeZTiWLPmEm-h9VdkPMPC1HJ6lOmtbibbi5LoJZfLqbU776gwg3HctO-QmmpH-L3hr0WUUsjAgMqRI-BMWvmdo2RaI/s400/06.jpg" width="400" /></a></div>
<br /></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_25" o:spid="_x0000_i1044" type="#_x0000_t75" style='width:396.75pt;
height:138.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image009.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
O Container-fluid é apenas uma
div com uma classe. O DOM permite verificar toda a estrutura de forma vertical
que iremos utilizar como guia.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos inserir o menu de
navegação através do painel <b>Inserir |
Componentes do Bootstrap | Navbar | Basic Navbar<o:p></o:p></b></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_26" o:spid="_x0000_i1043" type="#_x0000_t75" style='width:396.75pt;
height:138pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image011.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIN1lQa0TkAxeLwAu1ZzWETORmVmMFxkiAWUjkISlk6BTgkLXtYp4SdHz_hnKtgX7xFpiwkl6GZYERb6fd1NAQp_EHX-eeJqvDKFtvogxg5DU-ItwQiO6MUAmN8C88D0ovzwlF4HW1khE/s1600/07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIN1lQa0TkAxeLwAu1ZzWETORmVmMFxkiAWUjkISlk6BTgkLXtYp4SdHz_hnKtgX7xFpiwkl6GZYERb6fd1NAQp_EHX-eeJqvDKFtvogxg5DU-ItwQiO6MUAmN8C88D0ovzwlF4HW1khE/s400/07.jpg" width="400" /></a></div>
<br />
Escolhemos a opção <b>Ninho</b> para ser inserido dentro do
Container<b>.</b><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_27" o:spid="_x0000_i1042" type="#_x0000_t75" style='width:348.75pt;
height:59.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image013.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2hppAYkvYjvF1ZZ4Z5ESI8JIZlNOLaQix6u4HT6wundRBApxDm5OqqDnlgkzYBK36zZFuj0Ped1Jodvg2wH3ZO2Vh702UO-N-nDYtrj-6kjw6PlewN-l3RbC4wt9s1QvEumEDfjKC81k/s1600/08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="67" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2hppAYkvYjvF1ZZ4Z5ESI8JIZlNOLaQix6u4HT6wundRBApxDm5OqqDnlgkzYBK36zZFuj0Ped1Jodvg2wH3ZO2Vh702UO-N-nDYtrj-6kjw6PlewN-l3RbC4wt9s1QvEumEDfjKC81k/s400/08.jpg" width="400" /></a></div>
Vamos criar o rodapé. Com a
classe Nav selecionada no DOM acedemos ao painel <b>Inserir | HTML | Navbar | Footer</b> <b>| Depois</b>.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_28" o:spid="_x0000_i1041" type="#_x0000_t75" style='width:396.75pt;
height:92.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image014.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNz0cjkR_CbAWeK693AyivBKiw5ERR0fkmCnritSOlft02N0sr5v_SS17xZm9J_aZPEM2gy_giCVphTrR7k7sIp1Kbxm4O80nKXW12uFoVMB9Kiz0YByjvruekJkFJDJEbClx1FmwjSfg/s1600/09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNz0cjkR_CbAWeK693AyivBKiw5ERR0fkmCnritSOlft02N0sr5v_SS17xZm9J_aZPEM2gy_giCVphTrR7k7sIp1Kbxm4O80nKXW12uFoVMB9Kiz0YByjvruekJkFJDJEbClx1FmwjSfg/s400/09.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZwYr_7po7OzWGmRWt3_bI04AkzVJfsINz7t9WJSJJf67ysOuGdTXBD2JZU8pNQIyCZ9gfdm2-_zF83LEi5NTganAXQhvub2w7hNwrjnnzlA4N6FFkiKgVA5rnBmyOCUJEBtCuiXc_I2w/s1600/10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZwYr_7po7OzWGmRWt3_bI04AkzVJfsINz7t9WJSJJf67ysOuGdTXBD2JZU8pNQIyCZ9gfdm2-_zF83LEi5NTganAXQhvub2w7hNwrjnnzlA4N6FFkiKgVA5rnBmyOCUJEBtCuiXc_I2w/s400/10.jpg" width="400" /></a></div>
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_29" o:spid="_x0000_i1040" type="#_x0000_t75" style='width:186.75pt;
height:63.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image016.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">3
– CRIAR UM MODELO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
A navegação e o rodapé são
áreas comuns em todas as páginas, o que irá ser diferente nas restantes páginas
encontra-se no centro do site. Para o centro do site ter conteúdos diferentes
nas várias páginas vamos criar uma região editável.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Posicionamos o cursor entre o
fim da etiqueta navegação e o início do footer e acedemos ao menu <b>Inserir | Modelos | Região editável</b>.
Podemos alterar o nome da região editável.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_30" o:spid="_x0000_i1039" type="#_x0000_t75" style='width:396.75pt;
height:153pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image017.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJgnkx6ewQbcwe2X0PALxYHDKXhGK3uaroDuhKqbIO2Y3GnE8r42dr-KqxSVN4VLVflv6e6iJhtf00IIo0gGHr1YMdnD7kNtoDn279spJTK5oZZ1tnKg6mDDrzVYJ03T6I17KOmdPeGOA/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJgnkx6ewQbcwe2X0PALxYHDKXhGK3uaroDuhKqbIO2Y3GnE8r42dr-KqxSVN4VLVflv6e6iJhtf00IIo0gGHr1YMdnD7kNtoDn279spJTK5oZZ1tnKg6mDDrzVYJ03T6I17KOmdPeGOA/s400/11.jpg" width="400" /></a></div>
Vamos agora salvar, automaticamente
o programa salva como modelo e podemos atribuir um nome a este novo modelo.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Podemos verificar no painel
Arquivos que foi criada a pasta Templates onde está guardado o modelo que
acabámos de criar.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">4
– ESTILIZAR O MENU E RODAPÉ</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Para verificarmos no navegador
todas as alterações realizadas vai ser necessário criar uma página principal.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Acedemos ao menu <b>Arquivo | Novo</b> onde vamos utilizar a
opção <b>Modelos do site </b>onde
selecionamos o modelo que criámos anteriormente.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_31" o:spid="_x0000_i1038"
type="#_x0000_t75" style='width:396.75pt;height:246pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image019.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4uRFYsJdq4w3Zw5AmivoJLuHW0azOFFBhXa6s3LOqup-c8xB1VA5d7uAkQq6EuQpqAycv6E9GJGC4j7QWLCVriffbK7CSfc1GFg6m1_yoFCwI7ZqHEB8ydBtGXtBAg1DALl6ScfVNnxQ/s1600/12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4uRFYsJdq4w3Zw5AmivoJLuHW0azOFFBhXa6s3LOqup-c8xB1VA5d7uAkQq6EuQpqAycv6E9GJGC4j7QWLCVriffbK7CSfc1GFg6m1_yoFCwI7ZqHEB8ydBtGXtBAg1DALl6ScfVNnxQ/s400/12.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Salvamos esta página como índex.html
e agora já podemos aceder ao menu <b>Arquivo
| Visualizar no navegador</b> para escolher o navegador onde pretendemos
verificar o site.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_96" o:spid="_x0000_i1037"
type="#_x0000_t75" style='width:397.5pt;height:81pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image021.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlnyJIlgMUGWSM06L51rvm8ndFMdadEuJoWFSoL1LKJTR5NBsCWf26MCHQwzu6BvNFj_btT6YHWvFrlY7H5CmoXuEKjL-mmTFI39hUtOBdPdd6y04WAH4D8VVNwYlYsUYTF5Tyvi7M7do/s1600/13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlnyJIlgMUGWSM06L51rvm8ndFMdadEuJoWFSoL1LKJTR5NBsCWf26MCHQwzu6BvNFj_btT6YHWvFrlY7H5CmoXuEKjL-mmTFI39hUtOBdPdd6y04WAH4D8VVNwYlYsUYTF5Tyvi7M7do/s400/13.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Podemos verificar que
necessitamos de alterar o menu de navegação e o rodapé através de folhas de
estilo na página modelo. Vamos manter a forma original da CSS do bootstrap e
criar uma nova folha de estilo através do painel CSS <b>Designer | Origens</b> e pressionamos no sinal +.para criar um novo
arquivo CSS. Pressionamos no botão Procurar… atribuímos um nome e escolhemos a
pasta css.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_97" o:spid="_x0000_i1036" type="#_x0000_t75" style='width:396.75pt;
height:242.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image023.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqvxtYamnyd4yzs53_TcuxHfKXGghz4-8r56YEeNejS7Q32R7MixTu7AoVr8MzUtFlk-IIWF6zItDv-7_vHFMjh1ZTDiSKyfOP36FhX8clsGgQLC67AbFYHPQ4cCmWgSyiehgfr4fP8Yo/s1600/14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqvxtYamnyd4yzs53_TcuxHfKXGghz4-8r56YEeNejS7Q32R7MixTu7AoVr8MzUtFlk-IIWF6zItDv-7_vHFMjh1ZTDiSKyfOP36FhX8clsGgQLC67AbFYHPQ4cCmWgSyiehgfr4fP8Yo/s400/14.jpg" width="400" /></a></div>
<br />
Agora podemos estilizar o menu
de navegação pré definido e o rodapé utilizando esta nova folha de estilos. <o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Escolhemos a folha estilos.css
e adicionamos um seletor no sinal + com o nome de .navbar .navbar-default. Nas
propriedades podemos alterar os cantos, o texto e o fundo como pretendermos. <o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_99" o:spid="_x0000_i1035" type="#_x0000_t75" style='width:396.75pt;
height:181.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image025.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHNVwGd2IXwsWfwLlAVXjnFRTySKxi68-UlE9ILGs8ekqt11ErpKHlTwk7gb7A3JEiBDRZDrvpKAyRUnMVcOEB7x7qptpjO7tXvGEm2cURm0om7VItaRMvCl0JiY0Hf62bvPLw9SmU4iY/s1600/15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHNVwGd2IXwsWfwLlAVXjnFRTySKxi68-UlE9ILGs8ekqt11ErpKHlTwk7gb7A3JEiBDRZDrvpKAyRUnMVcOEB7x7qptpjO7tXvGEm2cURm0om7VItaRMvCl0JiY0Hf62bvPLw9SmU4iY/s400/15.jpg" width="400" /></a></div>
<br />
Adicionamos um seletor footer,
alteramos as propriedades como fizemos no menu.</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Eliminamos os elementos que
não pretendemos utilizar no menu e alteramos o texto do rodapé<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_98" o:spid="_x0000_i1034" type="#_x0000_t75" style='width:396.75pt;
height:168pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image027.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZq-mmCskOJ3zu3O1g_rYJBZWwcMrE42BMRKlE4shNNXJHspvMxVbqD6ufPJj55v19IfTXBNo82JBMrHBhyphenhyphenbA9ztzEsNpH8_ICG8sCpbiPdNNcXruiMD8i0J5pys703MyW0HfnhXD6sIw/s1600/16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZq-mmCskOJ3zu3O1g_rYJBZWwcMrE42BMRKlE4shNNXJHspvMxVbqD6ufPJj55v19IfTXBNo82JBMrHBhyphenhyphenbA9ztzEsNpH8_ICG8sCpbiPdNNcXruiMD8i0J5pys703MyW0HfnhXD6sIw/s400/16.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">5
– ADICIONAR ELEMENTOS À PÁGINA INDEX</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Apagamos o texto que se
encontra dentro da região editável e acedemos ao painel <b>Inserir | Componentes do Bootstrap | Carousel</b>. <o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_100" o:spid="_x0000_i1033" type="#_x0000_t75" style='width:396.75pt;
height:192pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image029.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia49oNVAVOu-aDTQXOU9tb_yineIrfoRze4RMN2QB0D8fq9COt9ZnCx5nnLeRxdOe7jfol_Rz-ZjoLxsUjz4YTHL1-f3rP1KLFfgUy2os9iitsy694LMh8_sp87QcJs4KTMPt-xAxvERE/s1600/17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia49oNVAVOu-aDTQXOU9tb_yineIrfoRze4RMN2QB0D8fq9COt9ZnCx5nnLeRxdOe7jfol_Rz-ZjoLxsUjz4YTHL1-f3rP1KLFfgUy2os9iitsy694LMh8_sp87QcJs4KTMPt-xAxvERE/s400/17.jpg" width="400" /></a></div>
<br />
Depois do carousel vamos escolher
HTML e inserir um Article, um cabeçalho H1 e um parágrafo.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Depois do parágrafo vamos adicionar
as imagens pequenas em baixo através do painel <b>Inserir | Componentes do Bootstrap | </b> <b>Thumbnails</b>.
<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_101" o:spid="_x0000_i1032" type="#_x0000_t75" style='width:396.75pt;
height:177.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image031.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid8a2HWXBWtjFnOqJmkA3fJL0pcTpj6H3C2xiDeFu6SEf0AMiQsblKwmZogFOG03iL9CaHiLhxdHyjiMYaVNFoNK2Wz-KfwKHGdj6uMsx3hUER_Q63AZoEhr_yh_6AejF9kzj5xDiQzlI/s1600/18.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid8a2HWXBWtjFnOqJmkA3fJL0pcTpj6H3C2xiDeFu6SEf0AMiQsblKwmZogFOG03iL9CaHiLhxdHyjiMYaVNFoNK2Wz-KfwKHGdj6uMsx3hUER_Q63AZoEhr_yh_6AejF9kzj5xDiQzlI/s400/18.jpg" width="400" /></a></div>
<br />
Colocando a vista em Dinâmica,
podemos duplicar este thumbnail e verificar o resultado. No DOM pressionamos em
cima da classe col-md-4 com o botão CTRL e escolhemos Duplicar.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_102" o:spid="_x0000_i1031" type="#_x0000_t75" style='width:396.75pt;
height:201.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image033.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZ8URvbR2Mugp9e9RSlxPx4b84oXC_wv12EgMwbAe4rmT5ENYDUELuEshSBwu4-CPCUBKH3-EDyLruUPszs41n0FFi9orxdQAXzs964EO7JDk4RKy7IRAUutFEopCbs8fITleByZ7D18/s1600/19.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZ8URvbR2Mugp9e9RSlxPx4b84oXC_wv12EgMwbAe4rmT5ENYDUELuEshSBwu4-CPCUBKH3-EDyLruUPszs41n0FFi9orxdQAXzs964EO7JDk4RKy7IRAUutFEopCbs8fITleByZ7D18/s400/19.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">6
– ADICIONAR CONTEÚDO AO INDEX</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos ao DOM carrousel e
alteramos o texto nas imagens pressionando 3 vezes em cima do texto H3.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_109" o:spid="_x0000_i1030" type="#_x0000_t75" style='width:396.75pt;
height:266.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image035.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia_eGj5LlruLGh23xTdlo3F6KW_K5rfpFV5VXRgGXkcN35T-3Kr2UFo_Dd0qzvRVgea8VQ-hyE15TdKcMeWK9cD9ksLRsaTZQsA_L_bSsmXqaD8vfbM7t_6AaJY1-NGHUAmPBztUE_GrM/s1600/20.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia_eGj5LlruLGh23xTdlo3F6KW_K5rfpFV5VXRgGXkcN35T-3Kr2UFo_Dd0qzvRVgea8VQ-hyE15TdKcMeWK9cD9ksLRsaTZQsA_L_bSsmXqaD8vfbM7t_6AaJY1-NGHUAmPBztUE_GrM/s400/20.jpg" width="400" /></a></div>
<br />
Pressionamos em cima do H1 e
alteramos o título. No código do parágrafo, apagamos o texto e escrevemos <p>
Lorem70 </p> seguido de tabulação. Podemos verificar que foi adicionado
texto automático ao parágrafo.<span style="text-align: center;"> </span></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi99zYcSTIbfb0EV6-TZ0z7yCfaEWAK_bnqXvU_SctyBF1dEyQtjdbhu4izHYsZYUoqEIFLJP4hvZhObIjFS1zoDFflTEdWxhI41kYgQ3Y35yPZ0CiwNemN8k6cWEICE4a3DofScRluuds/s1600/21.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi99zYcSTIbfb0EV6-TZ0z7yCfaEWAK_bnqXvU_SctyBF1dEyQtjdbhu4izHYsZYUoqEIFLJP4hvZhObIjFS1zoDFflTEdWxhI41kYgQ3Y35yPZ0CiwNemN8k6cWEICE4a3DofScRluuds/s400/21.jpg" width="400" /></a></div>
<br />
Para inserirmos as imagens,
pressionamos na 1ª imagem no carousel e arrastamos a seta Apontar para arquivo
nas propriedades para cima da imagem no painel Arquivos. Repetimos a operação
nas restantes.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_111" o:spid="_x0000_i1028" type="#_x0000_t75" style='width:396.75pt;
height:201pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image039.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglh1p5xEwpoTgoca0Pn_ANGiFH4AxSG8xLtiMTNKmhGSbBs2aJrMLokPQfVtr4kcs6wCAi9aTRACTH9uSlnt1hPnzWFzF7z8XJuWg8sf8m4-X5O8sVKKmr8QGEgkLJRAAW7nJRt_D1Px0/s1600/22.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglh1p5xEwpoTgoca0Pn_ANGiFH4AxSG8xLtiMTNKmhGSbBs2aJrMLokPQfVtr4kcs6wCAi9aTRACTH9uSlnt1hPnzWFzF7z8XJuWg8sf8m4-X5O8sVKKmr8QGEgkLJRAAW7nJRt_D1Px0/s400/22.jpg" width="400" /></a></div>
<br />
Vamos alterar as imagens das
thumbnails com outro método. Pressionamos na sandwish no topo esquerdo da
imagem e pressionamos na pasta da source para pesquisamos a imagem. Repetimos
nas restantes imagens.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_112" o:spid="_x0000_i1027" type="#_x0000_t75" style='width:396.75pt;
height:260.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image041.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTow6h7DWc35JOAX9yCojHBbcsmYcoB1xBL_f-5aSwqYWiCVcxusV69_0WqnU6Y1m4sAdIVYhhHt0jQr6r07NKMwwEbLLsk7ZW9aZ0wQN5wIbgGEHsFUUEmHxgPAyAncgpnEA7dFKdscQ/s1600/23.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTow6h7DWc35JOAX9yCojHBbcsmYcoB1xBL_f-5aSwqYWiCVcxusV69_0WqnU6Y1m4sAdIVYhhHt0jQr6r07NKMwwEbLLsk7ZW9aZ0wQN5wIbgGEHsFUUEmHxgPAyAncgpnEA7dFKdscQ/s400/23.jpg" width="400" /></a></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;"><br />7
– ESTILIZAR O CONTEÚDO</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos alinhar todos os
elementos de texto no centro. Pressionamos nos seletores + e escrevemos H1, H3, p. Escolhemos a opção
texto e nas propriedades alinhamos ao centro.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_108" o:spid="_x0000_i1026" type="#_x0000_t75" style='width:396.75pt;
height:335.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image043.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWqxMydg6Y5ZkxgENz9DO2cPNs2Hqnp-esJhMnC9EpYTh_down9MumvAF9tAsEVYLfGE3W8z9WA6uh2ddjLPWSnpWoOXJ3SNWLJf3Rsg9EOenJl4M2kY1cfaymQ_b-87aOkuQuns87UQY/s1600/30.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWqxMydg6Y5ZkxgENz9DO2cPNs2Hqnp-esJhMnC9EpYTh_down9MumvAF9tAsEVYLfGE3W8z9WA6uh2ddjLPWSnpWoOXJ3SNWLJf3Rsg9EOenJl4M2kY1cfaymQ_b-87aOkuQuns87UQY/s400/30.jpg" width="400" /></a></div>
<br />
Temos espaço extra nas
laterais do carousel. Vamos à vista Dinâmica e selecionamos a imagem.
Pressionamos no sinal + depois do nome para criar uma classe e escrevemos .image-fill.
Nas propriedades do CSS Designer escrevemos a largura para 100% e 0px para as
margens e padding laterais<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_107" o:spid="_x0000_i1025" type="#_x0000_t75" style='width:396.75pt;
height:175.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image045.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3GLOD28MvEFQweKe9QINQG0S9I1uRa7uiwW0VwArvHVYG8_0iarkbv3K-n2oo3JQxp6iP47Xh5AEA1wXC8FyLQFyaIXopH26TfkfYDlePvPQbQESmaDZc-5-fF9qPhOeI9MKqxwuPwlw/s1600/31.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3GLOD28MvEFQweKe9QINQG0S9I1uRa7uiwW0VwArvHVYG8_0iarkbv3K-n2oo3JQxp6iP47Xh5AEA1wXC8FyLQFyaIXopH26TfkfYDlePvPQbQESmaDZc-5-fF9qPhOeI9MKqxwuPwlw/s400/31.jpg" width="400" /></a></div>
<br /></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><br />
<blockquote class="tr_bq">
<b><span style="background: #3d85c6; color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b><br />
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Utilizando um modelo para o desenvolvimento de
todas as páginas, otimiza a velocidade de carregamento e melhora o ranking nos
motores de busca. O uso do CSS Designer vem facilitar a estilização do layout e
doss conteúdos</span></blockquote>
</div>
Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-6817482330694877262016-09-30T10:04:00.000-07:002020-05-05T04:51:36.252-07:00Modelar objetos no Studio Max 3D<div class="Estilo1">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Imagem_x0020_1" o:spid="_x0000_s1027" type="#_x0000_t75"
style='position:absolute;margin-left:0;margin-top:22.9pt;width:100pt;height:100pt;
z-index:251668480;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:left;
mso-position-horizontal-relative:margin;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:page;mso-height-relative:page'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"
o:title=""/>
<w:wrap type="through" anchorx="margin"/>
</v:shape><![endif]--><!--[if !vml]--></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikm4rMfZUuMPtaOMj8OTm-2QpcP-APGCu8n9obgA6rTh1tJSiOsfzhBQFcLFyUj-jnP9zszJqWIf4niOXnGMLjeHsMHe9-WG1Fe0uyVTCvjKUUJRwb8XWpuVvm7529C29LxgH4dudj1A/s1600/3dsmaxlogo100.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikm4rMfZUuMPtaOMj8OTm-2QpcP-APGCu8n9obgA6rTh1tJSiOsfzhBQFcLFyUj-jnP9zszJqWIf4niOXnGMLjeHsMHe9-WG1Fe0uyVTCvjKUUJRwb8XWpuVvm7529C29LxgH4dudj1A/s1600/3dsmaxlogo100.jpg" /></a></div>
<b style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 14px;">COMO MODELAR OBJETOS NO STUDIO MAX 3D?</b><br />
<div class="MDTextoNormal">
Vamos aprender a simplicidade de modelar um objeto
através de formas primitivas. Utilizaremos ferramentas de movimento, rotação e
escala através das teclas W, E, e R. Com estas ferramentas iremos também
utilizar o extrude, chamfer, bevel e<o:p></o:p></div>
inset para modelar. Os modificadores serão
utilizados de forma não destrutiva.<br />
<div class="MsoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;">.<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_108" o:spid="_x0000_i1059" type="#_x0000_t75" style='width:382.5pt;
height:251.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image003.jpg"
o:title="" croptop="5988f" cropbottom="6790f" cropleft="9115f" cropright="12956f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
O projeto final ficará com este formato:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNompUCW4w5yMc5avpULcKUXpxG45cXZ9aC1n5Az3AzR5aZX-CzWvyITto6bJS1rJdk2ou-vhmO-8RPBcLHgqINjoYz0FDRUtMzbPeGOP2MUFRiRaDVr8XmQHKmh2a3DIg-SPw-O2qDbI/s1600/00.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNompUCW4w5yMc5avpULcKUXpxG45cXZ9aC1n5Az3AzR5aZX-CzWvyITto6bJS1rJdk2ou-vhmO-8RPBcLHgqINjoYz0FDRUtMzbPeGOP2MUFRiRaDVr8XmQHKmh2a3DIg-SPw-O2qDbI/s400/00.jpg" width="400" /></a></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– DEFINIR MEDIDAS E DESENHAR PRIMITIVAS</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos alterar as medidas no <b>Menu | Customize | Units Setup</b> e
selecionamos Metric e alteramos para centímetros.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_116" o:spid="_x0000_s1026" type="#_x0000_t75" style='position:absolute;
left:0;text-align:left;margin-left:201.4pt;margin-top:6.1pt;width:150.95pt;
height:199.3pt;z-index:251667456;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:absolute;
mso-position-horizontal-relative:margin;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:margin;mso-height-relative:margin' o:allowoverlap="f">
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image005.jpg"
o:title=""/>
<w:wrap anchorx="margin"/>
</v:shape><![endif]--><!--[if !vml]--><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh77uKgp_KavMTdd8o1KIQPZG9DrX2qtH_UmUpdZhfaZDXMpQqbhA2V7y8ZLiZ7mChoKSKoEOrAIvWHUHxz9Jf6tAfPB3_6pakZTDuVkFIZdGs9rkKwyzg2Ts_9rUFoLbYaMbrhc7e5ofY/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh77uKgp_KavMTdd8o1KIQPZG9DrX2qtH_UmUpdZhfaZDXMpQqbhA2V7y8ZLiZ7mChoKSKoEOrAIvWHUHxz9Jf6tAfPB3_6pakZTDuVkFIZdGs9rkKwyzg2Ts_9rUFoLbYaMbrhc7e5ofY/s320/01.jpg" width="276" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4IdczYk4NB1bCXZ7yknBpE4G89e3qzhZMx5HD7GipZjK8jmlwif3gXX6-In1Gc3XDDZJzJSt0P6F1Aa9_t3Z2SuBtK6syF_kU796tGC1JXh2dtJ0P8IQ21BDmNSP8i5TIuNbKfglJvMk/s1600/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4IdczYk4NB1bCXZ7yknBpE4G89e3qzhZMx5HD7GipZjK8jmlwif3gXX6-In1Gc3XDDZJzJSt0P6F1Aa9_t3Z2SuBtK6syF_kU796tGC1JXh2dtJ0P8IQ21BDmNSP8i5TIuNbKfglJvMk/s320/02.jpg" width="241" /></a></div>
<span style="height: 266px; left: 0px; margin-left: 269px; margin-top: 8px; mso-ignore: vglayout; position: absolute; width: 201px; z-index: 251667456;"></span><!--[endif]--><!--[if gte vml 1]><v:shape id="Imagem_x0020_99" o:spid="_x0000_i1058"
type="#_x0000_t75" style='width:159.75pt;height:197.25pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image007.jpg"
o:title="" cropbottom="42003f" cropleft="27871f" cropright="27297f"/>
</v:shape><![endif]--><!--[if !vml]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
No painel <b>Create | Geometry</b> escolhemos <b>Cone</b>
e inserimos os valores e pressionamos o botão <b>Create</b>:<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_123" o:spid="_x0000_i1057" type="#_x0000_t75" style='width:375pt;
height:234pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image009.jpg"
o:title="" croptop="5501f" cropbottom="16369f" cropleft="21113f" cropright="6478f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEauOy5E9NLIiefHnHI6IJCiAluGlQoi5iqAMMLHq6vi4v_4-L3R_atnwOyBTIQvKaph6Q9IvfkX8pPC-mOMrMj1zKXo8xWQSg90UeB__NtdN50KqDNX0kAlDoVUv_9IuYHIe-X_NGahc/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="317" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEauOy5E9NLIiefHnHI6IJCiAluGlQoi5iqAMMLHq6vi4v_4-L3R_atnwOyBTIQvKaph6Q9IvfkX8pPC-mOMrMj1zKXo8xWQSg90UeB__NtdN50KqDNX0kAlDoVUv_9IuYHIe-X_NGahc/s400/03.jpg" width="400" /></a></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– CONVERTER OBJETO:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Para modificarmos o objeto
vamos converter para polígono editável. Pressionamos em cima do objeto com o
botão direito e selecionamos <b>Convert to
| Convert to Editable Poly</b>.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_125" o:spid="_x0000_i1056" type="#_x0000_t75" style='width:258.75pt;
height:276pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image011.jpg"
o:title="" croptop="5552f" cropbottom="3353f" cropleft="30538f" cropright="6276f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp3tW9-GTzmGHIAUxrlHAkIxgguUnOuyAYG3GSFkhATq4ww2lM2O-O5R-X7HGiPXhERqhBleXoHkp90sVdhIkcvArXeACKFgwQyIU3F4Xtf_2h02eiHJ19oNFVNwBezW3Jq_KtkuDgES8/s1600/05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp3tW9-GTzmGHIAUxrlHAkIxgguUnOuyAYG3GSFkhATq4ww2lM2O-O5R-X7HGiPXhERqhBleXoHkp90sVdhIkcvArXeACKFgwQyIU3F4Xtf_2h02eiHJ19oNFVNwBezW3Jq_KtkuDgES8/s400/05.jpg" width="378" /></a></div>
<br />
Com o objeto convertido é
possível alterarmos os seus limites. Acedemos ao polígono editável e escolhemos
<b>Edge</b> e na janela Front pressionamos
e arrastamos para selecionar.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_126" o:spid="_x0000_i1055" type="#_x0000_t75" style='width:399pt;
height:216.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image013.jpg"
o:title="" cropbottom="6002f" cropright="6086f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-g_PyXk5b2OPBo1x_bjSySVULFXocDagZpxImEz_hc3zqSyUQGZD_PDQewdKFjNL5q6UBuT0hmirh8l7sMhmooEtw44cag832o-KA_ohzgst7WLeaXuVn5L-cyTrO-UfZHKuCeo5VCcg/s1600/06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-g_PyXk5b2OPBo1x_bjSySVULFXocDagZpxImEz_hc3zqSyUQGZD_PDQewdKFjNL5q6UBuT0hmirh8l7sMhmooEtw44cag832o-KA_ohzgst7WLeaXuVn5L-cyTrO-UfZHKuCeo5VCcg/s400/06.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Com os limites selecionados
vamos criar um novo limite no meio dos existentes. Para isso pressionamos no
lado direito do botão <b>Connect</b>,
atribuímos os valores e pressionamos OK.<o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_127" o:spid="_x0000_i1054"
type="#_x0000_t75" style='width:390pt;height:217.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image015.jpg"
o:title="" cropbottom="8723f" cropleft="8277f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJq5oYYjuRSnjVP1MPUqI5gn9P15QMkkzaEI-MsndLufSv6ppO6-tYzQ1y_Ii5sVaG9P3BrzYe-Y_JHW0OZo85yNMpE-j-FctRpD28NeGhluvIb5C_eqN6btY6ZqFEF4Ba3FgurPTxuI/s1600/07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJq5oYYjuRSnjVP1MPUqI5gn9P15QMkkzaEI-MsndLufSv6ppO6-tYzQ1y_Ii5sVaG9P3BrzYe-Y_JHW0OZo85yNMpE-j-FctRpD28NeGhluvIb5C_eqN6btY6ZqFEF4Ba3FgurPTxuI/s400/07.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Com a ferramenta de escala (R)
vamos aumentar o tamanho para dar forma ao termo.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_160" o:spid="_x0000_i1053" type="#_x0000_t75" style='width:390.75pt;
height:247.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image017.jpg"
o:title="" cropbottom="6002f" cropleft="8254f" cropright="6367f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJcRlN0d8fLH3PJDESzby-liv8IjWB_HKR003kLcUijcS7ZHQhXPiYeiAE3ZHdg82yITOIt8aTGMeiZKhz6ToamYPOiNNQdBx2EVZFshb9S3ZP9LOszlmKgdZmYX2X_k6oKJW-H1E6_BQ/s1600/08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJcRlN0d8fLH3PJDESzby-liv8IjWB_HKR003kLcUijcS7ZHQhXPiYeiAE3ZHdg82yITOIt8aTGMeiZKhz6ToamYPOiNNQdBx2EVZFshb9S3ZP9LOszlmKgdZmYX2X_k6oKJW-H1E6_BQ/s400/08.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Para criar a base no objeto e
conseguir visualizá-la, navegamos com a ferramenta Orbit ou com as teclas
Alt+MMB (botão no meio do rato).<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_162" o:spid="_x0000_i1052" type="#_x0000_t75" style='width:333pt;
height:240pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image019.jpg"
o:title="" cropbottom="5644f" cropleft="8086f" cropright="12453f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvC9UqfmSJbmq4ELijWDPHOX_a29C1kNH4PQA13gJv17FKZgDW_znDvXol6NB5VhZG1EbifCtY1eCcH8LlBcHVBW60dv9weYvbmNFuL3pgJkCkQuyj73s7D0m0ChaVqm3am8xV07D6orQ/s1600/09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvC9UqfmSJbmq4ELijWDPHOX_a29C1kNH4PQA13gJv17FKZgDW_znDvXol6NB5VhZG1EbifCtY1eCcH8LlBcHVBW60dv9weYvbmNFuL3pgJkCkQuyj73s7D0m0ChaVqm3am8xV07D6orQ/s400/09.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">3
– BASE DO TERMO:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Com o modo <b>Polygon</b> selecionado, pressionamos no
quadrado ao lado do <b>Extrude</b> e
alteramos para tipo <b>Local Normal</b> com
altura de 1cm e pressionamos OK.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_164" o:spid="_x0000_i1051" type="#_x0000_t75" style='width:393pt;
height:248.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image021.jpg"
o:title="" cropbottom="8383f" cropleft="8370f" cropright="6264f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi736ZtFIn_xcdmMqH4sXCtfPU5C6VcN_r0vzOcDA70ZDFE-ykBnEB6Fj97BT44yif0F4s6b-UJvxiVcWcCkjy8fjdbbIFTPZrqQ_j0OmEQmxX_txZGXvBugU7U5zzYEzQK0O6bFWW4J5A/s1600/10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi736ZtFIn_xcdmMqH4sXCtfPU5C6VcN_r0vzOcDA70ZDFE-ykBnEB6Fj97BT44yif0F4s6b-UJvxiVcWcCkjy8fjdbbIFTPZrqQ_j0OmEQmxX_txZGXvBugU7U5zzYEzQK0O6bFWW4J5A/s400/10.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Ainda com o modo <b>Polygon</b> selecionado, vamos pressionar
no quadrado do <b>Inset</b> com 1cm.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_165" o:spid="_x0000_i1050" type="#_x0000_t75" style='width:354.75pt;
height:223.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image023.jpg"
o:title="" cropbottom="8047f" cropleft="8086f" cropright="6168f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilLqGLG9vAePr-UeOP0QEx1eVgwXwG2cTMkhpbi-2ISNzWONXp98fhqjjMTTHWw76gMZt2GK7N_rlm4Wi9FJv-ButjkQ396HcAO3xpc7H8oFK9ku-CVwGhhkrUgJmt1s8jljA_3Qac9nA/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilLqGLG9vAePr-UeOP0QEx1eVgwXwG2cTMkhpbi-2ISNzWONXp98fhqjjMTTHWw76gMZt2GK7N_rlm4Wi9FJv-ButjkQ396HcAO3xpc7H8oFK9ku-CVwGhhkrUgJmt1s8jljA_3Qac9nA/s400/11.jpg" width="400" /></a></div>
<br />
Ainda com o modo <b>Polygon</b> selecionado, vamos pressionar
no quadrado do <b>Bevel</b> e colocar os
valores de Altura e Outline para -0,25cm.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_166" o:spid="_x0000_i1049" type="#_x0000_t75" style='width:366pt;
height:231.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image025.jpg"
o:title="" cropbottom="7701f" cropleft="8085f" cropright="6175f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWBe6MQ66Nz9dTTtT8DjVf0qLVJyfcu_6_XPeMAHQOBeSdCjjE44ZA73JkaVtYZY_ibHQdErjxuilyx9WC6x8fm2nJYwuIuCn2LEygPlNHVv9oPXuW6FHuqC9WHjH9faFfw_BObGWqrgI/s1600/12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWBe6MQ66Nz9dTTtT8DjVf0qLVJyfcu_6_XPeMAHQOBeSdCjjE44ZA73JkaVtYZY_ibHQdErjxuilyx9WC6x8fm2nJYwuIuCn2LEygPlNHVv9oPXuW6FHuqC9WHjH9faFfw_BObGWqrgI/s400/12.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos chanfrar a base de forma
a ficar mais arredondada. Selecionamos dois limites da base e pressionamos Loop
para selecionar os restantes.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_167" o:spid="_x0000_i1048" type="#_x0000_t75" style='width:387pt;
height:241.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image027.jpg"
o:title="" cropbottom="6002f" cropleft="8085f" cropright="5705f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEmlsiFRqKsTBahbFm0SH2KtrgoqVKEPrAXORI6GTdVHqEp8AelmBHReo8RBwfxFOucGQ3qFZco-JYZTJCq3H_waJC7Oii0m8qJxHKBF0dQD9TaKNBGhZ6uC6s6lDU20eKaqv3bJK6yVY/s1600/13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEmlsiFRqKsTBahbFm0SH2KtrgoqVKEPrAXORI6GTdVHqEp8AelmBHReo8RBwfxFOucGQ3qFZco-JYZTJCq3H_waJC7Oii0m8qJxHKBF0dQD9TaKNBGhZ6uC6s6lDU20eKaqv3bJK6yVY/s400/13.jpg" width="400" /></a></div>
<br />
Com todos os limites
selecionados, pressionamos no quadrado do <b>Chanfer</b>
e atribuímos os valores de 0.075cm com 1 segmento.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_168" o:spid="_x0000_i1047" type="#_x0000_t75" style='width:390pt;
height:249.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image029.jpg"
o:title="" cropbottom="7708f" cropleft="8277f" cropright="6357f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLuCZracO_dcsgtV3lQCCjbLXKxSFJqcBRvQsf6mljKJ9LpOeTRi8ns8SiPaT6TtEKnPZlcQtVrIRqJHg-iFWgRSvggmYHcBRMQoN7uxxc7nDZWM0bhpiJyPPziZNp4BGFjwxLEfxdjs/s1600/14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLuCZracO_dcsgtV3lQCCjbLXKxSFJqcBRvQsf6mljKJ9LpOeTRi8ns8SiPaT6TtEKnPZlcQtVrIRqJHg-iFWgRSvggmYHcBRMQoN7uxxc7nDZWM0bhpiJyPPziZNp4BGFjwxLEfxdjs/s400/14.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos fazer o mesmo passo para
o limite acima da base. Selecionamos 1 limite e pressionamos <b>Loop</b>. Com todos os limites selecionados
escolhemos <b>Chanfer</b> e atribuímos os mesmos
valores.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_169" o:spid="_x0000_i1046" type="#_x0000_t75" style='width:390pt;
height:246.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image031.jpg"
o:title="" cropbottom="5824f" cropleft="8180f" cropright="6274f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTPDt8vUEZuqXffxc3X5qTfm7lanXa4xiAcdyeXqEDy_hD-MPwRKHUxdQfgBMpFuYQJb2OKArunRBHEidI2sHJmaxiGZOB0V27EfbQxGnkRuvPgambqJgfBuJJ85D3Jq-zyd0ekRAsTug/s1600/15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTPDt8vUEZuqXffxc3X5qTfm7lanXa4xiAcdyeXqEDy_hD-MPwRKHUxdQfgBMpFuYQJb2OKArunRBHEidI2sHJmaxiGZOB0V27EfbQxGnkRuvPgambqJgfBuJJ85D3Jq-zyd0ekRAsTug/s400/15.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Vamos selecionar um limite vertical
e escolher <b>Ring</b> para selecionar os
restantes. <o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_170" o:spid="_x0000_i1045" type="#_x0000_t75" style='width:390pt;
height:246pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image033.jpg"
o:title="" cropbottom="6172f" cropleft="8275f" cropright="6270f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcGEwaXvR3soeJnYlLH6iQQIOBbZtedtEDbK0JL2o1WgghG-gCa6g2sQ_xEQwSrBE69egQwpsED-hz3hg9I3l6tljCACiyEVmz2J6dWP4I7B2SPN9UPf6Vla1_MrEBEYAvwOXDxJkDM4/s1600/16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcGEwaXvR3soeJnYlLH6iQQIOBbZtedtEDbK0JL2o1WgghG-gCa6g2sQ_xEQwSrBE69egQwpsED-hz3hg9I3l6tljCACiyEVmz2J6dWP4I7B2SPN9UPf6Vla1_MrEBEYAvwOXDxJkDM4/s400/16.jpg" width="400" /></a></div>
<br />
Com o botão Ctrl selecionado,
pressionamos no modo de seleção Polygon para transformar os limites para
polígonos. Com todos os polígonos selecionados, escolhemos <b>Inset</b> com os valores 0.03cm e pressionamos “+” e OK. <o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_171" o:spid="_x0000_i1044" type="#_x0000_t75" style='width:382.5pt;
height:242.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image035.jpg"
o:title="" cropbottom="8209f" cropleft="8275f" cropright="6362f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRlSC5PUx0L130AGPLvtH_xnM7EqxM_h1qSpvSVxWmzKVoL_BAXelJXfqsdXnWTzZvPSuk9PfMZPVSgrYu-SReOnZqvrqyd_hnCQd_MK7mx1G26ThxAXHYYJQBfw8OZmdS7LrARf607oA/s1600/17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRlSC5PUx0L130AGPLvtH_xnM7EqxM_h1qSpvSVxWmzKVoL_BAXelJXfqsdXnWTzZvPSuk9PfMZPVSgrYu-SReOnZqvrqyd_hnCQd_MK7mx1G26ThxAXHYYJQBfw8OZmdS7LrARf607oA/s400/17.jpg" width="400" /></a></div>
<br />
Com estes polígonos
selecionados, escolhemos a opção <b>Extrude</b>
e atribuímos os valores -0,05cm.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_172" o:spid="_x0000_i1043" type="#_x0000_t75" style='width:386.25pt;
height:246pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image037.jpg"
o:title="" cropbottom="7877f" cropleft="8181f" cropright="6371f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8FojOZZueYxHH_VH2f2049RU4s1Zowz1UKITF653AEFrRhjdimoD0P45Ai70mTiuKSCNTUSK7tw97b5X56SrwSaYqqozXecViDWYcqK7WmaBVoWB6Tm0a9AcYd1ZRVzmPia8zqWK4Dtw/s1600/18.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8FojOZZueYxHH_VH2f2049RU4s1Zowz1UKITF653AEFrRhjdimoD0P45Ai70mTiuKSCNTUSK7tw97b5X56SrwSaYqqozXecViDWYcqK7WmaBVoWB6Tm0a9AcYd1ZRVzmPia8zqWK4Dtw/s400/18.jpg" width="400" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">4
– PARTE SUPERIOR DO TERMO:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Cria um loop à volta do limite
superior. Seleciona os limites que vês na imagem e pressiona no quadrado <b>Connect </b>com o Segment e Pinch para 1 e
o Slide para -65.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_19" o:spid="_x0000_i1042" type="#_x0000_t75" style='width:396.75pt;
height:252.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image039.jpg"
o:title="" cropbottom="8378f" cropleft="8275f" cropright="6841f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEC1iFFWlK7WiNpot-d5mw-5PCHkLjOqas7FbHAwZulHuQ_341GNaQLAYUIr_uIw-dwvvcRShBTpvM-nawkTqgCUTklr-OPYXAOqViooxX35RX0dWYBFS44RfxT_q1Kd4XRo8pLMVmyFg/s1600/19.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEC1iFFWlK7WiNpot-d5mw-5PCHkLjOqas7FbHAwZulHuQ_341GNaQLAYUIr_uIw-dwvvcRShBTpvM-nawkTqgCUTklr-OPYXAOqViooxX35RX0dWYBFS44RfxT_q1Kd4XRo8pLMVmyFg/s400/19.jpg" width="400" /></a></div>
<br />
Seleciona um limite vertical e
pressiona no Ring para selecionar todos. Depois com o Ctrl pressiona no modo
Polygon. Agora fazemos a extrusão com o <b>Extrude</b>
no tipo Local Normal com valor de 0,25cm.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_20" o:spid="_x0000_i1041" type="#_x0000_t75" style='width:387pt;
height:244.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image041.jpg"
o:title="" cropbottom="8385f" cropleft="8370f" cropright="6170f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPsu3s7lkrkYNHVIm32Tw8a1bdRfp8fNep9QpMFxYthZsuAXfpKtYhj84xjc3agW3zJueTAEZGpLfGQuf8uHWm7IqN0KBaV4tv9EnuK6-jVn_nJ1AOqnXl3W_OW0I7i0U8GtwU7vAsLJQ/s1600/20.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPsu3s7lkrkYNHVIm32Tw8a1bdRfp8fNep9QpMFxYthZsuAXfpKtYhj84xjc3agW3zJueTAEZGpLfGQuf8uHWm7IqN0KBaV4tv9EnuK6-jVn_nJ1AOqnXl3W_OW0I7i0U8GtwU7vAsLJQ/s400/20.jpg" width="400" /></a></div>
<br />
<br />
Com os mesmos polígonos selecionados,
pressiona o <b>Inset</b> com valor de
0.25cm e OK. Depois pressiona no <b>Bevel</b>
com altura de -0,15cm e Outline -0,2cm e OK.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_21" o:spid="_x0000_i1040" type="#_x0000_t75" style='width:381pt;
height:241.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image043.jpg"
o:title="" cropbottom="8214f" cropleft="8561f" cropright="6084f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipG6bIxP5S7fpeKCiHuRBx0_DKY8nDdM3x9L7_MFkMgG6CnEEizW_rIGz2-aFFK9iYkPwB_vPdjXtFA9j3ltK2QgIcGJM2-KThFlAEFD_EcIXjJbpBFsn3BxkLfkl2NlCrMOqx-C6AD-4/s1600/21.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipG6bIxP5S7fpeKCiHuRBx0_DKY8nDdM3x9L7_MFkMgG6CnEEizW_rIGz2-aFFK9iYkPwB_vPdjXtFA9j3ltK2QgIcGJM2-KThFlAEFD_EcIXjJbpBFsn3BxkLfkl2NlCrMOqx-C6AD-4/s400/21.jpg" width="400" /></a></div>
<br />
Seleciona com o Ctrl os
limites horizontais do topo do termo e faz um <b>Loop</b>. Pressiona no <b>Chamfer</b>
e atribui o valor de 0,01 cm e OK.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_22" o:spid="_x0000_i1039" type="#_x0000_t75" style='width:387.75pt;
height:247.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image045.jpg"
o:title="" cropbottom="7870f" cropleft="8372f" cropright="6276f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqiUG0p_X1HYTNHl3h7-19jQ8gLXVYSPghHpDdSWo8bJvHu9SQveVFml4-kvPg8jxnv1FGa2e3U59HiJTeWfqsJxG4DA8R7N9iPYdEXsYO9pCxWpMns0Jz4nZG2HDHSVtgOb_DvvVIfdk/s1600/22..jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqiUG0p_X1HYTNHl3h7-19jQ8gLXVYSPghHpDdSWo8bJvHu9SQveVFml4-kvPg8jxnv1FGa2e3U59HiJTeWfqsJxG4DA8R7N9iPYdEXsYO9pCxWpMns0Jz4nZG2HDHSVtgOb_DvvVIfdk/s400/22..jpg" width="400" /></a></div>
</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Seleciona o topo do termo com
o modo Polygon e apaga com o Del.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_23" o:spid="_x0000_i1038" type="#_x0000_t75" style='width:386.25pt;
height:244.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image047.jpg"
o:title="" cropbottom="6170f" cropleft="8182f" cropright="6656f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB1RUJnzquFyQSwL0YTlkkeF3zZsaPPFtgUjyXoerHyUqN5cobrC_YSElRUvXH_X0CQfxWcuwfMAJ6Jz0dEmC1waDgSFeMVadGWehx2-u_bufUB6aQujRvC4qeMNN5rbFmG12ARcWgmNY/s1600/23.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB1RUJnzquFyQSwL0YTlkkeF3zZsaPPFtgUjyXoerHyUqN5cobrC_YSElRUvXH_X0CQfxWcuwfMAJ6Jz0dEmC1waDgSFeMVadGWehx2-u_bufUB6aQujRvC4qeMNN5rbFmG12ARcWgmNY/s400/23.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
No topo selecionamos um limite
e fazemos <b>Ring</b>. Com o Ctrl
pressionamos no modo Polygon para selecionar todos. Com a ferramenta <b>Select and Move</b> (W) movemos para cima e
com a ferramenta <b>Select and Scale</b>
(R) aumentamos a largura.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_24" o:spid="_x0000_i1037" type="#_x0000_t75" style='width:393.75pt;
height:252pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image049.jpg"
o:title="" cropbottom="5473f" cropleft="8370f" cropright="6369f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXjaKiBzolorlW81_zgmPiVSLnlRPLar1QgdUzD-4RhjaXT_jtmmmHb_Z137RWQSPhojZ-Jn9pRNofjrrAgITdf_-OkwzvbuD1DO5BCSfTG_4uPd78vhryza45KvkfUuNSWS2RvuIj08c/s1600/24.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXjaKiBzolorlW81_zgmPiVSLnlRPLar1QgdUzD-4RhjaXT_jtmmmHb_Z137RWQSPhojZ-Jn9pRNofjrrAgITdf_-OkwzvbuD1DO5BCSfTG_4uPd78vhryza45KvkfUuNSWS2RvuIj08c/s400/24.jpg" width="400" /></a></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">5
– TAMPA SUPERIOR:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Com o modo Border selecionamos
o topo e pressionamos no <b>Cap</b> para
tapar.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_25" o:spid="_x0000_i1036" type="#_x0000_t75" style='width:246.75pt;
height:279.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image051.jpg"
o:title="" cropbottom="5826f" cropleft="30540f" cropright="6449f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrkL7ighdwsZfC31T88XCHTOfw_luO1nuVZrEx2RMo5ocw2u2V9xTKWmkea9gEJywqI7HfAIWj1XdQSgjNCDudNgiYq7qsG4OJ2nHrFACVzYQPCp-2Rxk6phB2h6cc_sJpzxZgNfhAIrQ/s1600/25.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrkL7ighdwsZfC31T88XCHTOfw_luO1nuVZrEx2RMo5ocw2u2V9xTKWmkea9gEJywqI7HfAIWj1XdQSgjNCDudNgiYq7qsG4OJ2nHrFACVzYQPCp-2Rxk6phB2h6cc_sJpzxZgNfhAIrQ/s400/25.jpg" width="393" /></a></div>
<br />
Com a ferramenta de movimento
(W) levantamos a tampa e no modo Polygon selecionamos dois limites de polígono
e fazemos <b>Extrude </b>com opção Group e
altura de 2cm.</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr-ohNx7fUxXwfTiTSDXGnyMaVM9U5kEhiwmHDWwZHtVltkK8b-noap6ws-AC2cgqfp5BfkMbnOETwP6YXUbY8V-zvTbTfT2mJQESqauYj9kgbkiYHFHrFDeI5XtkSHu0-d1OZ9KgGI0o/s1600/26.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr-ohNx7fUxXwfTiTSDXGnyMaVM9U5kEhiwmHDWwZHtVltkK8b-noap6ws-AC2cgqfp5BfkMbnOETwP6YXUbY8V-zvTbTfT2mJQESqauYj9kgbkiYHFHrFDeI5XtkSHu0-d1OZ9KgGI0o/s400/26.jpg" width="400" /></a></div>
<br />
Com a ferramenta de movimento ajustamos
a posição do bico. Voltando ao topo, no modo Polygon selecionamos o topo e
fazemos Inset com 0,25cm e Extrude com -0,7cm. No final com a ferramenta Rotate
rodamos o topo num ângulo de -5 graus.<br />
<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_28" o:spid="_x0000_i1034" type="#_x0000_t75" style='width:384.75pt;
height:243.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image055.jpg"
o:title="" cropbottom="5651f" cropleft="8085f" cropright="6269f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig8zss5mgxlIkUI5V_AuAaQjdBPjOM_UlKcJ2LrymuoMvvM7OesraPRR8_gODLh8gcpelMQYYUDyPcu4xTY-ggl88Fs5KGWA4-HUtRfIHuWUX6oRkK9K2fpc-AP57eQSGRROmCZRTyln0/s1600/27.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig8zss5mgxlIkUI5V_AuAaQjdBPjOM_UlKcJ2LrymuoMvvM7OesraPRR8_gODLh8gcpelMQYYUDyPcu4xTY-ggl88Fs5KGWA4-HUtRfIHuWUX6oRkK9K2fpc-AP57eQSGRROmCZRTyln0/s400/27.jpg" width="400" /></a></div>
<br />
Com o topo do polígono
selecionado atribuímos um <b>Bevel</b> com
os valores na imagem.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_30" o:spid="_x0000_i1033" type="#_x0000_t75" style='width:389.25pt;
height:244.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image057.jpg"
o:title="" cropbottom="8547f" cropleft="8275f" cropright="6175f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDImagen">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVw86QODV5eqZyaDWkNBEUqEbW40j-iW5UrlcqDLgvQ7m7WEpgG9OA7nujwKQjyBFvsTbyL6NcUYkinUznfw6jYvBxdZfYIQazLAnyMml01pDLoX8EUoxZlF3QuhC1ysBRdXVMj_sYnVE/s1600/28.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVw86QODV5eqZyaDWkNBEUqEbW40j-iW5UrlcqDLgvQ7m7WEpgG9OA7nujwKQjyBFvsTbyL6NcUYkinUznfw6jYvBxdZfYIQazLAnyMml01pDLoX8EUoxZlF3QuhC1ysBRdXVMj_sYnVE/s400/28.jpg" width="400" /></a></div>
<br />
No topo interno selecionamos o
limite e atribuímos o <b>Chamfer</b> com
0,05cm.</div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_31" o:spid="_x0000_i1032" type="#_x0000_t75" style='width:382.5pt;
height:241.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image059.jpg"
o:title="" cropbottom="8378f" cropleft="8275f" cropright="6270f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIECmFo3KeIVHtHetTdSyLpG5Dw1TIZ4cbG6t1HXnvY_h7CJwZVeXBKcCeocNooBVoH8wBC2Za4pKMFDOsAQflaKuM4SWymffE7wo3RmjSUjFMvT9G__6I4OQk03mfM5FUFDPAOfo5pJc/s1600/29.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIECmFo3KeIVHtHetTdSyLpG5Dw1TIZ4cbG6t1HXnvY_h7CJwZVeXBKcCeocNooBVoH8wBC2Za4pKMFDOsAQflaKuM4SWymffE7wo3RmjSUjFMvT9G__6I4OQk03mfM5FUFDPAOfo5pJc/s400/29.jpg" width="400" /></a></div>
<br />
No viewport Top e com o modo
Vertex, selecionamos o início do bico e diminuímos o seu tamanho com a
ferramenta de escala (R).<o:p></o:p><br />
<br /></div>
<div class="MDImagen">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_97" o:spid="_x0000_i1031" type="#_x0000_t75" style='width:384pt;
height:242.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image061.jpg"
o:title="" cropbottom="5826f" cropleft="7990f" cropright="6360f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT7VF09Dej6Ckc_u9y54MGmSO5sHQE4ICiMCiSAeTzjnlAdVj0yGzYm-gULtnswrcxGnnOhq2ePiBqG92fUNH4l60Oau3CTwvEy9J4reqb2ARHub-w8TXTYHrgRuEai_1pNc9W5XL6u6A/s1600/30.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT7VF09Dej6Ckc_u9y54MGmSO5sHQE4ICiMCiSAeTzjnlAdVj0yGzYm-gULtnswrcxGnnOhq2ePiBqG92fUNH4l60Oau3CTwvEy9J4reqb2ARHub-w8TXTYHrgRuEai_1pNc9W5XL6u6A/s400/30.jpg" width="400" /></a></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">6
– ASA DA TAMPA:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Seleciona os polígonos do lado
inverso do bico e faz o <b>Extrude</b> por
grupo de 1,5cm.<o:p></o:p><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXlKI7SjIhDJeBOeUf_iKz6khIfsaL3ngjnZ-3yKJmnxTz7Iv8e1CPHc6YEIYkEFJj-a6GeF2oFsBeFj2ziM4DLaNsWxvnFj-TFHAkQ6UIPMs42zuNhbQVjTIynzw3fY4OFkm9GMWrsY8/s1600/31.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXlKI7SjIhDJeBOeUf_iKz6khIfsaL3ngjnZ-3yKJmnxTz7Iv8e1CPHc6YEIYkEFJj-a6GeF2oFsBeFj2ziM4DLaNsWxvnFj-TFHAkQ6UIPMs42zuNhbQVjTIynzw3fY4OFkm9GMWrsY8/s400/31.jpg" width="400" /></a></div>
<br /></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_98" o:spid="_x0000_i1030" type="#_x0000_t75" style='width:388.5pt;
height:244.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image063.jpg"
o:title="" cropbottom="8385f" cropleft="8182f" cropright="6181f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Faz um novo <b>Extrude</b> de 0,5cm e pressionamos no <b>Make Planar</b> no painel Edit Geometry. <o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_100" o:spid="_x0000_i1029" type="#_x0000_t75" style='width:390.75pt;
height:248.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image065.jpg"
o:title="" cropbottom="5651f" cropleft="8180f" cropright="6272f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhojDlR8FN7bGjdXMCfbzRPPC2ffBic8DSai0wpKbgxuhxkIAI42F1DGBgBVWFV1FTY6-hWg1EJsYV_lXNBAEU76n9ujxh-BkvO0VFJk9ZWF5f6JUODvCG89-VScyr40P6bqCHmitv27VU/s1600/32.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhojDlR8FN7bGjdXMCfbzRPPC2ffBic8DSai0wpKbgxuhxkIAI42F1DGBgBVWFV1FTY6-hWg1EJsYV_lXNBAEU76n9ujxh-BkvO0VFJk9ZWF5f6JUODvCG89-VScyr40P6bqCHmitv27VU/s400/32.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Rodamos no eixo do X para -35
graus. Continuamos a fazer <b>Extrude</b> e
a rodar até completarmos a asa.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_101" o:spid="_x0000_i1028" type="#_x0000_t75" style='width:401.25pt;
height:251.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image067.jpg"
o:title="" cropbottom="6177f" cropleft="7992f" cropright="6180f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5zr2niqrKq5MQHt_I4649a3lmA335q_JmaOOnfoEuVOprPM1a2J5n2SxKxZQq0OyRNLRY_wIUN_s8ck12gFEQ38oiuC9QTzUs13YeurPUduB1ZJOIlSBqTp_oM6U9_OBsW6JnlyCvmQ/s1600/33.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5zr2niqrKq5MQHt_I4649a3lmA335q_JmaOOnfoEuVOprPM1a2J5n2SxKxZQq0OyRNLRY_wIUN_s8ck12gFEQ38oiuC9QTzUs13YeurPUduB1ZJOIlSBqTp_oM6U9_OBsW6JnlyCvmQ/s400/33.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Seleciona o final da asa no
modo Edge e faz <b>Connect</b> com dois
novos limites.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_102" o:spid="_x0000_i1027" type="#_x0000_t75" style='width:405pt;
height:255.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image069.jpg"
o:title="" cropbottom="5826f" cropleft="7992f" cropright="6371f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhShWSjzOhMgskdcODA-Z_oCAdcW1pNd8bq2T47NEzQCRY-EhFZ1rLINTsCLCha5kFAjWYLUeWO3VIVhwqjWSb-nPko6RjvrkK_Gy3L7yKPx9bZDxY7GPHHr_CVk7se8JJNbAIxce0z840/s1600/34.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhShWSjzOhMgskdcODA-Z_oCAdcW1pNd8bq2T47NEzQCRY-EhFZ1rLINTsCLCha5kFAjWYLUeWO3VIVhwqjWSb-nPko6RjvrkK_Gy3L7yKPx9bZDxY7GPHHr_CVk7se8JJNbAIxce0z840/s400/34.jpg" width="400" /></a></div>
<br />
Selecionamos no modo Vertex os
últimos vértices da asa e ajustamos a sua forma com a ferramenta de Escala.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_106" o:spid="_x0000_i1026" type="#_x0000_t75" style='width:388.5pt;
height:245.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image071.jpg"
o:title="" cropbottom="5651f" cropleft="8180f" cropright="5986f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3PwHQnibLV2xG3QDedqNe3T6rtTDjyKtatM_EbLF6JkZtzFXOkU5pkN2Yun_2QGqkmEmqvR6m-aKF3wFhy25xBP0FQno4ndJJCP2YqJaf2-2WDOEzVxNTPQKvtt2FISIDEZ2fqWf6mbg/s1600/35.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3PwHQnibLV2xG3QDedqNe3T6rtTDjyKtatM_EbLF6JkZtzFXOkU5pkN2Yun_2QGqkmEmqvR6m-aKF3wFhy25xBP0FQno4ndJJCP2YqJaf2-2WDOEzVxNTPQKvtt2FISIDEZ2fqWf6mbg/s400/35.jpg" width="400" /></a></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">7
– SUAVIZAR OBJETO:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
Saímos de dentro do modo de
edição do polígono e acedemos ao painel modifiers para escolher o <b>TurboSmooth</b> com 2 interações.<o:p></o:p></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<!--[if gte vml 1]><v:shape
id="Imagem_x0020_107" o:spid="_x0000_i1025" type="#_x0000_t75" style='width:387pt;
height:244.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image073.jpg"
o:title="" cropbottom="5820f" cropleft="8085f" cropright="6269f"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI7B_z7I3xPxSm2MVUK-CGl6cojtIQOc2LIRTXB8ieV4WdUz-yD9KlNcYebj9gcl1ctTUHGp2Op5MwYe44J16lxPeDL0EqRk9VdI_eh5EXuMKqQ8B_xSLaE4rPDNOCz5bgztGOrQacntU/s1600/36.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI7B_z7I3xPxSm2MVUK-CGl6cojtIQOc2LIRTXB8ieV4WdUz-yD9KlNcYebj9gcl1ctTUHGp2Op5MwYe44J16lxPeDL0EqRk9VdI_eh5EXuMKqQ8B_xSLaE4rPDNOCz5bgztGOrQacntU/s400/36.jpg" width="400" /></a></div>
<span style="font-size: 13.5pt;"> <o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<blockquote class="tr_bq">
<b><span style="background: rgb(61 , 133 , 198); color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b><b><span style="background: rgb(61 , 133 , 198); color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;"><br /></span></b><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Aprendemos a utilizar primitivas e as
ferramentas mais utilizadas em modelação (escala, movimento e rotação). Utilizámos
ferramentas de transformação como o </span>Bevel, Inset, Extrude e Chamfer e aplicámos modificadores de forma não destrutiva.</blockquote>
</div>
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a>Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0tag:blogger.com,1999:blog-2553907039633638204.post-24814335927681143832016-09-30T07:45:00.001-07:002020-05-05T05:10:23.140-07:00Compilar Gif Animado no Adobe Photoshop<div class="Estilo1">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Imagem_x0020_18" o:spid="_x0000_s1026" type="#_x0000_t75"
style='position:absolute;margin-left:0;margin-top:23.05pt;width:100pt;
height:98pt;z-index:251665408;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:left;
mso-position-horizontal-relative:margin;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:page;mso-height-relative:page'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"
o:title=""/>
<w:wrap type="through" anchorx="margin"/>
</v:shape><![endif]--><!--[if !vml]--></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSLF2sIAYRCLKLuKJOmIbbel-E1-7AhoW-1aQsPd2vvfbcHDi6I44LLhe9GgUSlfrz4SDCHSTiWAyp4OpaRrHYn6No79kGeCNx0DmjKCk0pZi19xZD15P4AP1f_8DiIEHBYqtzV1Qxh4s/s1600/Adobe_Photoshop_logo100.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSLF2sIAYRCLKLuKJOmIbbel-E1-7AhoW-1aQsPd2vvfbcHDi6I44LLhe9GgUSlfrz4SDCHSTiWAyp4OpaRrHYn6No79kGeCNx0DmjKCk0pZi19xZD15P4AP1f_8DiIEHBYqtzV1Qxh4s/s1600/Adobe_Photoshop_logo100.jpg" /></a></div>
<b style="color: #5b9bd5; font-family: arial, sans-serif; font-size: 14px;">COMO COMPILAR IMAGENS PARA UM GIF ANIMADO NO PHOTOSHOP CC?</b><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Quando temos várias imagens e as pretendemos juntar em
sequência de forma a criar uma animação, podemos utilizar ferramentas do
Photoshop que otimizam todo o processo.</span><br />
<div class="MsoNormal">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDN3c2gGdc2LNfzbF0iDedzUtcpZadW3Djt4zXHbeDmA37H2Ty9iTK3uYAcrhNx596xgkyRBJkBIU6sYsej3tffHfMz0Z48LLnRIq4J-W_q3JmEKp0eAvPLj7P-2M5NgrHO57bzgu-5Sk/s1600/coelho.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDN3c2gGdc2LNfzbF0iDedzUtcpZadW3Djt4zXHbeDmA37H2Ty9iTK3uYAcrhNx596xgkyRBJkBIU6sYsej3tffHfMz0Z48LLnRIq4J-W_q3JmEKp0eAvPLj7P-2M5NgrHO57bzgu-5Sk/s320/coelho.gif" width="320" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">1
– CARREGAR IMAGENS</span><span style="color: #8eaadb; font-family: "arial" , sans-serif; font-size: 10.5pt;">:</span> <o:p></o:p></h1>
<div class="MDTextoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Já
temos todas as imagens do mesmo tamanho guardadas dentro de uma pasta. Vamos carrega-las
para o ficheiro utilizando o <b>Arquivo |
Scripts | Carregar arquivos na pilha…</b><o:p></o:p></span><br />
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><b><br /></b></span></div>
<div align="center" class="MDTextoNormal" style="text-align: center;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_2" o:spid="_x0000_i1037"
type="#_x0000_t75" style='width:298.5pt;height:366.75pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image003.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MDTextoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNbtP1HJVg95Lt1wdqhD1l9Z7LeuvQ-iwVT25M25C5ONUAOnWz_oFl7Su7PZy3_ncF8xd0RaBFtkXQoen-sunC7Q1cehOAp3j9ePSdvliCY9A5QHei1ms_pk3ahqg0agNr8ndOm00TKy8/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNbtP1HJVg95Lt1wdqhD1l9Z7LeuvQ-iwVT25M25C5ONUAOnWz_oFl7Su7PZy3_ncF8xd0RaBFtkXQoen-sunC7Q1cehOAp3j9ePSdvliCY9A5QHei1ms_pk3ahqg0agNr8ndOm00TKy8/s400/01.jpg" width="325" /></a></div>
<br /></div>
<div class="MDTextoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Aparece
um quadro para pressionarmos no botão <b>Procurar…</b><o:p></o:p></span></div>
<div class="MDTextoNormal">
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_3"
o:spid="_x0000_i1036" type="#_x0000_t75" style='width:425.25pt;height:260.25pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image005.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MDTextoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD7JUDWLsIAeIKX4HycQyheAEf_HoEW9NSrAK22_Mlq_rsZma93PETqOTInx7o8vCzd6oBTzUHpmE6zqx2IXSMVRU_IPV7ls-JOVvI_w-RsIRzYkMB2RMaSbEWFs_JwlsnAEkdGhYx6JA/s1600/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD7JUDWLsIAeIKX4HycQyheAEf_HoEW9NSrAK22_Mlq_rsZma93PETqOTInx7o8vCzd6oBTzUHpmE6zqx2IXSMVRU_IPV7ls-JOVvI_w-RsIRzYkMB2RMaSbEWFs_JwlsnAEkdGhYx6JA/s400/02.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Escolhemos
todas as imagens a utilizar na animação.<o:p></o:p></span></div>
<div align="center" class="MDTextoNormal" style="text-align: center;">
<span style="font-size: 13.5pt;"><!--[if gte vml 1]><v:shape
id="Imagem_x0020_4" o:spid="_x0000_i1035" type="#_x0000_t75" style='width:239.25pt;
height:132.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image007.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-size: 13.5pt;"><o:p></o:p></span></div>
<div class="MDTextoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqQJk81hbB_N2zgWv84cm2JcLfLiCqqQV3sGH5jG-A4v8QD6uHIb5JdPRF2Mvpo8l3ST5GUsWl-fezJBtIhtuCVm8NeyV1loTkRCFcTpXsdsdq43_U1l3X7XDk8EytOgXe0BYG19SscKA/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqQJk81hbB_N2zgWv84cm2JcLfLiCqqQV3sGH5jG-A4v8QD6uHIb5JdPRF2Mvpo8l3ST5GUsWl-fezJBtIhtuCVm8NeyV1loTkRCFcTpXsdsdq43_U1l3X7XDk8EytOgXe0BYG19SscKA/s400/03.jpg" width="400" /></a></div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Confirmamos
que foram associadas e pressionamos o botão <b>OK</b>.<o:p></o:p></span></div>
<div class="MDTextoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_5"
o:spid="_x0000_i1034" type="#_x0000_t75" style='width:425.25pt;height:257.25pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image008.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrfaJcFfDcWTEEfz2cwCAWpbrO1ZoK2EbIICynOCgpDYxlPQ3vwouUCYmHQEqK878u732WHEjm5iE0nAlHFFjkJI9HspMXG0wrv5A7npntArHqtJe7trCN_a1KEvpbfa5JrfixoYN0Nlo/s1600/04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrfaJcFfDcWTEEfz2cwCAWpbrO1ZoK2EbIICynOCgpDYxlPQ3vwouUCYmHQEqK878u732WHEjm5iE0nAlHFFjkJI9HspMXG0wrv5A7npntArHqtJe7trCN_a1KEvpbfa5JrfixoYN0Nlo/s400/04.jpg" width="400" /></a></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">2
– UTILIZAR LINHA DO TEMPO:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Para visualizarmos a Linha do Tempo no programa
de forma a controlar a animação, acedemos ao menu <b>Janela | Linha do Tempo</b>. <o:p></o:p></span></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape
id="Imagem_x0020_6" o:spid="_x0000_i1033" type="#_x0000_t75" style='width:425.25pt;
height:297.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image010.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MDTextoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUB9at824r5VaHnCfINNayvc4Urv9J8njGcR_wwSjDZWfeUx5cVOAWDYwyx2tVH8-X_tC8INiX2DV9zg2VONsDA1hHkm1UGL5vzt6gPbUSc6dAuActRXJtf7jL12r7IRRpNC3szCr3H14/s1600/05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUB9at824r5VaHnCfINNayvc4Urv9J8njGcR_wwSjDZWfeUx5cVOAWDYwyx2tVH8-X_tC8INiX2DV9zg2VONsDA1hHkm1UGL5vzt6gPbUSc6dAuActRXJtf7jL12r7IRRpNC3szCr3H14/s400/05.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Temos
duas opções na Linha do Tempo para selecionar. Podemos criar um vídeo ou uma
animação. Neste caso, vamos escolher Criar quadro de animação e pressionamos em
cima para criar os quadros.<o:p></o:p></span></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_7" o:spid="_x0000_i1032"
type="#_x0000_t75" style='width:255.75pt;height:74.25pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image012.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MDTextoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIRrvit4ibQ7O9dQLIl92Blwf-ueBObN_Drok7XoaxXupnEDaZBiqlNqP0uUbkqLvghFbnILWJiHycjXSjlErvMTChMoASzXjWDdGDgBa-ixSvi3AtxG7sZzrwoTfVzOqprxh6m_Co8BY/s1600/06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIRrvit4ibQ7O9dQLIl92Blwf-ueBObN_Drok7XoaxXupnEDaZBiqlNqP0uUbkqLvghFbnILWJiHycjXSjlErvMTChMoASzXjWDdGDgBa-ixSvi3AtxG7sZzrwoTfVzOqprxh6m_Co8BY/s400/06.jpg" width="400" /></a></div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><br /></span>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Para
carregar as imagens nas camadas para dentro dos quadros de animação,
selecionamos o botão das <b>opções</b> no
painel <b>Linha do Tempo</b> e escolhemos <b>Criar quadros a partir de camadas</b>.<o:p></o:p></span></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_8" o:spid="_x0000_i1031"
type="#_x0000_t75" style='width:293.25pt;height:366.75pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image014.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MDTextoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-ua5GR9AU4XR045UQwDy4OoYj0Kb1p_QLhf8RSC1IYweob7lr9ouzEIC0wWaqODEq4o53UsTCN-WBsfEcyK3O3tMVhAzCagmAMZCGrtNeGxyNGd_4IhbqBrNaxoiEjxsSXCCTj0KFOQ/s1600/07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-ua5GR9AU4XR045UQwDy4OoYj0Kb1p_QLhf8RSC1IYweob7lr9ouzEIC0wWaqODEq4o53UsTCN-WBsfEcyK3O3tMVhAzCagmAMZCGrtNeGxyNGd_4IhbqBrNaxoiEjxsSXCCTj0KFOQ/s400/07.jpg" width="318" /></a></div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><br /></span>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">A
inserção das imagens é realizada de forma invertida. Para invertemos a
sequência acedemos às <b>opções</b> da <b>Linha do Tempo</b> e escolhemos <b>Inverter quadros</b>.<o:p></o:p></span></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_9" o:spid="_x0000_i1030"
type="#_x0000_t75" style='width:293.25pt;height:366pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image015.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ygFop0W217030zhzOdDoVHTy63jjrwpOlQqKnkM_YCUN_e1KQpeUaW8i4DWdXXKRZ_1vk2ZZRSjH4YwK_hrQw0By8ggsHXoaHk-NTDqIbgtD7UpsSenkGDPD2aLCNaUvnkhZ0DMlj8Q/s1600/08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ygFop0W217030zhzOdDoVHTy63jjrwpOlQqKnkM_YCUN_e1KQpeUaW8i4DWdXXKRZ_1vk2ZZRSjH4YwK_hrQw0By8ggsHXoaHk-NTDqIbgtD7UpsSenkGDPD2aLCNaUvnkhZ0DMlj8Q/s400/08.jpg" width="320" /></a></div>
<br /></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">3
– TEMPO E TRANSIÇÃO:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Podemos alterar o tempo de visualização para
cada quadro ou todos em conjunto através da seleção dos quadros pressionando a
tecla Shift. Com todos os quadros selecionados, pressionamos em baixo no tempo de
um desses quadros e definimos o tempo de visualização.<o:p></o:p></span></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_12" o:spid="_x0000_i1029"
type="#_x0000_t75" style='width:336pt;height:161.25pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image016.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqQNdwyES5pvem8iSx2m_2n_pOzU8hN-RD1B3UOyJLXlVx-9UZwkxOuEdubFzcT5YE4RF8AXA_oXr5XVB_ychoiflZBthXqTQXvhJ9g9tB_BhmWMvO2zLqFSkQyJh4-X-eB9cObl8qxR8/s1600/09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqQNdwyES5pvem8iSx2m_2n_pOzU8hN-RD1B3UOyJLXlVx-9UZwkxOuEdubFzcT5YE4RF8AXA_oXr5XVB_ychoiflZBthXqTQXvhJ9g9tB_BhmWMvO2zLqFSkQyJh4-X-eB9cObl8qxR8/s400/09.jpg" width="400" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Ainda podemos alterar a forma como os quadros
aparecem sucessivamente através de transições. Para isso, selecionamos um dos
quadros e escolhemos nas opções do painel a <b>Transição…</b><o:p></o:p></span><br />
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><b><br /></b></span></div>
<div class="MDImagen">
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_13"
o:spid="_x0000_i1028" type="#_x0000_t75" style='width:292.5pt;height:366pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image017.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyOw_Sudo75bfqDhnQnGHG18eMuBFM_B1pEn2sa7vJ3EQuimP014vDnp53uAK1f4W1L7LRfdTPBoZaBFmoLwUiKKzYU6-GSTYx3bHygIMP7Tx9NjZjR8FGwYQJTYHbV0OgLo2zUhihWPQ/s1600/10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyOw_Sudo75bfqDhnQnGHG18eMuBFM_B1pEn2sa7vJ3EQuimP014vDnp53uAK1f4W1L7LRfdTPBoZaBFmoLwUiKKzYU6-GSTYx3bHygIMP7Tx9NjZjR8FGwYQJTYHbV0OgLo2zUhihWPQ/s400/10.jpg" width="318" /></a></div>
<br /></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Definimos onde irá aparecer e a quantidade de
quadros de transição a inserir após o quadro selecionado. <o:p></o:p></span></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_14" o:spid="_x0000_i1027"
type="#_x0000_t75" style='width:425.25pt;height:263.25pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image018.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNZFttgOWIrU2Lnl495BNmeYTUxA7CliZSRRik_C6HByg7_0a3n4riCj2ccTeUEsL_XXoLai8ZkDgY_guL9Ym4b7DZXLnBwhO-20q0mR8xgILA817n0rfbziwuSQJqrEjlVWJN3909ToM/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNZFttgOWIrU2Lnl495BNmeYTUxA7CliZSRRik_C6HByg7_0a3n4riCj2ccTeUEsL_XXoLai8ZkDgY_guL9Ym4b7DZXLnBwhO-20q0mR8xgILA817n0rfbziwuSQJqrEjlVWJN3909ToM/s400/11.jpg" width="400" /></a></div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><br /></span>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Podemos testar a animação final a correr nos
controlos em baixo do painel Linha do Tempo.</span></div>
<h1>
<span style="color: #5b9bd5; font-family: "arial" , sans-serif; font-size: 10.5pt;">4
– EXPORTAR PARA A WEB:</span><o:p></o:p></h1>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Para guardarmos todo o projeto num ficheiro
Gif, escolhemos a opção de <b>Arquivo |</b>
<b>Exportar | Salvar para web.</b> <o:p></o:p></span></div>
<div align="center" class="MDTextoNormal" style="margin-top: 12.0pt; text-align: center;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_15" o:spid="_x0000_i1026"
type="#_x0000_t75" style='width:425.25pt;height:427.5pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image020.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEHNIO5HP-G1RnSO_1KUSjp4pPQZDmMgwAFuwzyrjU1dduUG9oa38yGfmmMDoaZeVq2gK5XdaH8wi8okAOU_FM6YIo2wTAQgB0wArGS0YKJk_AaMX_ZB4YqCozF_pgoPaWEsOutvAOHvw/s1600/12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEHNIO5HP-G1RnSO_1KUSjp4pPQZDmMgwAFuwzyrjU1dduUG9oa38yGfmmMDoaZeVq2gK5XdaH8wi8okAOU_FM6YIo2wTAQgB0wArGS0YKJk_AaMX_ZB4YqCozF_pgoPaWEsOutvAOHvw/s400/12.jpg" width="397" /></a></div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><br /></span>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Neste quadro escolhemos a opção <b>Gif Restritivo</b> e nas opções de Loop
podemos indicar para aparecer Sempre. No final pressionamos <b>Salvar </b>e escolhemos a pasta para
guardar o ficheiro.<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><!--[if gte vml 1]><v:shape id="Imagem_x0020_16"
o:spid="_x0000_i1025" type="#_x0000_t75" style='width:425.25pt;height:317.25pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\CARLOS~1.FER\AppData\Local\Temp\msohtmlclip1\01\clip_image021.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span><span style="font-family: "arial" , sans-serif; font-size: 10.5pt; line-height: 115%;"><o:p></o:p></span></div>
<div class="MDTextoNormal" style="margin-top: 12.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ZD7VxZelrY7tYGueObSWaM83HFX7VTqpE0rIPSHpKHMvlG8YV7HnqCaSyTCHa9Y8YUjRpdKxRtvetehv2Z3zRM_HIoZsnSCuVUUHn5YM34hpFDWeYQXBi8mC8KmRpXFLVfbsjLKtPlY/s1600/13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ZD7VxZelrY7tYGueObSWaM83HFX7VTqpE0rIPSHpKHMvlG8YV7HnqCaSyTCHa9Y8YUjRpdKxRtvetehv2Z3zRM_HIoZsnSCuVUUHn5YM34hpFDWeYQXBi8mC8KmRpXFLVfbsjLKtPlY/s400/13.jpg" width="400" /></a></div>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;"><br /></span>
<span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Acedemos à pasta com o ficheiro e abrimos num
navegador para visualizar a animação.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;"> <o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=2553907039633638204" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<blockquote class="tr_bq">
<b><span style="background: rgb(61 , 133 , 198); color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;">CONCLUSÃO:</span></b><b><span style="background: rgb(61 , 133 , 198); color: white; font-family: "arial" , sans-serif; font-size: 10.5pt; text-transform: uppercase;"><br /></span></b><span style="font-family: "arial" , sans-serif; font-size: 10.5pt;">Podemos importar imagens para as camadas e
através da linha do tempo são convertidas para quadros inseridos sucessivamente.
A cabeça de reprodução irá ler cada uma das imagens à velocidade indicada por
nós e criar a animação através de um ficheiro gif animado. Ainda podemos
suavizar esta animação utilizando transições entre quadros.</span></blockquote>
<div style="margin-bottom: .0001pt; margin: 0cm;">
</div>
Carlos Ribeirohttp://www.blogger.com/profile/11082012468976805537noreply@blogger.com0