3. Глава 3. Узоры (шаблоны) и текстуры

 

Глава 3. Узоры (шаблоны) и текстуры

 

1. Простые узоры (шаблоны)

 

Простые узоры (шаблоны)

Adobe Illustrator 10 или более поздние версии

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

  1. 1. Выделите инструмент Rectangle (Прямоугольник) и создайте прямоугольник с такими размерами, какие должна иметь согласно вашему желанию плитка данного узора. Для наиболее эффективной печати и предварительного просмотра старайтесь удерживать его в квадрате размером 1-2 дюйма (25 - 50 мм).

Примечание: Не используйте для этого шага инструмент «Прямоугольник с закругленными углами». Прямоугольник должен иметь незакругленные углы.

  1. 2. Залейте прямоугольник фоновым цветом вашего узора. Если вы хотите, чтобы узор имел прозрачный фон, заливайте и обводите его цветом None (Нет). Если вы хотите иметь сплошной фон, обведите его цветом None.

  1. 3. Создайте или скопируйте и вставьте художественное изображение, которое вы хотите использовать в вашем узоре в качестве повторяющегося элемента. Проверьте меню View (Просмотреть), чтобы убедиться в том, что опции Snap to Point (Прикрепить к точке) и Smart Guides (Умные направляющие) включены.

  1. 4. Пропустите этот шаг, если размер элемента такой, который нужен для узора. Если элемент нуждается в масштабировании, выделите инструмент Scale (Масштабировать) наланели инструментов и измените масштаб элемента.
  2. Элемент должен быть достаточно мал для того, чтобы копии могли быть подогнаны в середине и в каждом из четырех углов без соприкосновения друг с другом.

  1. 5. Выберите команду Window (Окно) > Attributes (Атрибуты), чтобы отобразить на дисплее палитру Attributes. При выделенном объекте щелкните на кнопке Show Center (Показать центр), чтобы отобразить на дисплее центральную точку элемента.

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

  1. 7. Снова захватите элемент за его центральную точку. Начните перетаскивать его и затем нажмите клавиши Shift и Option/Alt, чтобы задержать и скопировать его. Перетаскивайте до тех пор, пока он не прикрепится к верхней правой угловой точке прямоугольника. Не отпускайте кнопку мыши до тех пор, пока указатель мыши не превратится в белую стрелку и не появится пересекающая подсказка. Отпустите кнопку мыши и затем клавиши Shift и Option/Alt.

  1. 8. Выделите оба верхних элемента. Захватите правый элемент за его центральную точку. Начните перетаскивать его вниз и затем нажмите клавиши Shift и Option/Alt. Перетаскивайте до тех пор, пока он не прикрепится к нижней правой угловой точке прямоугольника. Отпустите кнопку мыши и затем клавиши Shift и Option/Alt.

  1. 9. Поместите внутри прямоугольника любые дополнительные рисунки, которые вы хотите иметь в нем. Обеспечьте, чтобы эти элементы не перекрывали углы прямоугольника. В противном случае узор не сложится правильно из плиток.
  2. В этом примере была добавлена повернутая версия элемента и его центральная точка была помещена в центральной точке прямоугольника.

  1. 10. Если вы уже используете прозрачный прямоугольник в качестве фона, пропустите дальнейшее и перейдите к шагу 12. Если ваш прямоугольник обведен или залит, выделите прямоугольник. Выберите команду Edit (Редактировать) > Сору (Копировать) и, пока прямоугольник еще выделен, выберите команду Edit > Paste in Back (Вставить снизу). Пока еще не отменяйте выделение.
  2. Полученное изображение не выглядит так, как это, но у вас теперь есть два прямоугольника, уложенные друг на друга.

  1. 11. Сохраняя выделенным самый нижний прямоугольник, закрасьте его обводкой и залейте цветом None (Нет).
  2. Этот невидимый прямоугольник станет ограничивающим прямоугольником для плитки вашего узора. Он определяет края плитки.

  1. 12. Выделите инструмент выделения на панели инструментов и выделите инструментом marquee (Шатер), как отмеченную область, и прямоугольники, и все элементы узора.

  1. 13. Выберите команду Edit > Define Pattern (Определить узор). Присвойте имя вашему узору и щелкните на ОК. На палитре Swatches (Образцы) появится новая плитка узора.

  1. 14. Создайте форму и затем щелкните на плитке, которую вы только что создали, на палитре Swatches, чтобы заполнить форму вашим новым узором.

 

341.gif

Изображение: 

342.gif

Изображение: 

343.gif

Изображение: 

344.gif

Изображение: 

345.gif

Изображение: 

346.gif

Изображение: 

347.gif

Изображение: 

348.gif

Изображение: 

349.gif

Изображение: 

350.gif

Изображение: 

351.gif

Изображение: 

352.gif

Изображение: 

353.gif

Изображение: 

354.gif

Изображение: 

2. Текстурные узоры (шаблоны)

 

Текстурные узоры (шаблоны)

Adobe Illustrator 10 или более поздние версии

Вы можете создавать эффект нерегулярной текстуры посредством построения узора, который производит впечатление нерегулярного, когда он складывается из плиток. Для того чтобы достичь этого эффекта, края плитки узора должны идеально подходить друг к другу так, чтобы укладка плиток в узор создавала одну непрерывную текстуру. Для того чтобы достичь искусности в этих текстурах, требуется время, так что, когда вы получите плитку, которая эффективно выполняет свою задачу, постарайтесь создать разные ее версии с различными цветами и толщиной штрихов. Если вам нужно что-то быстрое, начинайте с некоторых заранее созданных плиток, загрузив библиотеки Pattern Samples (Образцы узоров), которые поступили вместе с вашей программой. Затем переделайте плитку в соответствии со своими потребностями.

  1. 1. Пользуясь инструментом Rectangle (Прямоугольник), создайте прямоугольник с размерами, которые должна иметь создаваемая вами плитка узора.
  2. Для наиболее эффективной печати и предварительного просмотра старайтесь удержать его в пределах от 1 до 2 дюймов (от 25 до 50 мм).

Примечание, Не используйте для этого шага инструмент «Прямоугольник с закругленными углами». Прямоугольник должен иметь незакругленные углы.

  1. 2. Залейте квадрат фоновым цветом вашего узора. Если вы хотите, чтобы узор имел прозрачный фон, заливайте и обводите его цветом None (Нет). Начните рисование текстуры только теми формами и линиями, которые пересекают левую сторону квадрата. Выделите квадрат и текстуру.

  1. 3. Проверьте меню View (Просмотреть), чтобы убедиться в том, что опции Snap to Point (Прикрепить к точке) и Smart Guides (Умные направляющие) включены. Позиционируйте указатель мыши на нижнем левом углу квадрата. Начните перетаскивание художественного изображения вправо; затем нажмите клавиши Shift и Option/Alt, чтобы задержать ее и оставить копию. Когда курсор прикрепится к нижней правой угловой точке, отпустите кнопку мыши и затем клавиши Shift и Option/Alt.

  1. 4. Выделите правый квадрат и удалите его.

  1. 5. Продолжайте рисование текстуры, добавляя формы или линии, которые пересекают только верхнюю сторону квадрата. Когда вы закончите, выделите только прямоугольник и текстуру верха.

  1. 6. Позиционируйте указатель мыши на верхнем правом углу квадрата. Начните перетаскивание художественного изображения вниз; затем нажмите клавиши Shift и Option/Alt, чтобы задержать движение и оставить копию. Когда курсор прикрепится к нижней правой угловой точке, отпустите кнопку мыши и затем клавиши Shift и Option/Alt.

  1. 7. Выделите нижний квадрат и удалите его.

  1. 8. Заполните вашей текстурой середину квадрата. Действуйте осторожно, чтобы не пересечь какую-нибудь из сторон квадрата или какой-нибудь его угол.

  1. 9. Для получения большего разнообразия текстур попробуйте использовать для элементов текстуры более чем один цвет. Если вы перекрашиваете какие-нибудь краевые участки, обеспечьте, чтобы был закрашен таким же образом соответствующий краевой участок на противоположной стороне.
  2. Тонкие цветовые различия усиливают иллюзию того, что это - текстура, а не повторяющийся узор.

  1. 10. Если вы уже используете прозрачный квадрат в качестве фона, то пропустите дальнейшее и перейдите к шагу 12. Если ваш квадрат обведен или залит, выделите квадрат. Выберите команду Edit (Редактировать) > Сору (Копировать) и, пока прямоугольник еще выделен, выберите команду Edit > Paste in Back (Вставить снизу). Еще пока не отменяйте выделение.
  2. У вас теперь два квадрата, уложенные друг на друга. Один из них становится ограничивающим квадратом.

  1. 11. Сохраняя самый нижний квадрат выделенным, закрасьте его обводкой и залейте цветом None (Нет).

  1. 12. Выделите квадраты и элементы текстуры. Выберите команду Edit (Редактировать) > Define Pattern (Определить узор). Присвойте имя вашему узору и щелкните на ОК. На палитре Swatches (Образцы) появится новый образец узора.

  1. 13. Создайте большой прямоугольник и выделите узор на палитре Swatches, чтобы заполнить прямоугольник новым узором. Увеличьте масштаб и поищите в текстуре места, которые создают явно повторяющийся узор. Возвратитесь, если необходимо, к плитке вашего узора и скорректируйте художественное изображение так, чтобы сгладить явные пустоты или нагромождения. Цель состоит в том, чтобы получить гладкую, ровную текстуру без явных повторений.

Вариант. Выделите узорную плитку из шага 10 и выберите команду Filter (Фильтр) > Colors (Цвета) > Invert Colors (Инвертировать цвета). Затем продолжайте работу с шага 11.

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

 

355.gif

Изображение: 

356.gif

Изображение: 

357.gif

Изображение: 

358.gif

Изображение: 

359.gif

Изображение: 

360.gif

Изображение: 

361.gif

Изображение: 

362.gif

Изображение: 

363.gif

Изображение: 

364.gif

Изображение: 

365.gif

Изображение: 

366.gif

Изображение: 

367.gif

Изображение: 

368.gif

Изображение: 

3. Узорные плитки программы Illustrator в программе Photoshop

 

Узорные плитки программы Illustrator в программе Photoshop

Adobe Photoshop 7.0 или более поздние версии Adobe Illustrator 10 или более поздние версии

Программа Illustrator поступает к пользователю с несколькими библиотеками, наполненными сотнями узорных плиток, которые можно Использовать в программе Photoshop. Вы можете найти небольшое число узорных плиток в папке PostScript Patterns (Узоры на языке PostScript) в папке приложений программы Photoshop. Эта техника рассказывает, как использовать в программе Photoshop эти узорные плитки программы Illustrator или узорные плитки, которые вы создали, используя техники «Простые узоры» и «Текстурные узоры», описанные на с. 86 и 89. Вы используете программу Illustrator для того, чтобы усовершенствовать художественное изображение с тем, чтобы оно без заметных швов укладывалось в виде плиток в узор. Затем вы примените узор к вашему изображению в программе Photoshop и используете режимы смешения слоев и эффекты, чтобы усилить их.

  1. 1. Создайте новый файл в программе Illustrator. Выполните указания техники Simple Patterns (Простые узоры) на с. 86 или перетащите на страницу узор из палитры Swatches (Образцы).
  2. Для того чтобы получить доступ к библиотеке узоров, выберите команду Window (Окно) > Swatch Libraries (Библиотеки образцов) > Other Libraries (Другие библиотеки), пройдите по файловой системе к папке приложения Presets (Предварительные установки) > Patterns (Узоры) и откройте файл узора. Художественное изображение для плитки узора содержит ограничивающий прямоугольник, который залит и обведен цветом None (Нет).

  1. 2. Измените, если желательно, цвет обводки или заливки в узорной плитке.
  2. В этом примере цвет обводки был изменен до 50 % черного, потому что узор будет использоваться для того, чтобы текстурировать иллюстрацию в программе Photoshop.

  1. 3. Используйте инструмент непосредственного выделения, чтобы выделить ограничивающий прямоугольник узорной плитки. Выберите команду Edit (Редактировать) > Сору (Копировать), отмените выделение для всего и затем выберите команду Edit > Paste in Front (Вставить впереди).
  2. Если прямоугольник залит, он закроет ваши рисунки плитки. Не беспокойтесь о том, что заливка затемнит рисунки, потому что на следующем шаге вы превратите верхний прямоугольник в метки обрезки и заливка исчезнет.

  1. 4. Сохраняя прямоугольник выделенным, выберите команду Object (Объект) > Crop Marks (Метки обрезки) > Make (Сделать). Сохраните файл.
  2. Для того чтобы импортировать для программы Photoshop рисунок плитки так, чтобы он идеально укладывался в узор, вы должны создать метки обрезки рисунка, которые по размерам и положению совпадают с ограничивающим прямоугольником узора.

  1. 5. Откройте в программе Photoshop файл программы Illustrator, который вы только что сохранили. Если вы будете использовать узорную плитку с другими файлами программы Photoshop, открывайте файл в таком же режиме, в котором действуют и те файлы. Если в узоре есть полосы или рисунки в клетку под углом 90°, отмените выделение опции Anti-aliased (Сглаживание).
  2. Если вы не уверены в режиме или в разрешении вашего файла, то перед тем, как открыть узорную плитку, используйте File Browser (Браузер файлов) в программе Photoshop, чтобы найти соответствующую информацию.

  1. 6. Выберите команду Edit > Define Pattern (Редактировать > Определить узор). Присвойте узору имя файла с расширением .ai и щелкните на ОК.
  2. Теперь узор доступен для использования в любое время, когда на дисплее будет отображаться Pattern Picker (Подборщик узора).

  1. 7. Выберите команду File > Save As (Файл > Сохранить как) и сохраните плитку под именем файла с расширением .psd. Закройте файл. Создайте новый пробный файл, который должен быть достаточно большим для того, чтобы в нем могло содержаться множество узорных плиток.
  2. Если вы открываете новый файл в режиме ином, чем файл узорной плитки, программа Photoshop преобразует его.

  1. 8. Выберите команду Edit > Fill (Редактировать > Заполнить) и затем выберите опцию Pattern (Узор) из меню Use (Использовать). Щелкните на стрелке рядом с образцом узора, чтобы открыть Pattern Picker (Подборщик узора). Выделите узор, который вы создали на шаге 6, и щелкните на ОК.

  1. 9. Проверьте узор в целом на текстуру и цветовой баланс. Если вы удовлетворены пробой, узор готов к использованию. Для того чтобы применить узор к изображению, закройте пробный файл и продолжите работу с шага 10.
  2. Если узор не складывается из плиток должным образом, опробуйте исходную плитку в программе Illustrator, чтобы убедиться в том, что там она укладывается в узор правильно. Определите, в чем проблема, и повторите шаги с 1-го по 8-й.

  1. 10. Откройте файл, к которому вы добавите узор. В этом примере изображение было создано с использованием комбинации фильтров Poster Edges (Плакатные края) и Smart Blur (Умная размывка), показанной на с. 158.

  1. 11. Создайте новый слой над всеми текущими слоями, в который вы добавите узор. Присвойте слою имя Pattern (Узор).

  1. 12. Выделите область, которую вы хотите заполнить узором. Сохраняя слой Pattern активным, щелкните на кнопке Add Layer Mask (Добавить маску слоя) внизу палитры Layers (Слои), чтобы создать из выделенной области маску слоя.

  1. 13. Щелкните на пиктограмме слоя Pattern на палитре Layers, чтобы выделить изображение и отменить выделение маски слоя. Выберите команду Edit > Fill (Редактировать > Заполнить), чтобы заполнить слой узором.

  1. 14. Откорректируйте, если нужно, режим смешения слоев и добавьте, если желательно, эффекты слоя. Сохраните файл.
  2. В этом примере режим слоя Pattern был установлен на Difference (Разница) и был добавлен эффект слоя внутренней тени, чтобы придать полосам немного объемности.

 

369.gif

Изображение: 

370.gif

Изображение: 

371.gif

Изображение: 

372.gif

Изображение: 

373.gif

Изображение: 

374.gif

Изображение: 

375.gif

Изображение: 

376.gif

Изображение: 

377.gif

Изображение: 

378.gif

Изображение: 

379.gif

Изображение: 

380.gif

Изображение: 

381.gif

Изображение: 

382.gif

Изображение: 

4. Бумага, окрашенная под мрамор

 

Бумага, окрашенная под мрамор

Adobe Photoshop 7.0 или более поздние версии

Итальянское искусство окрашивания под мрамор - трудная и грязная работа, но она создает некоторые действительно прекрасные образцы бумаги и ткани. Теперь, когда в программе Photoshop есть фильтр Liquify (Разжижать), вы можете создавать свои собственные цифровые образцы бумаги, окрашенной под мрамор, без масляных красок. Для того чтобы получить основные цвета, выделите крошечную область какого-нибудь цифрового изображения. Затем вы ее увеличите, размоете и разжижите. Как только вы создали несколько листов бумаги, окрашенной под мрамор, отложите их для использования в коллаже или в качестве фона для страниц в книге.

  1. 1. Откройте RGB-изображение, содержащее цвета, которые вы хотите использовать при окрашивании под мрамор.
  2. В этом примере показан фрагмент большой фотографии двух женщин в джинсах и рубашках, сидящих на траве.

  1. 2. Пользуясь инструментом Zoom (Изменение масштаба), увеличивайте масштаб на изображении до тех пор, пока вы не сможете различать отдельные пикселы. Пользуясь инструментом Rectangular Marquee (Прямоугольная отмеченная область), выделите отмеченную область, в которой содержатся те цвета, которые вы хотите использовать.
  2. В этом примере были выделены темные джинсы и кусочек зеленой рубашки.

  1. 3. Выберите команду Edit (Редактировать) > Сору (Копировать), чтобы скопировать выделенную область. Откройте новый RGB-файл. Он должен быть в несколько раз больше, чем выделенная область, которую вы только что скопировали. Выберите команду Edit > Paste (Вставить). Маленькая выделенная область будет вставлена в ее же слой, которому присвоено имя Layer 1 (Слой 1).

  1. 4. Выберите команду Photoshop > Preferences (Предпочтительные установки) > General (Общие) (OS X) или Edit (Редактировать) > Preferences (Предпочтительные установки) > General (Общие) (Mac OS и Windows). Измените опцию в списке Interpolation (Интерполяция) на Nearest Neighbor (Ближайший соседний). Щелкните на ОК.
  2. Опция Nearest Neighbor предохраняет цвета пикселов от размывки, когда вы масштабируете их. Вы будете масштабировать их на следующем шаге.

  1. 5. Выберите команду Edit > Free Transform (Свободно трансформировать). Увеличьте выделенную область до размеров файла. Нажмите клавишу Return/Enter, чтобы завершить трансформирование.

  1. 6. Выберите команду Filter (Фильтр) > Blur (Размывка) > Gaussian Blur (Гауссова размывка). Введите небольшое число только для того, чтобы смягчить резкие края пикселов. Оно будет изменяться в соответствии с размером и разрешением вашего файла.
  2. В этом примере изображения с разрешением 300 ppi использовался радиус размывки в 1,2 пиксела.

  1. 7. Выберите команду Filter > Liquify (Разжижать). В диалоговом окне Liquify выделите инструмент Warp (Деформировать) и установите размер кисти. Используйте кисть, диаметр которой грубо равен размеру двух цветовых квадратиков на вашем изображении. Если вы не знаете уверенно, насколько большой сделать ее, перемещайте указатель по изображению, чтобы сравнивать размер кисти с квадратиками.

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

  1. 9. Как только вы закончите деформирование изображения и будете удовлетворены результатом, щелкните на ОК.

  1. 10. Если вы захотите скорректировать цвета или насыщенность окрашенной под мрамор бумаги, выберите команду Image (Изображение) > Adjustments (Корректировки) > Hue/Saturation (Цветовой тон/ Насыщенность). Включите опцию Preview (Предварительный просмотр) и внесите свои изменения. Если вы хотите разместить вашу окрашенную под мрамор бумагу внутри формы, продолжите работу на следующем шаге.
  2. В этом примере параметр Hue был изменен в сторону более зеленого цвета, а параметр Saturation был увеличен.

Расцвечивание окрашенной под мрамор бумаги

  1. 1. Создайте дубликат слоя Layer 1, чтобы сохранить экземпляр исходного мрамора.

  1. 2. Выберите команду Image (Изображение) > Adjustments (Корректировки) > Hue/Saturation (Цветовой тон/ Насыщенность). Включите опцию Preview (Предварительный просмотр) и экспериментируйте со значениями параметров Hue, Saturation и Lightness (Светлота) до тех пор, пока вы не будете удовлетворены результатом. Щелкните на ОК.

  1. 3. Повторяйте всю технику полностью или только шаги 1 и 2 техники «Расцвечивание окрашенной под мрамор бумаги» до тех пор, пока у вас не будет столько, сколько нужно, цветной окрашенной под мрамор бумаги.

  1. 4. Для того чтобы использовать окрашенную под мрамор бумагу подобно этому примеру, выполните шаги с 8-го по 14-й техники «Иллюстрации из цветной бумаги» на с. 7.
  2. Когда вы заканчиваете работать в этой технике, не забывайте возвращать ваши предпочтительные установки интерполяции (шаг 4 на с. 96) к Bicubic (Бикубическая).

 

383.gif

Изображение: 

384.gif

Изображение: 

385.gif

Изображение: 

386.gif

Изображение: 

387.gif

Изображение: 

388.gif

Изображение: 

389.gif

Изображение: 

390.gif

Изображение: 

391.gif

Изображение: 

392.gif

Изображение: 

393.gif

Изображение: 

394.gif

Изображение: 

395.gif

Изображение: 

396.gif

Изображение: 

5. Текстурованные трехмерные рисунки

 
 

Текстурированные трехмерные рисунки

Adobe Photoshop 7.0 или более поздние версии Adobe Illustrator 10 или более поздние версии

Используйте режим Overlay (Наложение) на палитре Layers (Слои) программы Photoshop, чтобы легко добавлять фотографические или живописные текстуры к трехмерным полутоновым монохромным рисункам, созданным в программе Illustrator. Просто поместите рисунок в слой в программе Photoshop. Затем вы скопируете текстуру на смежный слой и объедините два слоя, используя режим Overlay. Если вы должны текстурировать несколько форм, рекомендуется создать отдельные файлы для каждой формы и затем объединить их с другими файлами, используя сведенные версии окончательных текстурированных рисунков. Пусть вас не устрашает длина этой техники. Это в действительности очень легко!

  1. 1. Перед тем как вы будете копировать контуры из программы Illustrator и вставлять их в программу Photoshop, откорректируйте предпочтительные установки программы Illustrator. Выберите команду Illustrator > Preferences (Предпочтительные установки) > Files & Clipboard (Файлы и буфер обмена) (OS X) или Edit (Редактировать) > Preferences (Предпочтительные установки) > Files & Clipboard (Файлы и буфер обмена) (Mac OS или Windows). Выделите опцию AICB и щелкните на опции Preserve Paths (Сохранить контуры).

  1. 2. Создайте в программе Illustrator трехмерную форму. Раскрасьте форму только оттенками серого. Не используйте 100 % черного или белого. Доведите, если нужно, масштаб художественного изображения до его окончательного размера. Выделите все формы и выберите команду Edit > Copy (Копировать), чтобы скопировать их в буфер обмена. Сохраните файл.
  2. Вы можете создать этот рисунок инструментами формы из программы Photoshop, но это легче сделать в программе Illustrator.

  1. 3. Создайте новый RGB-файл в программе Photoshop с таким размером и разрешением, которые должно иметь окончательное изображение. Выберите команду Edit> Paste (Вставить) и выделите опцию Paste As Path (Вставить как контур). Щелкните на ОК. Не сдвигайте контур из позиции, в которую он был вставлен.

  1. 4. Дважды щелкните на имени Work Path (Рабочий г контур) на палитре Paths (Контуры), чтобы открыть диалоговое окно Save Path (Сохранить контур), и измените имя контура на 3D Outline (Трехмерное очертание). Щелкните на свободном месте палитры, чтобы отменить выделение контура.
  2. Вы будете использовать этот контур несколько раз на последующих шагах, чтобы выделять очертания различных поверхностей вашего объекта.

  1. 5. Выберите команду File (Файл) > Place (Поместить), выделите файл программы Illustrator, который вы создали на шаге 1, и щелкните на Place. He сдвигайте объект и не изменяйте его масштаб, чтобы гарантировать, что он хорошо совместится с контурами, которые вы вставили на шаге 3. Нажмите клавишу Return/Enter, чтобы растрировать изображение.

  1. 6. Выделите новый слой, который был создан посредством помещения рисунка на шаге 5, и щелкните дважды на его имени. Измените имя слоя на 3D Base.

  1. 7. Откройте файл с текстурой, которая должна появиться на поверхности трехмерной формы. Выделите область текстуры, которую вы хотите использовать. Пользуясь инструментом Move (Передвижение), перетащите выделенную область из ее окна в окно файла 3D Base.

  1. 8. Пользуясь палитрой Layers, присвойте новому слою имя Texture (Текстура) и измените его режим смешения на Overlay (Наложить). Щелкните при нажатой клавише Option/Alt между слоем Texture и слоем 3D Base, чтобы создать отсеченную группу из двух слоев.
  2. Отсеченная группа нужна вам для того, чтобы предохранить режим Overlay от воздействия других слоев в вашем файле.

  1. 9. Оцените результат. Если в вашей форме есть только одна видимая поверхность, как, например, в конусе или сфере, и результат вам нравится, сохраните файл. Если в вашей форме имеются угловые стороны, которые нуждаются в корректировке, продолжайте работу в следующей технике - Создания боковых поверхностей.
  2. В областях, залитых на 50 % черным, текстура будет N видна на 100 %. В областях, залитых на 100 % черным или белым, текстура не будет видна.

Создание боковых поверхностей

  1. 1. Перетащите пиктограмму слоя 3D Base на кнопку New Layer (Новый слой) внизу палитры Layers, чтобы создать дубли кат слоя. Затем перетащите пиктограмму слоя Texture на кнопку New Layer, чтобы создать дубликат этого слоя.
  2. Эти дубликаты станут боковой панелью. Дубликат слоя Texture будет добавлен к группе слоев.

  1. 2. Переместите слой 3D Base Copy вверх под слой Texture Сору на палитре Layers. При нажатой клавише Option/Alt щелкните на линии между слоем Texture и слоем 3D Base, чтобы повторно создать отсеченную группу. Измените имя слоя 3D Base Copy на Side Base. Измените имя слоя Texture Copy на Side Texture.
  2. Теперь у вас должны быть две отдельные, но идентичные группы слоев.

  1. 3. Активируйте контур 3D Outline (Трехмерное очертание) на палитре Paths (Контуры). Пользуясь инструментом непосредственного выделения, выделите контур, который определяет очертание боковой стороны вашего объекта.

  1. 4. Щелкните на кнопке Load Path as a Selection (Загрузить контур как выделенную область) внизу палитры Paths, чтобы создать выделенную область из контура. Выключите контур, щелкнув на свободном месте палитры Paths, чтобы сделать активным только Selection Marquee (Отмеченная часть выделенной области).

  1. 5. Выделите слой Side Base и щелкните на кнопке Add Layer Mask (Добавить маску слоя) внизу палитры Layers.
  2. Маска слоя будет маскировать все, кроме области боковой стороны рисунка.

  1. 6. Выделите слой Side Texture и выделите инструмент Move (Передвижение). Затем выберите команду Edit > Free Transform (Свободно трансформировать). Трансформируйте текстуру так, чтобы она естественно подходила к боковой плоскости объекта. Нажмите клавишу Return/Enter, чтобы завершить трансформирование.
  2. В этом примере текстура древесины была повернута так, чтобы она совместилась с краем боковой стороны и была немного масштабирована.

  1. 7. Сохраняя выделенным слой Side Texture, используйте инструмент «Передвижение» для того, чтобы изменить положение слоя текстуры. Если вы удовлетворены результатом, сохраните файл. Если верхняя плоскость формы нуждается в корректировке, продолжите работу в следующей технике - создания верхней поверхности.

Создание верхней поверхности

  1. 1. Повторите шаги 1 и 2 из техники «Создание боковой поверхности», чтобы создать дубликаты слоев 3D Base и Texture. Измените имена этих слоев на Top Base и Top Texture соответственно.

  1. 2. Включите контур 3D Outline (Трехмерное очертание) на палитре Paths (Контуры). Пользуясь инструментом непосредственного выделения, выделите контур, который определяет очертание верхней стороны вашего объекта.

  1. 3. Щелкните на кнопке Load Path as a Selection (Загрузить контур как выделенную область) внизу палитры Paths, чтобы создать выделенную область из контура. Выключите контур, щелкнув на свободном месте палитры Paths.

  1. 4. Выделите слой Top Base и щелкните на кнопке Add Layer Mask (Добавить маску слоя) внизу палитры Layers.
  2. Маска слоя будет маскировать все, кроме области верхней стороны рисунка.

  1. 5. Выделите слой Top Texture и инструмент «Передвижение». Затем выберите команду Edit > Free Transform (Свободно трансформировать). Трансформируйте текстуру так, чтобы она естественно подходила к верхней плоскости объекта.
  2. Изменение масштаба текстуры верха в горизонтальном направлении создает впечатление, как будто она удаляется.

  1. 6. Сохраняя выделенным слой Top Texture, используйте инструмент «Передвижение» для того, чтобы изменить положение слоя текстуры. Если вы удовлетворены результатом, сохраните файл. Если верхняя поверхность формы нуждается в корректировке, продолжите работу на шаге 7.

  1. 7. Повторите, если желательно, шаги со 2-го по 6-й, чтобы скорректировать переднюю плоскость объекта. Используйте для передней плоскости слои Texture и 3D Base. Повторяйте полностью всю технику для каждой трехмерной формы, которую вы хотите текстурировать.

 
 

397.gif

Изображение: 

398.gif

Изображение: 

399.gif

Изображение: 

400.gif

Изображение: 

401.gif

Изображение: 

402.gif

Изображение: 

403.gif

Изображение: 

404.gif

Изображение: 

405.gif

Изображение: 

406.gif

Изображение: 

407.gif

Изображение: 

408.gif

Изображение: 

409.gif

Изображение: 

410.gif

Изображение: 

411.gif

Изображение: 

412.gif

Изображение: 

413.gif

Изображение: 

414.gif

Изображение: 

415.gif

Изображение: 

416.gif

Изображение: 

417.gif

Изображение: 

418.gif

Изображение: 

419.gif

Изображение: