Como organizar seu computador com ícones DIY (Mac): 8 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-31 10:23

Sou culpado de nunca organizar meu computador.

Sempre.

Área de trabalho desordenada, pasta de download, documentos, etc. É incrível, eu não perdi nada … ainda.

Mas organizar é enfadonho. Demorado. Como torná-lo satisfatório? Faça com que pareça bom. Muito bom.

.•°•.•°•.•°•.•°•.•°•.•°•.

Abaixo, você descobrirá como personalizar os ícones de pasta em um computador MacBook.

Este Instructable pode ser dividido em duas partes:

1. Se você quiser usar o photoshop e fazer seu próprio ícone do zero
2. Se você quiser usar uma imagem existente como seu ícone

Para 1, comece a ler desde o início. Para 2, pule para a etapa 7.

.•°•.•°•.•°•.•°•.•°•.•°•.

Não sou profissional, mas tentei deixar tudo o mais claro possível.

Espero que seja útil!

Se você gostar, vote em mim no Concurso Spotless!

Etapa 1: Configurando a página do Photoshop

De acordo com OSXDaily, um ícone de MacBook pode ser tão pequeno quanto 16 × 16 pixels e tão grande quanto 512 x 512 pixels.

Para ficar seguro, eu iria em frente e faria a tela do photoshop de 600x600 pixels.

.•°•.•°•.•°•.•°•.•°•.•°•.

Ao criar a tela, você obtém um fundo branco. Queremos que seja transparente, ou então seu ícone mostrará um fundo quadrado branco ao redor dele (o que você pode querer. Se for assim, continue e mantenha a cor).

Para apagar o branco, você tem que se livrar do bloqueio de fundo.

Então, usando a {rectangular marquee tool (M)}, selecione tudo (command + A) e delete.

(Veja a lista completa de ferramentas de photoshop aqui).

.•°•.•°•.•°•.•°•.•°•.•°•.

Agora você deseja criar uma orientação básica nas direções horizontal e vertical da tela para ajudá-lo a encaixar imagens no centro da tela. Se você não fizer isso, poderá descobrir mais tarde que seu ícone não está alinhado ao centro do espaço do ícone.

Vá para [Exibir]> [Novo guia…] e selecione uma linha horizontal com a posição "300 pixels" (ignore que ela aparece originalmente em centímetros).

Repita para uma linha vertical com posição "300 pixels".

Agora você deve ver uma linha azul claro correndo horizontalmente e verticalmente na tela para formar uma cruz no centro.

.•°•.•°•.•°•.•°•.•°•.•°•.

Finalmente, você deve certificar-se de que as configurações do photoshop estão definidas para que qualquer coisa que você mova realmente se encaixe nas guias que você fez. Para isso, você precisa ter certeza de que duas coisas foram verificadas:

1. [Ver]> [Snap]
2. [Visualizar]> [Ajustar a]> [Guias]

Etapa 2: Criando sua base de ícones

Agora começa a parte divertida: fazer seu próprio ícone.

Na verdade, gosto de transformar meus ícones em palavras simples, como "UKE" para uma pasta contendo minhas canções de ukulele ou "WORK" para arquivos pertinentes a isso.

Para este Instructable, vou mostrar um exemplo usando a palavra "FUN".

.•°•.•°•.•°•.•°•.•°•.•°•.

Primeiro, configure a base da palavra usando a {horizontal type tool (T)}.

Aqui, estou usando apenas Arial Black, porque:

1. Para não infringir as leis de direitos autorais usando fontes baixadas
2. É uma fonte sólida e espessa

Digite a palavra e ajuste-a no centro da tela. Para uma palavra de 3 letras, recomendo um tamanho de fonte de 60 pt, o que lhe dará algum espaço externo para adicionar decorações posteriormente.

Etapa 3: Criação de um pincel de dispersão

Agora, vamos criar um pincel de dispersão!

.•°•.•°•.•°•.•°•.•°•.•°•.

Primeiro, faça uma nova camada.

Então, usando a {brush tool (B)}, selecione qualquer tipo de pincel que você quiser. Usarei um círculo simples.

Agora, em [predefinições de pincel]> [Pincel], você pode alterar as configurações desse pincel para torná-lo uma pintura dispersa para você.

(Se você não conseguir encontrar esta ferramenta, vá para [Janela]> [Predefinições de pincel] para alternar a janela de ferramentas)

.•°•.•°•.•°•.•°•.•°•.•°•.

Em geral, uma escova de dispersão padrão que eu recomendo tem as seguintes configurações:

• Forma da ponta do pincel

  • Dureza 100%
  • Espaçamento de 30%

• Dinâmica da forma: ON

  • Tamanho Jitter 100%
  • Diâmetro mínimo 20%
  • Angle Jitter 100%
  • Jitter de circularidade 0%
  • Flip X Jitter: ON
  • Flip Y Jitter: ON

• Espalhamento: ON

  • Ambos os eixos: OFF
  • Espalhar 1000%
  • Contagem: 1
  • Contagem de instabilidade: 0%
• Textura: DESLIGADA
• Escova dupla: DESLIGADA

• Dinâmica de cor: ON

  • Tremulação em primeiro plano / fundo 100%
  • Hue Jitter 5%
  • Jitter de saturação 0%
  • Brilho Jitter 0%
  • Pureza 0%
• Transferência: OFF
• Ruído: DESLIGADO
• Bordas molhadas: OFF
• Aerógrafo: DESLIGADO
• Suavização: OFF
• Proteger textura: DESLIGADO

.•°•.•°•.•°•.•°•.•°•.•°•.

Mas é claro, você pode personalizar cada um como desejar! Abaixo está uma descrição detalhada de cada configuração.

.•°•.•°•.•°•.•°•.•°•.•°•.

1. Forma da ponta do pincel

Aqui você pode ver o tipo de pincel que escolheu e alterar seu tamanho.

Dureza: Variações na clareza do contorno do arbusto.

• % Alta = contorno mais definido (claro) de cada dispersão
• % Baixa = contorno mais desfocado (pouco claro) de cada dispersão

Espaçamento: frequência de pontos de dispersão.

• % Alta = pontos de dispersão mais infrequentes (menos)
• Baixo% = pontos de dispersão mais frequentes (mais)

.•°•.•°•.•°•.•°•.•°•.•°•.

2. Dinâmica da Forma

Aqui você pode alterar a 'aleatoriedade' do tamanho do seu scatter.

Jitter de tamanho: você obterá mais variedade de tamanhos. Quanto menor for a%, mais uniforme será cada tamanho.

• Alta% = Mais variedade de tamanho de pontos de dispersão
• Baixo% = Menor variedade de tamanho de pontos de dispersão

Diâmetro mínimo: determina o intervalo de quão pequeno cada ponto de dispersão pode ser

• % Alta = tamanho maior do menor ponto de dispersão (menos variedade)
• Baixo% = tamanho menor do menor ponto de dispersão (mais variedade)

Angle Jitter: rotação aleatória de cada ponto de dispersão

• Alta% = Mais variedade de rotação do pincel
• Baixo% = Menor variedade de rotação do pincel

Jitter de arredondamento: até que ponto seu pincel pode ser "comprimido"

• % Alto = Mais 'esmagamento' (ou seja, se for um pincel circular, você verá mais formas ovais)
• Baixo% = Menos 'esmagamento' (ou seja, se for um pincel circular, você verá mais círculos)

Flip X Jitter: virar o pincel horizontalmente

Flip Y Jitter: virar o pincel verticalmente

.•°•.•°•.•°•.•°•.•°•.•°•.

3. Dispersão

Ambos os eixos: Permite que a dispersão ocorra nas direções X e Y. (Normalmente desativo porque, se estiver ativado, não é possível desenhar em um local vazio para preenchê-lo; ele se espalhará para um lugar diferente de onde você clicar. Para mim, isso é apenas inconveniente.)

Contagem: frequência de pontos de dispersão

• % Alta = mais pontos
• Baixo% = menos pontos

Variação da contagem: Aleatoriedade do número da contagem (ou seja, você terá algumas áreas de mais e algumas de menos pontos de dispersão)

• % Alta = mais variações
• % Baixa = menos variações

.•°•.•°•.•°•.•°•.•°•.•°•.

4. Textura

Aqui você pode adicionar uma textura (desenho) ao interior de cada pincel. O Photoshop tem algumas texturas predefinidas, mas você pode baixar mais texturas grátis online, como aqui.

Inverter: ligar e desligar esta opção irá inverter as regiões escuras e claras do desenho; áreas com cores sólidas se tornarão transparentes e vice-versa; as áreas mais escuras ficarão mais claras e vice-versa.

Textura de cada dica: determina se você pode ver o contorno de cada ponto do pincel de dispersão

• ON = o contorno de cada ponto de dispersão ainda será distinto
• OFF = pontos de dispersão se misturam

Profundidade: quão definida é a textura

• % Alta = a textura é claramente visível
• % Baixo = textura esmaecida (clara)

.•°•.•°•.•°•.•°•.•°•.•°•.

5. Pincel duplo

É bem parecido com a textura, mas você escolhe outro pincel para ser confinado à primeira forma de pincel que você escolher.

Ok, vamos esclarecer.

Por exemplo, se a forma original da ponta do seu pincel for um círculo e a ponta do seu pincel duplo for um desenho de respingos, sua dispersão mostrará respingos confinados em círculos.

Modos: Existem muitos modos. Eles determinam a forma como o pincel duplo escurece na ponta do pincel original. Eu honestamente recomendo que você apenas examine cada um para ver como fica aqui. De qualquer forma, os modos são: Multiply, Darken, Overlay, Color Dodge, Color Burn, Linear Burn, Hard Mix e Linear Light.

O flip, tamanho, espaçamento, dispersão e tamanho são para a ponta do pincel duplo, mas é o mesmo que para e.

.•°•.•°•.•°•.•°•.•°•.•°•.

6. Dinâmica da Cor

Isso cria uma variação na cor dos seus pontos de dispersão. A variação de cor será baseada nas duas cores que você escolher (cores de primeiro plano e de fundo) para sua paleta de pincel.

Tremulação do primeiro plano / plano de fundo: até que ponto a cor do seu plano de fundo pode se misturar com a cor do primeiro plano

• % Alta = mais da cor de fundo visível (ou seja, em 100%, você verá a gama completa de cores entre o primeiro plano e a cor de fundo)
• % Baixo = apenas um pouco da cor de fundo visível (ou seja, em 0%, você verá apenas a cor de primeiro plano)

Hue Jitter: até que ponto a cor pode se desviar das cores do primeiro plano e do plano de fundo

• % Alta = cores mais aleatórias (ou seja, em 100%, você verá cores completamente aleatórias)
• % Baixo = cores semelhantes às cores do primeiro plano e do plano de fundo (ou seja, em 0%, você verá apenas a cor do primeiro plano)

Tremulação de saturação: até que ponto a saturação da cor pode mudar das cores do primeiro plano e do plano de fundo. Se você não tiver certeza do que é saturação, pense nisso como adicionar branco à cor.

• % Alta = as cores mostram uma variação maior de saturação (ou seja, mais cores 'desbotadas')
• % Baixa = cores semelhantes às cores de primeiro e segundo plano (ou seja, cores menos 'desbotadas')

Variação do brilho: até que ponto o brilho da cor pode mudar das cores do primeiro plano e do plano de fundo. Imagine isso adicionando preto à cor.

• % Alta = as cores mostram uma variação maior de brilho (ou seja, cores mais 'escuras')
• % Baixa = cores semelhantes às cores de primeiro e segundo plano (ou seja, cores menos 'escuras')

Pureza: ok, então este é "a mudança de cor para perto ou para longe do eixo neutro". Folheei um papel sobre o eixo neutro aqui, e vou ser honesto … ainda não entendi direito. Mas, eu experimentei e minha conclusão é …

• Positivo% = cores tornam-se mais próximas do centro da linha central das amostras de cores (a forma 'mais brilhante' e 'mais forte' da cor
• 0% = as cores de primeiro e segundo plano são iguais à cor que você escolher
• Negativo% = as cores ficam mais próximas do topo das amostras de cores, eventualmente perdendo todas as cores para formar o branco

.•°•.•°•.•°•.•°•.•°•.•°•.

7. Transferir

Opacity Jitter: extensão da variação na opacidade dos pontos de dispersão

• % Alta = mais variedade na opacidade
• % Baixa = menos variedade na opacidade

Fluxo Jitter: extensão da variação no fluxo de pontos de dispersão

• % Alta = mais variedade no fluxo
• % Baixa = menos variedade no fluxo

A diferença entre a opacidade e o fluxo é que, se você passar de um ciclo novamente no mesmo curso, poderá tornar a sobreposição mais escura se o fluxo for baixo, mas não poderá se a opacidade for baixa; você precisa fazer um curso separado. (É explicado de forma mais clara aqui.)

.•°•.•°•.•°•.•°•.•°•.•°•.

8. Configurações ON-OFF apenas

Ruído: se LIGADO, torna a borda do seu pincel pixelizada

Bordas úmidas: se ON, enfatiza a borda do pincel e reduz ligeiramente o fluxo

Aerógrafo: se ativado, reduz o fluxo do pincel para permitir efeitos de acumulação semelhantes aos de aerógrafo

Suavização: Se ON, habilita a suavização do caminho do mouse

Preservar textura: Se ativado, permite que a textura seja visível apesar de outras alterações nas configurações do pincel que, de outra forma, dificultariam a visualização da textura. Portanto, só é aplicável se você usar a.

Etapa 4: Aplicando Scatter ao Word Design

Agora, vamos espalhar um desenho na palavra!

.•°•.•°•.•°•.•°•.•°•.•°•.

Primeiro, clique na camada original com o texto.

Selecione a {magic wand tool (W)} e clique em cada 'área' da palavra.

Eu digo 'área' porque se a sua fonte estiver com as letras conectadas, você só precisa clicar uma vez.

No meu caso, as letras F, U e N são todas separadas, então preciso clicar em cada uma delas separadamente.

Certifique-se de manter a tecla shift pressionada ao clicar em 'áreas' diferentes.

.•°•.•°•.•°•.•°•.•°•.•°•.

Agora volte para a nova camada que você criou anteriormente.

Usando a amostra e o seletor de cores, selecione as cores desejadas.

Selecione o {pincel (B)} e desenhe uma dispersão.

.•°•.•°•.•°•.•°•.•°•.•°•.

Seja criativo!

Etapa 5: Adicionando um Contorno ao Texto

Para acentuar as palavras, você pode decidir adicionar um esboço ao texto.

.•°•.•°•.•°•.•°•.•°•.•°•.

Clique duas vezes na camada com o texto para abrir a janela [Estilo de camada].

Ligue o [brilho externo].

Para ter um contorno sólido, altere as configurações para o seguinte:

• Modo de mistura NORMAL
• Opacidade 100%
• Ruído 0%
• Cor (qualquer contorno de cor que você deseja que as letras tenham)
• Técnica PRECISA
• Spread 100%
• Tamanho 10 px (depende do tamanho da fonte)
• Seção de qualidade - deixe como predefinição

.•°•.•°•.•°•.•°•.•°•.•°•.

Em anexo está o arquivo do photoshop que usei para este Instructable, com algumas outras idéias de design em uma letra "A".

Alguns designs são bastante infantis, outros são interessantes … use-os como quiser!

Seja criativo!:)

Etapa 6: salvando seu ícone

Command + Shift + S para salvar seu arquivo no formato PNG.

É importante salvá-lo como PNG, pois ele manterá o fundo transparente. Se for um JPEG, mostrará branco em vez de transparente.

Então, quando você salvá-lo, um pop-up de [Opções de PNG] será exibido. Deixe como a predefinição "Nenhum".

Etapa 7: fazendo com que o-p.webp" />

Agora, para o grande momento!

Vou mostrar 3 processos diferentes aqui:

1. Se estiver usando o ícone que você fez
2. Se estiver usando o ícone online
3. Se usar imagem

.•°•.•°•.•°•.•°•.•°•.•°•.

1. Se estiver usando o ícone que você fez

Abra o arquivo com Visualização.

Selecione tudo (Command + A).

Copiar (Command + C).

Selecione a pasta cujo ícone deseja alterar.

Obtenha informações (Command + I).

Clique no ícone da pasta na parte superior da janela pop-up.

Cole o ícone que você copiou anteriormente (Command + V).

FEITO!

.•°•.•°•.•°•.•°•.•°•.•°•.

2. Se estiver usando o ícone online

Aqui, estou usando um ícone do Creative Commons para evitar problemas de direitos autorais. Vou presumir que o ícone que você baixou tem um fundo colorido para mostrar como removê-lo.

Abra o arquivo na Visualização.

Abra [barra de ferramentas de marcação].

Clique em [Instant Alpha].

Clique na área de fundo e arraste um pouco até que todo o fundo esteja destacado, então solte. O plano de fundo agora deve ser selecionado.

Excluir.

Selecione tudo (Command + A).

Copiar (Command + C).

Selecione a pasta cujo ícone deseja alterar.

Obtenha informações (Command + I).

Clique no ícone da pasta na parte superior da janela pop-up.

Cole o ícone que você copiou anteriormente (Command + V).

FEITO!

.•°•.•°•.•°•.•°•.•°•.•°•.

3. Se estiver usando imagem

Aqui estou, novamente, usando uma imagem do Creative Commons para evitar problemas de direitos autorais.

Abra a imagem com o Preview.

Aqui você pode apenas selecionar tudo, caso em que sua imagem será retangular, ou abrir a [barra de ferramentas de marcação] e usar uma [ferramenta de seleção] para selecionar uma seleção elíptica.

Copiar (Command + C).

Selecione a pasta cujo ícone deseja alterar.

Obtenha informações (Command + I).

Clique no ícone da pasta na parte superior da janela pop-up.

Cole o ícone que você copiou anteriormente (Command + V).

FEITO!

Etapa 8: agora organize

Agora você pode criar a pasta perfeita para cada grupo de documentos!

Vá organizar os arquivos do seu computador!

.•°•.•°•.•°•.•°•.•°•.•°•.

Se você gostou deste Instructable, por favor vote em mim no Concurso Spotless!