Como criar um padrão de tecido com linhas onduladas


7

Gostaria de criar um padrão de tecido, como este:

insira a descrição da imagem aqui

Não tenho muita experiência em design gráfico.

Alguém poderia explicar como criar uma textura de tecido e sobrepor um padrão de linha ondulada no Photoshop?


11
Você pode tentar fazer isso no Adobe Illustrator. Eu tenho um tutorial muito útil para isso - designmodo.com/create-patterns-illustrator A esperança será útil para você.
Adrian

É bom ter esse filtro de transformação para verificação. Você pode criar um objeto inteligente a partir de imagens distorcidas ou transformadas e aplicar filtros de onda e transformação aplicados a esse objeto (ou camada).

Respostas:


9

Uma pergunta muito semelhante foi feita há pouco tempo: como recriar esse plano de fundo no photoshop para uso em um aplicativo móvel?

O que você forneceu é um pouco diferente, com algumas linhas onduladas adicionadas. Consegui criar algo bem próximo, fazendo o seguinte:

Etapa 1: Crie um documento com o tamanho e a cor desejados

Passo 1

Etapa 2: conforme a resposta na pergunta vinculada, adicione algum ruído

Passo 2

Etapa 3: adicionar linhas verticais (criei um padrão rápido para facilitar)

etapa 3

Etapa 4: reduza a opacidade das linhas verticais para cerca de 4%

Passo 4

Agora, para adicionar as linhas onduladas:

Etapa 5: em um novo documento, crie várias linhas horizontais

Etapa 5

Eu fiz isso em um novo documento por causa do filtro de onda que estou prestes a aplicar

Etapa 6: use Filter -> Distort -> Wave...para deixar suas linhas onduladas

Etapa 6

Etapa 7: altere a cor das suas linhas para branco (se ainda não estiverem) e cole-as no documento original

Etapa 7

Etapa 8: reduza a opacidade de suas linhas onduladas para o produto acabado

Etapa 8

É claro que o Photoshop travou antes que eu pudesse salvar o produto acabado, mas passei e fiz novamente:

Finis


5

Esta é uma degradação básica. Existem algumas áreas que requerem algumas opções, tentativa e erro, mas isso deve fornecer o básico.

Crie um novo documento quadrado. Eu usei 500x500 pixels. E adicione uma série de linhas horizontais distribuídas uniformemente.

linhas

Nota: o documento não possui uma linha na borda inferior. A parte inferior da tela termina onde a próxima linha começaria. Isso fornece espaço igual entre a linha na parte inferior da tela e a primeira linha na parte superior da tela. A linha vermelha na imagem acima está lá apenas para que você possa ver as bordas da tela. Você não deseja a linha vermelha no seu arquivo .

Você precisará garantir que todas essas linhas estejam em uma camada raster. Portanto, pode ser necessário mesclar camadas se você usou ferramentas de forma ou algum outro método para criá-las. Usei a ferramenta de linha e, em seguida, selecionei todas as camadas criadas e cliquei no botão Distribuir itens nos centros verticais no Painel de alinhamento.

Escolha Filtro> Estilizar> Onda ...

onda

Observe que usei 1 gerador e marquei a Wrap Aroundopção.

É aqui que entra a tentativa e o erro. Agora você precisa usar Editar> Transformação livre para alterar a largura da onda, para que ela se alinhe quando repetida na horizontal (ela já estará na vertical).

Portanto, escolha Filtro> Outro> Deslocamento e insira 50% da largura e altura do documento nos respectivos campos. Depois, anote a visualização. Meu documento tem 500x500 pixels, então digitei 250 pixels em cada campo. Certifique-se de marcar a Wrap Aroundopção também.

Deslocamento

Quando você fizer isso, verá uma costura no meio das ondas. Portanto, clique em cancelar e use a Transformação livre para estender as ondas horizontalmente novamente. Essencialmente, você deseja que a crista inferior esteja na borda do documento. Após a transformação, selecione Tudo e escolha Imagem> Cortar para remover o conteúdo não visível que está se estendendo além da tela. Repita estas etapas até obter uma onda suave no meio do documento:

wave2

Depois inverti as linhas para que fiquem claras ( Command/Ctrl+ i) e escolhi Editar> Definir padrão.

Agora você tem as ondas como um padrão repetitivo.

Em seguida, adicionou uma camada e a preencheu de preto.

Escolha Filtro> Textura> Texturizador ...

Eu usei as configurações do Sandstone:

textura

Isso dá uma textura ao documento geral:

arenito

Agora escolha Camada> Estilo de camada> Sobreposição de padrão e selecione o padrão de ondas que você definiu anteriormente. Você precisará diminuir a opacidade provavelmente.

Sobreposição de padrão

padronizar

A partir deste ponto, é uma questão de colorir e ajustar os níveis um pouco para alterar o contraste.

insira a descrição da imagem aqui

Esta imagem final não é um padrão repetitivo. Embora as etapas que descrevi permitam que você faça a imagem com o tamanho necessário, não estava tentando criar um padrão completo reutilizável. Ter apenas as ondas como padrão fornece muito mais flexibilidade de construção para documentos futuros. Se essa imagem final fosse um padrão em si, você limitaria a alteração de cor, valor, tamanho etc. Depois que o padrão de onda for criado, você poderá facilmente repetir a etapa do Textureizer e a sobreposição de padrão de qualquer documento. Além disso, ter apenas a onda como padrão permite usar diferentes métodos de texturizador, ou nenhum, para atender a diferentes necessidades.


Surpreendente! Você, meu amigo, é incrível!
IluTov

2

Uma digitalização de uma amostra de tecido ajudaria você a começar. Se você quiser ladrilhar, precisará suavizar qualquer sombreamento ou grandes variações de cores. Você também pode usar isso como ponto de partida para pintar seus próprios ajustes sutis, mas isso é uma tarefa difícil para um novato.


Existem projetos de amostra que você recomenda?
IluTov

Se você estiver procurando inspiração, uma pesquisa no Google por padrões de tecido fornecerá muitos resultados.
21412
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.