Создание текстур для SketchUp 8

Запись дневника создана пользователем Leo060147, 01.12.13
Просмотров: 20.405, Комментариев: 20

Часто существующих текстур, изначально заложенных в программу SketchUp 8 явно не хватает, да и по определению не может быть "на все случаи жизни". И для таких случаев я покажу, как можно создавать практически любые текстуры, при наличии желания. Когда вы проектируете или запроектировали здание, сооружение, то хочется чтобы оно смотрелось как можно реалистичней и красивей. Но для таких целей недостаточно замечательной программы для 3D проектирования, как SketchUp 8. Чтобы добиться идеального результата нужно подготавливать изначальный материал в какой либо графической программе для обработки фотоизображений. Программ такого плана достаточно много существует. Большинство таких программ имеют ограниченное количество инструментов и возможностей по обработке фотографий. А нам нужно программу серьезную, в которой можно "сотворить" очень многое. Самая известная (как говорят на слуху) из таких программ это Photoshop. Программа действительно замечательная, но имеющая на мой взгляд один очень существенный недостаток. Эта программа платная. Ее стоимость 25-28 тыс. рублей. Может для кого то это копейки, а для кого то не малая сумма. Но не очень многие знают что существует программа не уступающая по своей функциональности программе Photoshop. Это бесплатная программа Gimp. Скачать ее легко из интернета со многих сайтов. При этом изначально можно скачивать программу на русском языке, что для большинства пользователей весьма большой плюс. Кроме этого некоторые нужные нам функции в программе Photoshop менее удобные, чем в Gimpe. Например вспомогательная сетка в Gimpе может иметь различный шаг по горизонтали и вертикали, а в Photoshop она квадратная, что не всегда удобно.
В своем уроке, я как раз буду рассказывать и показывать как подготавливать нужные нам текстуры в программе Gimp для последующего использования наших "творений" в программе SketchUp 8.

Первое что надо это установить на ваш комп программу для 3D проектирования SketchUp 8. Как это правильно сделать и настроить программу я рассказывал в своем уроке "Проектирование дома в программе SketchUp 8. Урок для начинающих".

Кроме этого надо установить на ваш компьютер программу Gimp 2. Поскольку она изначально бесплатная, то никаких дополнительных "телодвижений" делать не надо. Задаете в поиске "программа Gimp на русском", выбираете приглянувшийся вам сайт без всяких требований смс и прочих вымогательств и скачиваете. Устанавливаете на комп.

Например вы создаете в SketchUp 8 ограждение вашего участка. И ваше ограждение будет представлять собой комбинированную конструкцию. Низ ограждения, цоколь высотой 600 мм, шириной 380 мм и кирпичные столбы сечением 380х380 мм с высотой от цоколя 2000 мм. Расстояние между столбами 4000 мм. Заполнение между столбами будет из кованной решетки. Вычерчиваем нашу заготовку ограждения.

Вложения:

Leo060147, 01.12.13

kivik71 сказал(а) "спасибо" за это.

Наша программа Gimp может выглядеть как на рисунке. То есть состоять из отдельных панелей, которые можно в процессе работы перетаскивать на разные места. Но в принципе можно выбрать и "однооконный режим". Это "Окна" и поставить галочку напротив "Однооконный режим". Это дело предпочтений каждого. Функциональность программы в любом виде одинакова.
Вложения:
Leo060147, 01.12.13

#

Ковылин сказал(а) "спасибо" за это.
Теперь нам нужно подобрать подходящую кованную решетку. Это может быть решетка из разных источников. Нам надо на первом этапе такой вариант из которого проще создавать фото в формате png. Формат png позволяет создать изображение с прозрачным фоном, что нам в данном случае и понадобиться. То есть нам надо чтобы на изображении была только сама решетка из металла и не было фона. Пробуем найти что либо подходящее из интернета. Фотографию или рисунок. Задаем в поиске "Кованные решетки" или "Металлические решетки" жмем "картинки". Если находим что то подходящее, то открываем, смотрим, жмем правой клавишей мышки. В выпавшем меню жмем "Сохранить картинку как..." и сохраняем ее в созданную папочку. Чтобы потом знать где у нас эти решетки лежат. Вот какие варианты я загрузил.
Вложения:
Leo060147, 01.12.13

#

Ковылин сказал(а) "спасибо" за это.
Давайте попробуем поработать с последним вариантом СП 5036.
Загружаем программу GIMP. Далее "Файл-открыть". В выпавшем меню ищем папку и файл нашей картинку. Выделяем. Жмем "Открыть".
Картинка загрузилась. Теперь обрезаем все лишнее инструментом "Кадрирование" (похож на скальпель). Подводя курсорчик к краям нашего выделения, устанавливаем боковые грани обрезки на половине наших крайних стержней. Это для того чтобы после стыковки элементов друг с другом из каждой половинки получился один стержень. Тогда не будет видно стыков. Жмем Enter. У нас останется все что было в светлой части обрезки и отрежется, то что было в затемненной.
Вложения:
Leo060147, 01.12.13

#

Ковылин сказал(а) "спасибо" за это.
Теперь у нас осталась решетка, но она с белым фоном. А фон нам не нужен. Будем его удалять. Для того чтобы удалить белый фон, нам надо его выделить. Выделять можно различными путями. Например инструментом "выделение смежных областей..." Для этого удерживая нажатой клавишу Shift, щелкать инструментом по белым участкам изображения. Но можно сделать в данном случае проще. Жмем "Выделение".В выпавшем меню выбираем "По цвету" и щелкаем по цвету, который нам надо выделить. В данном случае это белый цвет. Все что у нас залито белым цветом выделиться (Мерцающий пунктир). Но мы видим что из за того что качество нашей изначальной картинки было не очень высоким, выделение произошло не очень четко. Много сероватых участков, которые программа "увидела" не белыми и потому не выделила. По умолчанию чувствительность порога выделения в программе установлена как 15. Можно как уменьшать порог, так и увеличивать. В нашем случае увеличим порог до 75. Снова щелкаем левой клавишей мышки по любому белому участку. Теперь видим что выделилось все что нам надо. Если теперь щелкнуть Delete, то белый цвет у нас не исчезнет. Для того чтобы он исчез нужно навести курсор на наш слой (он у нас один. Это справа верху.) щелкнуть правой кнопкой мыши и в выпавшем меню щелкнуть "удалить альфа-канал". После этого снова щелкнуть "Delete". Белые участки исчезнут. В качестве фона останется клетчатая поверхность. Это значит прозрачный фон. После этого на любом свободном участке щелкаем правой кнопкой мыши и в выпавшем меню выбираем "Выделение, снять выделение". Для сохранения этого файла в таком виде чтобы у нас так и остался прозрачный фон нужно обязательно выбрать расширение файла png.
Для этого жмем "Файл - Экспортировать... В выпавшей таблице выбираем тип расширения файла PNG, При необходимости даем название файлу. Жмем "Экспортировать". Наш файл сохранен с прозрачным фоном.
Вложения:
Leo060147, 01.12.13

#

Ковылин сказал(а) "спасибо" за это.
1. Leo060147 сказал(а):
  
  Для того чтобы он исчез нужно навести курсор на наш слой (он у нас один. Это справа верху.) щелкнуть правой кнопкой мыши и в выпавшем меню щелкнуть "удалить альфа-канал".
  
  Все делаю как описано но вот "удалить альфа-канал" не выделена для клика.Что может быть? https://yadi.sk/i/gC_V-3E4fgJBF
  
  vladimirm, 01.04.15
  
  #
  1. vladimirm сказал(а):
    
    Все делаю как описано но вот "удалить альфа-канал" не выделена для клика.Что может быть?
    
    Только два варианта. Либо в вашем изображении высвечивается "Удалить альфа канал" либо высвечивается "добавить альфа канал". Вам надо добиться результата чтобы фон был прозрачный (то есть как из квадратиков). Для проверки возьмите ластик и проведите там, где вам нужно стереть фон. Если появляется вместо белого или цветного фона прозрачность, то больше ничего делать не нужно. Выделяете то что нужно удалить и удаляете нажимая "Delete", либо "стираете" фон ластиком.
    
    Leo060147, 01.04.15
    
    #
    
    vladimirm сказал(а) "спасибо" за это.
Теперь нам надо прикинуть размеры нашей решетки, чтобы она хорошо вписалась в наши пролеты между кирпичными столбами. Как мы говорили расстояние между гранями наших столбов 4000 мм (4 метра), а высота наших кованных решеток порядка 2000 мм (2 метра). Когда мы проделали эти операции, то получили высоту решетки 2300 мм, а ширину 1477,43 мм. Если мы разделим наш пролет 4000 мм / 1477=2,7. Нас не устраивает такой размер каждого элемента решетки. Поэтому будем корректировать ширину отдельно от высоты. Разделим 4000/3шт.=1334 мм. Для того чтобы откорректировать наш размер по ширине и при этом высота не уменьшилась надо разомкнуть "цепочку" между размерами высота и ширина. Теперь можно менять размеры по высоте и по ширине отдельно. Ставим ширину нашей решетки 1334. Жмем "Изменить". Не забываем эти изменения в файле сохранить. Для этого жмем "Файл-экспортировать - reshetka 1.png/ Теперь наша высота и ширина подходит для нашего пролета между столбами. Умещается три решетки в каждом пролете. Создадим наше "заполнение" для промежутка между столбами. Для этого в программе Gimp берем инструмент "Кадрирование" . Щелкаем по инструменту два раза левой клавишей мышки. Выскакивает панелька "Параметры инструментов" проставляем соотношение сторон 4000:2300. Ставим галочки против "фикс-соотношение сторон" и "разрешить наращивание". Кадрируем. Получается прямоугольник с соотношением сторон 4000 (размер между столбами) и 2300 (высота металлической кованной вставки).
Далее жмем "Слой - создать копию слоя". Сдвигаем полученный слой вправо. Совмещаем крайние стойки. Снова жмем "Слой-создать копию слоя" и еще раз сдвигаем вправо. Совмещаем крайние стойки. Когда у нас получился элемент из трех решеток, то сохраняем полученное изображение нажимая "Файл" и в выпавшем меню "Перезаписать файл Reshetka 1.png". Но возникла одна очень важная проблема. Размер нашего файла Reshetka 1.png получился очень объемный, больше 10 мгб. С таким большим файлом работать очень проблематично и компьютер будет наверняка зависать. Поэтому придется уменьшить размер нашего файла. Для этого уменьшим какую либо сторону нашей решетки например в 10 раз. Поскольку стороны (ширина и высота) у нас связаны, то пропорционально уменьшится и вторая сторона. Вид нашей решетки и соотношение сторон не измениться, но уменьшится размер файла (правда с некоторым ухудшением качества "картинки"). Для этого жмем "Изображение - размер изображения" в выпавшей табличке, там где указаны стороны, любую сторону уменьшаем в 10 раз убрав последнюю цифру. Если наши размеры в мм, то вместо 4000 будет 400, вместо 2300 будет 230. Если размеры в пикселях, то просто убираем последнюю цифру размера любой стороны. Вторая сторона автоматически, пропорционально уменьшится, когда мы щелкнем "Изменить". После этого сохраняем наше уменьшенное изображение (можно под прежнем именем). Для сохранения жмем "Файл- перезаписать Reshetka 1.png". Либо, если хотите назвать новым именем "Файл-экспортировать..." В выпавшем меню пишите новое имя файла, не забываете выбрать разрешение файла - .png
Теперь наш файл будет занимать порядка 500-550 кб. Это уже нормально.
Вложения:
Leo060147, 01.12.13

#

Ковылин сказал(а) "спасибо" за это.
1. Leo060147 сказал(а):
  
  Теперь нам надо прикинуть размеры нашей решетки, чтобы она хорошо вписалась в наши пролеты между кирпичными столбами. Как мы говорили расстояние между гранями наших столбов 4000 мм (4 метра), а высота наших кованных решеток порядка 2000 мм (2 метра). Когда мы проделали эти операции, то получили высоту решетки 2300 мм, а ширину 1477,43 мм. Если мы разделим наш пролет 4000 мм / 1477=2,7. Нас не устраивает такой размер каждого элемента решетки. Поэтому будем корректировать ширину отдельно от высоты. Разделим 4000/3шт.=1334 мм. Для того чтобы откорректировать наш размер по ширине и при этом высота не уменьшилась надо разомкнуть "цепочку" между размерами высота и ширина. Теперь можно менять размеры по высоте и по ширине отдельно. Ставим ширину нашей решетки 1334. Жмем "Изменить". Не забываем эти изменения в файле сохранить. Для этого жмем "Файл-экспортировать - reshetka 1.png/ Теперь наша высота и ширина подходит для нашего пролета между столбами. Умещается три решетки в каждом пролете. Создадим наше "заполнение" для промежутка между столбами. Для этого в программе Gimp берем инструмент "Кадрирование" . Щелкаем по инструменту два раза левой клавишей мышки. Выскакивает панелька "Параметры инструментов" проставляем соотношение сторон 4000:2300. Ставим галочки против "фикс-соотношение сторон" и "разрешить наращивание". Кадрируем. Получается прямоугольник с соотношением сторон 4000 (размер между столбами) и 2300 (высота металлической кованной вставки).
  Далее жмем "Слой - создать копию слоя". Сдвигаем полученный слой вправо. Совмещаем крайние стойки. Снова жмем "Слой-создать копию слоя" и еще раз сдвигаем вправо. Совмещаем крайние стойки. Когда у нас получился элемент из трех решеток, то сохраняем полученное изображение нажимая "Файл" и в выпавшем меню "Перезаписать файл Reshetka 1.png". Но возникла одна очень важная проблема. Размер нашего файла Reshetka 1.png получился очень объемный, больше 10 мгб. С таким большим файлом работать очень проблематично и компьютер будет наверняка зависать. Поэтому придется уменьшить размер нашего файла. Для этого уменьшим какую либо сторону нашей решетки например в 10 раз. Поскольку стороны (ширина и высота) у нас связаны, то пропорционально уменьшится и вторая сторона. Вид нашей решетки и соотношение сторон не измениться, но уменьшится размер файла (правда с некоторым ухудшением качества "картинки"). Для этого жмем "Изображение - размер изображения" в выпавшей табличке, там где указаны стороны, любую сторону уменьшаем в 10 раз убрав последнюю цифру. Если наши размеры в мм, то вместо 4000 будет 400, вместо 2300 будет 230. Если размеры в пикселях, то просто убираем последнюю цифру размера любой стороны. Вторая сторона автоматически, пропорционально уменьшится, когда мы щелкнем "Изменить". После этого сохраняем наше уменьшенное изображение (можно под прежнем именем). Для сохранения жмем "Файл- перезаписать Reshetka 1.png". Либо, если хотите назвать новым именем "Файл-экспортировать..." В выпавшем меню пишите новое имя файла, не забываете выбрать разрешение файла - .png
  Теперь наш файл будет занимать порядка 500-550 кб. Это уже нормально.
  
  Какие операции нужно было проделать чтобы получить размеры - высоту решетки 2300 мм, а ширину 1477,43 мм. Не понятно откуда это появилось
  
  DrimerHB, 04.04.14
  
  #
  1. DrimerHB сказал(а):
    
    Какие операции нужно было проделать чтобы получить размеры - высоту решетки 2300 мм, а ширину 1477,43 мм. Не понятно откуда это появилось
    
    Мы взяли понравившуюся нам решетку (по ее внешнему виду) из интернета. Затем эту решетку делаем высотой 2300 мм, как у нас задумано для ограждения. Но когда мы изменяем "найденную" решетку пропорционально, то ее ширина тоже изменяется и получается 1477 мм.
    
    Leo060147, 04.04.14
    
    #
    
    DrimerHB сказал(а) "спасибо" за это.
Загружаем наш файл с изображением кирпичной части нашего ограждения.
И тут я обнаружил что наверно зря я попытался решить эту задачу (установка металлической кованной решетки с помощью "заливки текстурой"). Гораздо проще эта задача решается простым импортом файла изображения решетки в Скетчап в формате png. Поэтому прошу прощения у читателей этой темы. То есть я покажу как вставить решетку простым способом, а по теме заливки текстурой (но уже не с решеткой с разрешением png), расскажу чуть ниже. Хотел удалить не нужные теперь две картинки (скрина экрана), но почему то не получается. Поэтому на две первые картинки не обращайте внимания. Что касается материала по подготовке изображений в формате png, то все остается в силе. Объясняю почему я не хочу залить подготовленной текстурой (кованной решеткой) наши подготовленные плоскости? Да потому что наша решетка сверху открыта (нет горизонтальной металлической части у решетки, металлические заостренные стержни торчать вверх) , а заливая текстурой созданную прямоугольную плоскость мы будем иметь лишнюю горизонтальную грань, которая будет портить нам весь вид. Можно конечно убрать галочки в меню "Вид-стиль края... напротив всех стилей. Тогда грани исчезнут. Но они исчезнут и там где они могут быть полезны. Кроме этого при заливке "текстурой" в любом, в том числе и нашем примере, заливка текстурой (происходит от начала координат). То есть любая текстура, это бесконечное повторение какого то одного и того же элемента. Заливая какую то плоскость, которая не совпадает с началом координат, мы можем получить на этой плоскости границы между нашими элементами. Поэтому надо будет решать эту лишнюю проблему. Она конечно решаема, но думаю что для начинающих пользователей она пока не нужна.
Итак создаем новый слой (для удобства работы). Назовем его "Решетка". Переходим на него (ставим точку в окружности (где слои). Жмем "Файл-импорт..." В выпавшем меню выбираем наш файл "Reshetka 1.png". Жмем открыть. Подводим нашу решетку к нужной нам плоскости. В данном случае плоскости образованной "синей-зеленой" линиями. То есть плоскость нашего ограждения. Когда наша решетка "правильно" развернется, жмем левой клавишей. Тянем вправо вверх увеличивая нашу решетку, пока до примерного размера. Она может быть, на этом этапе, чуть больше или меньше нужного нам размера. Щелкаем левой клавишей мышки. У нас появилась наша решетка. Но пока она не в той плоскости (нам нужна плоскость совпадающая со средней продольной осью нашего ограждения) и не точно по нужным нам размерам. Проведем дополнительные линии карандашом по середине наших столбов. Выделяем решетку и инструментом "Переместить" перемещаем ее по центру оси нашего ограждения. Затем инструментом "масштабировать" подгоняем размеры нашей решетки к месту ее установки. Возможно что придется несколько раз чередовать инструменты "Переместить" и "Масштабировать", пока решетка не встанет на нужное место. Затем выделяем нашу отмасштабированную решетку, и инструментом "Переместить", предварительно нажав на клавиатуре клавишу Ctrl клонируем и перемещаем в следующий пролет нашу решетку. Затем еще один раз. Получилось наше ограждение.
Вложения:
Leo060147, 01.12.13

#

Shisgara и Ковылин сказали "спасибо" за это.
Как и обещал показываю использование текстур из внешних источников.
Например нам требуется создать книжную полку с установленными на полках книгами. При этом основной задачей является не конструкция полки, а ее внешний вид, например для быстрой визуализации создаваемого нами интерьера. В качестве исходного материала, то есть книги стоящие на полках, можно использовать фотографию собственной полки или поискать подходящее изображение в интернете. После поиска в интернете я выбрал вот такую картинку
Вложения:
Leo060147, 02.12.13

#

Ковылин сказал(а) "спасибо" за это.
Открываем Скетчап. Создаем прямоугольный брусок имеющий размер нашей полки. Например полка будет иметь размеры: высота 2400мм, длина полки 3000мм и ширина полки 300мм.
Все дальнейшие действия проиллюстрированы приложенными сканами экрана с пояснениями.
Вложения:
Leo060147, 02.12.13

#

Puzan3011 и Ковылин сказали "спасибо" за это.
Конечно такая текстура это псевдокниги и под другими углами обзора будут выглядеть не всегда естественно, но тем не менее это иллюстрация, как можно использовать фотографии для заливки.
То же самое можно конечно получить и тем способом, который я показывал для ограждения. То есть фотографию вставлять на ту плоскость, которую вам требуется "задекорировать". Для этого "Файл- импорт," в выпавшем меню выбираете фотографию. Импортируете. Размещаете на той поверхности, где вам надо "декорировать". При необходимости масштабируете, деформируете, выправляете углы.
Вложения:
Leo060147, 02.12.13

#

Puzan3011, Ковылин, Deonisus и 5 другие сказали "спасибо" за это.
Здравствуйте. Огромное спасибо за вашу просветительскую деятельность, много почерпнул для себя полезного. У меня к вам вопрос следующего характера. Решил для примера сделать раскладку плитки в ванной. Перенес текстуру плитки и ее размеры в Скетчап. Не могу теперь понять как ее обрезать в углах или местах где нужны разные запилы. При прямой обрезке однотонной плитки все более/менее понятно, можно использовать инструмент масштабировать. Но вот когда запил плитки по углом или плитка с рисунком - сделать этого не получается. Не подскажите как это можно осуществить.
У меня не получается прикрепить файлы с примерами. Выдает ошибку.

Денис Влад-ч, 17.03.15

#
Была подробная тема с обсуждениями и примерами как обрезать плитку. (не моя тема). Поищите, чтоб не повторяться...
А если файл не грузится, то наверно больше размером, чем пропускает форум... Тогда проще всего загружать через Яндекс Диск...Без файла обсуждать проблему, это "испорченный" телефон. Ведь создавать и заливать плитку можно несколькими способами.

Leo060147, 17.03.15

#
Спасибо за помощь, буду искать.
Файл уменьшил, но не вставляется. Выгрузил на яндекс-диск https://yadi.sk/d/Y_L_lOqJfJjFc

Денис Влад-ч, 17.03.15

#
1. Денис Влад-ч сказал(а):
  
  Спасибо за помощь, буду искать.
  Файл уменьшил, но не вставляется. Выгрузил на яндекс-диск https://yadi.sk/d/Y_L_lOqJfJjFc
  
  Но вы же загрузили картинку jpg. Какой в ней смысл? Надо загружать вашу работу в формате skp.
  А почему у вас не загружается картинка ipg размером 203 кб не понятно???
  
  Leo060147, 17.03.15
  
  #
Вроде бы два файла прикрепил, картинку и файл скетчап. Еще раз попробую https://yadi.sk/d/3OFX_B3RfJkKU

Денис Влад-ч, 17.03.15

#
В принципе у вас нет плиток, поскольку любая плитка имеет еще и высоту. А у вас высоты нет. У вас просто плоскости. Те плитки (плоскости) которые в вашем случае надо обрезать, просто "разъединяете" и удаляете те части которые за пределами вашей ограничительной линии. Или все выделяете, разьединяете и удаляете ненужные кусочки.

Leo060147, 17.03.15

#
Спасибо огромное, так просто оказалось.

Денис Влад-ч, 17.03.15

#

(Вы должны войти или зарегистрироваться, чтобы разместить комментарий.)

Создание текстур для SketchUp 8

Вложения:

Комментарии

Вложения:

Вложения:

Вложения:

Вложения:

Вложения:

Вложения:

Вложения:

Вложения:

Вложения: