Как сделать землю в фотошопе

Обновлено: 10.08.2022


В этом уроке вы узнаете как создать дерево с кроной в виде карты мира.

Сложность урока: Средний

Смысл этого красочного плаката – «Спасите нашу планету Земля, пока это еще возможно». Карта мира в виде дерева символизирует нашу планету Земля и наше единство, а зеленый цвет указывает на мир живой природы, в котором мы живем.


Примечание: В источнике урока отсутствуют некоторые изображения. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.

Шаг 1

Создайте новый документ, размер 650x790px, и используйте Инструмент Эллипс (Ellipse Tool), чтобы создать форму, как на изображении.


Шаг 2. Добавляем текстуру травы

Скачайте Текстуру травы 1 и загрузите файл PAT в Photoshop.

Примечание переводчика: перейдите во вкладку Редактирование (Edit) - Наборы (Presets) - Управление наборами (Preset Manager), выбрать тип набора: узор – загрузить - выбрать Текстуру травы1 файл PAT - загрузить

Щелкните дважды левой кнопкой мыши по слою с эллипсом и перейдите в Стили слоя, добавьте Стиль слоя Наложение узора (Pattern Overlay) к слою с Эллипсом и используйте Текстуру травы 1 в качестве узора. Переименуйте слой с Эллипсом и назовите его Травяное покрытие.


Или вы можете вставить Текстуру травы 2 над слоем с Эллипсом, затем щелкните правой кнопкой мыши на слое с текстурой и выберите в окне выпадающего меню команду - Создать обтравочную маску (Create Clipping Mask). Теперь, травой закрыт только участок, ограниченный эллипсом. (Не забудьте переименовать слой с эллипсом в Травяное покрытие)

Шаг 3. Добавляем текстуру облаков

Откройте изображение с облаками, скопируйте его и вставьте в нашу работу под слоем Травяное покрытие. Сделайте изображения облаков черно-белыми: Изображение (Image) - Коррекция (Adjustments) – Обесцветить (Desaturate) Shift+Ctrl+U)

Примечание переводчика: если размер вставляемого изображения с облаками слишком большой, уменьшите его с помощью инструмента Трансформации: Редактирование (Edit) - Трансформация (Transform) - Масштабирование (Scale).



Шаг 4. Добавляем границу с травой

Откройте Текстуру травы 3 (на прозрачном фоне) и вставьте ее ниже слоя Травяное покрытие, но выше слоя с облаками. Вы можете добавить несколько слоев с этой текстурой травы и изменить размеры на каждом из этих слоев, чтобы создать эффект объема. Используйте Инструменты Осветление (Dodge Tool) и Затемнение (Burn Tool), чтобы смешать границы травы с текстурой.


Шаг 5. Создаем дерево для карты мира

Откройте изображение Мертвого дерева, скопируйте и вставьте в нашу работу, выше всех других слоев. Назовите слой Дерево. Используйте кисть черного цвета, чтобы прокрасить ствол дерева.

Примечание переводчика: не забывайте при необходимости использовать инструмент Трансформации Масштабирование (Scale), для изменения размера вставляемого изображения.


Продублируйте слой с мертвым деревом и поверните его вправо, как показано на изображении ниже.

Примечание переводчика: меню Редактирование (Edit) -Трансформация (Transform) - Поворот (Rotate)


Используйте Инструмент Ластик (Eraser Tool), чтобы удалить ствол и некоторые ветви с левой части дерева, на дубликате слоя с деревом.


Продублируйте слой с мертвым деревом еще раз, и поверните его, на этот раз влево, как показано ниже.


Используйте Инструмент Ластик (Eraser Tool), чтобы удалить ствол и некоторые ветви с правой части дерева, на этом дубликате слоя.


Слейте вместе две копии слоя с деревом: выделите оба слоя, кликните правой кнопкой мыши и выпадающем меню выберите Объединить слои (Merge layers), назовите этот слой Ветки. Создайте новый слой выше слоя Ветки: главное меню - Слои (Layer) – Новый (New) – Слой (Layer).

Выберите Инструмент Эллипс (Ellipse Tool), и зажав клавишу Shift, нарисуйте круг нужного размера, как на изображении ниже.

Примечание переводчика: Используя Инструмент Перемещение (Move) сдвиньте фигуру Круг по центру дерева, снова активируйте Инструмент Эллипс (Ellipse Tool), и щелкнув правой кнопкой мыши, выберите команду Выделить область, радиус растушевки поставьте 0. Скройте слой с кругом, нажав на Значок Глаз, и перейдите на слой Ветки.



Используйте это выделение в качестве маски слоя для слоя с деревом, нажав на панели Слои кнопку Добавить маску слоя (Mask Add Layer).


Шаг 6. Создаем карту мира из листьев

Создайте новый слой и назовите его Карта мира: главное меню – Слои (Layer) – Новый (New) – Слой (Layer). Используйте Инструмент Произвольная фигура (Custom Shape Tool / U), чтобы добавить форму Карты мира, как показано на изображении ниже.

Примечание переводчика: Скачайте архив с произвольными фигурами «Эко», распакуйте архив, перейдите в меню Редактирование (Edit) – Наборы (Presets) – Управление наборами (Preset Manager), выберите тип набора –Заказные фигуры, нажмите кнопку загрузить, перейдите в папку с распакованным архивом, и выберите распакованный файл CSH, нажмите кнопку Загрузить, и теперь, в окне Управление наборами, выбирайте новую загруженную фигуру. Не забудьте выбрать параметр Слой-фигура (Shape Layers) на панели настроек, цвет заливки черный. Для сохранения пропорций удерживайте кнопку Shift.


Щелкните правой кнопкой мыши на слое Карта мира и выберите действие Растрировать слой (Rasterize). Оставаясь на слое Карта мира, удерживая клавишу CTRL нажатой, нажмите на миниатюру маски слоя Ветки, чтобы сделать выделение круга. Используйте это выделение в качестве маски слоя для слоя Карта мира, нажав на панели Слои, кнопку Добавить маску слоя (Mask Add Layer). Теперь часть карты, выступающая за пределы круга, скрылась под маской слоя.


Удерживая клавишу CTRL нажатой, нажмите на миниатюру маски-слоя Карта мира, чтобы вновь сделать Выделение круга. Нажмите на слое Карта мира миниатюру слоя, чтобы убедиться, что вы работаете со слоем, а не с маской. Перейдите в меню Фильтр (Filter) – Искажение (Distort) – Сферизация (Spherize), выставите настройки, как на изображении ниже.


Щелкните дважды левой кнопкой мыши по слою с картой, и перейдите в Стили слоя, добавьте Стиль слоя Наложение узора (Pattern Overlay) к слою Карта мира, с теми же настройками как в первом шаге.

Примечание переводчика: если вы создавали в начале урока Стиль слоя Наложение узора, вы можете скопировать его и применить к слою Карта мира: кликните правой клавишей мыши по слою и выберите пункт Скопировать стиль слоя (Copy Layer Style), для вставки выберите пункт Вклеить стиль слоя (Paste Layer Style).


Преобразуйте слой Карта мира в смарт объект: выберите Слой (Layers) - Смарт-объекты (Smart Objects) - Преобразовать в смарт-объект (Smart Object)

Шаг 7

Откройте изображение Листья, скопируйте и вставьте в наш документ в новом слое над Картой мира, назовите этот слой Листья. Щелкните правой кнопкой мыши и выберите Создать обтравочную маску (Create Clipping Mask). Используйте Инструмент Ластик (Eraser Tool), чтобы удалить некоторую область листвы, чтобы у вас остались и часть травы, и часть зеленых листьев.


Удерживая клавишу CTRL нажатой, щелкните миниатюру маски слоя Ветки, чтобы появилась выделенная область круга. Создайте новый слой над слоем Листья слой и залейте его белым цветом. Установите Заливку (Fill) слоя до 0%. Щелкните дважды левой кнопкой мыши по слою и перейдите в Стили слоя, добавьте Стиль слоя Внутреннее свечение (Inner Glow). Используйте настройки как на изображении ниже.

Примечание переводчика:


Шаг 8. Создание тени

Удерживая клавишу Control нажатой, нажмите на все слои с частями дерева: Дерево, Ветки, Карта мира, Листья и Белый, чтобы выделить их. Щелкните правой кнопкой мыши по слоям и выберите команду Дублировать слои.


Нажмите Control-E, чтобы объединить дублированные слои. Назовите этот новый слой Тень, и поместите его ниже слоя Дерево.


Щелкните дважды левой кнопкой мыши по слою Тень, и перейдите в Стили слоя, добавьте Стиль слоя Наложение цвета (Color Overlay), используя черный цвет. Установите непрозрачность до 43%. Перейдите в меню Редактирование (Edit) -Трансформация (Transform) - Искажение (Distort), и придайте изображению форму тени, отбрасываемой деревом.

Примечание переводчика: Чтобы сгладить резкие очертание тени, можно использовать размытие: Фильтр (Filter) - Размытие (Blur) - Размытие по гауссу (Gaussian Blur), выбрать радиус с небольшим значением.


Используйте Инструмент Ластик (Eraser Tool), чтобы удалить тень, которая выходит за пределы поверхности травы.


Шаг 9. Создание текста из травы

В новом PSD файле я создал текст Земля, используя готовый Экшен по созданию надписи из травы, который можно скачать бесплатно, а для текстового слоя я использовал шрифт Super Mario.

Примечание переводчика: После регистрации можно скачать архив, распаковать его, в программе Photoshop перейти во вкладку Редактирование (Edit) – Наборы (Presets) – Управление наборами (Preset Manager), выбрать тип набора: узор – загрузить - выбрать распакованный файл PAT-загрузить; опять Редактирование (Edit) – Наборы (Presets) – Управление наборами (Preset Manager), выбрать тип набора: кисть – загрузить-выбрать распакованный файл ABR –загрузить. Теперь надо загрузить третий файл-экшен (готовая операция). Для этого перейдите в Окна (Window) – Операции (Actions)(Alt+F9), в открывшемся окошке нажмите на значок в правом верхнем углу и выберите из списка –Загрузить операции, выберите распакованный файл ATN. Теперь, когда вы загрузили в программу новые кисть, узор и экшен, создайте новый документ, а в нем создайте новый слой с текстом, удалите фон, и, выбрав в окне операций папку Grass Effect Photoshop Action, откройте ее, выберите любую из двух позиций, и нажмите значок пуск. Ваш текст превратился в травяной коврик!



Если вы хотите, вы можете добавить другие детали: птиц или бабочек. Для создания оригинальных облаков, вы можете использовать специальные платные кисти.


Шаг 10. Добавляем блики и лучи света

Для того чтобы сделать изображение более солнечным и ярким, вы можете добавить солнечный свет, используя некоторые из текстур для Photoshop. Вы можете также добавить блик к изображению. Просто установите режим наложения для этих текстур на Экран (Screen) или Замена светлым (Lighten).


Поздравляю, вы сделали это!

Вот окончательный результат создания этого красивого экологического плаката «Зеленая планета», сделанного в Photoshop с использованием текстур, стоковых изображений, наложений и различных методов смешивания.

Автор: Ольга Максимчук (Princypessa). Дата публикации: 20 сентября 2019 . Категория: Уроки рисования в фотошопе.

А Вы когда-нибудь задумывались о том, насколько удивительна и необыкновенна наша планета?

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

В новом уроке "Рисуем планету земля" нарисуйте свою уникальную планету.

В уроке вы научитесь пользоваться инструментами Заливка, Градиент, Перемещение и Овальная область, фильтрами Размытие по Гауссу, Сферизация, Пластика, Рябь, Волна, Блик, Шум, узнаете, как работать с выделением и загружать градиенты, как использовать стили слоя, режимы наложения слоев, корректирующие слои, обтравочные маски и многое другое.

risuem planetu zemlya

Создаем в фотошоп ( Ctrl + N ) новый документ с параметрами, как на рисунке ниже.


В качестве основного в панели цвета выставляем черный оттенок.

Для этого нажмите клавишу D на клавиатуре, чтобы сбросить цвета к установленным по умолчанию – черному и белому.

Активируем инструмент Заливка и кликаем мышью по холсте, чтобы залить фоновый слой основным цветом.



Создаем новый пустой слой и называем его «Текстура».

Для того, чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter .



Активируем инструмент Градиент.

В верхней панели настроек инструмента кликаем по треугольнику у строки выбора градиента, затем – по «шестеренке» справа и выбираем «Шумы».

Загруженный набор градиентов появится в конце списка.

Выбираем из списка самый первый градиент, отмеченный стрелочкой и, зажав клавишу Shift , проводим градиент сверху вниз.






Переходим в меню Фильтр-Искажение-Рябь и выставляем настройки, как на рисунке ниже.




Затем переходим в меню Фильтр-Искажение-Волна и настраиваем, как на изображении ниже.




Продолжаем искажать текстуру будущей планеты.

Переходим в меню Фильтр-Пластика.

Выбираем инструмент Деформация и настраиваем кисть, как на рисунке ниже.

Усиливаем «волны» на текстуре.

Проводим мышью вверх-вниз, чтобы создать дополнительное искажение.





Не выходя из окна фильтра Пластика, выбираем инструмент «Скручивание по часовой стрелке».

Немного увеличиваем размер кисти и кликаем мышью в некоторых областях текстуры чтобы добавить скручивание.

Чем дольше вы будете нажимать мышью, тем сильнее получится скручивание.



Выбираем инструмент Сморщивание и продолжаем искажать текстуру.

Когда будете удовлетворены результатом, нажмите клавишу «ОК», чтобы выйти в главную рабочую среду.



Переходим с меню Фильтр-Искажение-Сферизация и настраиваем следующим образом.




Активируем инструмент Овальная область и, зажав клавишу Shift , создаем круглое выделение по форме образовавшейся в предыдущем шаге сферы.

Чтобы получить круг по размеру холста, с зажатой клавишей мыши проводим по диагонали с левого верхнего угла к правому нижнему.



Нажимаем Ctrl + J , чтобы скопировать выделенную область на новый слой.

Переименовываем образовавшийся слой в «Планета».

Слой «Текстура» можно удалить. Для этого в панели слоев перетащите слой на иконку корзины.



Переходим в меню Изображение-Размер холста и вводим настройки, как на рисунке ниже.




Дважды кликаем по слою «Планета» в панели слоев, чтобы открыть стили слоя.

В у роке рисуем планету земля, в о вкладке Внешнее свечение кликаем по иконке выбора цвета, откроется палитра цветов.

Кликаем пипеткой по голубому оттенку на планете, чтобы выбрать его в качестве цвета Внешнего свечения.

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

Остальные настройки для вкладки Внешнее свечение на последнем скриншоте.




Во вкладке Внутреннее свечение так же при помощи пипетки берем образец голубого оттенка с планеты.

Остальные настройки на скриншоте.


Результат после применения стилей слоя.


Выше всех слоев создаем новый пустой слой и называем его «Черный».



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


Переходим в меню Выделение-Модификация-Растушевка и выставляем значение в 60 пикселей.




Переходим на слой «Черный» и при помощи инструмента Заливка заливаем его черным цветом.


Снимаем выделение ( Ctrl + D ).

Зажимаем клавишу Shift для сохранения пропорций и, потянув за уголки рамки, увеличиваем черный круг.

При помощи инструмента Перемещение перетаскиваем слой «Черный» влево.




Кликаем ПКМ по слою «Планета» и выбираем «Растрировать стиль слоя».


Кликаем ПКМ по слою «Черный» и выбираем «Создать обтравочную маску».

Этим шагом мы прикрепим слой «Черный» к нижележащему слою «Планета» и слой «Черный» будет виден в только в пределах слоя «Планета».



Активируем фоновый слой, залитый черным цветом, переходим в меню Фильтр-Шум-Добавить шум и выставляем настройки, как на рисунке ниже.




Переходим в меню Фильтр-Размытие по Гауссу и размываем на 1 пиксель.




Нажимаем на клавиатуре сочетание клавиш Ctrl + L , чтобы вызвать корректирующий слой Уровни и настраиваем, как на рисунке ниже.

Мы создали звезды.



Выше всех слоев создаем новый пустой слой, заливаем его черным цветом и переименовываем слой на «Блик».

Меняем режим наложения слоя «Блик» на Экран.


Переходим в меню Фильтр-Рендеринг-Блик, вводим настройки, как на рисунке и располагаем блик в правой верхней части холста.




Если ниже слоя «Блик» создать корректирующий слой Цветовой тон/Насыщенность и добавить к нему обтравочную маску, то можно тонировать планету в другие оттенки.

Например, в желтые тона.





Урок рисуем планету земля готов!


Отличного настроения и творческих успехов!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

Если Вы не хотите пропустить интересные уроки рисования в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.

Автор: NON. Дата публикации: 25 марта 2011 . Категория: Обработка фотографий в фотошопе.

В этом уроке по работе с фотошопом будет рассмотрен способ гибкого изменения насыщенности отдельных объектов на фотографии. Причём мы сможем не только изменять насыщенность объекта, а даже степень его насыщенности.

Рысь

  • урок по работе с фотошопом"Увеличение насыщенности цветов в фотошопе"
  • урок по работе с фотошопом"Хороший способ увеличить насыщенность в фотошопе"
  • урок по работе с фотошопом"Обработка пейзажа в фотошопе"
  • урок по работе с фотошопом "Коррекция 20 - простой способ увеличения яркости красок Вашего фото"
  • урок по работе с фотошопом"Избирательно поднимаем насыщенность на изображении"
  • урок по работе с фотошопом"Увеличиваем на фотографии насыщенность цветов"
  • урок по работе с фотошопом: "Простой способ увеличения насыщенности и яркости красок Вашего фото"
  • урок по работе с фотошопом: "Добавляем яркость и сочность изображению с помощью другой фотографии"
  • урок по работе с фотошопом: "Улучшение цветов изображения в модели LAB"
  • урок по работе с фотошопом: "Коррекция 11 - делаем фото сочным и ярким"

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

Фото рыси

Удерживая клавишу Alt, щёлкаем по второй справа иконке в палитре "Слои".

Палитра Слои

Появляется окно, в котором мы настроим параметры нового слоя. Устанавливаем режим "Затемнение основы", обязательно ставим флажок "Выполнить заливку нейтральным цветом режима "Затемнение основы" (белым)" и чтобы не получилось отсечения цвета, устанавливаем непрозрачность около 70-75%.

Окно Новый слой

В палитре "Слои" появился новый слой с заданными параметрами.

Палитра Слои

Выбираем инструмент "Кисть" с непрозрачностью около 15-20% (чем меньше степень непрозрачности, тем точнее Вы сможете регулировать насыщенность объекта), цвет переднего плана - чёрный.

Инструмент

Аккуратно обводим кистью рысь. Необходимо иметь в виду, что повторные мазки кистью по одному и тому же месту всё больше проявляют насыщенность данного участка фото. В этом-то и заключается гибкость - мы можем регулировать степень насыщенности отдельных участков. Вот так выглядит палитра "Слои" после работы кистью.

Палитра Слои

А вот так выглядит главный объект съёмки.

Яркое фото рыси

Сравните изображение рыси до и после обработки фотографии в фотошопе.

Рысь

Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.

Этот материал — продолжение статьи о создании 3D модели планеты Земля, где мы создали 3D-модель планеты, а здесь мы приступим конкретно к созданию анимации.

Напоминаю, что для работы потребуются исходные изображения, архив с которыми Вы можете скачать по ссылкам внизу страницы. Кроме того, там же Вы можете скачать готовый PSD-файл этого анимированного 3D-изображения.

Кроме того, для лучшего понимания материала смотрите видеоурок, выполненный на основе Photoshop CS6 с русским интерфейсом.

А вот видео, полученное в результате выполнения этого урока:

Итак, на данный момент мы имеем готовую 3D-модель планеты:

3d

Важно! Сейчас наш документ имеет размер фонового рисунка, т.е. 4877 на 3515 пикселей. Это очень большй размер для анимации и расчёт кадров такого размера потребует очень много компьютерных ресурсов, а если комп не из последних моделей, то он попросту зависнет. Поэтому уменьшаем размер изображения до приемлемого, например, до 600 на 432. Сделать это можно обычным способом, через вкладку главного меню Изображение —> Размер изображения (Image —> Image Size)

Открываем панель Окно —> Шкала времени (Windows —> Timeline) и нажимаем на кнопку «Создать временную шкалу для видео» (Create Video Timeline) для активации шкалы времени (Timeline), порядок указан на рисунке:

Это действие откроет шкалу времени. По умолчанию панель шкалы открывается «прилипшей» к нижнему краю рабочего окна Фотошопа, для удобства я её «отклеиваю», потянув за верх панели, а затем увеличу рабочее пространство окна панели, потянув за её нижний правый угол:

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

Теперь увеличиваем продолжительность видеодорожки до 10-ти секунд, для этого наводим курсор мышки на правый край дорожки, при этом курсор изменит свой вид на квадратную скобку со стрелочками, нажимаем на левую клавишу мыши, при этом над курсором появляется окно, и начинаем перетаскивать курсор вправо, во время перетаскивания в окне появятся цифры, указывающие время продолжительности дорожки и время окончания видео.
После того, как перетащите до отметки 10 сек конец видеодорожки 3D-слоя, отпустите клавишу мыши, перейдите на фоновый слой и перетащите туда же конец дорожки фона:

3d planeta zemlya

Теперь нажмите на треугольник слева от названия 3D слоя (у меня это название — «Слой 1») для того, чтобы развернуть опции слоя на шкале времени. Затем кликните по иконке секундомера слева от строки «Положение 3D-сцены» (3D Scene Position) для активации анимации слоя. После клика Вы увидите, что справа от секундомера и на ползунке указателя воспроизведения появились жёлтые ромбики. Это — метки добавления ключевых кадров. Для удобства можете изменить масштаб видеодорожки:

Переместите ползунок указателя воспроизведения до конца трека:

Теперь выполните следующие действия:
1. Перейдите в панель 3D и нажмите на кнопку «Фильтр по: Вся сцена» (Filter by Scenes), это самая левая кнопка. Как Вы помните, ранее в панели была активна третья слева кнопка «Фильтр по: материалы» (Filter by Materials).
2. В панели свойств (панель расположена справа в рабочем окне Photoshop) кликните по кнопке «Координаты».
3. Введите значение угла по оси Y равное 1080°, это действие задаст Земле три оборота вокруг вертикальной оси
4. Перейдите на Шкалу времени и дважды кликните по ползунку указателя воспроизведения.

Порядок действий указан на рисунке:

На этом наша анимация готова. Давайте проверим, что получилось.
На шкале времени переместите указатель воспроизведения несколько влево, при этом, если Вы всё сделали правильно, Земля в окне рабочего документа должна вращаться.

Теперь осталось только сохранить анимацию.

Пройдите по вкладке главного меню Файл —> Экспортировать —> Посмотреть видео (File —> Export —> Render Video), это действие откроет диалоговое окно, где Вы можете выбрать папку сохранения и задать некоторые настройки. Папка сохранения по умолчанию задана «мои документы», а дефолтные настройки в данном примере я менять не буду, просто нажимаю на кнопку «Рендеринг», после чего запустится рендеринг видео.

По дефолтным настройкам видео сохранится в папке «Мои документы» в формате mp4.

Ну вот, собственно и всё. Для лучшего понимания материала смотрите видеоурок, выполненный на основе Photoshop CS6 с русским интерфейсом.

Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]

В этом материале мы узнаем, как в Photoshop версии CS6 и выше создать 3D модель Земли, а затем придать ей вращение с помощью новых инструментов анимации CS6. Многие дизайнеры используют подобную 3D-картинку при создании баннеров и других элементов веб-дизайна, а также в анимации.

Для лучшего понимания материала смотрите видеоурок, выполненный на основе Photoshop CS6 с русским интерфейсом.

3D Земля

А вот видео, полученное в результате выполнения этого урока:

Мы узнаем из этого материала, что новые, расширенные и улучшенные, 3D-функции в версии Photoshop CS6 позволяют создавать и анимировать 3D-элементы в только в одной программе Photoshop, без необходимости изучать и применять сложные сторонние 3D-приложения.

Примечание. Для создания данной 3D-анимации Вам понадобятся исходные изображения, звёздный фон и карта Земли, архив с которыми скачать Вы сможете по ссылкам внизу страницы. Также, Вы можете скачать готовый PSD-файл, сделанный по материалам статьи, который может помочь лучшему пониманию прочитанного.

Итак, приступим. Откройте в Фотошопе изображение star_background.jpg из архива, оно будет служить фоном в документе (у меня в окне рабочего документа изображение отображено в 10%-ном масштабе):

3d

Нажмите комбинацию Ctrl+Shift+N для создания нового пустого слоя.

Пройдите по вкладке главного меню 3D —> Новая сетка из слоя —> Набор сетки —> Сфера (3D —> New Mesh From Layer —> Mesh Preset —> Sphere):

Фотошоп откроет диалоговое окно, где предложит создать 3D-рабочую среду, согласитесь, после чего в одной вкладке с Панелью слоёв у вас появится панель 3D:

А вот что должно отображаться в окне рабочего документа:

3d

Теперь мы будем создавать поверхность у сферы, которая будет выполнена в виде карты Земли. Для карты Земли используйте изображение earth_map.jpg из архива, скачать который вы можете по ссылкам внизу этой страницы.

В панели 3D кликните по строке «Сфера» для её выбора, а затем кликните по значку «Фильтр по: материалы» (Filter by Materials) для отображения материалов на панели свойств (Properties):

Затем мы переходим на панель свойств (Properties). Нажмите на значок рядом со строкой «Рассеивание» (Diffuse), в открывшемся списке выберите пункт «Заменить текстуру» (Replace Texture):

Затем выбираете изображение-карту Земли earth_map.jpg из архива и дважды кликаете по нему мышкой, после чего он загрузится в качестве текстуры для сферы.

Рабочий документ у вас примет следующий вид:

3d

А в окне свойств отобразится новая текстура:

Теперь давайте придадим некоторый рельеф поверхности планеты. Для этого кликните на значок папки над ползунком «Рельеф» (Bump) и выберите пункт «Загрузить текстуру» (Load Texture):

В окне выбора снова выберите карту earth_map.jpg и дважды кликните по ней, она загрузится как текстура рельефа.
После чего задайте значение «Рельефа» (Bump) примерно 35%.
Поверхность должна стать несколько рельефной.

И последняя деталь. Над сферой Фотошоп автоматически создал источник бесконечного света.
Этот свет не только освещает сферу, но и создаёт тень на воображаемой плоскости, схематично отображённой в окне рабочего документа под сферой. Если Вы внимательно посмотрите на рисунок, то заметите, что под сферой имеется тень:

3d

Понятно, что эта тень нам не нужна, поэтому кликните правой клавишей мыши по источнику бесконечного света:

3d

В открывшемся окне снимите галку с чекбокса «Тень»:

Теперь тень должна исчезнуть.

На этом работа над 3D изображением Земли закончена, создание анимации вращения планеты мы рассмотрим во второй части этого материала.

Смотрите видеоурок, выполненный на основе Photoshop CS6 с русским интерфейсом.

Читайте также: