Как сделать провода в фотошопе
Плюшки для дизайна | PSD-шаблоны и многое др. запись закреплена
Сегодня давайте с вами научимся дeлать плашку для текста в Фотошопе. Вам эти знания могут пригодиться.
Делается такая плашка в несколько шагов — из двух прямоугольных фигур и маленького «хвостика».
--------------------—
КАК СДЕЛАТЬ ПЛАШКУ ДЛЯ ТЕКСТА ФШ
Шаг 1. Сoздаем прямоугольную фигуру нужного размера.
Шаг 2. Трaнсформируем фигуру — сочетание клавиш Ctrl+T
Шаг 3. Зaжимаем клавишу Ctrl и теперь можно независимо друг от друга смещать углы. Если нажать еще клавишу Shift, тогда смещение будет происходить в одном направление. Kомбинация клавиш Ctrl+Shift+Alt — трансформирование происходит относительно центра (сжимaем в центр). Измeняете фигуру как вам надо.
Шаг 4. Дублируeм слой (Ctrl+J) и меняем на более темный цвет. Продeлываем с этим слоем, тоже самое, что и с первым. После, сoстыковываем нижний правый угол с первым слоем — этот слой должен быть ниже вашего первого прямоугольника.
Шаг 5. Рисуeм «хвостик» с низу — бeрем инструмент «Перо», режим «Фигура» и рисуeм треугольник под цвет первой фигуры. Смeщаем этот слой под вторым прямоугольником.
Теперь плашка создана и можно писaть на ней текст.
P.S. На видео наглядно показано, как создается плашка с «хвостиком»
-----------------------—
Но сначала, пока вы еще не начали смoтреть видеоурок, пoставьте пожалуйста под постом — уж очень хочется чтобы вы оценили мои старания)
В этом уроке вы узнаете популярные методы рисования линий разных типов, например, прямые, изогнутые или пунктирные.
Сложность урока: Легкий
В этом небольшом уроке я покажу вам популярные методы рисования линий разных типов, например, прямые, изогнутые или пунктирные.
1. Рисуем прямую линию
Шаг 1
Сначала я покажу вам, как нарисовать прямую линию в Photoshop. Самый простой способ — использовать инструмент, предназначенный для этой цели: Line Tool (U) (Линия):
Шаг 2
Устанавливаем Mode (Режим) на Pixels (Пикселы).
Шаг 3
Затем просто щелкаем и тащим курсор, чтобы нарисовать прямую линию под любым углом.
Шаг 4
Также можно использовать инструмент Brush Tool (B) (Кисть). Щелкаем в том месте, где должна начинаться линия, и, удерживая Shift, щелкаем в конечной точке линии. Photoshop нарисует ее за нас!
2. Рисуем ломанную линию
Хороша, а как нарисовать ломаную линию? Для этого можно использовать тот же метод. Если сначала кликнуть, а затем нажать Shift, вы нарисуете отдельную прямую линию. Но если вы продолжите удерживать Shift и кликаем еще раз, конечная точка предыдущей линии станет начальной точкой новой. Итак, запоминаем порядок: кликаем и нажимаем Shift для отдельной линии, нажимаем Shift и кликаем для непрерывной ломаной линии.
1: кликаем, нажимаем Shift, кликаем, отпускае Shift, 2: кликаем, нажимаем Shift, кликаем, кликаем, кликаем.
3. Рисуем линию под углом 90 градусов
Теперь разберемся, как нарисовать линию под углом 90 градусов в Photoshop. Здесь также пригодится клавиша Shift. Удерживая Shift, начинаем рисовать влево или вправо, чтобы нарисовать горизонтальную линию, и вверх или вниз, чтобы нарисовать вертикальную линию. Photoshop выпрямит их за вас.
4. Рисуем изогнутую линию
Шаг 1
Итак, мы разобрались с прямой линией, но как нарисовать изогнутую линию в Photoshop? Конечно, можно использовать инструмент Brush Tool (B) (Кисть), чтобы просто нарисовать любую линию, которую хотите, но, если у вас нет графического планшета, может быть сложно контролировать ее форму. Давайте вместо этого воспользуемся инструментом Curvature Pen Tool (P) (Перо кривизны).
Шаг 2
Инструмент Curvature Pen Tool (P) (Перо кривизны) скрыт в меню Pen Tool (Перо):
Шаг 3
Устанавливаем Mode (Режим) на Shape (Фигура), убираем Fill (Заливку), добавляем цвет Stroke (Обводка) и настраиваем толщину линии.
Шаг 4
Этот инструмент позволяет рисовать кривую линию, щелкая и перетаскивая. Самое удобное — это то, что линия остается полностью редактируемой: просто кликаем и перетаскиваем любую из ее точек, чтобы изменить форму. Удерживая нажатой клавишу Ctrl, кликаем, чтобы закончить рисование. Используем инструмент Direct Selection Tool (Кисть) или другого инструмента в режиме Pixels (Пиксели) настраиваем цвета на панели Color (Цвет).
Шаг 2
Если предпочитаете инструмент Curvature Pen Tool (P) (Перо кривизны) или любой другой в режиме Shape (Фигура), настраиваем цвет обводки — это можно сделать даже после того, как линия уже нарисована.
7. Рисуем жирную линию
Шаг 1
Чтобы нарисовать жирную линию есть два варианта: либо увеличить размер кисти, что можно сделать с помощью клавиш с квадратными скобками ([, ]).
Шаг 2
. или, если мы находимся в режиме Shape (Фигура), просто указываем толщину обводки в настройках.
8. Рисуем линию под углом 45 градусов
Шаг 1
Но как нарисовать линию под 45 градусов или под любым другим углом? Вот хитрость: используем инструмент Rotate View Tool (R) (Поворот вида).
Шаг 2
Вводим значение угла в поле Rotation Angle (Угол поворота) и нажимаем Enter.
Шаг 3
Теперь просто рисуем линию.
Шаг 4
Нажимаем Escape, чтобы вернуться к виду по умолчанию и увидеть линию под правильным углом.
Теперь вы знаете, как нарисовать линию в Photoshop! Может показаться, что это немного, но каждая иллюстрация начинается с линии. Посетите раздел графики Envato Elements, чтобы посмотреть, как простые линии можно успешно использовать в графическом дизайне.
В этом уроке Вы узнаете, как, используя интересную технику, нарисовать с нуля реалистичный телефонный шнур.
Сложность урока: Сложный
В сегодняшнем уроке я продемонстрирую вам, как создать реалистичную телефонную трубку. Начнем!
Шаг 1. Создаем новый документ размером 2100х1300 px и добавляем градиент, как показано ниже. Далее создаем новый слой "Эскиз" и рисуем простой набросок трубки и шнура.
Шаг 2. Начнем с создания шнура. Для работы мы будем использовать Smudge Tool (Палец). Для начала берем Pen Tool (Перо) (P), чтобы создать спираль, используя набросок. Когда мы создаем простой контур, не имеет значения какой слой является активным. Если получившийся контур выходит за границы документа, это может нарушить всю композицию. В таком случае, после Шага 5 просто перемещаем шнур в необходимое место.
Шаг 3. Для следующего эффекта нам необходимо переместить контур в центр рабочего документа.
Теперь, перед тем, как начать создавать шнур, мы сделаем тестовый шнур для того, чтобы мы могли увидеть как будет работать данная техника. Создаем новую группу "Шнур" с новым слоем внутри "Тестовый цвет". На этом слое создаем прямоугольник и закрашиваем его. Затем меняем наклон и положение (CTRL+T).
Шаг 4. Создаем новый слой "Тестовый шнур" и берем Smudge Tool (Палец) с параметрами как на скриншоте ниже. Затем переходим на панель Path (Путь) и выбираем тот контур, который мы создали в Шаге 2. Кликаем по нему правой кнопкой мышки и выбираем Stroke Path (Обводка контура). Как вы видите, цвета прямоугольника распространились на весь шнур. Теперь мы можем использовать эту технику, чтобы создать основной шнур.
Шаг 5. На новом слое "Тени" создаем прямоугольник (как мы делали в тестовом шаге) и заливаем его светло-серым цветом. Теперь, зная как цвета распространяются по контуру, мы можем воспользоваться Dodge (Осветлитель) и Burn Tool (Затемнитель) (O), чтобы добавить теней на прямоугольник (поэкспериментируйте с разной интенсивностью теней). Теперь создаем новый слой "Шнур" и, используя панель Path (Путь), добавляем обводку, как мы это делали в Шаге 4.
Возвращаем шнур на исходную позицию.
Шаг 7. Добавляем корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) и создаем для него обтравочную маску (CTRL+ALT+G).
Шаг 8. На новом слое используем маленькую белую кисть (B), чтобы добавить точек в верхней области каждого витка шнура. Затем используем Smudge Tool (Палец), чтобы размазать точки. Со шнуром мы закончили.
Шаг 9. Теперь переходим к телефонной трубке. Для начала создаем основную группу "Телефон", затем в ней группы "Микрофон" с одноименным слоем и "Ручка", как показано ниже на скриншоте. Используем Pen Tool (Перо) (P), чтобы создать контур.
Шаг 10. На слое "Микрофон" активируем контур (через панель Path (Путь) и заливаем его темно-серым цветом. Теперь можно воспользоваться инструментами Dodge (Осветлитель) и Burn Tool (Затемнитель), чтобы добавить 3d-эффектов, но мы используем другой метод. Начнем с добавления стиля слоя Bevel and Emboss (Фаска и Тиснение). Затем, дублируем слой (CTRL+J) и применяем другие параметры Bevel and Emboss (Фаска и Тиснение). После этого сдвигаем копию немного вправо.
Шаг 11. Теперь мы должны объединить стили слоя с самим слоем. Для этого жмем правой кнопкой мышки по пункту Effects (Эффекты) и выбираем Create Layers (Создать слои), чтобы преобразовать стили слоя в обыкновенные слои. После этого объединяем их с оригинальными слоями.
Шаг 12. Создаем для копии слоя "Микрофон" обтравочную маску (CTRL+ALT+G). Затем к этому же слою добавляем слой-маску и скрываем резкий переход между слоями.
Шаг 13. Создаем новый слой и применяем черно-белый градиент. Устанавливаем режим смешивания слоя на Overlay (Перекрытие) и Opacity (Непрозрачность) на 20%. Создаем обтравочную маску (CTRL+ALT+G).
Шаг 14. Создаем новый слой "Шум" и заливаем его белым цветом. Переходим Filter - Noise - Add Noise (Фильтр - Шум - Добавить шум). Устанавливаем режим смешивания на Overlay (Перекрытие) и Opacity (Непрозрачность) на 5%. Снова создаем обтравочную маску (CTRL+ALT+G).
Шаг 15. Создаем новый слой "Выемка". Используем Elliptical Marquee Tool (Овальное выделение) (M) и заливаем ее темно-серым цветом. Трансформируем (CTRL+T) этот слой в перспективе. Чтобы придать необходимый нам эффект, применим стили слоя.
Шаг 16. На новом слое "Блик" используем Rectangular Marquee Tool (Прямоугольное выделение) (M), чтобы создать фигуру, как на скриншоте ниже, и заливаем ее белым цветом. Применяем Edit - Transform - Warp (Редактирование - Трансформация - Деформация) для этого слоя. Создаем обтравочную маску (CTRL+ALT+G) и применяем фильтр Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) с радиусом 9 px, затем уменьшаем Opacity (Непрозрачность) слоя до 4%. Затем добавляем слой с шумом, как мы делали это в Шаге 14.
Шаг 17. Чтобы создать отверстия, добавляем новый слой "Отверстия" и черной кистью (B) добавляем точки разного размера на созданных вспомагательных линиях. Деформируем точки так же, как слой "Блик" и добавляем стили слоя, чтобы придать им эффект глубины.
Шаг 18. Теперь пришло время поработать над остальной частью телефонной трубки. Создаем слой "Тело" внутри одноименной группы, которую мы создали ранее. Используем Pen Tool (Перо) (P), чтобы нарисовать контур ручки телефона. Заливаем контур темно-серым цветом.
Шаг 19. Создаем новый слой "Свет и тень" и с помощью Brush Tool (Кисть) (B) рисуем тени и света, используя цвета с микрофона. Затем создаем для слоя обтравочную маску (CTR:+ALT+G).
Шаг 20. Создаем новый слой "Свет". Белой кистью (B) рисуем блики по углам трубки. Применяем к слою Gaussian Blur (Размытие по Гауссу) с радиусом 9.5%. Меняем режим смешивания слоя на Screen (Осветление) и Opacity (Непрозрачность) на 56%. Создаем обтравочную маску (CTRL+ALT+G) и добавляем слой с шумом (как в Шаге 14).
Шаг 21. Чтобы шнур выходил из трубки, создадим новый слой "Отверстие" между группами "Шнур" и "Телефон" (убедитесь, что "Телефон" расположена под "Шнур"). Используем Elliptical Marquee Tool (Овальное выделение) (M), чтобы создать выделение и заливаем его черным цветом. Добавляем стили слоя. Затем добавляем слой-маску для группы "Шнур", чтобы скрыть лишний конец шнура.
Шаг 22. Внимательно посмотрев на телефон, я заметил, что микрофон нуждается в дополнительной обработке в том месте, где он соединяется с ручкой. Возвращаемся в группу "Микрофон" и переходим на слой "Микрофон", дублируем его (CTRL+J) (обтравочные маски должны сохраниться). Теперь, активируем оригинальный слой "Микрофон" и добавляем стили слоя. Сдвигаем этот слой немного вверх и влево.
Шаг 23. Теперь, когда трубка и шнур готовы, мы должны добавить теней. Первая тень должна быть там, где шнур соединяется с трубкой. Возвращаемся в группу "Шнур" и создаем новый слой "Тень" над корректирующим слоем. Используем черную кисть , чтобы нарисовать тень. Создаем обтравочную маску (CTRL+ALT+G) и корректируем уровень непрозрачности.
Шаг 24. Создаем новый слой "Тень 2", как показано ниже. Используем черную кисть в тех местах, где шнур и трубка соприкасаются с поверхностью, на которой лежит. Применяем фильтр Filter - Blur - Motion Blur (Фильтр - Размытие - Размытие в движении) с Distance (Расстояние) 35 px и Angle (Угол) 90. Затем Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) с радиусом 8.5 px. Устанавливаем режим смешивания слоя на Multiply (Умножение) и Opacity (Непрозрачность) 62%.
Шаг 25. Создаем новый слой "Прямая тень" и рисуем тень, которую шнур и трубка отбрасывают на поверхность. Применяем Gaussian Blur (Размытие по Гауссу) (примерно 1 px) и меняем режим смешивания на Multiply (Умножение) и Opacity (Непрозрачность) на 63%.
Шаг 26. Чтобы окончательно закончить работу, добавим эффекта глубины. Для этого будем использовать фильтр Lens Blur (Размытие при малой глубине резкости). Объединяем все имеющиеся у нас на данный момент слои на одном новом. Для этого выделяем их все и жмем CTRL+ALT+E. Располагаем его выше всех предыдущих слоев и называем "Размытие". К этому слою мы и будем применять вышеупомянутый фильтр.
Шаг 27. Нам необходимо, чтобы фильтр Lens Blur (Размытие при малой глубине резкости) использовал стандартную альфа-карту. Объединяем группы "Телефон" и "Шнур" на отдельном слое и располагаем его выше всех предыдущих слоев. Используем Levels (Уровни) (CTRL+L), чтобы отрегулировать цвет телефона.
Шаг 28. Создаем новый слой над слоем "Размытие" и добавляем градиент, как показано ниже. Светлая полоса должна находиться в центре документа. Темный цвет должен быть более размытым. Используя эти правила, мы добавляем светлые и темные области на слой "Телефон и шнур" с помощью Dodge (Осветлитель) и Burn Tool (Затемнитель) (O).
Шаг 29. Объединяем (CTRL+E) два слоя, с которыми работали. Затем копируем и вставляем этот слой на Панель каналов. Новый канал должен называться Alpha 1 (Альфа 1).
Шаг 30. Скрываем слой, с которым только что работали и на слое "Размытие" применяем фильтр Filter - Blur - Lens Blur (Фильтр - Размытие - Размытие при малой глубине резкости). Теперь мы видим для чего нужна была альфа-карта.
Также я добавил мягкую голубую тонировку.
Автор: Stephen Petrany
Переводчик: Макс Енин
Ссылка на источник
В умелых руках инструмент Photoshop Pen Tool может оказаться очень мощной вещью и творить чудеса. Он способен даже на создание фотореалистичных изображений. В сегодняшнем уроке мы рассмотрим создание реалистичного изображения USB переходника в Фотошоп.
1 Шаг
Создайте новый документ размером 1000?1000px и разрешением 72 dpi. В ходе выполнения урока вам понадобится создать порядка 60 слоев, поэтому правильная организация процесса — самое первое, о чем нужно позаботиться. Я создал 4 папки, в которые мы будем помещать слои каждый отдельной группы.
2 Шаг
Возьмите Pen Tool (P) и создайте фигуры, как показано ниже. Для каждой части используйте отдельный слой.
3 Шаг
Примените для части с номером 1 такие стили слоя.
4 Шаг
Скопируйте стиль этого слоя и примените его на остальные части детали, но для каждой нам придется поменять угол Gradient Overlay. Для детали 2 используйте угол в -59 градусов, для деталей 3 и 4 — угол в -51 градус. Конечный результат смотрим на рисунке ниже.
5 Шаг
Сейчас создадим внутреннюю часть разъема Head. Снова с применением Pen Tool. Посмотрите на рисунок ниже.
6 Шаг
Добавим деталей к разъему кабеля USB. Выполните Ctrl + клик по мини-изображению слоя с частью 2 разъема, затем откройте Edit > Stroke, задайте там Width 3px, Color — White, Location — Center, нажмите Ok. Далее откройте Filter > Blur > Gaussian Blur и примените размывку с радиусом в 0.6px. После этого переключитесь на Eraser Tool (E) размером в 100px, Opacity 50%, Flow 100%. Выполните указания, приведенные ниже.
7 Шаг
Теперь снова берем Pen Tool и рисуем фигуру, как показано ниже. Затем применяем к ней стили.
8 Шаг
9 Шаг
Выполните Ctrl + клик по мини-изображению только что созданного нами слоя. Создайте новый слой, а затем выполните Select > Modify > Contract и сузьте выделение на 1 px. Залейте выделение белым цветом. После этого задайте слою стили.
10 Шаг
Если вы не создавали на первом шаге папки для слоев, как я показывал, создайте папку “Head” сейчас и перенесите все созданные до этого слои в нее. Теперь создайте новый слой поверх группы “Head”, переключитесь на Pen Tool и создайте 3 фигуры, как показано ниже. Каждую часть изображения создавайте на новом слое. Задайте стиль для верхней части ручки USB.
11 Шаг
Скопируйте этот стиль и примените его к другим двум частям ручки, сменив только угол наложения Gradient Overlay. Для части 2 задайте угол Gradient Overlay равным -35 градусов, для 3 части используйте значение в 13 градусов.
12 Шаг
Теперь время добавить линии на боковую часть ручки. Создайте новый слой и назовите его “Line”. Выполните инструкции, указанные на рисунке. Затем создайте таких несколько копий, как показано ниже.
13 Шаг
После создания копий линий, выделите все слои с ними и нажмите Ctrl + E для того чтобы слить их в один. Далее выполните Ctrl + клик по слою с линиями для загрузки по нему выделения. Создайте новый слой и залейте его белым по выделенной области.
14 Шаг
Возьмите инструмент Rounded Rectangle Tool и создайте фигуру, как показано ниже, следуя затем указанным ниже инструкциям.
15 Шаг
Добавьте к ручке USB (группа “Body”) еще деталей. Возьмите Elliptical Marquee Tool (M) и создайте фигуру, показанную ниже. Затем примените стили к слою.
16 Шаг
Переключитесь на Pen Tool и проведите линию, как на рисунке. Затем выполните инструкции, приведенные там же.
17 Шаг
Теперь к ручке давайте добавим немного бликов. Их можно провести все тем же Pen Tool, залив затем соответствующим цветом и применив размывку с помощью Gaussian Blur.
18 Шаг
Теперь к штекеру давайте подведем провод. Для этого нужно создать наконечник для провода (“Head Wire”), который соединит штекер с самим проводом. Для этого переключитесь на Pen Tool и следуйте приведенным инструкциям.
19 Шаг
Для добавления деталей создайте еще один слой, выполните Ctrl + клик по слою с накладкой для провода, который вы создали перед этим и залейте полученное выделение белым цветом. Затем переключитесь на Eraser Tool размером в 35px (используйте мягкий ластик) с Opacity в 50% и выполните инструкции, указанные на картинке.
20 Шаг
Снова возьмите перо (Pen Tool) и создайте фигуру, как показано ниже.
21 Шаг
Добавим немного бликов.
22 Шаг
Применяя те же методы, которые мы использовали до этого, нарисуйте теперь оставшуюся часть USB переходника (“Back Side”).
23 Шаг
Внесем завершающие штрихи. Выделите все слои вашего USB переходника, кроме фонового слоя, затем кликните по ним правой клавишей мыши и выберите пункт Duplicate. Теперь слейте все продублированные слои в один, перенесите результирующий слой поверх остальных, выполните Ctrl + клик по мини-изображению слоя для загрузки по нему выделения, залейте выделение черным цветом и выполните Filter > Noise > Add Noise. В выпавшем окне задайте Amount равным 23.62% и выставьте параметры Gaussian и Monochromatic. Далее смените режим наложения слоя на Overlay и задайте ему 10% Opacity. В дополнение вы можете нарисовать также тень, отбрасываемую предметом на поверхность.
Заключение
При правильном использовании перо Pen Tool может превратиться в мощнейший инструмент для создания предметов в Photoshop. Надеюсь, что этот урок дал вам определенное представление о том, как использовать этот инструмент в комбинации со стилями слоев для создания великолепных дизайнов.
В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».
Запустите Adobe Illustrator и создайте новый документ (Ctrl + N) с такими параметрами:
Шаг 2
Активируйте инструмент Type Tool и напишите «NEON SIGN».
Шаг 3
Нужно преобразовать текст в фигуру. Кликните правой кнопкой мыши на холсте и выберите пункт Create Outlines.
Вызовите то же контекстное меню ещё раз и выберите пункт Ungroup.
Шаг 4
Выделите нижнее слово и немного поднимите его, чтобы оно было ближе к верхнему слову.
Шаг 5
Выделите оба слова и сделайте надпись шире.
Шаг 6
Создайте новый слой.
Шаг 7
Активируйте инструмент Pen Tool и нарисуйте линию, проходящую по краю буквы.
Шаг 8
Продолжайте рисовать линии, чтобы повторить форму буквы.
Шаг 9
Выделите обводку, которую мы нарисовали. Увеличьте толщину линий через параметр Stroke Weight.
Шаг 10
Выделите все линии и перейдите в меню Object ? Expand, чтобы преобразовать их в фигуру.
Шаг 11
Все фигуры нужно объединить в одну. Но для начала изменим цвет обводки и уберём заливку.
Шаг 12
Выделите все фигуры и кликните на иконке объединения Unite на панели Pathfinder. Эта панель доступна в главном меню Windows.
Шаг 13
Повторите предыдущие действия для остальных букв. Чтобы форма букв была интересной, советую посмотреть на реальные образцы неоновых вывесок.
Шаг 14. Экспорт в Photoshop
Выделите все фигуры текста и скопируйте их (Ctrl + C). Откройте Photoshop и создайте новый документ (Ctrl + N).
Шаг 15
Вставьте изображение кирпичной стены в Фотошоп через меню File ? Place.
Шаг 16
Вставьте скопированные слова как фигуры (Ctrl + V).
Шаг 17
Кликните дважды на миниатюре слоя, чтобы изменить цвет букв.
Шаг 18. Эффекты
Кликните дважды на слое, чтобы открыть стили. Примените стиль свечения Outer Glow.
Шаг 19
Создайте копию текста (Ctrl + J). Перенесите иконку fx в корзину, чтобы удалить стили.
Шаг 20
Примените к верхнему слою другие стили:
Шаг 21
Создайте новую группу «improvement». Создайте копию текстового слоя (Ctrl + J) и поместите её в эту группу. Откройте стили и измените настройки.
Шаг 22
Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя). Сожмите выделение на 1 пиксель (Select ? Modify ? Contract).
Шаг 23
Активируйте любой инструмент выделения и клавишами стрелок на клавиатуре сдвиньте выделение на несколько пикселей вниз.
Шаг 24
Создайте новый слой и залейте выделение белым цветом.
Шаг 25
Создайте ещё одну копию текстового слоя и поместите её в группу «improvement». Добавьте такие стили:
Шаг 26
Снова выделите текст и расширьте выделение на 4 пикселя (Select ? Modify ? Expand).
Шаг 27
Создайте новый слой и залейте выделение любым цветом.
Шаг 28
Уменьшите заливку (Fill) слоя до 0% и примените следующие стили:
Шаг 29
Чтобы создать иллюзию объёмности и глубины букв, мы добавим темноту внутрь букв. Выделите текст и сожмите выделение на 1 пиксель.
Шаг 30
Залейте выделение тёмно-жёлтым цветом на новом слое.
Шаг 31
Добавьте маску и чёрной кистью уберите некоторые тёмные участки внутри букв.
Шаг 32
Создайте новый слой и нарисуйте тень внутри текста, чтобы некоторые элементы находились на другими.
Шаг 33
Добавьте скругленный прямоугольник инструментом Rounded Rectangle Tool (U) и немного наклоните его в режиме Free Transform (Ctrl + T).
Шаг 34
Сделайте наклонный элемент чёрным и расположите под всеми слоями текста.
Шаг 35
Добавьте подобные элементы в другие места, чтобы связать буквы.
Шаг 36
Преобразуйте все соединительные элементы в выделение (Ctrl + Enter). Создайте новый слой и закрасьте их всех чёрным цветом.
Шаг 37
На каждую букву мы отдельно добавим световые пятна. Они должны быть позади ламп, на стене.
Шаг 38
Выделите текст и соединительные элементы. Немного сдвиньте выделение вниз.
Шаг 39
Создайте новый слой под лампами и залейте выделение чёрным цветом. Примените фильтр Gaussian Blur (Filter ? Blur ? Gaussian Blur).
Шаг 40. Кабели
Инструментом Pen Tool (P) нарисуйте конец кабеля на букве. Сделайте его чёрным и расположите позади лампы.
Шаг 41
Примените стиль Bevel & Emboss.
Шаг 42
Снова возвращаемся в Illustrator. Нарисуйте кабель инструментом Pen Tool.
Шаг 43
Перейдите в меню Object ? Expand.
Шаг 44
Скопируйте линию в Фотошоп.
Шаг 45
Поверните кабель и расположите его так:
Шаг 46
Сделайте кабель тёмно-серым.
Шаг 47
Примените стиль тиснения, чтобы сделать кабель объёмным.
Шаг 48
Выделите кабель и расширьте выделение (Select ? Modify ? Expand).
Шаг 49
Перейдите в меню Edit ? Stroke и настройте обводку так:
Шаг 50
Сотрите часть обводки кабеля при помощи ластика. Таким способом мы добавим свет от ламп на кабель.
Шаг 51
Добавьте ещё одну обводку на кабель. Используйте более светлый цвет и примените фильтр Gaussian Blur (Filter ? Blur ? Gaussian Blur).
Шаг 52
При помощи кисти добавьте больше света на часть кабель рядом с лампой
Шаг 53
Нарисуйте ещё один кабель для первой буквы.
Шаг 54
Нарисуйте кабель, соединяющий буквы верхнего и нижнего слова.
Шаг 55. Крепления
Нам осталось нарисовать крепления, на которых будут висеть лампы. Нарисуйте два прямоугольника, как показано ниже.
Шаг 56
Создайте несколько копий и расположите их на других буквах.
Шаг 57
Примените следующие стили к креплениям:
Шаг 58
На отдельном слое небольшой кистью нарисуйте тени от крепления на лампах. Они должны быть очень слабыми.
Конечный результат:
В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».
Читайте также: