Data/hora atual: 19.03.24 7:52

4 resultados encontrados para C0C0C0

[TUTORIAL] Capa do Grupo no WhatsApp

Tópicos com a tag c0c0c0 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 c0c0c0 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 c0c0c0 em Fórum dos Fóruns LbAe8mn

Tópicos com a tag c0c0c0 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 c0c0c0 em Fórum dos Fóruns 4WYTq6q

E cubra a imagem disponibilizada, como no exemplo:

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

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

Tópicos com a tag c0c0c0 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 c0c0c0 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 c0c0c0 em Fórum dos Fóruns 6vNFHq3

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

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

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

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

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

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

Tópicos com a tag c0c0c0 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 c0c0c0 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 c0c0c0 em Fórum dos Fóruns FkyqJvY

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

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

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

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

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

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

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

Tópicos com a tag c0c0c0 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 c0c0c0 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 c0c0c0 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 c0c0c0 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 c0c0c0 em Fórum dos Fóruns 2HubAUI

Tópicos com a tag c0c0c0 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 c0c0c0 em Fórum dos Fóruns 2tYNykM Resultado Final


Tópicos com a tag c0c0c0 em Fórum dos Fóruns HGOByCR Tópicos com a tag c0c0c0 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 c0c0c0 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 20.08.16 17:14
 
Procurar em: Artes gráficas
Tópico: [TUTORIAL] Capa do Grupo no WhatsApp
Respostas: 0
Vistos: 11544

[TUTORIAL] Borda Personalizada em Avatar

Tópicos com a tag c0c0c0 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 c0c0c0 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 c0c0c0 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 c0c0c0 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 c0c0c0 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 c0c0c0 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 c0c0c0 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 c0c0c0 em Fórum dos Fóruns CUfl7Xf

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


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


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


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


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


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


Tópicos com a tag c0c0c0 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 c0c0c0 em Fórum dos Fóruns GfL7UF6Seta Estilo: Deixe em Ângulo


Tópicos com a tag c0c0c0 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 c0c0c0 em Fórum dos Fóruns Zo0eeIo

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


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


Tópicos com a tag c0c0c0 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 c0c0c0 em Fórum dos Fóruns DI22cVWSeta Na Cor: Deixe-a #9f9f9f


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


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


Tópicos com a tag c0c0c0 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 c0c0c0 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 c0c0c0 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 c0c0c0 em Fórum dos Fóruns C20lIOj




© Fórum dos Fóruns & @mocci



Tópicos com a tag c0c0c0 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 14.08.16 22:42
 
Procurar em: Artes gráficas
Tópico: [TUTORIAL] Borda Personalizada em Avatar
Respostas: 0
Vistos: 3594

[TUTORIAL] Assinatura Staff

Tópicos com a tag c0c0c0 em Fórum dos Fóruns Theme
Assinatura Staff


Neste tutorial, iremos aprender a como elaborar uma imagem em GIF similar a que o membro @mocci utiliza.

--> Tutorias gráficos <--
Assinatura Staff

Tópicos com a tag c0c0c0 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!

- Criando e alinhado camada:
Crie um novo arquivo em seu Photo Shop:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns TfZlpmW

O tamanho que iremos utilizar é 87x75.


Após criar esse novo documento, pinte a camada de qualquer cor, e em seguida selecione a opção:
Visualizar Réguas

Tópicos com a tag c0c0c0 em Fórum dos Fóruns SB1VqIW
Ou dê um CRT + R


Após ter feito isso, iremos apertar a tecla CRT + T para selecionar o arquivo:

Assim é a imagem sem seleção:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns Gz5tHEe

Assim é a imagem com a seleção (CRT + T);

Tópicos com a tag c0c0c0 em Fórum dos Fóruns JCld7Ac

O que iremos fazer é justamente alinhar esta camada para que o trabalho possar ser construído em cima dela, e para isso vá na régua horizontal, clique e segure dentro da régua, araste até o perímetro horizontal da camada:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns IZHM9ej

Após ter feito isso, aperte o botão enter! A linha da régua ficará assim:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns 8wKL0IE

lembrando de que o objetivo é alinhar tanto na horizontal como na vertical o eixo da camada que colorimos!
Após ter feito isso na horizontal, faça o mesmo na vertical, pois o resultado será assim:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns E3VQ4GU

- Elaborando assinatura:
Após o alinhamento e execução de todos os passos anteriores, iremos agora elaborar a assinatura primeiro, para depois de pronto, adicionar o efeito GIF (animação).
E para isso, iremos precisar da Ferramenta Polígono:

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

Após ter feito essa seleção, na opção superior a direito selecione 6 de Lados:

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

Feito isso, crie um Polígono que caiba dentro dos limites da camada:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns SuvWli6

Polígono criado, alinhe o mesmo dentro dos limites de alinhamento que fizemos no passo 1, apertando CRT + T, depois alinhe conforme a ilustração:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns V8ihD7x


Feito o alinhamento, agora iremos adicionar os efeitos de camada na imagem, sendo eles:
  • Traçado
  • Brilho Interno


Seguiremos a ordem listada à cima, pelo Traçado, e para isso dê um duplo clique na camada até que o mesmo apareça a janela de "Estilo de Camada":

Tópicos com a tag c0c0c0 em Fórum dos Fóruns ZPMCoBR

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


Tópicos com a tag c0c0c0 em Fórum dos Fóruns NhOA5Z4Seta Tamanho: Selecione 5 px


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


Tópicos com a tag c0c0c0 em Fórum dos Fóruns DI22cVWSeta Modo de Mesclagem: Deixe Normal


Tópicos com a tag c0c0c0 em Fórum dos Fóruns Ds5QTmISeta Opacidade: Deixe 100%


Tópicos com a tag c0c0c0 em Fórum dos Fóruns YqIoYsDSeta Tipo de Preenchimento: Selecione Degladê


Tópicos com a tag c0c0c0 em Fórum dos Fóruns GfL7UF6Seta Degladê: Faça os seguintes passos;



Tópicos com a tag c0c0c0 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 c0c0c0 em Fórum dos Fóruns VgbmMRwSeta Estilo: Deixe Angulo


Tópicos com a tag c0c0c0 em Fórum dos Fóruns AiTnuILSeta Escala: Deixe 97%



Primeiro efeito pronto, agora iremos adicionar o segundo efeito ao Polígono, sendo ele o Brilho Interno:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns 5jvaahV

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


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


Tópicos com a tag c0c0c0 em Fórum dos Fóruns LJ9DeVgSeta Nas opções Opaciade e Ruido: Deixe 100% na 1ª e 0% na 2ª


Tópicos com a tag c0c0c0 em Fórum dos Fóruns DI22cVWSeta Cor: Deixe #a0a0a0


Tópicos com a tag c0c0c0 em Fórum dos Fóruns Ds5QTmISeta Tecnica: Selecione Mais Suave


Tópicos com a tag c0c0c0 em Fórum dos Fóruns YqIoYsDSeta Origem: Selecione Aresta


Tópicos com a tag c0c0c0 em Fórum dos Fóruns GfL7UF6Seta Nas opções Desfoque e Tamanho: Deixe 0% na 1ª e 6px na 2ª


Tópicos com a tag c0c0c0 em Fórum dos Fóruns VgbmMRwSeta Nas opções Intervalo e Tremulação: Deixe 1% na 1ª e 0% na 2ª



Pronto, efeitos adicionado! o resultado será este:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns KhkCxor

- Adicionando animação para a assinatura:
Bom, até aqui não tem muita novidade, deste passo adiante é prestar atenção, pois deveremos seguir rigorosamente todos os passos para não haver erros, começaremos por:
Janela Linha do Tempo;

Tópicos com a tag c0c0c0 em Fórum dos Fóruns H45iRok

Perfeito, isso fara com que uma nova janela seja visível sem sua parte interior central:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns GgHDK7m

Mas antes de dar o próximo passo, adicione uma imagem que sofera do efeito, deixe no centro do Polígono de preferência, como mostra a ilustração:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns 6S8EH9C

Feito isso, começaremos a elaborar o efeito, no entanto os próximos passos se resumirão em apenas duas coisas, sendo elas:
  • imagem central
  • Segundos de cada Item da Linha do Tempo


Na linha do tempo, aperte onze (11) vezes o ícones que está em destaque:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns EDTCOP1

Fazendo isso, teremos onze camadas duplicadas:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns Tyx9kAJ

A primeira parte da animação está feita, agora iremos fazer a segunda, ou a última, e nela iremos trabalhar exatamente na Opacidade da imagem central, ao qual da esquerda para a direita vamos fazer as seguintes alterações na opacidade:

01 Opacidade: 0%
02 Opacidade: 10%
03 Opacidade: 20%
04 Opacidade: 30%
05 Opacidade: 40%
06 Opacidade: 50%
07 Opacidade: 60%
08 Opacidade: 70%
09 Opacidade: 80%
10 Opacidade: 90%
11 Opacidade: 100%

Para quem não sabe do que estou falando, é isso que devemos alterar em cada item da linha do tempo:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns Jx3pgnV

Deixando respectivamente igual ao exposto á cima, seguindo a sequencia, o resultado da linha do tempo será este:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns D3ZZvOF

Pronto, a animação está basicamente montada, mas para finalizar iremos ajustar o tempo de cada item da linha do tempo, da seguinte maneira:
Sempre Deixe Sempre! (para que o efeito sempre tenha vigência)

Tópicos com a tag c0c0c0 em Fórum dos Fóruns NXk0XSi

Em relação ao tempo de animação de um item da linha do tempo para o outro, selecione:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns NsLCoLg

Selecione 0,1 segundos para todos:

Tópicos com a tag c0c0c0 em Fórum dos Fóruns DJVhiOy

OBS: somente no ultimo item da linha do tempo, o tempo vai ser diferente, digo, o ultimo item, aquele que contem 100% de opacidade da imagem tera o tempo de 0,5 segundos.

Tópicos com a tag c0c0c0 em Fórum dos Fóruns 2tYNykM Resultado Final:


Tópicos com a tag c0c0c0 em Fórum dos Fóruns H2clmcT

É isso, no entanto, para finalizar com chave de ouro, vale ressaltar que arquivos como este (animado), deverão ser salvos em formatos GIF, e para isso:
Arquivo Salvar para Web...
(ou aperte Alt + Shift + Crt + S)




© Fórum dos Fóruns & @mocci



Tópicos com a tag c0c0c0 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: Assinatura Staff.
por goodbye
em 12.08.16 22:45
 
Procurar em: Artes gráficas
Tópico: [TUTORIAL] Assinatura Staff
Respostas: 0
Vistos: 4037

Problema com SCEDITOR

Detalhes da questão


Endereço do fórum: http://pokemonchampionxnew.forum-livre.com
Versão do fórum: PunBB

Descrição


Estou com alguns problemas nos tópicos, pois a resposta rápida esta com alguns bugs, no Firefox, Internet Explore, Microsoft Edge seu menu não aparece, no Google Chrome quando se aperta pre-visualizar a menu fica cortado, e também em todos os navegadores, quando se aperta pre-visualiza a parte de baixo do forum vai para em cima da caixa mensagem.

Firefox, Internet Explore, Edge, etc.:

Chrome:

Oque esta dando em todos os navegadores:


Meu CSS:
por Dudu>,>
em 17.08.15 19:30
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Problema com SCEDITOR
Respostas: 5
Vistos: 10632

Ir para o topo

Ir para: