Warning: include_once(source/setting.php): failed to open stream: No such file or directory in /home/livrops/public_html/wp-content/plugins/db-error-customizer/db-error-customizer.php on line 23

Warning: include_once(): Failed opening 'source/setting.php' for inclusion (include_path='.:/opt/alt/php55/usr/share/pear:/opt/alt/php55/usr/share/php') in /home/livrops/public_html/wp-content/plugins/db-error-customizer/db-error-customizer.php on line 23

Warning: include_once(source/builder.php): failed to open stream: No such file or directory in /home/livrops/public_html/wp-content/plugins/db-error-customizer/db-error-customizer.php on line 24

Warning: include_once(): Failed opening 'source/builder.php' for inclusion (include_path='.:/opt/alt/php55/usr/share/pear:/opt/alt/php55/usr/share/php') in /home/livrops/public_html/wp-content/plugins/db-error-customizer/db-error-customizer.php on line 24

Notice: add_custom_background está obsoleto desde a versão 3.4.0! Use add_theme_support( 'custom-background', $args ) em seu lugar. in /home/livrops/public_html/wp-includes/functions.php on line 3830

Notice: register_sidebar foi chamada incorretamente. A chave id não foi definida no array da barra lateral "Sidebar Left Column". O valor "sidebar-1" foi padronizado. Defina manualmente a chave id para "sidebar-1" para ignorar esta notificação e manter o conteúdo da barra lateral existente. Leia como Depurar o WordPress para mais informações. (Esta mensagem foi adicionada na versão 4.2.0.) in /home/livrops/public_html/wp-includes/functions.php on line 4138

Notice: register_sidebar foi chamada incorretamente. A chave id não foi definida no array da barra lateral "Sidebar Right Column". O valor "sidebar-2" foi padronizado. Defina manualmente a chave id para "sidebar-2" para ignorar esta notificação e manter o conteúdo da barra lateral existente. Leia como Depurar o WordPress para mais informações. (Esta mensagem foi adicionada na versão 4.2.0.) in /home/livrops/public_html/wp-includes/functions.php on line 4138

Notice: register_sidebar foi chamada incorretamente. A chave id não foi definida no array da barra lateral "Sidebar Homepage Left Column". O valor "sidebar-3" foi padronizado. Defina manualmente a chave id para "sidebar-3" para ignorar esta notificação e manter o conteúdo da barra lateral existente. Leia como Depurar o WordPress para mais informações. (Esta mensagem foi adicionada na versão 4.2.0.) in /home/livrops/public_html/wp-includes/functions.php on line 4138

Notice: register_sidebar foi chamada incorretamente. A chave id não foi definida no array da barra lateral "Sidebar Homepage Right Column". O valor "sidebar-4" foi padronizado. Defina manualmente a chave id para "sidebar-4" para ignorar esta notificação e manter o conteúdo da barra lateral existente. Leia como Depurar o WordPress para mais informações. (Esta mensagem foi adicionada na versão 4.2.0.) in /home/livrops/public_html/wp-includes/functions.php on line 4138

Notice: register_sidebar foi chamada incorretamente. A chave id não foi definida no array da barra lateral "Sidebar One Column". O valor "sidebar-5" foi padronizado. Defina manualmente a chave id para "sidebar-5" para ignorar esta notificação e manter o conteúdo da barra lateral existente. Leia como Depurar o WordPress para mais informações. (Esta mensagem foi adicionada na versão 4.2.0.) in /home/livrops/public_html/wp-includes/functions.php on line 4138

Notice: register_sidebar foi chamada incorretamente. A chave id não foi definida no array da barra lateral "Footer". O valor "sidebar-6" foi padronizado. Defina manualmente a chave id para "sidebar-6" para ignorar esta notificação e manter o conteúdo da barra lateral existente. Leia como Depurar o WordPress para mais informações. (Esta mensagem foi adicionada na versão 4.2.0.) in /home/livrops/public_html/wp-includes/functions.php on line 4138

Notice: O método construtor chamado para WP_Widget em AboutMeWidget esta depreciado desde a versão 4.3.0! Utilize
__construct()
no lugar. in /home/livrops/public_html/wp-includes/functions.php on line 3893

Notice: O método construtor chamado para WP_Widget em AdsenseWidget esta depreciado desde a versão 4.3.0! Utilize
__construct()
no lugar. in /home/livrops/public_html/wp-includes/functions.php on line 3893

Notice: O método construtor chamado para WP_Widget em AdvWidget esta depreciado desde a versão 4.3.0! Utilize
__construct()
no lugar. in /home/livrops/public_html/wp-includes/functions.php on line 3893

Notice: O método construtor chamado para WP_Widget em PopularWidget esta depreciado desde a versão 4.3.0! Utilize
__construct()
no lugar. in /home/livrops/public_html/wp-includes/functions.php on line 3893

Notice: O método construtor chamado para WP_Widget em RandomWidget esta depreciado desde a versão 4.3.0! Utilize
__construct()
no lugar. in /home/livrops/public_html/wp-includes/functions.php on line 3893

Notice: O método construtor chamado para WP_Widget em TabbedWidget esta depreciado desde a versão 4.3.0! Utilize
__construct()
no lugar. in /home/livrops/public_html/wp-includes/functions.php on line 3893
Caixa de som animada - Livro Photoshop | Livro Photoshop
Notice: get_theme_data está obsoleto desde a versão 3.4.0! Use wp_get_theme() em seu lugar. in /home/livrops/public_html/wp-includes/functions.php on line 3830

Caixa de som animada

Nesse tutorial você vai aprender como animar uma imagem de caixa de som, como se ela estivesse ligada e vibrando. Esse efeito pode ser utilizado para criar propagandas online, ícones ou botões de sites ou apenas para diversão/treino. De qualquer forma, se quiser personalizar a sua caixa de som terá um pouco mais de trabalho, mas aqui vamos trabalhar com uma imagem pronta, já que a parte animada é relativamente simples:

1 – Escolha a sua imagem e abra-a no Photoshop (Ctrl+O)

2 – Pra começar, vamos precisar de espaço para a caixa de som “crescer” durante a vibração. Ao invés de diminuir a imagem, o ideal é aumentar a tela de trabalho. Para isso, vá no menu “Image” > “Canvas Size” (Alt + Ctrl + C). Se estiver em cm, clique na caixa e selecione “pixels”. Aumente cerca de 50 pixels de altura (Heigth) e 50 de largura (Width).

3 – Crie uma imagem qualquer para o fundo.

3-a. Crie uma nova camada (Shift + Ctrl + N);

3-b. Selecione a ferramenta “Paint Bucket Tool” (G) e nas opções de ferramenta (abaixo do menu do Photoshop), onde está escrito “Foreground” mude para “Pattern”.

3-c. Ao lado de Pattern, clique na caixa e selecione algum que agrade. Eu usei o “Metallic snakeskin”.

3-d. Se quiser ainda pode fazer um “Gradient overlap” na camada do fundo.

3-e. Na aba Layers arraste a do fundo para baixo da camada da caixa de som.

4 – Após desenhar (ou colar) um fundo, selecione a camada da caixa de som na aba “Layers” e vá no menu “Window” > “Animation”. Clique 3 vezes no ícone de “Duplicate selected frames”

5 – Pressione Ctrl+J para duplicar a camada da caixa de som. Vá ao menu “Filter” > “Blur” > “Radial Blur” e configure como na imagem abaixo:

6 – Na janela de animações (que abrimos no passo 4), clique na primeira imagem e, na aba “Layers” oculte a camada da caixa de som “embaçada” que criamos no passo 5. Para ocultar uma camada, basta clicar no ícone de um “olho” que fica à esquerda da camada na aba Layers (clique no mesmo local quando quiser voltar a exibir a camada).

7 – Repita o passo 6, mas para a terceira imagem da janela de animação. E então faça o inverso para a segunda e quarta imagens – oculte a camada da caixa de som original e deixe visível a camada da caixa de som embaçada. Sua área de trabalho deve ficar assim:

8 – Na janela de animação, abaixo das imagens, há um número seguido de “sec.”. Isso é o tempo que a imagem será exibida. Clique na setinha preta ao lado de “sec.” e escolha “0,1” para a primeira imagem, “no delay” para a segunda e para a quarta imagens e clique em “Other” depois digite “0,3” para a terceira imagem.

9 – Para garantir que a animação seja “eterna”, abaixo da configuração dos segundos da primeira imagem, ainda na janela de animações, se estiver escrito “Once” clique na palavra e selecione “forever”.

10 – O último passo é salvar o seu arquivo. Para que a animação seja válida, é necessário que fique salva em formato GIF. Vá ao menu “File” > “Save for Web & Devices” (Shift+Ctrl+Alt+S) e abaixo do escrito “Preset” (onde normalmente fica selecionado JPEG) e selecione o formato GIF. Normalmente não há o que mudar depois disso, mas pode testar os valores e ver as diferenças antes de clicar em Salvar. E para visualizar a animação, precisa carregá-la em algum navegador da Web (Firefox, Internet Explorer, Google Chrome etc)

Postado por Ricardo Fernandes em 17 de dezembro de 2010