Índice:

Faça um cabeçalho instructables: 8 etapas (com imagens)
Faça um cabeçalho instructables: 8 etapas (com imagens)

Vídeo: Faça um cabeçalho instructables: 8 etapas (com imagens)

Vídeo: Faça um cabeçalho instructables: 8 etapas (com imagens)
Vídeo: Criando um site do zero com: HTML, CSS e JS - #01 2024, Novembro
Anonim

O cabeçalho Instructables sempre foi bastante direto, mas achamos que seria divertido brincar com algumas imagens no topo relacionadas à criação de coisas. Para torná-lo um pouco mais interessante, não queríamos adicionar nenhum elemento à foto posteriormente no Photoshop. Poderíamos ajustar um pouco as imagens e remover coisas, mas nada poderia ser adicionado. Isso significava que o logotipo tinha que estar realmente lá. Agradecemos à Adobe por nos permitir testar uma cópia avançada do Photoshop CS5 para obter esse efeito de forma rápida e fácil.

Etapa 1: Faça o logotipo

Faça o logotipo
Faça o logotipo
Faça o logotipo
Faça o logotipo

Adoramos cortar a laser e este logo não foi exceção. O logotipo aqui é cortado em acrílico branco de 1/8 em nosso cortador a laser Epilog. As letras foram cortadas levemente para que a camada protetora na parte superior fosse cortada sem cavar muito fundo no acrílico. Isso faz com que você possa remover apenas as letras e o resto do espaço ainda estão cobertos.

Etapa 2: Pintura

Quadro
Quadro
Quadro
Quadro

Com a camada protetora atuando como um estêncil, é fácil pintar o logotipo com spray no acrílico. Eu mascarei as laterais com um pouco de fita adesiva e usei algumas camadas de tinta spray preta. Depois disso, é fácil remover a camada protetora. O único truque é colocar as pequenas ilhas dentro de algumas das camadas. Basta colocar a ponta da lâmina de uma faca X-acto lá e ela sai fora.

Etapa 3: anexar suportes

Anexar Suportes
Anexar Suportes

Os suportes para o logotipo são apenas alguns alfinetes presos na parte de trás com pequenos pedaços de fita adesiva.

Etapa 4: coloque o logotipo nas cenas

Coloque o logotipo nas cenas
Coloque o logotipo nas cenas
Coloque o logotipo nas cenas
Coloque o logotipo nas cenas

Nesta cena usamos uma tábua de corte, o logotipo e uma faca. Muito simples. Esta cena foi única em que os pinos não grudaram na placa de corte, pois é muito difícil. Uma terceira perna feita de um pouco mais de fita de gorila e um alfinete de segurança foi preso na parte de trás. Felizmente, isso também funcionou de forma que o logotipo ficasse voltado para a câmera. A lima existe para fornecer suporte emocional para a faca.

Passo 5: Out Damn Spot

Out Damn Spot!
Out Damn Spot!
Out Damn Spot!
Out Damn Spot!
Out Damn Spot!
Out Damn Spot!

A ferramenta mais legal aqui é o pincel de remoção de manchas aprimorado. Algumas pinceladas e POOF! os pinos são história. Isso não teria sido uma tarefa tão ruim antes, mas agora é incrivelmente fácil. Sério, remover os dois pinos levou 10 segundos. É como mágica. Doce, doce mágica algorítmica. E para se livrar do logotipo na faca? Apenas mais um uso do pincel para remoção de manchas em mais alguns segundos. Incrível!

Etapa 6: Escalonando

Escalando
Escalando
Escalando
Escalando

Depois de fazer a imagem e colocá-la no novo design, ficou claro que a faca estava muito próxima ao logotipo. Estava dominando os itens do menu e eu queria que fosse um pouco mais sutil, então precisei separá-los. Para isso, usei dimensionamento ciente de conteúdo. Por padrão, isso dimensiona a imagem e mantém as áreas com mais detalhes intactos conforme o fundo mais semelhante é comprimido ou esticado. Isso não funcionaria, pois o logotipo tem áreas brancas que foram esticadas como caramelo. Veja como manter o logotipo e a faca exatamente como os queremos.

  1. Faça uma seleção que inclua os elementos que você não deseja que sejam alterados
  2. Salve a seleção com um nome sofisticado, como "coisas"
  3. Selecione Editar> Escala sensível ao conteúdo
  4. No menu suspenso Proteger, selecione "coisas"
  5. Estique a imagem

Antes de mudar, agora há muito espaço para os itens do menu aparecerem.

Etapa 7: limpe as cores e corte-as

Limpe as cores e corte-as
Limpe as cores e corte-as

Depois que os pinos são removidos rapidamente, o resto do trabalho é apenas brincar um pouco com os níveis e, em seguida, há apenas um pouco de trabalho de preparação para enviar aos codificadores para que possa ser usado como um novo cabeçalho. Isso envolve simplesmente transformar o próprio logotipo em uma nova camada para que possa ser um botão no site. E com isso temos um novo cabeçalho que não acrescentou nada depois e envolve o logotipo em diferentes cenas. Ele se encaixa em nosso próprio espírito DIY e com a ajuda do Photoshop CS5 pudemos ir mais rápido da ideia à imagem.

Etapa 8: Outros cabeçalhos

Outros cabeçalhos
Outros cabeçalhos
Outros cabeçalhos
Outros cabeçalhos
Outros cabeçalhos
Outros cabeçalhos

Este processo também foi usado nos outros 4 cabeçalhos da semana. Aqui você pode ver as fotos antes e depois dos diferentes temas. Obrigado por ler!

Recomendado: