Вопрос: slice image в photoshop, так что повторение не видно в html и css позже


не уверен, что это тема SU, но где спросить тогда? Дизайнер создает такой дизайн некоторого элемента:

enter image description here

это реально, и как срезать элемент, например, для 20px, и повторять их? Я не могу сделать это нормально: если я нарезаю это изображение и повторю его, то у меня нет бифонического фона, который все видят - он повторяется, жарко, я могу нарезать его так, что в будущем, когда я ставлю это как фон в css это выглядит так, как будто это огромное изображение, без повторения? как мне это сделать?


0
2018-02-14 17:54


Источник




Ответы:


Создание бесшовных повторяемых шаблонов может быть сложным, но вполне возможным.

По моему опыту трудно сделать повторяемый шаблон с графическим патчем размером не менее 150px150px, поэтому постарайтесь, по крайней мере, поработать с ним.

Когда вы выбираете патч, который выглядит хорошо, вам нужно посмотреть на края этого патча и сделать противоположные стороны совпадающими. На мой взгляд, вы можете попросить дизайнера сделать это для вас, так как это действительно дизайнерская задача.

Один совет, чтобы сделать края хорошо смотреться рядом друг с другом, - это взять выбранный патч в новый документ ps, поместить его рядом с другим патчем, чтобы вы видели патч как повторяющийся, а затем, когда вы выбрали один из выбранных патчей может использовать инструмент штампа клонирования или инструмент кисти цели для заимствования графики из следующего патча, чтобы они хорошо сочетались друг с другом. Когда вы сделали клонирование, удалите дополнительный патч и дублируйте исходный патч рядом с собой, чтобы посмотреть, как он выглядит. При необходимости повторите.

Для выполнения этой работы вам может понадобиться опыт работы с PS, поэтому я считаю, что это работа для дизайнера.

Вотхорошая статья о создании бесшовного рисунка и это объясняет процесс с некоторыми иллюстрациями.


0
2018-02-14 20:52