Masalov's Family

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

Вот один из них. Точнее первый))) Картинки мои – я их делала основываясь на уроке, который переводила.

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

Вот конечный результат

Это фотография, которая использовалась в этом уроке.

Здесь взята фотография с высоким разрешением. Хотите сделать этот урок — тоже возьмите фотографию с хорошим разрешением.

ВАЖНО: Когда работаете с любым изображением в Photoshop, всегда вставляете новое изображение на новый слой и, вообще, для всего создавайте новый слой.. Таким образом, если вы сделаете ошибку, вам не надо будет начинать всё сначала, достаточно будет переделать один слой, это может сохранить вам часы вашей работы. Всё что делается в этом уроке, делается на разных слоях.

Шаг 1 Создание нового документа.

Создайте новый документ 1920 px по ширине и 1200 px по высоте. Это стандартный размер больших обоев для рабочего стола.

Шаг 2. Инвертируйте цвет в чёрный.

Нажмите клавиши cntrl+i и поменяется цвет на чёрный.

Шаг 3. Открытие изображения с горами.

Загрузите изображение в Photoshop. Для этого выберите File > Open, загрузить файл, потом нажмите OK. Перед тем как делать какое-либо выделение, уменьшите изображение (Image > Image Size…) до 1920 px по ширине, высота уменьшится соответственно (делайте это, если у вас изображение больше,чем надо). В этом уроке я не хочу использовать целое изображение, только примерно половину от него (600 px по высоте). Итак, на рисунке ниже. Вы можете видеть, что я выделил ту часть гор, которую хочу использовать, с помощью инструмента marquee tool.

Шаг 4. Скопировать горы в наш документ.

Итак, скопируем выделенные горы (cntrl+c) и вставим его в наш документ. Вы должны поместить вставленный кусок в верхнюю часть документа. Это очень легко, если вы включите grid в Photoshop (View >Show >Grid), и вы можете поднять горы вверх.

Шаг 5 — отключение Grid / называем слой.

Отключите Grid. Назовите этот слой «mountain»

Шаг 6 Затемнение гор.

Идите Image > Adjustments > Brightness/Contrast и снизьте яркость до нижнего значения, а контрастность поднимите до самого высокого значения.

Шаг 7 — Копирование слоя.

Самый быстрый способ сделать это, нажать cntrl+J. Новый слой будет называться mountain copy

Шаг 8 – Скопировать горы в перевернутом виде.

Нажмите cntrl+T . Это позволит вам при нажатии левой клавиши мыши выбрать в появившемся меню «Flip Vertical».

Шаг 9 Сдвиг гор вниз.

Если вы все еще находитесь в режиме cntrl+T, тогда вы можете нажать и тащить перевернутые горы к низу документа, и они должны «прилипнуть» в нужном месте. Нажмите Enter, когда вы перетащите горы в нужное место.

Шаг 10 — Создание маски слоя.

В окне, где отображены слои, выберите третью кнопку справа (белый кружок в сером квадрате), чтобы создать маску, и используйте gradient tool, создайте градиент от черного к прозрачному снизу документа на высоту примерно 600 px (к середине, где зеркально отображенные горы соединяются)

Шаг 12 — Проверка

Если вы сделали маску правильно, то должно получатся что-то вроде этого

Шаг 13 — Добавим немного голубого

Создайте новый слой (Layer > New > Layer). Выделите нижнюю часть документа. Легче всего это сделать выделив слой «mountain copy», потому что мы знаем, что тут картинка занимает половину документа.

Выберите голубой оттенок для заливки (Я брал #216a82) и черный для заливки, и создайте градиент. Поставьте прозрачность для этого слоя 50%.

Шаг 14 — Вспышка света

Создайте новый слой (Layer > New > Layer) и назовите его «lens flare». Залейте его чёрным, используя fill tool (G), потом идите в меню Filters > Render > Lens Flare. Выберите 105mm Prime, и поставьте яркость на 100%. Потом постарайтесь поставить Lens flare по центру, насколько это возможно. Если вы не смогли это сделать вы можете попробовать это сделать еще раз отменив предыдущее действие или просто двигать при помощи move (V) tool.

Если вы правильно всё сделали должно получится так.

Шаг 15 — Контрастность.

Идём Image > Adjustments > Brightness/Contrast и двигаем бегунок контрастности на самый высокий уровень.

Шаг 16 — Придаем окраску

Идём Image > Adjustments > Hue/Saturation и выставляем так, как показано на рисунке ниже.

Шаг 17 — Проверка

Посмотрите на рисунок ниже и удостоверьтесь, что у вас палитра слоёв выглядит также (порядок и количество слоёв должно быть такое же). Потом придайте способу смешения слоев для слоя «lens flare» linear dodge.

Шаг 18. Еще одна вспышка.

Скопируйте слой (cntrl+J) и нажмите (cntrl+T). Уменьшите высоту и растяните по ширине , постарайтесь сделать так, чтобы вспышка доходила до краёв. (Смотрите рисунок ниже)

В моем случае мне пришлось еще раз делать Шаг 16 для нового слоя

Шаг 19 Заблюрим слой.

Идем в Filter > Blur > Gaussian Blur, и применяем размытие примерно 7 px.

Шаг 20 — Центрируем

Сдвигаем сплюснутую и вытянутую вспышку на центральную линию. Я у себя добавила еще размытости на этом слое, потому что при сдвиге в центр оказалось, что при наложении появляется слишком явно видная полоса.

Шаг 21 Градиент по центру

Создайте новый слой (Layer > New > Layer), и выберите gradient tool. Выберите Reflected Gradient, и, используя голубую заливку (цвет #216a82), заливайте от голубого к прозрачному от центра. Чтобы сделать это правильно, вы должны начать от центра и тянуть вниз или вверх. Чтобы делать это ровно, можете удерживать клавишу shift. Когда сделаете, задайте прозрачность слою 50%. Я еще задала наложение слою linear dodge.

Шаг 22 Создаём сетку! -А

Создаем новый слой (cntrl+shift+N), и задайте ему черный цвет (это для того,чтобы вы могли видеть, что вы делаете…НИЧЕГО не размещайте на этом слое в последующих действиях, кроме того он должен быть чёрного цвета!) Нажмите U и выберите Rounded Rectangle Tool. Задайте радиус 50 px. Также убедитесь, что у вас выбран Path, а не Shape layers.

Шаг 23 Создаём сетку! – В

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

Шаг 24 Создаём сетку! – С

Создаём новый слой (Layer > New > Layer), называем его «grid», и сделайте, чтобы заливка была белого цвета. Перейдя на вкладку Path, нажмите правую клавишу мышки и выберите Fill Path.

Шаг 25 Создаём сетку! -D

У вас должно получится так. Потом нажмите (shift + H), чтобы спрятать линию

Шаг 26 Создаём сетку! -Е

Выберите слой содержащий квадрат. (Как это сделать можно посмотреть в п.13)

Шаг 27 Создаём сетку! -F

Идите Select > Modify > Contract и выберите 25 px. Если ваш квадрат больше или меньше моего, то если это не будет выглядеть симпатично, то задайте размер таким, как надо.

Шаг 28 Создаём сетку! -G

Нажмите ОК. Мдя…Это был лёгкий шаг.)))

Шаг 29 Создаём сетку! -Н

Нажмите backspace/delete ,чтобы удалить серединку. Если надо, то уберите выделение после этого.

Шаг 30 Создаём сетку! – I

Продублируйте этот слой, и сдвиньте новый слой вправо. Нажмите cntrl+E, чтобы склеить слои, и потом повторите. Тоже самое сделайте по вертикали, до тех пор пока у вас не получится 4 колонки и 3 ряда, как показано ниже. Удостоверьтесь, что все ваши квадраты на одном слое когда вы всё сделаете, но не на чёрном слое.

Шаг 31 Двигаем сетку!

Нажимаем (V) и двигаем сетку вниз наполовину и центрируем её.

Шаг 32 Двигаем копию!

Дублируем слой с сеткой и делаем этот слой пока невидимым.

Шаг 33 Перспектива!

Жмём cntrl+T и выбираем Perspective.

Шаг 34 Перспектива

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

Шаг 35 Выключаем видимость.

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

Шаг 36 Включаем видимость.

Станьте на слой «grid copy», который мы раньше сделали невидимым и сделайте его опять видимым. Нажмите cntrl+T и уменьшите сетку (удерживайте нажатой клавишу shift, чтобы сохранить пропорции) как показано на картинке.

Шаг 37 Копируем

Также как мы делали раньше, скопируйте слой «grid copy» и сдвиньте их вверх и вниз (нажимаем cntrl+E чтобы ускорить процесс), и вы в конце концов получите сетку как показано ниже (удостоверьтесь что она вся на одном слое). Передвиньте её вниз наполовину и отцентрируйте как раньше.

Шаг 38 Перспектива

Делаем также как в шаге 33 и 34, только удостоверьтесь, что перспектива смотрится также как и большая сетка.

Шаг 39 Цвет

Дублируем слой «grid copy» и применяем стиль слоя overlay color с теми значениями как показано ниже. Когда вы сделаете это, сделайте тоже самое для слоя «grid».

Шаг 40 Прозрачность

Теперь задаём прозрачность обоим слоям «grid» и «grid copy» 25%(они теперь обе голубые) .

Шаг 41 Текст

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

Шаг 42 Текст

Идите Filter > Pixelate > Fragment.

Шаг 43 Свечение текста

Дважды щелкните на слое с текстом и в появившемся окне blending options выставьте настройки, которые вы видите ниже.

Шаг 44 Проверка

Ваше изображение должно выглядеть примерно так как ниже на картинке.

Шаг 45 Вспышка света

Сделайте копию слоя «lens flare copy» и переместите его вниз текста.

Шаг 46 Отражение текста — А

Продублируйте слой с текстом. Нажмите cntrl+T и нажмите правую клавишу мышки чтобы перевернуть текст вверх ногами.

Шаг 47 Отражение текста — В

Сдвиньте перевернутый текст вниз, как вы видите на картинке. Это будет выглядеть как отражение.

Шаг 48 Отражение текста — С

Сдвиньте слой с «отражением» ниже слоя 1 или как вы там его назвали, но там находится градиент голубого. Задайте отражение слою 50%.

Шаг 49 Заканчиваем – А

Вернитесь назад и найдите первоначальный слой с текстом. Включите видимость в чёрном слое. Если вы его удалили — просто создайте новый и разместите его под слоем с текстом. Кликните на слое с текстом и потом нажмите cntrl+Е и вы склеите слои.

Шаг 50 Заканчиваем — В

Задайте в blending mode “linear dodge (add)”. Теперь ваш текст должен действительно засветиться.

Шаг 51 Итоги

Поздравляем, вы добрались до конца этого урока! Надеюсь, что вы поняли всё и получили удовольствие от того,что сделали.