Portal Tecnologia

Olá pessoal.
Hoje vamos aprender as funções básicas para redimensionar o tamanho de uma imagem sem perder a qualidade da mesma. Sabe quando você acha aquela foto bacana de você acompanhado de sua nova gatinha e quando coloca no display do MSN para os amigos verem só aparece você? É isso que vamos aprender hoje, vamos fazer com que você mostre o novo affair para todos os seus amigos.

Vamos iniciar nosso estudo criando um palco de 300 x 300 px largura e altura.

Em seguida, implementamos uma imagem para o tutorial, eu  escolhi a imagem abaixo.
 

Em seguida vamos até a aba IMAGE, IMAGE SIZE (atalho ALT+CRTL+I) em PIXEL DIMENSIONS  vamos alterar as configurações de Width e Heigth para 100.

Após fazer a mudança clique em Ok e pronto.

Reparem no quadrado vermelho na figura, está opção redimensiona a imagem por igual tanto na altura quanto na largura. Caso esta opção não esteja selecionada, a sua imagem pode sofrer deformações ou ser redimensionada apenas em um dos pontos X ou Y.

Em Document Size, não precisamos alterar para este tutorial.

Este foi mais um tutorial para vocês.
Espero que vocês tenham gostado.

Abraços,
Will

Tags: Design e Criação, Photoshop

Olá pessoal, beleza?

Hoje vamos aprender um efeitinho bem básico e diria até iniciante porém para quem desconhece é bem útil.

Vamos começar criando o nosso palco com o tamanho 300 x 300 pixels.
Esta foi a imagem selecionada para o nosso tutorial, além de ser uma boa imagem eu recomendo a todos este cd. (Blue Hawaii rulez).

 
Agora crie um quadrado um pouco maior do que o tamanho da foto do Elvis, e coloque esta layer atrás da foto e preencha a mesma com a cor branca #FFFFFF. Em seguida clique duas vezes em cima da camada do quadrado. Na tela que se abriu clique na primeira opção DROP SHADOW.

As configurações ficam assim:

DROP SHADOW
Opacity: 42%    (Esta opção controla o volume de cor da sombra, no caso, quanto mais baixo o valor, mais transparente a sombra e vice-versa)
Angle: 120        (Esta opção controla o ângulo da sombra)
Distance: 5px   (Esta opção controla a distancia da sombra de um objeto, quanto mais baixo o valor, mais distante a sombra fica do objeto)
Spread: 0%       (Esta opção controla a intensidade da sombra, quanto maior o valor mais definida)
Size: 7px           (Esta opção controla o “esfumaçado” da sombra, quanto maior o valor, maior o detalhe da sombra)

QUALITY
Nesta opção deixe do jeito que está.

A sua imagem deve estar assim:

Em seguida selecione a opção Polygonal Lasso Tool (atalho L) e selecione metade da imagem.
Em seguida com a ferramenta Gradient Toll (Atalho G) e escolha a opção Foreground to transparent ou seja (Da cor para o transparente) e preencha a sua seleção.

Sua imagem final deve ficar assim:

É isso aí galerinha.

Espero que todos tenham gostado deste tutorial simples, porém funcional.
Uma ótima semana a todos e até segunda-feira com o próximo tutorial.

Grande abraço,
Will

Tags: Design e Criação, Photoshop

Olá pessoal,

Hoje iremos aprender um pouco sobre como fazer um mosaico com máscara no Photoshop.

Primeiramente criaremos um palco de 300 x 300 e pegamos algumas imagens para podermos fazer o efeito mosaico.

 
Em seguida vamos juntar todas as layers em uma só.
Selecione todas as layers com o SHIFT pressionado e clique com o botão direito, no menu escolha a opção MERGE LAYERS.

Agora vamos criar um Shape por cima desta layer com as fotos.
No meu caso eu escolhi este símbolo de um “Alvo”, mas sempre faça com formas diferentes para perceber outros resultados.

 
Em seguida com o CRTL pressionado vamos clicar em cima da layer ALVO com o botão direito, a mesma fará uma seleção por volta do Shape.

 
Feito isso agora clicamos em cima da layer das Fotos com o botão direito e escolhemos a opção ADD LAYER MASK.

 
Feito isso veja o resultado de sua imagem.

 
Espero que tenham gostado desse tutorial.
Um forte abraço a todos, e até segunda-feira com o próximo tutorial

By:Will

Tags: Design e Criação, Photoshop

Pessoal, a coluna do Will dessa semana foi substituída pela matéria que ele participou na revista RevolutionART do Perú, achei interessante publicar aqui um link para que vocês possam baixar a resvista em formato PDF, e poderem visualizar os trabalhos que são feitos mundo afora.

 Para baixar a revista em formato .zip contendo um PDF clique AQUI.

 Fiz também 3 perguntas para o Will, segue abaixo nossa conversa:

1 - Will, como você foi parar no Perú? Digo, de onde surgiu o convite, nos conte a respeito?
Will: Tenho contatos e amigos lá fora e estava comentando com um amigo sobre a entrevista em que participei para a Net. Magazine na Inglaterra e estávamos comentando sobre revistas digitais. Passada nossa conversa recebi um e-mail do diretor criativo da revista RevolutionART para participar da edição numero 15 DREAMS (Sonhos) que também é uma revista digital e muito acessada na Europa, foi então que entrei em contato com o Nelson para conversarmos a respeito do convite. Depois de nosso papo já estava participando e cá estou eu.

2 - Quando foi convidado a apresentar seus trabalhos nessa revista, como foi o processo de escolha das imagens?
Will: Na verdade o processo de escolha se não for o mais complicado está bem próximo de ser. Quando você escolhe imagens que não combinam com o layout ou a idéia proposta para a revista, você pode falhar em diversos aspectos. Tentei fazer uma seleção de trabalhos relacionados trazendo a idéia da revista que fala de sonhos, trabalhando um pouco com cores e imagens que trazem a idéia dos sonhos à tona com muitas tonalidades de cores, mas também resgatei  um pouco do apelo para a natureza que vem sofrendo constantemente nos últimos anos.
Acredito que tenha sido uma boa escolha.

3 - Agora onde pretende divulgar seus trabalhos no exterior, já recebeu outros convites? Nos fale a respeito.
Will: Os planos são muitos e não podem nunca parar, pretendo continuar trabalhando e mantendo muitos contatos com o pessoal lá de fora para futuros projetos. Recebi alguns convites sim, estou participando com meus trabalhos  em algumas edições de livros e revistas em alguns países, são eles: Dubai, França e Taiwan, tirando Inglaterra e Perú.
Estarei também em um projeto junto a um amigo que mora no Texas mas isso ainda é segredo e podemos deixar para a próxima matéria.

Quero agradecer infinitamente ao Portal Tecnologia por seu espaço aos profissionais na área de TI em geral. É de grande importância que este portal continue a crescer e se desenvolver para que no futuro possamos contar com, mais uma fonte de conhecimento. Um forte abraço a todos os leitores, colaboradores e amigos e muito obrigado novamente pelo espaço.

 Will

–
Tiago Souza

Tags: Photoshop, will

Olá pessal.

Estive conversando com o Tiago um dia desses e entramos em um assunto sobre o tutorial dos olhos vermelhos. Um amigo do Tiago cogitou a possibilidade de usarmos a ferramenta RED EYE TOOL, para que possamos tirar os olhos vermelhos. De fato a ferramenta RED EYE TOOL é exatamente para tirarmos os olhos vermelhos de fotos, mas porque não utilizei a mesma? Vou explicar agora:

A técnica que criei no tutorial passado foi exatamente para que os usuários comecem a entender melhor sobre outras ferramentas e o que elas podem fazer a nível de correção etc…

Claro que nosso colega está certo sobre a ferramenta também e por isso providenciei um tutorial exatamente sobre a RED EYE TOOL.

Inicialmente vamos criar um palco de 300×300 pixel e importamos uma imagem com os olhos vermelhos:

 
Em seguida vamos selecionar a ferramenta RED EYE TOOL e faremos uma seleção em volta dos olhos:

 
O resultado final será este:

 
Quero agradecer a participação do amigo do Tiago, e também peço desculpas por não saber o nome e dizer muito obrigado por colaborar conosco.

Quero fazer um apelo a todos que postem suas dúvidas, comentários, críticas, enfim, estamos em uma escala contínua de aprendizagem, vamos compartilhar com todos.

Se você viu alguma imagem, efeito, manipulação enfim qualquer coisa que ache interessante por favor escreva para mim que providencio um tutorial para colocarmos aqui.

contato@willportifolio.com.br

Grande abraço a todos e até a próxima segunda-feira.
Will

Tags: Design e Criação, Photoshop

Olá pessoal.

Me diz uma coisa, você já sofreu com espinhas no rosto? Já acordou numa bela manhã de sol e se deparou com uma espinha na ponta do seu nariz? E aquela festa que você foi e não manda as fotos para seus amigos porque estava com uma espinha enorme na testa? Enfim todos nós já sofremos com espinhas, cravos etc.

Hoje vamos aprender uma técnica bem legal, caso você sofra com espinhas, cravos, etc… procure um dermatologista pois ele vai saber o que fazer, mas se você só gostaria de tirar algumas espinhas ou imperfeições no seu rosto bem naquela foto que você curte, ai sim pode ler o tutorial que você vai gostar! ;D

Vamos começar pegando a foto escolhida, no caso escolhi a deste sujeito e reparem bem em sua reação ao ver que estava com uma espinha.

Criamos um palco 300×300 e importamos a nossa foto.

Em seguida pegamos a ferramenta PATCH TOOL atalho (J) e selecionamos a área em que está a espinha.

Sua imagem deve estar mais ou menos igual a imagem abaixo:

Agora com a ferramenta PATCH TOOL (J) ainda selecionada clique em cima do recorte onde se encontra a espinha e arraste para uma parte da pele sem imperfeições.

Vide imagem abaixo:

 
Agora solte o botão do mouse e veja o que acontece.

 
VOALÁAAA! A espinha sumiu.

Pois é galera esse é apenas um simples truque para tirar imperfeições em imagens, mas lembre-se que este truque é apenas um truque mais simples para tirarmos imperfeições.

Para um tratamento de imagem com mais detalhes existem outras formas mais eficazes, mas espero sinceramente que com este tutorial você não saia feio(a) na foto. =D

É isso ae pessoal, espero que todos gostaram e até segunda-feira com mais tutoriais.
Grande abraço a todos, e por favor se quiserem comentar sobre este tutorial não exitem qualquer dúvida estou aqui para esclarecer.

Will

Tags: Design e Criação, Photoshop

Bom dia a todos.

Hoje vamos aprender um efeito muito interessante: o efeito Gota D’AGUA.

Este efeito além de muito utilizado por empresas de refrigerante e cerveja, pode ser usado também para manipulação de imagens tipo “Suor” de uma pessoa. Enfim chega de falar Will e vamos ao tutorial.

1º Passo:
Criamos nosso arquivo com 300×300 de altura e largura e vamos pegar a imagem de uma folha.
Eu digitei “FOLHA” no Google e achei essa imagem muito boa para o tutorial.

Em seguida com a ferramenta Elliptical Marquee Tool atalho (M), vamos fazer uma pequena circunferência e preencher com a cor branca.

Em seguida vamos configurar esta circunferência. Clique duas vezes na layer da circunferência e vide imagem abaixo.

As configurações são as seguintes:

DROP SHADOW

 

OUTER GLOW

 

INNER GLOW

 

SATIN

 

Feitas as configurações sua imagem deve estar parecida com a imagem abaixo.

Agora vamos criar uma nova layer e com a ferramenta Elliptical Marquee Tool atalho (M), vamos fazer uma nova circunferência mas agora menor, e preencha com a cor branca.

Feita a circunferência aplique um GAUSSIAN BLUR, vá até a abá FILTER – BLUR – GAUSSIAN BLUR e aplique 6,5 de RADIUS, em seguida clique em Ok.

Sua imagem deve estar como a imagem abaixo.

 
Pronto e assim terminamos nosso tutorial de uma gota, mas você pode continuar a praticar mais e mais para dominar melhor este efeito.

Aqui segue uma imagem mais estilizada da nossa gota.

Agora use a imaginação e sai colocando gotas aonde você bem entender! =D
Um grande abraço a todos, obrigado por seguirem a coluna de Design e até segunda-feira.

Will

Para quem não sabe, nosso colaborador Will (Willians Fernandes), participou de uma entrevista para uma matéria da revista Inglesa Net Magazine.

Segue abaixo um preview da matéria, quando a edição for publicada por completo volto a postar.

Parabéns Will, nós do Portal Tecnologia desejamos sorte e sucesso na sua carreira e continue com as colunas semanais, tem ajudado muito nossos leitores.

Clique para ampliar

–
Tiago Souza

Olá pessoal.

Hoje vamos aprender como tirar os olhos vermelhos daquelas fotos que você mais gostou! Sim, porque sempre quando gostamos exatamente daquela foto, a melhor pose, o melhor sorriso, o que acontece? A foto sai com os olhos totalmente avermelhados =(

Para melhorar a sua vida vamos criar um tutorial básico para retirarmos os olhos incorretamente pigmentados em vermelho!! (UAUU XD)

Primeiro passo:
Vamos importar a sua foto para o photoshop e duplicar com o botão direito em cima da layer da foto escolhemos DUPLICATED LAYER.

Em seguida em cima da layer que foi duplicada vamos criar uma nova layer em branco.
(Dica: sempre duplique suas layers principais pois assim se der um problema no trabalho você tem a layer original para restaurar)

Em seguida vamos escolher a ferramenta ELLIPTYCAL MARQUEE TOOL (ATALHO M) e vamos circular em volta os olhos vermelhos e em seguida vamos preencher com a coloração que você escolheu. Sua imagem deve ficar mais ou menos como a imagem abaixo.

Agora iremos aplicar na layer da Iris vamos deixar em HUE com 100% Opacity e 100% Fill.
(Vide imagem abaixo)

Feito isso sua imagem já estará pronta, agora depende de você como você quer deixar a cor de seus olhos.
A imagem finalizada abaixo, antes e depois.

É isso ae galera, espero que todos gostaram do tutorial e perceberam como é simples retirar imperfeições dos olhos.
Grande abraço a todos e espero todos vocês na segunda-feira.

–
Abraços,
Will

Tags: Design e Criação, Photoshop

Olá pessoal.
Hoje vamos aprender um pouco sobre o efeito BLUR, sim Will mas o que seria o efeito BLUR?
O efeito BLUR é muito usado para dar idéias de velocidade, ou uma foto sem foco etc…
Hoje estaremos aprendendo a usar um pouco deste efeito.
Iremos iniciar criando um palco de (W) 300px por (L) 300px.

Em seguida iremos até a ferramenta Custom Shape Tool (atalho U) eu escolhi uma estrela mas fique a vontade para escolher qualquer shape.
(Dica: Shape = Formas)

 
Em seguida iremos duplicar a camada da estrela clicando com o botão direito em cima da camada e escolhendo a opção Duplicate Layer.  Na caixa que se abre clique em OK.
Agora iremos lá em cima na aba Filter, Blur e para este tutorial usaremos o RADIAL BLUR.
Deixe as configurações do Radial Blur mais ou menos como estas:

AMOUNT: 50%
BLUR METHOD: ZOOM
QUALITY: GOOD
BLUR CENTER: ARRASTE O BLUR CENTER EM DIAGONAL TODO PARA A ESQUERDA
Feitas essas configurações clicamos em Ok.
(Dica: Estas configurações não são um padrão e nem são de obrigatoriedade de todos fazerem, a idéia é mostrar como se faz e vocês deixarem a imaginação fluir ao longo do processo, usando configurações diferentes e aprendendo com suas experiências.)

Em seguida aplique mais algumas vezes este efeito com o atalho (CTRL + F) eu apliquei umas 6 vezes, quanto mais você aplica o efeito mais o BLUR irá ficar com a textura macia, mas cuidado para não perder o efeito.

 
E assim damos por finalizado o tutorial, mas você pode estilizar ainda mais o seu efeito em blur. Tente sempre usar configurações diferentes para ver o que acontece, melhor do que dar o peixe é ensinar a pescar certo? =D

Abaixo segue um modelo mais estilizado da estrela.

 
É uma boa dica para um banner natalino, afinal de contas o natal logo chega.
Espero que todos curtiram e até segunda-feira com mais tutoriais.

Abraços,
Will.

Tags: Design e Criação, Photoshop

Olá Pessoal!

Hoje vamos aprender um efeito bem básico porém com um resultado muito sofisticado, estou falando do efeito “REFLEXO”. Este tutorial se destina ao nível básico e vamos começar criando nosso arquivo.

OBS: Para visualizar o tutorial completo clique no final do post em: “Continue reading”.

Vamos Lá!!!
Crie um palco com o tamanho de 300 Width x 300 Height e clique em ok.

Em seguida vamos pintar o nosso fundo de preto, e com a ferramenta Horizontal Type Tool (atalho T), vamos escrever uma palavra qualquer. No meu caso usei o nome do Portal Tecnologia, mas fique a vontade para escrever o que bem desejar.

(Dica: Use esse efeito sempre em fundos escuros para obter um bom resultado).

Continue reading »

Tags:

Ola pessoal, fechada a parceria com o Portal Tecnologia estaremos fazendo um ícone com efeito em A’qua com alguns poucos passos.

Este tutorial destina-se ao pessoal que já possui uma certa afinidade com o Photoshop.

Primeiramente vamos criar um palco com o tamanho de 300 W x 300 H.

Em seguida vamos criar um círculo com a ferramenta Elliptical Marquee Tool (Atalho M).

Em seguida iremos criar uma nova layer e criar um círculo menor, e com a ferramenta Gradient Tool, vamos em Linear Gradient e criamos um gradiente com uma tonalidade de cor mais forte do que a que já estamos usando, vide imagem abaixo:

Com o degrade já aplicado vamos agora fazer uma nova circunferência com a ferramenta Elliptical Marquee Tool (Atalho M), e com a ferramenta Gradient Tool, Linear Gradient fazemos um gradiente em branco.

Feito isso criamos uma nova layer por baixo do gradiente branco e colocamos um símbolo ou imagem, vide imagem abaixo.

Pronto esta pronto o nosso ícone que também pode ser usado como botão.

Espero que todos curtiram este tutorial e segunda-feira que vem tem mais…

Abraços
Will

contato@willportifolio.com.br
www.willportifolio.com.br

Tags: Design e Criação, Photoshop, will