Рубрика: Photoshop Уроки | Урок прочитали: 646
 (голосов: 5)

Блокнот из букв в Фотошоп

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

Ресурсы урока:

  1. Шрифт "Bevan"
  2. Текстура бумаги (тетради)
  3. Текстура бежевой бумаги
  4. Текстура тетрадных листов
  5. Шрифт "Ænigma Scrawl"

Шаг 1

Создайте новый документ: Файл-Создать, размер: Ширина 1152 Высота 864. Дублируйте фоновый слой нажатием клавиш (Ctrl+J). Дважды кликните по копии фонового слоя и примените следующие параметры:

Режим наложения: Умножение (Multiply)

Цвет: 696969

Загрузите пак узоров под названием: "Seamless Paper Patterns" и выберите узор который показан на скриншоте ниже:

И вот мы с вами придали стиль фону:

Шаг 2

С помощью инструмента "Горизонтальный текст" (Horizontal Text Type) напишите любое слово на английском языке, шрифт "Bevan" цвет: (e2d8ca).

Дважды кликните левой клавишей мыши по текстовому слою и примените следующие параметры:

Размер: 1 (size)

Контур: Линейный () установите галочку на пункте "Сглаживание"

Непрозрачность: 50%

Контур: Полукруг (Half Round)

Установите галочку на пункте “Сглаживание”

Установите галочку на пункте "Сглаживание"

Загрузите текстуру под названием "Beige paper"

Режим наложения: Умножение (Multiply)

Из пака (Lined Paper Patterns ~kittenbella) загрузите узор "White Lined Notebook Paper"

Непрозрачность: 50% (Opacity)

Смещение: 20 пикс. (Distance)

И вот мы придали начальный эффект для текста.

Шаг 3

Кликните правой кнопкой мыши по текстовому слою и выберите пункт "Растрировать текст" (Rasterize Type). В дальнейшем вы не сможете редактировать стиль этого слоя, для этого вернитесь назад и сделайте копию уже настроенного текстового эффекта, скройте его нажав на значок глаза.

И так, дублируйте растрированный текстовый эффект нажатием клавиш (Ctrl+J)

Дважды кликните по копии растрированного текстового слоя и примените следующие параметры:

Непрозрачность: 20% (Opacity)

Смещение: 5 пикс. (Distance)

Размер: 1 пикс. (Size)

Мы изменили значение Тени для копии растрированного слоя на более тусклую.

Дублируйте копию растрированного слоя ещё 4 раза.

Используйте инструмент "Перемещение" (Move Tool). И подвигайте каждый слой для создания объемного эффекта, также вы можете использовать клавиши стрелок на клавиатуре.

Шаг 4

 Далее используйте инструмент "Эллипс" (Ellipse Tool), убедитесь, что у вас в настройках фомы выбрана Фигура. Затем в правой стороне у вас есть значок шестерёнки, нажмите на него и установите следующие значения:

Заданный размер: 26х26

Ниже установите галочку на пункте "От центра" (Center box)

Эти настройки помогут вам создавать Эллипсы размером 26х26 пикс.

Теперь в настройках "Операции с контуром" выберите "Вычесть переднюю фигуру" () установите значения 20х20 пикс. Далее кликните левой клавишей мыши по уже созданному нами эллипсу чтобы вычесть центр. И вот у нас получилось кольцо.

Дважды кликните по слою с фигурой и примените следующие параметры:

Контур глянца: Перевернутый конус (Cone – Inverted)

Режим подсветки: Яркий Свет (Vivid Light)

Контур: Конус (Cone) Установите галочку на пункте "Сглаживание"

Кликните по полоски Градиента и примените следующие цвета:

Лево: 7a3f00 Центр: ffdf2f Право: 7a3f00

Смещение: 3 пикс. (Distance)

Размер: 2 пикс. (Size)

Вы можете использовать любые цвета для Градиента кольца.

Дублируйте фигуру кольца столько сколько вам нужно, и расставьте их по тексту.

Шаг 5

Используя инструмент "Кисть" (Brush Tool) кисть круглая жесткая, цвет: 000000, создайте новый слой выше всех слоёв и назовите его "Кисть" пройдитесь кистью по центру кольца.

Вот так у вас должно получится:

Переместите слой "Кисть" над копией фонового слоя, затем зажмите клавишу Ctrl и кликните по иконке слоя "Кисть".

Далее немного возвращаясь к 3-ему шагу, вставайте на каждый текстовый слой и нажимайте клавишу Delete. Снимите выделение зажав клавиши Ctrl+D.

Шаг 6

Понизьте значение "Заливки" (Fill) слоя "Кисть” до 0.

Дважды кликните по слою "Кисть" и примените следующие параметры:

Смещение: 7 пикс. (Distance)

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

Шаг 7

Создайте новый слой выше всех слоёв и назовите его "Градиент" в палитре цветов цвет переднего плана: #272423, в настройках Градиента цвет от #272423 к прозрачному, используйте инструмент: "Градиент" (Gradient Tool) Установите галочку на пункте "Инверсия" (Reverse) Градиент "Радиальный" (Radial).

И проведите линию от центра к одному из углов.

Установите режим наложения для слоя "Градиент" на "Мягкий Свет" (Soft Light)

В основном урок завершен, но вы можете пойди дальше и придать нашим карточкам "изюминку". Используйте шрифт "Ænigma Scrawl" размер где-то 14 пунктов, цвет: #2571a2.

И вот урок завершен!

Надеюсь, вам понравился урок, и вы создали свой собственный набор карточек :)

           

Похожие файлы и публикации:

Блокнот из букв в Фотошоп
15 файлов, разрешение 1280х1028 и 1600х1200px, вес 5,7 Мб
Блокнот из букв в Фотошоп
В 9-ой части я забыла в архив вложить два эти шрифта (простите, голова моя садовая!)Исправляюсь. Ловите!
Блокнот из букв в Фотошоп
24 фотографии (2000 х 1339 пикселей). Объем ~58 Мб
Блокнот из букв в Фотошоп
Всех оллдеевцев от души поздравляю с Рождеством Христовым!
Блокнот из букв в Фотошоп
Подборка №01 - депресс-фотоарт от самых разных авторов.25 шт. / JPEG / App. 10.5Mb
Блокнот из букв в Фотошоп
Сегодня мы создадим симпатичную кнопку-переключатель, которую вы сможете использовать в своих работах. Для начала взглянем на финальное изображение.
Блокнот из букв в Фотошоп
В процессе изучения этого урока вы научитесь создавать стильное меню для сайта.
Блокнот из букв в Фотошоп
У Вас имеются ненужные CD, DVD диски? Лежат, занимают место а выкинуть не поднимается рука. Что с ними делать? Смотрите дальше...
Блокнот из букв в Фотошоп
[b] 74 файла, разрешение от 1280х1024 и 1920х1440px, вес 33.29 Mb
Блокнот из букв в Фотошоп
56 JREG. Архив 3,55 Мб .Разрешение в среднем 600х420
Блокнот из букв в Фотошоп
70 файлов, разрешение 2653х3987px вес 60.6 Мб
Блокнот из букв в Фотошоп
200jpg/ от 620 до 800 по большой стороне /43,8мб
Блокнот из букв в Фотошоп
\"Новая форма изобразительного искусства была рождена без напыщенности и шумной рекламы. Некоторые из нас наивно полагают, что компьютерное и 3d искусство – это что-то механическое и не натльное, нечто, лишенное человеческого прикосновения. Подобное представление ошибочно, так как не компьютеры делают искусство, а люди, которые используют их. Компьютеры – это обыкновенные созидательные инструменты, только изощреннее; попробовав их один раз, ты уже не сможешь остановиться\"
Блокнот из букв в Фотошоп
30 JPG и TIF файлов. Разрешение:3072x2304. Вес:163 MB
Блокнот из букв в Фотошоп
В этом уроке мы будем рисовать анимацию летающего ангела.
Блокнот из букв в Фотошоп
Безумно красивая подборка девушек в векторе.[JPEG].150 шт