Дизайн ландшафтного сайта в фотошопе. Урок №4 — «Добавляем детали в композицию»

Ну что ж, давайте приведем нашу композицию в красивый вид.

И начнем мы с дорожки. Увеличим немного масштаб. Так, берем инструмент «Перемещение», щелкаем по дорожке. Дадим этому слою название. Берем ластик, здесь ставим «Основные кисти», жесткость ставим на 0 и размер поменьше. Удаляем по краям. После того, как основное удалено, ставим непрозрачность на 40%, примерно так, кисточку чуть побольше и делаем плавный переход травы от камней к нашей траве. Так, отлично.

Эту дорожку мы перенесем вниз, а здесь мы ее немного подкорректируем с помощью того же ластика. Ставим непрозрачность только чуть-чуть поменьше и удаляем лишнее. Отлично. Теперь мы сделаем дорожку к нашей беседке. Для этого выделяем слой с дорожкой, зажимаем Alt и переносим налево. Нажимаем Ctrl+T и отражаем по горизонтали. Так, смотрим как у нас на исходнике. Правую дорожку мы немножко подвинем налево, а здесь мы ее деформируем, примерно вот так вот. Здесь берем ластик и стираем ненужный нам элемент. Немножко подвинем направо эту дорожку, нажмем Ctrl+T и сделаем так, что бы она плавно переходила влево. Сделаем деформацию и подвинем немного направо. Теперь с помощью терки удаляем лишнее, примерно вот так вот. Так, дом теперь у нас чуть ярче, чем на исходнике, нужно его сделать немного другой.

Так, два слоя с травой объединяем и сейчас корректируем. Смотрим, что было до и что стало после. Ставим примерно на -4, здесь оставляем 0. Отлично.

Так, теперь подкорректируем наш домик. Нажимаем, выделяем его, нажимаем Ctrl+L и делаем немножко понасыщеннее. Отлично. Чуток его совсем уменьшим.

Так, теперь у нас на очереди пруд. Как мы видим, он у нас другой формы, не такой, как на картинке. Сейчас мы его отразим по горизонтали. Уже стало лучше. Тут, как мы видим, чуток больше. Нажимаем Ctrl+T и увеличиваем размер. Теперь с помощью терки удаляем все лишнее. Так, уже стало гораздо лучше. Поднимем его немного наверх и увеличим, стираем все лишнее. Где зеленое – мы стираем, где коричневое – оставляем, что бы перилла были видны. Так гораздо лучше.

Теперь мы изменим немного нашу растительность. Она у нас будет чуть-чуть поменьше. Сделаем искажение. Так же удаляем все лишнее. Так, отлично.

Теперь добавим недостающие элементы – растительность. Для начала дерево. Ширину сделаем 300 пикселей, берем инструмент «Перемещение» и переносим. Даем название и этот слой у нас будет находиться в папке «беседка» под слоем с беседкой, что бы дерево было как бы за нашей беседкой. Ставим его сзади, уменьшая размер. Изменим его цвет, насыщенность, сделаем чуток поярче, передвигая ползунки. Окошко уровней вызывается сочетанием клавиш Ctrl+L, теперь поменяем немного цвет его, нажимаем Ctrl+U и передвигаем ползунок немного налево, что бы стало -8. Отлично. Добавим два кустарника, которые рядом с беседкой. Для этого мы сейчас вырежем здесь один кустарник и перенесем его на нашу композицию, трансформируем и уменьшаем, но уменьшаем пока не сильно, что бы стереть все неровности, края. Так, берем кисточку и удаляем все, что нам не нужно. Опять делаем трансформацию и вот теперь уменьшаем до нужного нам размера. Этот слой будет поверх беседки, так как он стоит спереди, немножко уменьшим его, копируем, зажимая Alt и переносим налево. Так, элементов стало побольше, но еще не все.

Теперь добавим наши фонари. Открываем исходник с фонарями. Здесь мы берем инструмент «Прямолинейное лассо», выделяем вот этот вот фонарь, берем инструмент «Перемещение» и переносим на наш макет. Нажимаем Ctrl+T и уменьшаем его размер. Первый фонарь у нас будет здесь, второй у нас будет…зажимаем Alt и переносим сюда. Делаем его меньше, чем тот, что ближе к нам по правилам перспективы, третий фонарь зажимаем Alt, переносим к беседке, его делаем еще меньше и последний самый маленький фонарик около дома. Так, все слои с названием 5 выделяем, зажимаем клавишу Shift, после этого Ctrl+G и это у нас будет папка «Фонари», поставим их наверх, что бы они были поверх всех слоев. Вот теперь у нас картинка становится более и менее похожая на оригинал, но работы еще много.

Сейчас мы добавим вот такие два куста. Так, здесь, как вы видите, края очень сложные, поэтому способ выделения будет так же довольно не простой. Будем редактировать в режиме быстрой маски. Выбираем кисточку, закрашиваем зеленую область. После этого снимаем и у нас получилось выделение. Здесь мы замок убираем и добавляем слой-маску. Далее идем в окно, ставим галочку маски, здесь делаем «инвертировать», нажимаем «край маски» и сейчас мы уточним края нашего кустарника. Проходимся  по краям. Как вы видите, белое исчезает то, что нам не нужно и выделение становится более точным. Там, где осталось еще белое, можно пройтись кисточкой. Отлично. Нажимаем «Ок». Сейчас у нас получится довольно четкое выделение. Сейчас давайте уменьшим размер нашей картинки до 400 пикселей  и перетаскиваем данный кустарник на нашу композицию. Уменьшаем размер и ставим около дома. Дальний кустарник чуть-чуть поменьше делаем, так как он находится подальше от нас и оба их немножко уменьшаем. Отлично. Теперь у нас все элементы на месте и осталось их только доработать.

Сейчас давайте подкорректируем наши кусты. Выделяем их, занесем их в папку с домом, перенесем наверх, что бы их было видно. Берем инструмент «Перемещение», щелкаем по левому кусту, нажимаем Ctrl+L и делаем куст чуть-чуть поярче. То же самое делаем со вторым. Так, отлично.

Теперь давайте добавим наше небо сзади наших объектов. Выбираем картинку с небом, переносим его. Заходим в «слои» и ставим в самый низ, примерно так. Немного уменьшим масштаб. Нажимаем Ctrl+T и уменьшаем нашу картинку. Все лишнее мы сейчас удалим с помощью кисточки. Ставим большой размер, удаляем все лишнее по краям. Теперь ставим на 30% непрозрачность, проходим ближе к центру, ставим на 20 и делаем то же самое, что бы эффект был плавный. Так, вот у нас небо готово.

На этом данный урок мы заканчиваем, а в следующем мы объектам нарисуем тени, добавим свет от солнца, добавим рефлексы, то есть, естественность объектов, то есть, впишем в фон наши фонари, зелень, дом и так далее.

На этом все. Спасибо за внимание и до встречи в следующем видеоуроке!

Пройдите курс "Профессия веб-дизайнер" за 10 дней бесплатно:



Понравилась статья?
Сделайте доброе дело — поделись ей со своими друзьями и коллегами, кликнув по всем кнопкам соц.сетей:

Нравится
comments powered by HyperComments