fatia imagem no photoshop, de modo que a repetição não é visível em html e css depois

Question

não tenho certeza se é um tópico SU, mas onde perguntar então? O designer cria esse design de algum elemento:

é real, e como cortar o elemento, por exemplo, para 20px, e repeti-los? Eu não posso fazer isso normal: se eu cortar essa imagem e repeti-la, então eu não tenho um fundo bonito, que todo mundo vê - é repetido, quente eu posso dividi-lo assim, que no futuro, quando eu colocar isso como pano de fundo css parece que é uma imagem enorme, sem qualquer repetição? como posso fazer isso?

    

Answer 1

A criação de padrões repetitivos perfeitos pode ser complicada, mas completamente possível.

Na minha experiência, é difícil fazer um padrão repetitivo com um patch gráfico com dimensões menores que 150px150px, então tente trabalhar com pelo menos isso.

Quando você seleciona um patch que parece legal, você precisa olhar para as bordas desse patch e fazer com que os lados opostos combinem. Na minha opinião - você pode pedir ao designer para fazer isso por você, já que é de fato uma tarefa de design.

Uma dica para fazer as bordas ficarem boas uma ao lado da outra é pegar o patch selecionado em um novo documento ps, colocá-lo ao lado de outro patch, então você vê o patch como repetido, então quando tiver um dos patches selecionados, você pode usar a ferramenta de carimbo de clone ou a ferramenta de pincel de cura para usar os gráficos do próximo patch para deixá-los juntos. Quando tiver feito alguma clonagem, remova o patch extra e duplique o patch original ao lado para ver como fica. Repita conforme necessário.

Você pode precisar de alguma experiência em PS para fazer esse trabalho, e é por isso que acho que esse é um trabalho para um designer.

Aqui está um bom artigo sobre como criar um padrão sem emenda e ele explica o processo com algumas ilustrações como artigo sobre como criar um padrão uniforme bem.