Desenvolvimento 0800

[Unknown -]

TÓPICO PADRÃO MULTISHOW!

Este humilde tópico tem como objetivo proporcionar um desenvolvimento rápido e bom para pessoas que estão começando agora nesse meio. E para os demais que já são experientes, ajudarão na formação, e poderão desfrutar do mesmo conteúdo. Sei que essa área não é muito popular nesse fórum, mas há um ou outro que talvez se interesse. Então, você poderá postar qualquer trabalho ou dúvida, receberá dicas, avaliações e até mesmo demonstrações. Além de tutoriais que serão postados frequentemente. De forma pessoal, o objetivo do tópico é oferecer oportunidades reais à quem realmente se interessa por isso, além de um conteúdo variado, que eu nunca tive (repetindo, falando de forma pessoal). O tópico é só um teste, podendo ter fim logo, logo, por isso dito o "Padrão Multishow". 

Obs: O conteúdo será aberto, não somente "Avatar, sign, etc". Pode haver desde trabalho com fotos, manipulação de imagens... Ou seja, tudo que se pode chamar de "Arte Gráfica".

Por fim, sinta-se livre para contribuir com a ideia. Abraço!

(Para acompanhar as postagens, basta seguir o tópico)

Editado Junho 6, 2017 por Unknown -

[Unknown -]

TUTORIAL PARA PHOTOSHOP - BÁSICO

Para você que tem dificuldade em trabalhar imagens. Nele há algumas instruções com degradês, iluminação, sombra, cor, nitidez, efeito de chuva, raio de luz, implementação de elementos ambientais, além de tipografia. Postarei o resultado agora e logo, logo o tutorial em si.

Essa será a imagem usada e o resultado logo em seguida.

                

 

TUTORIAL

Notas importantes: Quando for mencionado "Camada de ajuste" você deverá ir na ferramenta "Criar nova camada de preenchimento ou de ajuste", que fica no canto inferior direito da tela do Photoshop, e logo em seguida procurar a opção dita no tutorial.

As opções do menu Camada de Ajuste são de uma utilidade que não dá nem pra falar, acostume-se com elas, porque é de lá que vem quase 80% do tratamento da imagem.

   

1. Como vemos, há uma variação de cores no fundo, deixando incerto o foco da luz e sua origem, então vamos mudar o foco de luz para a parte de cima, deixando a parte de baixo completamente escura. É importante ter essa noção de iluminação, principalmente no estilo realista. Para isso, escureceremos a parte de baixo, com um degradê preto, que fica na Camada de Ajuste.

Você escolherá o degradê "Cor para transparente" com a cor preto nos dois lados. Estilo - Linear, ângulo - 90° e escala - 70%. Você verá que a fonte de luz virá de um só lugar, isso fará uma iluminação melhor.

2. Na Camada de Ajuste, você irá escolher a opção "Mapa de Degradê", você clicará na faixa do degradê que vai aparecer, na ponta esquerda, coloque a cor "4d346a", e clique no meio da faixa, e que irá adicionar um novo quadrado de cor, nele você colocará a cor "515682", e na ponta direita, você colocará a cor "a5865b". Logo depois, mude o modo da camada para "Multiplicação", e o preenchimento em "50%". Lembrando, o uso de degradês é para adicionar cor e ajudar também na iluminação da imagem, por isso, façam uso deles em seus trabalhos, usados de uma forma correta, dão muita beleza na imagem.

3. Na Camada de Ajuste, você irá escolher a opção "Mapa de Degradê", você clicará na faixa do degradê que irá aparecer, na ponta esquerda, ponha a cor preta, e na direita a cor branca. Depois, no modo da camada, ponha em "Luminosidade", esse é o mais usado para ajustar a iluminação da imagem, entre o claro e o escuro. Ponha o preenchimento em 60%.

4. Para criar um efeito de chuva, crie uma nova camada, deixe ela em "Luz Indireta" no modo de camada. E com um pincel com dureza em 0% e opacidade 50%, vá pintando as em cima da roupa do personagem, nas extremidades, como se fosse a chuva caindo sobre ele. Para ser mais fácil, baixe no Google uma imagem de chuva em png, e insira no trabalho, depois ajuste o modo de camada ou a opacidade da imagem para um melhor resultado.

5. Na Camada de Ajuste, você irá escolher a opção "Mapa de Degradê", você clicará na faixa do degradê que vai aparecer, na ponta esquerda, coloque a cor "40197c", e  na ponta direita, você colocará a cor "ffb400". Modo de camada ponha em "Luz indireta" com preenchimento de 20%.

6. Na Camada de Ajuste, você irá escolher a opção "Brilho/Contraste", em brilho você põe 35 e em contraste você põe 10. Depois ponha o preenchimento em 30%.

7. Na Camada de Ajuste, você irá escolher a opção "Matiz/Saturação", ponha Matiz em +15, Saturação em -30, e Luminosidade em -6.

8. Para a implementação de imagens no seu trabalho, procure baixar imagens em PNG. Para a implementação da lua no fundo da imagem, eu baixei uma imagem da lua normal e a cortei com a ferramenta caneta. Logo depois coloquei seu Modo de camada em "Divisão" para retirar partes escurar da imagem, já que seu fundo era preto. Diminuí seu preenchimento para parecer integrada a imagem que estamos utilizando e depois criei uma nova camada, selecionei um pincel branco redondo com dureza 0% e opacidade em 40% e cliquei sobre a imagem da lua, para dar um efeito de brilho.

9. Nessa parte eu simplesmente inseri alguns efeitos com algumas imagens, apenas mudando a cor para uma puxada para ouro, e implementei a tipografia, usando variadas fontes. Imagens utilizadas:

http://ap.imagensbrasil.org/image/00tMRP
http://ap.imagensbrasil.org/image/00tWzr

10. Para um bom encerramento do seu trabalho, selecione a camada principal, que no caso é a imagem que começamos a trabalhar, e com ela selecionada, vá em "Filtro>Tornar Nítido>Tornar Nítido", só isso fará com que sua imagem fique mais detalhada. E se quiser registrar, caso você se importe com isso, adicione uma assinatura, como fiz em baixo.

 

E é isso, esse foi o primeiro tutorial, espero que tirem bastante proveito e que eu veja aqui constantemente seus trabalhos com o que aprenderam, não só comigo, mas com outros designers que contribuíram  e contribuirão com o seu desenvolvimento. Lembrando que, caso queira instruções sérias e críticas detalhadas sobre seus trabalhos, poste-os aqui, que eu e os demais designers opinaremos para seu melhor desenvolvimento.

 

 

Editado Junho 13, 2017 por Unknown -

[Nocz]

Ótimo resultado... me lembra o Fox Designer. 

Boa iniciativa @Unknown -

[Unknown -]

1 hora atrás, Nocz disse:

Ótimo resultado... me lembra o Fox Designer. 

Boa iniciativa @Unknown -

Muito obrigado man, quando puder contribua com o tópico tbm. Nunca conheci nenhum designer com nick de Fox :/

[Nocz]

Me refiro ao Forum do FoxDesigner, já foi muito bom, mas hoje em dia grupos no deviantart são mais movimentados.

Editado Junho 13, 2017 por Nocz

[xManCHa]

Muito bom, irei fazer o meu e postar aqui!

[SuubZeroo HardCore]

5 minutos atrás, xManCHa disse:

Muito bom, irei fazer o meu e postar aqui!

Entao posta logo vacilaum.

[Unknown -]

2 horas atrás, xManCHa disse:

Muito bom, irei fazer o meu e postar aqui!

Desde já eu agradeço a contribuição man!

[Corisco Nerfado]

Hummmm, gostei. Irei postar alguns trabalhos também #ManchaReiDelas

 

[Unknown -]

Tópico do tutorial atualizado.

[xManCHa]

Fiz me baseando no teu tutorial, o resultado ficou muito bom!

 

   Depois  

Antigamente sentia bastante dificuldade com algumas coisas, teu tutorial ajudou bastante.

A tipografia não ficou muito boa rs

Editado Junho 16, 2017 por xManCHa

[marden3613]

Em 15/06/2017 at 21:41, xManCHa disse:

Fiz me baseando no teu tutorial, o resultado ficou muito bom!

  Mostrar conteúdo oculto

   Depois  

 

  Mostrar conteúdo oculto

 

Antigamente sentia bastante dificuldade com algumas coisas, teu tutorial ajudou bastante.

A tipografia não ficou muito boa rs

Muito bom man, conseguiu dar mais qualidade as sombras da imagem, deixou ela mais realista, além das cores não perderem o destaque com o escurecimento. E a tipografia não ficou ruim, ficou boa, muito boa até, manja bem. Agora vou deixar uma imagem aqui pra você e qualquer outro que tiver interesse tentar trabalhar e expôr o resultado depois. Faz nas dimensões do avatar antigo, que se não me engano ou é 150x300 ou 200x300. Parabéns man! (Aqui é o Unknown, mas entrei na conta errada e comentei sem ver, kk)

 

 

Editado Junho 18, 2017 por marden3613

[xManCHa]

Acabou ficando assim

 

Editado Junho 23, 2017 por xManCHa

[Nanadi]

Movido para área de tutoriais

[xManCHa]

Original:

 

Editada:

 

 

 

 

Editado Junho 29, 2017 por xManCHa

[Unknown -]

Em 23/06/2017 at 20:16, xManCHa disse:

Acabou ficando assim

  Mostrar conteúdo oculto

Man, ficou boa, mas achei que ela ficou muito escura, talvez porque você meio que aplicou o mesmo estilo de efeito da passada. Melhoraria se você aplicasse mais luz.

 

Em 29/06/2017 at 15:03, xManCHa disse:

Original:

  Mostrar conteúdo oculto

Editada:

  Mostrar conteúdo oculto

 

 

 

Man, essa aqui tem nem o que falar, conseguiu mesclar o fundo com a imagem direitinho, além das pétalas. A manipulação de imagens requer uma noção de iluminação e cor pra parecer real, e tu conseguiu na imagem. Parabéns man, teu desenvolvimento é notável. Depois tenta mescar fotografias reais e posta aqui, o desafio é bem maior. Espero ver mais trabalhos. E depois vou ver se posto um tutorial mais pra isso, vlw ? Flw

[xManCHa]

8 horas atrás, Unknown - disse:

Man, ficou boa, mas achei que ela ficou muito escura, talvez porque você meio que aplicou o mesmo estilo de efeito da passada. Melhoraria se você aplicasse mais luz.

 

Man, essa aqui tem nem o que falar, conseguiu mesclar o fundo com a imagem direitinho, além das pétalas. A manipulação de imagens requer uma noção de iluminação e cor pra parecer real, e tu conseguiu na imagem. Parabéns man, teu desenvolvimento é notável. Depois tenta mescar fotografias reais e posta aqui, o desafio é bem maior. Espero ver mais trabalhos. E depois vou ver se posto um tutorial mais pra isso, vlw ? Flw

Valeu pelas dicas mano, me ajudou bastante, tem alguns erros mas nada que uma boa prática não resolva. Realmente fiquei surpreso com essa manipulação que fiz kkk, achei que ficou muito boa. Irei tentar com fotos normais, espero que fique legal kkkk valeu!

[You Know Why]

Muito bom parabéns