Guia de um idiota para o photoshop, parte 1: fácil photoshop

Índice

§1. Introdução

§ 2-Criação de um novo documento

§3-Usando a ferramenta pincel

§4-Utilizando a ferramenta de texto para adicionar texto

§5-Utilizando a ferramenta de movimento

§6-Adicionando efeitos de camada, como sombra e chanfro um grave

§7-Achatamento sua imagem e algumas informações sobre camadas

§ 8-Redimensionamento sua imagem

§ 9-A rotação da Free Transform

§10-Combinando imagens. Coloque sua imagem de teste em um fundo real,

§11-Salvar para a Web

§12-Recorte

§13-Utilizando a ferramenta de preenchimento

§14-Adicionando uma fronteira

§15-Criação de uma marca d`água

§16-borrão ferramenta

§17-Nitidez Imagem

1. Introdução

Um monte de pessoas são intimidados por Photoshop da Adobe. À primeira vista, é confuso, mas com uma pequena ajuda pode ser rapidamente em seu caminho para se tornar um guru Photoshop. Este é o nosso guia introdutório sobre como fazer funções básicas no Photoshop.

Photoshop é uma edição gráfica em camadas progra- é uma grande ferramenta para criar, editar e manipular imagens. Deixe-me dar-lhe um pouco de conhecimento para começar. Eu gostaria que alguém teria explicado o que camadas foram em relação ao design gráfico antes de começar a ensinar Photoshop para mim mesmo.

Cada novo pedaço de dados que você adicionar à sua imagem é uma nova camada, mesmo que você ver toda a imagem como um- isso não significa que você tem toda a imagem selecionada. Então, se você está tentando fazer algo para tudo na sua tela e só está a afectar uma parte do que você está na camada errada. Mantenha-se que na parte de trás de sua mente à medida que continuamos.

Uma nova camada é criada para cada nova ação que você tomar. Se você usar a ferramenta de texto para adicionar algum texto para a imagem que vai criar uma nova camada para ele. No entanto, se você editar essa camada e mude a cor da fonte é ainda na mesma camada. Você sempre pode trazer à tona suas camadas pressionando F7. A porção da camada da tela está abaixo. Este é o coração ea alma do Photoshop para ter certeza de realmente ter em mente ao discutirmos outras áreas do Photoshop. Vamos entrar em mais detalhes ao discutirmos cada função.

Eu realmente recomendo que você leia a seguir MakeUseOf artigo em camadas antes de começar o seu tutorial Photoshop. Ele é uma fantástica, muito curto write-up em camadas Tudo a respeito.

Vamos acender qualquer versão do Photoshop que você estará usando, e começar. Eu estarei usando o Photoshop CS3 então pode haver algumas pequenas diferenças entre as nossas versões. Nada grave, mas se você não consegue encontrar uma opção específica onde eu dizer-lhe que é ... olhar em volta um pouco mais.

Cada característica vou mostrar-lhe podem ser encontrados em todas as versões do Photoshop, já em 6 (A primeira versão que eu realmente entrei).

Uma vez que o programa foi totalmente lançado, você vai ficar com um espaço de trabalho em branco.

2. Criação de um novo documento

As barras de ferramentas padrão será à sua direita. Para criar um documento em branco você pode bater (Control + N) ou clique em File> New.

Isso lhe dará essa caixa de diálogo.

Aqui é onde você define as dimensões e resolução de imagem.

Para começar, vamos criar uma caixa de pixel de 400 x 400. Eu gosto de trabalhar em pixels, devido à minha formação web design, mas se você preferir usar polegadas ou outra unidade de medida, em seguida, use o menu suspenso e mudar-se.

Agora você verá uma caixa em branco no seu espaço de trabalho, juntamente com sua barra de ferramentas todo o caminho à direita e a barra de camada entre eles. Sua barra de ferramentas contém todas as ferramentas que você pode usar para manipular sua imagem. A caixa camada mostra o que camada que você está trabalhando e qualquer relação entre eles.

Você vai notar que você só tem camada e é rotulado Fundo com um ícone de cadeado. Esta é a forma como cada imagem Photoshop nova começa. Como você adicionar itens à sua imagem novas camadas serão criadas automaticamente.

3. Usando a ferramenta pincel

Vamos usar a ferramenta pincel para desenhar um rosto sorridente. Selecione a ferramenta clicando no item na sua barra de ferramentas, como mostrado abaixo.

Em seguida, escolher o tamanho do nosso escova, chamado o diâmetro na parte superior da tela.

Agora use o mouse e pintar um sorriso ou algo mais criativo. Assim que você começar a pintar uma nova camada será criada para você.

4. Usando a ferramenta de texto para adicionar texto

Vamos adicionar algum texto para a nossa imagem clicando no nosso item da barra de ferramentas de texto aqui.

Observe que o Photoshop cria uma nova camada para o seu texto como eu disse antes. Escreva algo em e continuar.

Depois de selecionar a ferramenta de texto você pode clicar em qualquer lugar da sua imagem e digite a palavra estilo. Você percebe as barras de ferramentas na parte superior da tela mudam de ter ferramentas de edição de texto como o tipo de letra, tamanho e cor.

5. Usando a ferramenta Mover

Depois que você terminar de digitar no seu texto, clique na ferramenta mover. Você pode ver a ferramenta mover circulou no tiro abaixo da barra de ferramentas. Use essa seta para clicar e mover a imagem ao redor.

Observe que a imagem não se move, ele simplesmente move o texto. Isso porque, no momento, é a camada de texto que está selecionado. Você precisa prestar atenção a suas camadas. É a coisa mais confuso para novos usuários do Photoshop. Eu soar como um disco quebrado, mas você vai me agradecer mais tarde.

6. Adição de efeitos de camada, como sombra e chanfro e entalhe

Vamos clicar sobre a camada de texto e clique no botão efeitos abaixo dela.

Porque temos a camada de texto selecionado (você vê o grande T eo nome camadas é uma parte de seu texto.) Agora vamos dar ao texto uma sombra e chanfro e entalhe-lo assim.

Depois de clicar em OK a sua imagem será parecido com este. Observe a diferença na aparência do texto.

Muito legal né?

Você pode voltar e mexer com os outros efeitos, não se preocupe eu vou esperar.

7. O achatamento sua imagem e algumas informações sobre camadas

Agora, se você ir para o menu acima, pressione Camada> Achatar imagem. Todas as suas camadas tornam-se mesclada. Não importa quantas camadas você tinha, todos eles se tornam uma camada, uma imagem.

Neste ponto, tentar usar a "seta" ferramenta mover novamente e ver o que acontece neste momento. Agora, toda a imagem se move. Isso porque o que foi duas camadas antes de agora se tornou apenas um. Você pode ver que a coluna camadas na direita agora tem apenas uma camada listados. Isto é o que acontece quando nós achatar a nossa imagem. Quando há uma camada que normalmente diz Background nele com um ícone de cadeado pequeno. Para desbloquear a camada basta clicar duas vezes no ícone de cadeado.

Mesmo depois de a camada é desbloqueado a imagem se encontra ainda neste estado achatado e você não pode editar o texto ou modificar a imagem.

Agora vamos desfazer o nosso achatamento para que possamos editar o texto novamente. Para fazer isso (Bem, para Un-Do presente - desculpe o trocadilho), podemos usar um Undo normal ou (Control + Z).

Nota: Se você queria fazer múltipla un-do é como no Microsoft Word você não pode simplesmente continuar batendo (Control + Z) você precisa usar um comando diferente, chamado de Passo para trás (ou Alt + Ctrl + Z).

De qualquer maneira este será simplesmente desfaz a última ação. Será como se nunca tivesse acontecido. Pintar a linha errada, digite o texto errado apenas um passo para trás.

Clique na ferramenta de texto e clique na camada de texto, você verá que você pode editar o texto novamente e modificar os seus efeitos. Fazer algumas mudanças e, em seguida, recuar para desfazê-las.

8. Redimensionar sua imagem

Agora, digamos que você deseja redimensionar a imagem tudo o que você tem a fazer é ir para Imagem> Tamanho e alterá-lo.

Vamos dar uma olhada nisso:

8.1 Redimensionar a tela

Você pode fazer a mesma coisa com o fundo da lona que você está trabalhando. Você pode aumentar ou diminuir o seu espaço de trabalho. Para fazer isso você iria para o Tamanho da Imagem> Canvas. Hit isso e você terá uma caixa de diálogo similar à caixa de tamanho da imagem. Você pode vê-lo abaixo. Não vai afetar a sua imagem, mas se você fizer a tela muito pequena algumas das sua imagem pode ser escondido.

Brincar com o tamanho e fazer a sua tela maior.

Agora eu tenho essa imagem menor em uma tela maior.

9. Rotating e Free Transform

Vamos nivelar nossa imagem novamente. Imagem> Achatar imagem. Agora você quer girar sua imagem? Para isso podemos utilizar transformação livre, vá em Edit> Free Transform (ou pressione Control + T)

Isto está em CS3 em outras versões que poderia ser um pouco diferente. O meu colega está usando Photoshop Elementsandforhit it`sImage> Girar> FreeTransform depois de selecionar a opção, em seguida, clique na caixa de quadrados ocos debaixo de sua imagem e rotação ou transformá-la em seu coração conteúdo. Você pode lançá-lo e mexer com ele. Experimente.

Nota: Isto também pode ser utilizado para endireitar fotos digitalizadas.

Quando você é feito "Transformar" a sua imagem você terá que clicar em outro item da barra de ferramentas como texto ou a ferramenta mover. Photoshop Isto nos deixa todos saber que você é feito com transformadora e agora vai perguntar se você quer se comprometer suas alterações como esta:

Clique em Aplicar e ele irá processar a sua imagem com suas especificações. Clique cancelar ou não se aplicam e vai voltar com as alterações.

10. Combinação de imagens. Coloque sua imagem de teste em um fundo real,

Vamos colocar nossa imagem rosto sorridente e texto em um fundo diferente. Você tem uma imagem digital em seu computador?

Ótimo! Vamos usar isso.

Primeiro verifique se sua imagem é achatada, vá para Imagem> Achatar imagem. Em seguida, queremos selecionar uma caixa em torno de nossa imagem e cortá-lo.

Para isso, vamos usar a ferramenta de caixa como visto abaixo (pressionando alt ao bater esta ciclos de ferramenta através de outras formas, como um círculo) pressionando alt ao bater esta ciclos de ferramenta através de outras formas, como um círculo ou uma única coluna de pixels).

Depois de selecionar esta ferramenta desenhe uma caixa com o mouse em torno de sua imagem. Como você vê na imagem abaixo.

Pressione Control + X ou navegar em Edit> Cut. O seu rosto sorridente desaparecerá. Você também pode usar Editar> Copiar (ou Control + C) para deixar a imagem original.

Agora vamos abrir a nova imagem e colar a imagem que tem na sua área de transferência no topo da nossa imagem digital. Fazemos isso clicando arquivo aberto (ou Control + O).

Em seguida, vá em Edit> Paste (ou Control V) e sua imagem cara do smiley eo texto está agora no topo da sua imagem digital. Você pode movê-lo, manipulá-lo e até mesmo dar-lhe os mesmos efeitos que vimos antes no texto. Você pode aplicá-los a qualquer camada.

Vamos nivelar nossa imagem por vez indo até Image> Achatar imagem.

11. Salvar para a Web

Agora vamos guardá-lo para o uso da Internet pressionando Arquivo> Salvar para Web (ou Alt + Shift + Control + S). Isso pode parecer uma tecla de atalho longa, mas é o que eu uso com mais freqüência!

12. Recorte

Agora, se você queria cortar fora o bebé a partir da imagem ou "Cortar `la você usaria a mesma ferramenta caixa de nós lhe mostramos antes para desenhar uma caixa em torno dela. Igual a:

Em seguida, pressione Control + X para cortar e Control + N para abrir um novo documento (nota: que o tamanho já é perfeito para sua imagem recortada) e, em seguida, Control + V para colá-lo para o novo documento em branco.

Agora nós gostaríamos de cortar o resto do smiley face e tentar igualar-se ao fundo. Vamos usar essa ferramenta caixa retangular na barra de ferramentas, selecione o que restou do rosto sorridente e bateu apagar.

13. Utilizando a ferramenta de preenchimento

E vamos usar a ferramenta de preenchimento para preencher uma cor semelhante para agora.

Em um guia mais tarde vamos mostrar-lhe como replicar o fundo para fazer um novo pedaço dele. Mas agora vamos preenchê-lo. Clique na ferramenta conta-gotas como você vê selecionado abaixo.

13.1 Usando a ferramenta conta-gotas para selecionar uma cor exata para a ferramenta de preenchimento

Use a ferramenta conta-gotas para selecionar o fundo ao lado do quadrado branco. Ele irá definir o padrão de cor para ser a sombra de rosa.


Agora vamos selecionar o balde de preenchimento e basta preencher este espaço como tal. Você pode ver o balde de preenchimento selecionada na barra de ferramentas abaixo. Parece um balde de tinta em tombar:

Desmarque a sua selecção clicando na ferramenta caixa e clicar em sua imagem ... Não para o mal para uma primeira tentativa eh?

Agora dizer que queria fazer esta mesma imagem em preto e branco - você sabe o quão simples que é isso? Tudo o que faço é Control + A para selecionar todos, Control + C para copiar a minha imagem e Control + N para abrir um novo documento que terá a versão preto e branco da imagem.

Aqui é onde eu fazer uma mudança de cor RGB em tons de cinza, como você pode ver aqui:

Então eu colar a minha imagem neste recipiente preto e branco e bam - imagem preto e branco!

14. Adição de uma borda

Parece que você está em recuperação rápida! Talvez possamos tentar algo um pouco mais difícil. Como sobre a adição de uma borda para a imagem? Primeiro vamos selecionar a nossa imagem inteira pressionando Control + A então vamos bater Selecionar> Modificar> Border

I escolher 10 pixels para o meu fronteira. Então eu certifique-se a cor que eu quero é destaque no selector de cor e eu encher a imagem. Isto é o que eu recebo.

15. Criação de uma marca d`água

Às vezes as pessoas querem que você saiba onde uma imagem específica veio. Talvez porque é um trabalho original de alguém ou talvez é informação confidencial e você quiser rotulá-la como tal. Este é um truque muito simples e pode ser feito com uma imagem ou texto.

Nós vamos usar uma marca d`água texto no canto inferior direito da nossa imagem.

Clique na ferramenta de texto adiciona o texto que deseja a marca d`água a sua imagem. Então, se você olhar em sua caixa camada que você vai ver uma configuração chamada opacidade. Isto irá permitir que você veja através de seu texto ou imagem-Normalmente, eu colocá-lo em cerca de 28% e chamá-lo um dia. Você também pode adicionar efeitos de camada à sua marca d`água.

Não gasto? Impressionado com o seu próprio trabalho ainda? Vamos seguir em frente!

ferramenta 16. borrão

Como a nossa lição final que vai borrar uma imagem, nitidez a uma imagem e, em seguida, borrar a imagem. Vamos olhar para a ferramenta Blur.

Você pode ver a ferramenta selecionada no tiro acima. Você começa a escolher sua escova para esta ferramenta apenas como para o pincel. Bata a ferramenta de borrão e depois pintar em sua camada e vai borrar assim:

Se você quiser desfocar apenas a parte da imagem, em seguida, usar a ferramenta de seleção retangular para selecionar a primeira porção. Uma vez que você fez a seleção usar a ferramenta de desfocagem para borrar a imagem.

17. Nitidez Imagem

Vamos voltar para desfazer a indefinição. Em seguida, clicando na tecla Alt e bater a ferramenta desfoque ele vai se transformar em um triângulo aka a ferramenta de nitidez.

Selecione-o e pintar sobre uma parte da imagem da seguinte forma:

Ele vai aguçar a sua imagem. Você pode voltar atrás e não-fazer o que você tem feito. Agora brincar com tudo o que você aprendeu e você está no seu caminho para se tornar um guru Photoshop!

Como você deve ter notado tanto Blur e ferramentas de nitidez pode ser ajustado ao seu gosto. Ou seja, quando você seleciona uma dessas ferramentas que você será capaz de ajustar ainda mais o impacto do pincel, escolhendo o tamanho do pincel e sua força (veja imagens acima).

Essa é uma corrida básica através sobre como abrir, editar, criar, redimensionar e salvar imagens para o uso da web dentro de Photoshop.

Além deste há um monte de plug-ins e efeitos que você pode usar com Photoshop qualquer coisa que você pode imaginar que você pode encontrar na internet. Google e ver o que você venha.

Fique atento para o nosso próximo capítulo em que aprofundar modificação da imagem e plug-ins.

Torne-se um pro Photoshop pela leitura de outros guias, bem como:

  • Manual do Photoshop é um idiota - 2
  • Guia de um idiota Para Photoshop, Parte 3: Pro Tips
  • Guia de um idiota para o Photoshop, Parte 4: Avançado Recursos e divertidos efeitos Foto
  • O que há de novo no Photoshop CS6, o seu último Overview
Faça o download deste Guia
  • PDF
  • ePub
» » Guia de um idiota para o photoshop, parte 1: fácil photoshop