Suporte Design
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Suporte DesignEntrar

O Suporte Design dispõe de várias áreas de interesse do usuário, para que o mesmo possa desfrutar do nosso trabalho. Somos também, especialistas naquilo que fazemos, para auxiliar ao utilizador exatamente o que precisa.


descriptionDúvida - Colocar estilo de moldura no Avatar EmptyDúvida - Colocar estilo de moldura no Avatar

more_horiz
Olá,

Gostava de saber como colocar este estilo à volta do avatar:

Dúvida - Colocar estilo de moldura no Avatar 1_bmp47

É umas das coisas que não sei e por acaso interessa-me muito, quem souber que diga Wink

Última edição por IsmaelS. em Qua 2 Out - 18:50, editado 1 vez(es)

descriptionDúvida - Colocar estilo de moldura no Avatar EmptyRe: Dúvida - Colocar estilo de moldura no Avatar

more_horiz
Olá, querido.

É um código css que utilizamos para o efeito, eu só tenho para a versão phpBB3 porém você já terá uma pré-visualização do efeito.

Adicione esse código na sua folha de estilo css;

Código:

.post .postprofile dl dt a[href*="/u"] img[src][alt] {
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border: 2px solid #FA0000;
}

Até mais.

descriptionDúvida - Colocar estilo de moldura no Avatar EmptyRe: Dúvida - Colocar estilo de moldura no Avatar

more_horiz
Olá,

Não quero código nenhuns, eu quero é colocar aquela forma de moldura mase aprender a montar no Photoshop ...

descriptionDúvida - Colocar estilo de moldura no Avatar EmptyRe: Dúvida - Colocar estilo de moldura no Avatar

more_horiz
Como dito por nosso amigo Gmtp, este efeito deve ter sido conseguido por meio de CSS.

Admito que não sei muito bem como criar uma borda desta forma, mas fazendo uma tentativa rápida aqui, consegui um resultado similar.

1. Pegue a ferramenta Rounded Rectangle Tool
Dúvida - Colocar estilo de moldura no Avatar 1_bmp46

2. No topo da barra de ferramentas, verá uma caixa escrito Radius. Mude o valor para 30px.

3. Aplique o retângulo em seu projeto. Em seguida adicione um contorno. No final onde ficam ordenadas as layers, tem um botão FX. Selecione a opção Stroker. Deve ficar parecido com o exemplo.
Dúvida - Colocar estilo de moldura no Avatar NUImPLh
 
4. Pegue a Retangular Marquee Tool e faça um quadrado por cima da imagem que fizemos antes. 
Dúvida - Colocar estilo de moldura no Avatar Selections--1-1

5. Pinte o quadrado da mesma cor que a imagem anterior e adicione uma borda a ele como foi feito anteriormente. Ficara parecido com o exemplo.
Dúvida - Colocar estilo de moldura no Avatar QluML5z

6. Jogue essa layer para baixo.
Dúvida - Colocar estilo de moldura no Avatar CNKPG53

7. Apague dois dos cantos existentes.
Dúvida - Colocar estilo de moldura no Avatar NuhX7mh

8. Crie uma nova layer e com o pincel pinte por cima das linhas internas que sobraram.
Dúvida - Colocar estilo de moldura no Avatar MyM8tj5

9. Selecione as 3 layers segurando Ctrl. Clique com botão direito do mouse e escolha a opção Merge Layers.

10. Posicione a imagem que quiser sobre a que acabamos de criar e apague o que estiver sobrando. Deve ficar parecido com isto.
Dúvida - Colocar estilo de moldura no Avatar FY7ULpO


Sei que não ficou muito bom mas, foi a forma que encontrei para chegar ao resultado...
Espero que outro consiga ensinar-lhe uma maneira melhor e mais rápida de fazê-lo.
Vamos aguardar.

descriptionDúvida - Colocar estilo de moldura no Avatar EmptyRe: Dúvida - Colocar estilo de moldura no Avatar

more_horiz
Olá,

Perfeito amigo era isso mesmo!

descriptionDúvida - Colocar estilo de moldura no Avatar EmptyRe: Dúvida - Colocar estilo de moldura no Avatar

more_horiz
privacy_tip Permissões neste sub-fórum
Não podes responder a tópicos