Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Создай креативную иллюстрацию в Фотошоп

Alex | 16.04.2014 | нет комментариев

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

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

Финальное изображение

Шаг 1. Начнем с создания нового документа в Фотошоп (CTRL+N) размером 2000х3000 пикселей. После этого загружаем фон в Фотошоп и переносим на рабочий документ.

С помощью Free Transform (Свободное трансформирование) (CTRL+T) корректируем размер и положение фона. Затем применяем фильтр Gaussian Blur:
Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу)
Благодаря размытию мы придадим фону эффект отдаленности, таким образом сосредоточим внимание на элементах переднего плана.

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

Еще раз загружаем в Фотошоп фото, которое мы используем в качестве фона.
Располагаем изображение посредине документа. Затем, оставив слой активным, с помощью Polygonal Lasso Tool  (Полигональное лассо) (L) или Pen Tool  (Перо) (P) создаем выделение вокруг экрана телевизора (не вокруг всей панели, а только по периметру экрана). Затем жмем CTRL+SHIFT+I, чтобы инвертировать выделение, и Delete, чтобы удалить выделенную область. Активируем слой с телевизором, снова инвертируем выделение и жмем Delete. Вот, что у нас получилось:

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

Дублируем листок несколько раз и располагаем оригинал внизу документа. Применяем к нему фильтр Gaussian Blur (Размытие по Гауссу) с радиусом 5-8 пикселей. Остальные копии располагаем в разных местах. Если вас не устраивает цвет листьев, можете подкорректировать его с помощью Level (Уровни) или Hue (Цветовой тон).

Загружаем еще растительности.

Перетаскиваем растение на рабочий документ. Дублируем его несколько раз и размещаем копии за телевизором так, чтобы концы листьев выглядывали наружу. Вы можете уменьшать и поворачивать элементы с помощью Free Transform (Свободное трансформирование). Также при необходимости откорректируйте цвет с помощью Level (Уровни) илиHue (Цветовой тон). Если хотите, можете расположить растение не только за панелью, но и перед ней.

Очередное сток-фото:

Следующее сток-фото, которое мы будем использовать, не изолировано от фона. Но это легко исправить с помощью Magic Wand Tool  (Магическая палочка) (W) с tolerance(допуск) 30. Просто кликаем по белому фону и жмем Delete.

После того, как вы поместите листочек на рабочий документ, повторите с ним то, что мы делали с самым первым, размыв его фильтром Gaussian Blur (Размытие по Гауссу).

Следующие листочки:

Изолируем фон и располагаем листья на телевизоре. Я поместил их в нижнем правом углу.

Нам нужно еще несколько сток-фото, которые мы расположим на панели. Я составил небольшой список изображений, которые вы можете использовать. Имейте ввиду, что вы не должны ограничиться только ими. Также можете добавить, например, цветов или виноградную лозу.

Фото 1
Фото 2
Фото 3
Фото 4
Фото 5
Фото 6
Фото 7

Работу с листьями мы закончили. Но если вас не устраивает результат, вы можете добавить что-то еще. Также хочу обратить ваше внимание на то, что на некоторых растениях, которые вы можете видеть ниже на скриншотах, скрыты концы, они, как бы, растут из-за телевизора.

Чтобы закончить этот шаг, мы должны еще добавить несколько специальных рендеров. Будем использовать psd-файл под названием Sleeping Awake.

Теперь просто перетаскиваем его на рабочий документ и располагаем за телевизором.

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

Для начала будем использовать большую белую птицу с красной головой и колибри. Перетаскиваем первую птицу на рабочий документ. Расположите ее там, где она лучше всего смотрится. Я разместил ее на листьях, слегка наклонив вниз. Вы, конечно же, можете просто расположить ее в полете.

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

Я снова подготовил небольшой список с изображениями и предоставляю полную свободу вашей фантазии.

Фото 1
Фото 2
Фото 3
Фото 4
Фото 5
Фото 6
Фото 7
Фото 8
Фото 9
Фото 10

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

Теперь сливаем все слои вместе, два раза применяем фильтр Filter – Sharpen – Sharpen (Фильтр – Резкость – Резкость). Затем уменьшаем размер работы (CTRL+ALT+I) до 800х1200 пикселей и еще раз применяем Sharpen (Резкость).
Мы закончили! Надеюсь, вы получили удовольствие от прочтения этого урока и создали что-то, чем можете гордиться. Мой финальный результат:

АВТОРСКИЕ ПРАВА
Источник: photoshop-master.ru
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB