Blog do Arthur » Tutoriais

10 Belos Sites Para Aprender Tudo Sobre Photoshop

Arthur — Mon, 12 Jan 2009 02:15:23 +0000

Como a cada dia recebo sempre várias dúvidas com relação a efeitos, tratamento, brushes, enfim, diversas dúvidas relativas ao photoshop, resolvi fazer uma coletânea de sites especializados em tutoriais que ensinam, se não tudo, quase tudo sobre nosso amado Photoshop.

Bom para fotógrafos, designers, diretores de arte, enfim, todos que são da área e que desejam obter sucesso aperfeiçoando seus conhecimentos no tratamento de imagens e efeitos.

Infelizmente são todos em inglês. É difícil encontrar bons sites com bons tutoriais em português, repito, infelizmente.

Aproveite!

PSD Tuts

Tutorial 9

Good Tutorials

PSD Valt

Adobe Tutorialz

Web Design Tuts

Photoshop Talents

Tutzor

Voidix

Photoshop Essentials

Artigos Relacionados:

Fireworks – Melhores tutoriais

Arthur — Wed, 05 Nov 2008 02:44:17 +0000

Diariamente utilizo bastante o Fireworks como ferramenta principal de trabalho, pois realizo todas as criações de design para site, com ele.

Confesso que já tentei utilizar o Photoshop, como muita gente utiliza, mas não consegui um ritmo bom, como tenho no fireworks na hora da execução, na utilização das ferramentas pois acho que o Fireworks trabalha melhor com objetos, formas, curvas do que o Photoshop. Gosto meu, claro.

Utilizo mais o Photoshop pra trabalhos de design gráfico impresso. Ae sim, uso e indico pois o tratamento de fotos, efeitos, brushes, etc, ficam mais bem feitos, sem falar que ele trabalha com resoluções maiores de uma melhor forma, mas dinâmica e tal.

Encontrei duas belas listas de tutoriais excelentes para Fireworks e gostaria de compartilhar com vocês.

Veja uma amostra de alguns dos tutoriais:

A Smashing Magazine fez outro post excelente com váaarios outros tutoriais, arquivos em .png para download, foruns sobre o Fireworks, artigos entre muitos outros recursos muito interessantes, vale a visita!

é isso pessoas, aprendendo sempre!

Grande abraço!

Artigos Relacionados:

Tutos de Efeitos 3D no Photoshop

Arthur — Thu, 16 Oct 2008 05:55:52 +0000

Continuando a premissa do meu blog que é compartilhar artigos e tutoriais sobre photoshop, ilustrator, design, artes, conceitos e entre outras tantas coisas, estou divulgando uma bela coletãnea de 25 tutoriais com os melhores efeitos de 3D criados no Photoshop feito pelo site Dzineblog, que também divulga bastante conteúdo relacionado a nossa área.

Sinta só a qualidade ESPETACULAR dos efeitos criados. Todos muito recomendados!

Enfim, tem muitos outros lá, acesse logo e vá praticar! =)

Alias, você já viu alguns tutoriais que já publiquei? São bem simples mas de grande utilidade, e já recebi vários elogios sobre eles também. Veja abaixo:

Efeito para criação de uma textura de Fibra de Carbono, util em trabalhos sobre carros, tunning, estilos mais agressivos e automotivos.

Efeito de reflexo para textos, bem simples e fácil.

O mesmo efeito, aplicado pra objetos em 3D.

É isso pessoal, akele abraço!

Artigos Relacionados:

Tutorial de Photoshop do Dia

Arthur — Thu, 09 Oct 2008 03:30:34 +0000

Apesar de ter 10 anos de experiência como designer gráfico, com certeza não conheço tudo que dá pra conhecer da área, e todo dia aprendo muito utilizando nossa amiga internet. Ainda leio muitos tutoriais sobre photoshop, acompanho bastante mesmo, pode acreditar.

Em certos dias, irei relacionar alguns tutoriais TOPs na internet de photoshop pra você aprender junto comigo oks?

Pra começar vamos aprender a criar um Poster tipográfico velho, antigo. (achei o resultado final excelente!)

By PSDTuts ( Clique na imagem para ver o post – em inglês )

Outro post ESPETACULAR que vi no site Hongkiat.com (esses caras são fantásticos em questão de conteúdo, não sei aonde e nem como encontram tanta coisa legal ) onde eles selecionam 40 excelentes tutoriais para criação de fundos abstratos no photoshop.

By Hongkiat.com (Clique na imagem para ver o post – em inglês)

That’s it folks!

[BL]Notebook, Câmera Digital, Home Theater, TV, MP3 Player, Monitor, Auto-Rádio, DVD Player, Console de Videogame, Filmadora[/BL]

Artigos Relacionados:

Photoshop Lady

Arthur — Sat, 05 Apr 2008 05:17:47 +0000

Quer aprender mais sobre photoshop e não encontra bons links de sites na internet? Então você tem que conhecer o Photoshop Lady!

É um belo site, muito bem desenhado e estruturado, que reune vários links para tutoriais de efeitos 3D, abstratos, desenho, efeitos em fotos, efeitos de textos e até de interfaces!

A mascotinha ficou ‘xike’ demais!

O site tem um conteúdo vasto e de grande valia para nós designers. Vale a visita e o bookmark!

Artigos Relacionados:

70 Tutoriais de Photoshop

Arthur — Fri, 25 Jan 2008 15:36:03 +0000

Desde que comecei a trabalhar com design, sempre aprendi muito com tutoriais na internet.

Os tutoriais de Photoshop sempre foram meu foco, onde aliás, já ensinei também, quando publiquei alguns tutoriais no iMasters e que você pode ver aqui no blog, também.

É muito bom, você aprende muito, e quanto surge aquela necessidade de criação de um efeito qualquer, você tem a ‘base’ pra poder chegar no efeito desejado, lembrando daquele tutorial que você seguiu lá atrás, praticando inocentemente.

Nesta lista, tem vários tutoriais com efeitos de Horror, muito sangue, efeitos em textos, entre outros.

Aliás, neste mesmo site há muitas outras áreas interessantes também. Vale a visita!

Veja aqui os tutoriais!

Artigos Relacionados:

Reflexos em Objetos 3D

Arthur — Wed, 23 Jan 2008 05:12:37 +0000

Efeito Reflexo em objetos 3D

Vamos ao que interessa, dando continuidade ao nosso último artigo. Iremos estudar o efeito de Reflexo em imagem de objetos 3D, ou seja, que tenham altura, largura e profundidade.

01. Abra um documento (Ctrl+N) de 400×300 pixels e fundo branco, como na imagem abaixo.

02. Selecione uma imagem em 3D, que desejar e retire o fundo dela (se houver). No meu caso, selecionei a seguinte imagem:

03. Duplique (Ctrl+J) a imagem e arraste uma camada abaixo da original.

04. Feito isso, vamos inverter a posição da imagem e movê-la para baixo de acordo com a figura. (Editar > Transformar > Virar Vertical).

05. Agora, com esta camada selecionada, o ponto fundamental do artigo, que consiste em transformar (inclinar) a imagem, de forma que ela pareça um reflexo do objeto acima!

Claro, vou explicar com as imagens. Erga um pouco as duas imagens, para que você as visualize melhor.

06. Selecione a ferramenta “Seleção” (M), e selecione a área conforme a figura:

Feito a seleção, você irá notar que a mesma não ultrapassa as dimensões da tela que criamos. Para isso, vamos editar a seleção.

07. Vá em Seleção > Transformar Seleção, e faça conforme a figura.

08. Feito isso, vamos incliná-la. V á em Editar » Transformação » Inclinar. (Edit » Transform » Skew) e faça conforme a figura:

09. Repita a operação com a outra perna da cadeira, e veja o resultado:

10. Calma, estamos quase lá. Ative o modo máscara e selecione a ferramenta degradê como nas imagens:

11. Clique e arraste conforme a figura.

12. Volte agora ao modo Standard (Q) e você irá notar a seleção que ficou automática.

13. Você deverá invertê-la e deletar, até que fique como na figura:
(Não esqueça de inverter a seleção antes de deletar, senão não dará certo!)

14. Arraste as 2 imagens para baixo para visualizá-las de forma completa e pronto!

Uma outra amostra do que pode ser feito com o efeito!

Pronto! Tentei passar aqui apenas a noção de como fazer o efeito, pois existem “n” imagens de objetos 3D e pode ser que em algum não de pra fazer desta forma simples, mas nada que pensar um pouco na hora não resolva!

Bom é isso, espero ter ajudado! Dúvidas, deixem um comentário abaixo!

Um grande abraço a todos e fiquem com Deus!

Artigos Relacionados:

Reflexos

Arthur — Wed, 23 Jan 2008 04:58:33 +0000

Reflexos em Textos e em Imagens

Vejo que muitos amigos ainda têm bastante dúvidas à respeito de um tema que considero até fácil, mas que tem alguns macetes que tornam o efeito bem mais agradável. O efeito de Reflexo.

Trabalharemos 2 tipos de Reflexo, em 2 capítulos: No 1º falaremos sobre o efeito em Textos e em Imagens, que são praticamente os mesmos passos. E no 2º capítulo falaremos sobre os reflexos em objetos 3D.

Bom, então let’s Rock!

1º – Abra um documento de 400×300 pixels, fundo branco, como na imagem abaixo.

2º – Selecione a ferramenta texto e, na caixa de cor, adicione a seguinte numeração: #3caebb.

3º – Em seguida, digite a palavra “iMasters” ou qualquer uma que preferir e a centralize no documento.

4º – Agora duplique a palavra iMasters com o comando Ctrl + J ou pelo menu “Layer > Duplicate Layer > OK”. Como irá duplicar uma camada acima, você pode movê-la para baixo da original.

5º – Feito isso, vamos inverter a posição da palavra e movê-la para baixo de acordo com as figuras.

6º – Agora vamos “achatá-a” para transformá-la em imagem, pois o efeito só é aceito em imagens. Vá em “Layer > Rasterize > Type” ou siga a imagem.

7º – Após achatar a palavra, vamos entrar no “Modo Máscara” com o comando “Q” ou no botão como na figura.

8º – Agora, selecione a ferramenta “Degradê” ou o comando “G”, e, em seguida, selecione o degradê conforme a figura.

9º – Com a ferramenta selecionada, clique e arraste conforme a figura.

10º – Volte ao modo standard de exibição.

11º – Feito isso, ficará uma seleção em volta da palavra. Então vá em “Select > Inverse” ou o comando “Ctrl + I” para invertê-la e em seguida, “Delete”. A imagem deverá ficar mais ou menos assim:

12º – Diminua agora a opacidade da camada para 50%, como na figura.

13º – Pronto! Seu efeito de Reflexo em texto está criado, mais alguns ajustes de posição.

O efeito é simples, porém, é bastante utilizado, e é claro que você pode deixá-lo mais complexo, mais trabalhado. Incremente a seu gosto e com sua criatividade! Um exemplo:

Bom, espero que tenham gostado. Lembrando mais uma vez que este artigo vale também para imagens!

Veja:

É simplesmente o mesmo processo. Creio que vocês não terão dúvida pra fazê-lo, mas se tiverem, escrevam!

Um grande abraço à todos! Fiquem com Deus!

Artigos Relacionados:

Fibra de Carbono

Arthur — Wed, 23 Jan 2008 04:51:08 +0000

Fala pessoas!

Estarei postando alguns tutoriais que criei para o iMasters, a um tempo atrás, mas que me parece, foi de grande valia pro pessoal que curte design e faz parte da comunidade.

Bom, chega de conversa and let’s rock!

Tutorial, sobre como criar uma textura de fibra de carbono no Photoshop!

Acompanhem!

01. Primeiramente iremos criar o padrão da textura. Abra um novo documento, de 4×4 pixels, com fundo branco. Note que é bem pequeno mesmo, porém, com a ferramenta “Zoom” ou pelo atalho, “Ctrl+” você poderá ver o que está fazendo.

02. Selecione a ferramenta “Pencil Tool” e preencha o campo de valor com 1px de diâmetro. Reproduza toda a área como a figura abaixo:

03. Agora vamos gravá-la como padrão, para podermos utilizá-la posteriormente em vários trabalhos. Vá em Edit » Define » Pattern, adicione o nome “Fibra de Carbono” ou o que você preferir e clique OK.

Pronto, sua textura de Fibra de Carbono está criada!

E agora como utilizo essa maravilha?

Bom, é fácil. Crie um documento novo, “Ctr+N” de 400×400 pixels, branco. Agora vá em Edit » Fill, e na combo “Use” selecione “Pattern”

Feito isso, aparecerá as opções existentes de padrões ou “patterns”, onde você selecionará a que você acabou de criar, Fibra de Carbono.

Pronto! Em cima disso, use sua criatividade para fazer vários trabalhos e efeitos diferentes. Veja um Zoom de 300% da textura.

Um modelo do que pode ser feito com essa textura e um pouco de criatividade:

Espero que tenham gostado! Se tiver sugestões, críticas ou elogios, fiquem à vontade para comentar no formulário abaixo!

Artigos Relacionados: