Data/hora atual: Seg 8 Ago 2022 - 11:13

9 resultados encontrados para 9f9f9f

[TUTORIAL] Capa do Grupo no WhatsApp

Tópicos com a tag 9f9f9f em Fórum dos Fóruns Theme
Capa do Grupo no WhatsApp


Com o passar do tempo o serviço de mensagens instantâneas vem se tornando cada vez mais comum entre todo mundo, pensando nisso, nossa equipe elaborou um tutorial para vocês que fazem parte deste serviço!
A intenção do tutorial é elaborar uma imagem que se adapte ao seu grupo, como quer que ele seja, no entanto de uma maneira mais criativa, a seguir será apresentando passo a passo como isso funcionara.

--> Tutorias gráficos <--
Capa do Grupo no WhatsApp

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 2tYNykM Requerimentos

A única coisa que necessitamos para elaborar esse tutorial é o programa Adobe Photo Shop, pode ser qualquer versão!

- Elaborando Arquivo:
Crie um novo arquivo em seu Photo Shop:
Artmeiros Arquivo Artmeiros Novo (ou simplemente aperte Crt+N).
As dimensões são 640 x 659, conforme a imagem:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns LbAe8mn

Tópicos com a tag 9f9f9f em Fórum dos Fóruns Warning_16 Use está imagem para poder seguir com os próximos passos.

- Elaborando a capa:
Após ter criado o arquivo e baixado (ou copiado) a imagem que está disponível à cima, siga os próximos passos criando uma Elipse:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 4WYTq6q

E cubra a imagem disponibilizada, como no exemplo:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 5XAvOVa

Antes de ir para o próximo passo, as camadas ficaram assim:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns AXf7ayh

Sendo a camada da Imagem, a que está disponível no 1º Passo, e a camada Elipse, a que foi criada para superar exatamente a camada imagem.

- Adicionando efeito na Elipse:
Após ter feitos todos os procedimentos, iremos adicionar efeitos na camada, tais como:

  • Traçado.
  • Brilho Interno.

Tópicos com a tag 9f9f9f em Fórum dos Fóruns ZQpbbje

Para isso, basta apenas dar um clique dublo na Elipse, começaremos pelo efeito Traçado:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 6vNFHq3

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 6o3DeyPSeta Selecione: Traçado

Tópicos com a tag 9f9f9f em Fórum dos Fóruns NhOA5Z4Seta Tamanho: Selecione 20px

Tópicos com a tag 9f9f9f em Fórum dos Fóruns LJ9DeVgSeta Posição: Selecione Interna

Tópicos com a tag 9f9f9f em Fórum dos Fóruns DI22cVWSeta Opacidade: Deixe 100%

Tópicos com a tag 9f9f9f em Fórum dos Fóruns Ds5QTmISeta Tipo de Preenchimento: Selecione Degradê

Tópicos com a tag 9f9f9f em Fórum dos Fóruns YqIoYsDSeta Degradê: Siga os passos:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns Vc6G9ZP

1 - Cor #343434 Localização 0%.
2 - Cor #c0c0c0 Localização 19%.
3 - Cor #343434 Localização 41%.
4 - Cor #c0c0c0 Localização 63%.
5 - Cor #343434 Localização 100%.

Tópicos com a tag 9f9f9f em Fórum dos Fóruns GfL7UF6Seta Escala: Deixe 97%

Primeiro efeito de camada pronto, agora, iremos realizar o segundo efeito, o Brilho Interno:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns FkyqJvY

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 6o3DeyPSeta Selecione: Brilho Interno

Tópicos com a tag 9f9f9f em Fórum dos Fóruns NhOA5Z4Seta Modo de Mesclagem: Selecione Superexposição Linear

Tópicos com a tag 9f9f9f em Fórum dos Fóruns LJ9DeVgSeta Opacidade e Ruido: Deixe 100% na 1ª e 0% na 2ª

Tópicos com a tag 9f9f9f em Fórum dos Fóruns DI22cVWSeta Cor: Deixe na Cor #9f9f9f

Tópicos com a tag 9f9f9f em Fórum dos Fóruns Ds5QTmISeta Técnica: Selecione Mais Suave

Tópicos com a tag 9f9f9f em Fórum dos Fóruns YqIoYsDSeta Orígem: Deixe em Aresta:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns GfL7UF6Seta Desfoque e Tamanho: Deixe 0% na 1ª e 25px na 2ª

Tópicos com a tag 9f9f9f em Fórum dos Fóruns VgbmMRwSeta Intervalo e Tremulação: Deixe 1% na 1ª e 0% na 2ª

Já temos uma borda personalizada para nossa capa, se você fez tudo conforme os passos anteriores, o resultado sera este:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns NWtjZrJ

Perfeito, efeitos adicionados!


- Dando vida a capa:
Agora iremos fazer a coisa mais simples, adicionar imagens a já criada Elipse, eu utilizarei estas duas:


A img 1, sera utilizada para fundo, e a img 2 para sobrepor o fundo, veja a ilustração das camadas para ter uma ideia:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns Qmh5mMs

Observe a ordem e o modo como uma está sobreposta sobre a outra, faça isso que dara tudo certo, o resultado ficara assim:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns TI9KUb9

Pronto, sua capa de grupo do WhatsApp está pronta! no entanto para dar um toque diferente, vou adicionar um texto, veja o resultado:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 2HubAUI

Tópicos com a tag 9f9f9f em Fórum dos Fóruns Warning_16 O tamanho da letra pode ser qualquer um.

Antes de transferir a imagem, aconselho que preencha o fundo e salve o arquivo em PNG.


Tópicos com a tag 9f9f9f em Fórum dos Fóruns 2tYNykM Resultado Final


Tópicos com a tag 9f9f9f em Fórum dos Fóruns HGOByCR Tópicos com a tag 9f9f9f em Fórum dos Fóruns RTSQzum


É isso, bem simples e criativo, no entanto a única coisa que chamo a atenção é o preenchimento na hora em que for salvar seu arquivo.



© Fórum dos Fóruns & @mocci



Tópicos com a tag 9f9f9f em Fórum dos Fóruns Act_bottom Se surgir alguma dúvida relacionada com este tutorial, crie um tópico na categoria 'Outras questões' com o seguinte título: Capa do Grupo no WhatsApp.
por APOllO
em Sab 20 Ago 2016 - 17:14
 
Procurar em: Artes gráficas
Tópico: [TUTORIAL] Capa do Grupo no WhatsApp
Respostas: 0
Vistos: 9646

[TUTORIAL] Borda Personalizada em Avatar

Tópicos com a tag 9f9f9f em Fórum dos Fóruns Theme
Borda Personalizada em Avatar


A borda é frequentemente utilizada em trabalhos gráficos, no entanto, neste tutorial iremos aprender a como dar uma personalizada bacana, do mesmo estilo do avatar que o membro @mocci utiliza.

--> Tutorias gráficos <--
Borda Personalizada em Avatar

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 2tYNykM Requerimentos

A única coisa que necessitamos para elaborar esse tutorial é o programa Adobe Photo Shop, pode ser qualquer versão!

- Elaboração:
Crie um novo arquivo em seu Photo Shop:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 3g7AfPM

Lembrando de que nesse tutorial iremos utilizar as dimensões 160 x 180, como ilustrado à cima!
Após ter criado, iremos elaborar o formato, e para isso selecione a ferramenta Pilígono:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 5ryoMjN

Basta selecionar nas ferramentas, como ilustrado à cima, e não se esqueça de deixar o lados em 6:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns N0JZ64l

Após ter ajustado como listado acima, crie seu Polígono como segue abaixo:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns DAO55nx

A cor do Polígono pode ser qualquer uma, no entanto eu estarei utilizando esta vermelha, mas fique a vontade para fazer como quiser, até mesmo o formato pode ser qualquer um, pois o que importa é a borda, que iremos aprender a elaborar no passo 2.

- Adicionando Efeito de Borda:
Após ter criado o Polígono, iremos adicionar a borda em seu todo, para isso dê um duplo clique na camada do Polígono, como segue abaixo:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 3De50IE

Como podem ver, iremos mexer com os seguintes efeitos:
  • Traçado
  • Brilho Interno



Iniciamos com o Traçado:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns CUfl7Xf

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 6o3DeyPSeta Selecione: Traçado


Tópicos com a tag 9f9f9f em Fórum dos Fóruns NhOA5Z4Seta Tamanho: Deixe em 5 px


Tópicos com a tag 9f9f9f em Fórum dos Fóruns LJ9DeVgSeta Posição: Selecione Interna


Tópicos com a tag 9f9f9f em Fórum dos Fóruns DI22cVWSeta Modo de Mesclagem: Deixe normal


Tópicos com a tag 9f9f9f em Fórum dos Fóruns Ds5QTmISeta Tipo de Preenchimento: Deixe Decradê


Tópicos com a tag 9f9f9f em Fórum dos Fóruns YqIoYsDSeta Decradê: Siga os passos:


Tópicos com a tag 9f9f9f em Fórum dos Fóruns Vc6G9ZP

1 - Cor #343434 Localização 0%.
2 - Cor #c0c0c0 Localização 19%.
3 - Cor #343434 Localização 41%.
4 - Cor #c0c0c0 Localização 63%.
5 - Cor #343434 Localização 100%.


Tópicos com a tag 9f9f9f em Fórum dos Fóruns GfL7UF6Seta Estilo: Deixe em Ângulo


Tópicos com a tag 9f9f9f em Fórum dos Fóruns VgbmMRwSeta Escala: Deixe em 97%


Após adicionar todos esses efeitos, siga o próximo passo, Brilho Interno:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns Zo0eeIo

Tópicos com a tag 9f9f9f em Fórum dos Fóruns 6o3DeyPSeta Selecione: Brilho Interno


Tópicos com a tag 9f9f9f em Fórum dos Fóruns NhOA5Z4Seta Modo de Mesclagem: Selecione Suprexposição Linear


Tópicos com a tag 9f9f9f em Fórum dos Fóruns LJ9DeVgSeta Nas opções Opacidade e Ruído: Deixe 100% no primeiro e 0% no segundo


Tópicos com a tag 9f9f9f em Fórum dos Fóruns DI22cVWSeta Na Cor: Deixe-a #9f9f9f


Tópicos com a tag 9f9f9f em Fórum dos Fóruns Ds5QTmISeta Técnica: Deixe Mais Suave


Tópicos com a tag 9f9f9f em Fórum dos Fóruns YqIoYsDSeta Origem: Deixe Aresta


Tópicos com a tag 9f9f9f em Fórum dos Fóruns GfL7UF6Seta Nas opções Desfoque e Tamanho: Deixe 0% na primeira e 6 px na segunda


Tópicos com a tag 9f9f9f em Fórum dos Fóruns VgbmMRwSeta Nas opções Intervalo e Tremulação: Deixe 1% no primeiro e 0% no segundo


Todos os efeitos adicionados, o resultado será este:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns KVQ30aa

bom é isso, para dar um toque de avatar vou adicionar uma imagem para dar um destaque no trabalho!

Tópicos com a tag 9f9f9f em Fórum dos Fóruns C20lIOj




© Fórum dos Fóruns & @mocci



Tópicos com a tag 9f9f9f em Fórum dos Fóruns Act_bottom Se surgir alguma dúvida relacionada com este tutorial, crie um tópico na categoria 'Outras questões' com o seguinte título: Borda Personalizada em Avatar.
por APOllO
em Dom 14 Ago 2016 - 22:42
 
Procurar em: Artes gráficas
Tópico: [TUTORIAL] Borda Personalizada em Avatar
Respostas: 0
Vistos: 2825

Avatar muito pequeno

Detalhes da questão


Endereço do fórum: http://nostagicgames.forumeiros.com/
Versão do fórum: PhpBB2

Descrição


No meu fórum, ao entrar no perfil do usuário o avatar fica do tamanho que quero, 150x350, porem nos tópicos o avatar fica muito pequeno, tenho 99% de certeza que é algo na CSS, poderiam arrumar para mim?

CSS:
por magista7
em Seg 1 Fev 2016 - 11:00
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Avatar muito pequeno
Respostas: 3
Vistos: 3341

Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

apresentou dois erros:

sendo eles, o titulo não aparecendo completo pois foi pro lado... e o outro seria que não aparece ainda os icones no local que pedi;

print de como está:

Tópicos com a tag 9f9f9f em Fórum dos Fóruns NYkLhNx

Meu codigo CSS:

codigo css:
por Rafusqui_
em Seg 14 Set 2015 - 15:15
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos
Respostas: 16
Vistos: 8852

Remover imagem de fundo dos botões da resposta rápida

Folha de CSS:


@Mshas ai está espero que possa me ajudar
por Rafusqui_
em Sab 29 Ago 2015 - 22:31
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Remover imagem de fundo dos botões da resposta rápida
Respostas: 11
Vistos: 8112

Widgets não aparecem no index do fórum

esta aqui CSS:


CSS:
por llLyuc
em Qua 13 Maio 2015 - 18:36
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Widgets não aparecem no index do fórum
Respostas: 15
Vistos: 5301

Editar as estatísticas do fórum

Meu index_body

Spoiler:


Minha Folha CSS

Spoiler:
por dalumpia
em Qui 15 Jan 2015 - 13:57
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Editar as estatísticas do fórum
Respostas: 16
Vistos: 5762

Tirar isto da citação

Gabe escreveu:Boa tarde novamente!

Primeiramente, a versão de seu fórum é PunBB, e não Phpbb2, como informado por você na primeira postagem deste tópico.

Bom, o bug é causado pela seguinte imagem:

http://www.ipsfocus.com/skindemo/public/style_images/splat33x/snapback.png

No entanto, notei o bug apenas no navegador Maxthon.

No seu código CSS você vai encontrar o seguinte:

.postmain blockquote, blockquote {
background: #FCFCFC url(ipbforumskins.com/skindemo/public/style_images/splat33x/snapback.png) .1em .1em no-repeat;
border: 1px solid #E3E3E3;
border-top: 0;
box-shadow: 0 2px 10px #D6D6D6;
color: #9F9F9F;
font-size: 12px;
font-weight: 400;
line-height: 1.4em;
margin: .1em 0 .3em;
overflow: auto;
padding: 1.1em 1.4em;
text-shadow: 1px 1px white;
}


O que está em vermelho é o link da imagem que está causando o bug (removi o "https" para poder grifar a parte importante).

Enfim, aconselho a trocar a imagem de fundo e visualizar se o problema persiste.

Abraço.


Muito obrigado, o problema já desapareceu Feliz Obrigado

Abraço
por cheephard
em Seg 29 Dez 2014 - 17:24
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Tirar isto da citação
Respostas: 6
Vistos: 770

Tirar isto da citação

Boa tarde novamente!

Primeiramente, a versão de seu fórum é PunBB, e não Phpbb2, como informado por você na primeira postagem deste tópico.

Bom, o bug é causado pela seguinte imagem:

http://www.ipsfocus.com/skindemo/public/style_images/splat33x/snapback.png

No entanto, notei o bug apenas no navegador Maxthon.

No seu código CSS você vai encontrar o seguinte:

.postmain blockquote, blockquote {
background: #FCFCFC url(ipbforumskins.com/skindemo/public/style_images/splat33x/snapback.png) .1em .1em no-repeat;
border: 1px solid #E3E3E3;
border-top: 0;
box-shadow: 0 2px 10px #D6D6D6;
color: #9F9F9F;
font-size: 12px;
font-weight: 400;
line-height: 1.4em;
margin: .1em 0 .3em;
overflow: auto;
padding: 1.1em 1.4em;
text-shadow: 1px 1px white;
}


O que está em vermelho é o link da imagem que está causando o bug (removi o "https" para poder grifar a parte importante).

Enfim, aconselho a trocar a imagem de fundo e visualizar se o problema persiste.

Abraço.
por Gabe
em Seg 29 Dez 2014 - 17:08
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Tirar isto da citação
Respostas: 6
Vistos: 770

Ir para o topo

Ir para: