Archive for the Photoshop Category

Brushes de temas infantis para Photoshop

Posted in Brushes, Photoshop with tags , , , on 20, julho 2008 by andreiacandido

Encontramos um pacote de brushes de temas infantis para Photoshop. Testamos a instalação e uso na versão CS e funcionou muito bem (veja a imagem acima). Para fazer o download, clique aqui e seja direcionado para o site Superdownloads, onde poderá baixar o arquivo de 456,7 kb, totalmente gratuito.

Tutoriais e geradores úteis by Marina

Posted in Blogosfera, Dicas, Geradores, Photoshop, Tutoriais, Utilitários, Webdesign with tags , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , on 3, junho 2008 by andreiacandido

Como estudante quase que autodidata de webdesign, assim que eu comecei a me interessar por blogs, encontrei um que me chamou muita atenção pelos layouts e dicas que trazia pois de tempos em tempos mudava de aparência e trazia muita boa informação, o antigo blog Templates By Marina que hoje passou a chamar By Marina, com um estilo mais “clean” e bem delicado, é feito por uma estudante de Publicidade que adora designer e que mantém esse blog pessoal muito bem feito, onde além de seu dia-a-dia, seus trabalhos como webdesigner, dedica uma página do blog chamada EXTRAS onde publica tutoriais e geradores de sua autoria que, com certeza, ajudarão aos visitantes que estão ainda começando a fazer um blog ou mesmo estudando sobre edição de imagens. Vale a pena visitar o By Marina!

Abaixo seguem os links diretos dos tutoriais e geradores criados pela Marina:

Tutoriais de Photoshop:

Se você ainda é principiante, tem um site ou blog, os geradores abaixo o ajudarão a criar determinados itens úteis que exigem algum conhecimento para serem inseridos no código HTML da sua página.

Geradores de códigos:

Downloads gratuitos:

Livro “The Photoshop Anthology” para download completo (em PDF) – PRAZO ENCERRADO

Posted in Dicas, Livros, PDF, Photoshop, Webdesign with tags , , , , , , , , , on 1, junho 2008 by andreiacandido

ATUALIZANDO O POST (19/06/2008): COMO FOI INFORMADO QUANDO POSTAMOS ESSA DICA DO LIVRO “THE PHOTOSHOP ANTHOLOGY”, O PRAZO PARA O DOWNLOAD COMPLETO E GRATUITO DO LIVRO ERA POR TEMPO LIMITADO E INFELIZEMTE ACABOU. O SITE SITEPOINT JÁ BLOQUEOU O LINK DE ACESSO AO DOWNLOAD.

Preste bem atenção, esta dica é imperdível para webdesigners e interessados em Photoshop!!!

O site SitePoint está disponibilizando o download completo e gratuito do livro: “The Photoshop Anthology – 101 Web Design Tips, Tricks & Techniques”, autor: Corrie Haffly, que conta com 295 páginas, distribuídas em 9 capítulos, muito bem ilustrados e coloridos, em idioma inglês.

ATENÇÃO: o download completo do livro tem prazo de encerramento e, contando de hoje (01/06/08), tem mais 11 dias para você baixar sua cópia completa (em pdf) totalmente gratuita. Na página para download existe um aviso com contagem regressiva para o término do prazo de download completo do livro, por isso, fique atento.

Para ter acesso ao download, entre no site SitePoint e lá encontrará o botão “DOWNLOAD NOW”, que o levará à um pop-up, onde você deverá digitar seu email (para onde será enviado o link de download do livro) e em seguida deverá clicar em “EMAIL ME THE LINK”. Logo após abrirá uma página de agradecimento e confirmação do seu pedido, dizendo que no prazo de 5 minutos você receberá o link em seu email. Nesta mesma página ainda aparecerão algumas opções para que você se cadastre nas Newsletters do SitePoint, nesse caso, a escolha é sua.

Fique tranquilo porque o livro vem completo mesmo e, realmente é muito bom, mesmo para os que, como eu, não saibam inglês. Nesse caso, nada melhor do que o bom tradutor online. Além disso, o livro é muito ilustrado e assim fica bem mais fácil entendê-lo.

No email eles enviarão dois links: um deles é para quem desejar baixar o livro em alta resolução caso queira imprimí-lo (tamanho do arquivo: 64MB); o segundo link é para os que desejam baixar o livro em baixa resolução (tamanho do arquivo: 23MB). Os dois possuem igual conteúdo, o que muda é apenas a qualidade da imagem.

O livro traz 9 capítulos, como segue:

  • Capítulo 1: Começando com Photoshop
  • Capítulo 2: Competências Básicas
    Construa uma boa base para a sua utilização do Photoshop com estas competências básicas, incluindo redimensionamento, rotação, e escondendo partes de sua imagem.
  • Capítulo 3: Criando Botões
    Faça botões de todas as formas e estilos, seguindo as soluções neste capítulo.
  • Capítulo 4: Criação de Cenários
    Criar tiling antecedentes que você pode usar em design e de elementos como rubricas, menu bares, ou mesmo a própria página de fundo!
  • Capítulo 5: Trabalhando com Texto
    Saiba como ajustar as configurações e fazer bons efeitos de texto para o seu próximo logotipo ou gráfico na web.
  • Capítulo 6: Ajuste de Imagens
  • Capítulo 7: A manipulação de imagens
    Comece com uma fotografia ou imagem e adicione os seus próprios efeitos, tais como scanlines, reflexos, e muito mais!
  • Capítulo 8: Desenhar um Web Site
    Este capítulo mostra como a criação de web design mockups no Photoshop e, em seguida, gerar imagens web-otimizadas.
  • Capítulo 9: Técnicas Avançadas Photoshop
    Automatizar e animar! Este capítulo mostra como economizar tempo ao desempenho tarefas semelhantes em muitos arquivos diferentes e, em seguida, mostra como usar o Photoshop e ImageReady para criar animações.

Além disso o livro ainda traz links para você ter acesso aos arquivos das imagens utilizadas como exemplos no livro, links com correções das erratas e acesso ao fórum.

O SitePoint também disponibiliza outros livros em pdf, porém, esses não são downloads completos das obras, e sim pequenos trechos.

Tutorial: Layout Estilizado com texto 3D usando Photoshop e Ilustrator

Posted in Efeitos Digitais, Ilustrator, Photoshop, Tutoriais, Web2.0, Webdesign with tags , , , , , on 25, maio 2008 by andreiacandido


O site PSDTUTS publicou um tutorial (em inglês), que cria um layout estilizado com texto em 3D, extremamente moderno e bonito, que pode ajudar muito aos webdesigners em seus projetos de criação. O tutorial requer um bom conhecimento de Photoshop e Ilustrator, pois combina os 2 softwares para resultar no efeito acima. Mesmo que você não saiba inglês, o tutorial traz o passo-a-passo com as ilustrações de cada etapa.

Para facilitar estamos disponibilizando 2 links, abaixo, um com a versão original do tutorial e, outro, com a versão traduzida para o português:

Design Soft Stylized 3D Type:

Serviço online que extrai cores hexadecimais de fotos

Posted in CSS, Fireworks, Geradores, Photoshop, Utilitários, Web2.0, Webdesign with tags , , , , on 12, maio 2008 by andreiacandido

Descobrimos uma ferramenta muito útil, online e gratuita, que poderá ajudá-lo na criação de projetos web. A ferramenta Palette Generator permite que você extraia cores, em hexadecimal, de fotos a partir do seu computador, do Flickr, do Photobucket, ou de uma URL. Após escolher a foto desejada, faça o upload e clique em “Create”. Em poucos segundos será gerada sua paleta de cores extraída da foto, com o respectivo código hexadecimal e o nome da cor abaixo. Além disso, existem outras duas possibilidades: 1) fazer o download do “swatch” que é compatível com o Photoshop e outros aplicativos. 2) Copiar o código CSS das cores para utilizar em seus projetos de webdesign.

Confira um exemplo da paleta gerada a partir de uma foto:

Para utilizar o serviço não é necessário cadastro, porém, se você desejar ter mais comodidade e ter armazenado seus últimos acessos ao site, sem a necessidade de refazer o upload de fotos e participar do fórum, crie sua conta clicando aqui.

4 pacotes de brushes gratuitos para Photoshop – estilo Floral (+ Tutorial de Instalação)

Posted in Brushes, Dicas, Photoshop, Tutoriais, Web2.0, Webdesign with tags , , , , , , , , , , , on 11, maio 2008 by andreiacandido

Encontramos 4 ótimos pacotes de brushes gratuitos para Photoshop no estilo Floral, de autoria do artista Coolwing. Para baixar os pacotes, entre nos links indicados abaixo que, o redirecionará para a página do autor dentro da comunidade DeviantART e clique em download (conforme a figura abaixo):

Baixe agora os pacotes individualmente:

Não sabe como instalar os pacotes de brushes dentro do seu programa Photoshop? Então vamos te ensinar. Siga os passos do tutorial abaixo:

Tutorial para instalação básica de brushes (pincéis) para Photoshop:

Criado por: Andréia (Blog Caça-Links)
Data de criação: 11/05/2008 

IMPORTANTE: Deixe seu Photoshop fechado enquanto instala os arquivos de brushes. Só no passo 04 desse tutorial é que você deverá abrir o programa.

1) Faça o download do arquivo para uma pasta onde seja fácil localizá-lo depois (exemplo: pasta Meus Documentos, pasta Arquivos Recebidos, Desktop ou Área de Trabalho).

2) O arquivo virá zipado, ou seja, compactado. Assim é necessário descompactá-lo antes em um programa tipo Winzip, Filzip, etc. Para isso, localize o arquivo baixado, clique em cima com o botão direito do mouse e localize o nome do seu programa descompactador. Clique no nome do programa (ex: Filzip), e logo aparecerão algumas opções, escolha a opção “Extrair para C:/…”. Após isso, no mesmo local onde o arquivo zipado foi salvo, você verá que irá aparecer uma pastinha amarela com o nome do arquivo. Clique nessa pastinha e lá você encontrará o arquivo necessário para a instalação do brush dentro do Photoshop. Localize o arquivo pelo ícone abaixo:

ATENÇÃO: Como o autor desses brushes é Chinês, o nome do arquivo.ABR depois de descompactado está com um nome desconfigurado. Assim, para ficar mais fácil, renomeie o arquivo clicando com o botão direito do mouse sobre ele e coloque o nome que quiser, no meu caso, escolhi os nomes Floral 1, Floral 2, Floral 3, para facilitar a localização dentro do Photoshop depois.

3) Clique em cima do arquivo identificado com o ícone acima (arquivo com extensão .ABR), copie (Ctrl+C). Em seu PC, clique com o botão direito do mouse em cima de Iniciar, escolha Explorar na lista, localize as pastas na seguinte ordem: Arquivo de Programas que fica dentro do Disco local (C:), Adobe, Photoshop CS (no meu caso uso a versão CS), Predefinições, e por fim, localize a pasta Pincéis. Nessa última pasta, cole(Ctrl+V) o arquivo copiado. Feche a pasta.

Endereço para instalação do brush:
C:\Arquivos de programas\Adobe\Photoshop CS\Predefinições\Pincéis

4) Abra o Photoshop, clique em novo documento ou então abra o documento no qual deseja aplicar o brushe.

5) Localize e clique na Ferramenta Pincél ou clique no atalho (B) (veja a figura abaixo):

6) A seguir vá até o menu superior do Photoshop e clique na seta 1 para abrir o seletor de Predefinições do Pincél. Clique na seta 2 para abrir a lista de brushes. Por fim, localize o brushe salvo dentro da pasta Pincéis e clique nele, conforme a figura abaixo:

7) Será perguntado se você deseja substituir os pincéis atuais por pincéis de floral1.abr (ou o nome do arquivo escolhido)? Clique em sim.

8 ) A seguir aparecerá uma lista com as miniaturas dos brushes carregados. Aí é só escolher o brushe de sua preferência, ajustar o diâmetro do pincel e utilizá-lo em seu trabalho.

Veja um exemplo da utilização dos brushes baixados:


Esse pequeno tutorial faz parte da nossa contribuição para o Movimento Blog Voluntário.

Coleção de Brushes gratuitos para Photoshop

Posted in Brushes, Photoshop, Webdesign with tags , , , , , , , , , , , , , , , , , , , , , , , , on 1, abril 2008 by blogcacalinks
Brushes

O site PS Brushes disponibiliza uma coleção de Brushes gratuitos de Photoshop para download que ajudarão muito em seus layouts. Acima temos como exemplo um dos brushes de água que baixamos para testar. E se você criou um brush e quer compartilhar com outras pessoas, você pode enviar seu material para o site através do link “Contact”.

Para ver toda a coleção entre diretamente no site PS Brushes ou acesse as categorias abaixo: