ФотошопСундучок
Начните свой путь в мир ФОТОШОПА сейчас!

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас один гость и один зарегистрированный пользователь на сайте

  • OlegNakroshaev

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

Текст из печенья в фотошопе

Всем привет!

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

Из урока вы узнаете, как пользоваться инструментами Текст, Ластик и Перемещение, стилями слоя, обтравочными масками, корректирующими слоями, режимами наложения слоев, научитесь создавать новые градиенты, устанавливать шрифты, масштабировать объекты, добавлять тень к предметам, применять текстуры и многое другое.

Сначала мы при помощи стилей слоя создадим фон. Затем добавим в работу текстуру ткани, обесцветим ее, инвертируем и изменим режим наложения слоя с текстурой. Далее мы установим шрифт из папки с исходниками, напишем слово «Печенье», поместим в работу изображение с печеньем, дублируем слой с печеньем и при помощи обтравочной маски и инструмента Ластик стилизируем текст. В завершение мы добавим к текстовому слою стили слоя, чтобы придать печенью объема и создать тень.

f

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

1

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

2

Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

3

В панели слоев дважды щелкаем по слою «Фон», чтобы открыть стили слоя.

Во вкладке Наложение градиента кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим следующие значения: для левой Контрольной точки (позиция 0%) оттенок # f7e7c5, для правой (позиция 100%) – оттенок # ffe4a8. Следим, чтобы для верхних Контрольных точек была установлена непрозрачность 100%. Если при открытии Редактора градиентов активен градиент с более, чем двумя Контрольными точками, удалите лишние, кликнув по точке и нажав на клавишу Delete. Полные настройки для вкладки Наложение градиента на втором скриншоте.

4

5

6

Во вкладке Внутренняя тень используем оттенок # 331217 и вводим настройки, как на изображении ниже.

7

Результат после применения стилей слоя.

8

Помещаем в документ (Файл-Поместить) изображение с текстурой ткани из папки с исходниками. Зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки, чтобы растянуть изображение на весь холст.

9

10

В панели слоев кликаем ПКМ по слою с текстурой ткани и в выпадающем окне выбираем «Растрировать слой».

11

Переходим в меню Изображение-Коррекция-Обесцветить. Добавляем корректирующий слой вышеописанным способом, не через панель слоев – так коррекция применится непосредственно к слою.

12

 

13

 

Переходим в меню Изображение-Коррекция-Инверсия либо нажимаем сочетание клавиш Ctrl+I, чтобы инвертировать слой с текстурой.

14

15

В панели слоев меняем режим наложения слоя «Текстура ткани» на Умножение.

16

17

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

18

Активируем инструмент Текст и пишем слово «Печенье». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, меняем размер текста и вводим настройки, как на рисунке ниже. Цвет текста не важен, но для контраста лучше выбрать черный (# 000000). При помощи инструмента Перемещение располагаем текст по центру холста.

19

20

21

22

Выше слоя с текстом помещаем в документ изображение с печеньем из папки с исходниками.

Растрируем слой (ПКМ по слою-Растрировать слой) и уменьшаем так, чтобы печенье было немного больше букв. Чтобы уменьшить слой, вызовите Свободное трансформирование (Ctrl+T) и, зажав клавиши Shift и Alt, потяните за уголки рамки внутрь.

23

24

В панели слоев щелкаем ПКМ по слою «Печенье» и выбираем «Создать обтравочную маску». После этого слой с печеньем как бы «прикрепится» к нижележащему слою с текстом и будет виден только в пределах текстового слоя.

25

26

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

27

28

29

30

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

Во вкладке Внутренняя тень используем оттенок # 000000 (черный) и вводим настройки, как на рисунке ниже.

31

 

Во вкладке Внутреннее свечение вводим оттенок # 683d2d и используем следующие настройки.

32

Во вкладке Тень используем черный оттенок (# 000000) и вводим настройки, как на рисунке ниже.

33

Результат после применения стилей слоя.

34

Текст из печенья готов!

f

Отличного настроения и вдохновения!

 

  

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

          

 

 

 Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.


 

Всем привет! 
Сегодня мы будем создавать вязаный текст.
В уроке вы научитесь работать с инструментами Прямоугольник со скругленными углами, Текст, Кисть, Заливка, Перо, Перемещение, фильтрами Зернистость фотопленки и Сдвиг, масками слоя, режимами наложения слоев, узнаете, как поворачивать объекты, загружать кисти, делать обводку контура, создавать собственные узоры, устанавливать шрифты и многое другое. 
Финальный результат
Создаем в фотошоп новый документ (Ctrl+N) с параметрами, как на рисунке ниже. 
1
Активируем инструмент Прямоугольник со скругленными углами и в верхней панели настроек инструмента вводим настройки, как на рисунке ниже. Создаем прямоугольник, как изображено на скриншоте. 
2
3
4
Активируем Свободное трансформирование (Ctrl+T) и крутим за уголки рамки, чтобы повернуть прямоугольник. При помощи инструмента Перемещение располагаем прямоугольник, как на рисунке ниже. 
5
6
7
Создаем дубликат слоя с прямоугольником (Ctrl+J) и переходим в меню Редактирование-Трансформирование-Отразить по горизонтали. При помощи инструмента Перемещение располагаем второй прямоугольник, как на изображении ниже.
8
9
В панели слоев при помощи клавиши Ctrl выделяем оба слоя с прямоугольниками и нажимаем сочетание клавиш Ctrl+E, чтобы слить слои в один. Переименовываем образовавшийся слой в «Петелька». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
10
11
Переходим в меню Фильтр-Другое-Сдвиг и в появившемся окне соглашаемся с растрированием слоя. В окне фильтра Сдвиг вводим настройки, как на рисунке ниже. 
12
13
14
15
В панели слоев отключаем видимость фонового слоя, нажав на «глазик» около слоя. 
16
Переходим в меню Редактирование-Определить узор. В появившемся окне даем имя узору или соглашаемся с предложенным программой. Новый узор появится в конце списка загруженных узоров. Документ с узором можно закрыть или удалить – он нам больше не понадобится.
17
18
Создаем в фотошоп новый документ (Ctrl+N) с параметрами, как на рисунке ниже. 
19
В панели цвета в качестве основного выставляем оттенок # b80000. Активируем инструмент Заливка и кликаем по холсту, чтобы залить фоновый слой цветом основного плана. 
20
21
22  
Создаем новый пустой слой и переименовываем его в «Узор».
23
24
Переходим в меню Редактирование-Выполнить заливку и в открывшемся окне выбираем «Регулярный». Затем щелкаем по треугольнику у строки выбора узора и в открывшемся окне выбираем узор, что создавали в предыдущем шаге. 
25
26
27
28
Дважды кликаем по слою «Узор» в панели слоев, чтобы открыть стили слоя.
Во вкладке Наложения цвета меняем оттенок на # f60408 и вводим настройки, как на рисунке ниже.
29
Во вкладке Тень меняем оттенок на # 3c0d0d и используем параметры, как на рисунке ниже.
30
Результат после применения стилей слоя.
31
Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.
32
Активируем инструмент Текст и пишем слово «тепло». В верхней панели настроек инструмента Текст выбираем шрифт, что устанавливали в предыдущем шаге, меняем оттенок на # fed827, увеличиваем размер шрифта и вводим настройки, как на рисунке ниже. В верхней панели настроек инструмента Текст кликаем по значку панели символов и в открывшемся окне меняем настройки на следующие. При помощи инструмента Перемещение располагаем текст по центру холста. 
33
34
35
36
37
Создаем дубликат слоя «Узор» (Ctrl+J), переименовываем образовавшийся слой в «Узор-2» и перетаскиваем его в панели слоев выше всех слоев. Удаляем со слоя «Узор 2» стили слоя – перетаскиваем значок стилей слоя на иконку корзины в панели слоев. 
38
39
40
41
В панели слоев кликаем с зажатой клавишей Ctrl по иконке текстового слоя, чтобы загрузить выделение слоя. Отключаем видимость текстового слоя, нажав на «глазик» около слоя в панели слоев. 
42
43
Переходим на слой «Узор 2» и при активном выделении добавляем к слою маску слоя. Маска слоя скроет видимость слоя за пределами выделения. 
44
45
В панели слоев дважды щелкаем по слою «Узор 2», чтобы открыть стили слоя.
Во вкладке Наложение цвета меняем оттенок на # e3bc05 и вводим настройки, как на рисунке ниже. 
46
Результат после применения стилей слоя.
47
Выше всех слоев создаем новый пустой слой и называем его «Обводка».
Активируем инструмент Кисть и загружаем набор кистей со стежками из папки с исходниками. Для этого при активном инструменте Кисть кликаем ПКМ по холсту, чтобы вызвать меню выбора кистей. В меню выбора кистей кликните по «шестеренке» справа и выберите «Загрузить кисти». Набор с загруженными кистями появится в конце списка загруженных кистей. Из добавленного набора выбираем кисть, отмеченную ниже и уменьшаем ее размер примерно к 20-25 пикселям. Для изменения размера кисти воспользуйтесь клавишами квадратных скобок на клавиатуре – клавиши «Х» и «Ъ» в русской раскладке или перетащите ползунок в меню выбора кисти.
48
49
Загружаем выделение текстового слоя – кликаем с зажатой клавишей Ctrl по иконке текстового слоя в панели слоев. В панели слоев активируем слой «Обводка». Переходим в меню Окно-Контуры и нажимаем на иконку создания контура из выделения. 
50
51
52
53
В панели цвета в качестве основного устанавливаем оттенок # e3b905.
54
Активируем инструмент Перо, кликаем ПКМ по холсту и выбираем «Выполнить обводку контура». В открывшемся окне в качестве инструмента обводки выбираем Кисть и снимаем галочку у параметра «Имитировать нажим». Нажимаем клавишу Enter, чтобы скрыть контур. 
55
56
57
58
Переходим на слой «Узор 2» и по маске слоя мягкой круглой кистью белого цвета восстанавливаем видимость некоторых узелков. Чтобы установить белый оттенок в качестве основного цвета в панели слоев, нажмите на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию (черному и белому), затем – клавишу X, чтобы поменять оттенки переднего и заднего плана местами. Если на данный момент в программу не загружен набор с мягкими круглыми кистями, при активном инструменте Кисть в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». Работаем именно по маске слоя, не по самому слою. Для того, чтобы скрыть видимость слоя, поменяйте цвет основного плана на черный (клавиша X) и сотрите лишнее по маске слоя. 
59
60
61
Выше всех слоев создаем новый пустой слой и называем его «Текстура». Заливаем слой «Текстура» черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в открывшемся окне выбираем черный. 
62
63
64
Переходим в меню Фильтр-Галерея фильтров и в папке Имитация выбираем фильтр Зернистость фотопленки. Вводим настройки, как на рисунке ниже.
65
66
67
В панели слоев меняем режим наложения слоя «Текстура» на Мягкий свет.
68
69
Вязаный текст готов!
Финальный результат
Прекрасного настроения и вдохновения!

 

Комментарии  

Ирина Бояринцева
0 # Ирина Бояринцева 05.02.2019 10:30
Благодарю!
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Прикрепить фотографии

Популярные уроки сайта:

Prev Next

Яркий фон

Уроки рисования в фотошопе

Яркий фон Всем привет! Сегодня мы будем рисовать яркий фон. Такой фон вы сможете использовать при создании обоев для рабочего стола, плакатов, открыток и т.п. Сначала мы при помощи фильтров Облака, Меццо-тинто и...

Читать далее

Как быстро перевести …

Видеоуроки

Как быстро перевести старое фото в сепию в фотошопе Всем привет! Эффект сепии в фото наверняка знаком многим — коричневатые фотографии, под старину, действительно добавляют особый эффект фотографиям. В переводе с греческого "сепия" значит "каракатица...

Читать далее

Рамка с рваными краям…

Рамки в фотошопе

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

Читать далее

Как ускорить реставра…

Видеоуроки

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

Читать далее

Как нарисовать горящу…

Уроки рисования в фотошопе

Как нарисовать горящую спичку Всем привет! Сегодня мы разберемся с тем, как нарисовать горящую спичку в фотошопе. В уроке научимся создавать реалистичный огонь. Сначала мы при помощи стилей слоя Наложение градиента и инструмента...

Читать далее

Фон линии

Уроки рисования в фотошопе

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

Читать далее

Текст на запотевшем о…

Уроки фотошопа текст

Текст на запотевшем окне Всем привет! Рисовать на запотевшем стекле - это, как сиюминутный порыв и воспоминание о детстве, в котором родители хвалили твои рисунки. Ты в любой момент можешь подышать на...

Читать далее

Реставрация цветных ф…

Видеоуроки

Реставрация цветных фотографий Всем привет! У каждой семьи дома есть несколько альбомов с фотографиями, на которых запечатлены совершенно чужие, казалось бы, люди: прадеды, тети и дяди, чьи-то братья и сестры. Разглядывать их –...

Читать далее

Текстура шерсти

Уроки фотошопа текстуры

Текстура шерсти Всем привет! Мех – удивительная структура: миллионы волосков собраны в теплую, пушистую шерсть, которую нам так хочется щупать, гладить и обнимать. Думаете, на то, чтобы изобразить мех реалистично, требуется много времени? А...

Читать далее

Быстрые способы реста…

Видеоуроки

Быстрые способы реставрации фото Всем привет! В этом уроке рассмотрим быстрые способы реставрации фото. На старых фотографиях бывает много мелких царапинок и каких-либо дефектов. Сидеть над каждой царапинкой можно очень и очень...

Читать далее

Теплое тонирование

Обработка фотографий в фотошопе

Теплое тонирование Всем привет! Сегодня мы будем добавлять на фотографию тонировку в теплых тонах и создавать мягкий эффект. Сначала мы при помощи корректирующего слоя Кривые изменим цветовую гамму изображения. Затем с помощью инструмента...

Читать далее

Простые рамки для фот…

Рамки в фотошопе

Простые рамки для фотошопа  Всем привет! В сегодняшнем уроке мы будем создавать простые рамки для фотошопа, которые помогут украсить ваши фото. Разберём три варианта рамок в разных техниках. Сначала мы создадим первую рамку в...

Читать далее

Реставрация старых фо…

Видеоуроки

Реставрация старых фото. Подготовка - используем возможности сканирования и смарт-объектов Всем привет! А у нас следующий урок из серии по реставрации старых фото. Сегодня рассмотрим интересный способ подготовки фотографии для работы по ее...

Читать далее

Промежуточные итоги и…

Обработка фотографий в фотошопе

В прошлом месяце мы с вами начали рассматривать интересную тему по реставрации старых фотографий. Тема вызвала большой интерес у подписчиков и гостей сайта. Для рассмотрения темы мы наметили несколько шагов: правильное сканирование фотографий изучение...

Читать далее

Работа с текстом "К…

Уроки фотошопа текст

Работа с текстом  "Карамельный эффект" Всем привет! Сегодня мы будем изучать урок по работе с текстом "Карамельный эффект". Этот эффект представляет из себя блестящий объемный текст, который как бы окрашен в розовую...

Читать далее

Подготовка к реставра…

Видеоуроки

Подготовка к реставрации. Как убрать пятно на фото Всем привет! Любые фотографии с течением времени портятся. Пролежав десяток лет фотоснимок начинает терять насыщенность, желтеть, трескаться или могут появиться какие-либо пятна. Сегодня рассмотрим второй...

Читать далее

Реставрация фото. Вар…

Видеоуроки

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

Читать далее

Логотип с полутоновым…

Фотошоп уроки эффекты

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

Читать далее

Как сделать бороду в ф…

Видеоуроки

Как сделать бороду в фотошопе Всем привет! В этом уроке разберемся с тем, как сделать бороду в фотошопе. Эта техника достаточно проста. Чтобы добавить густоты бороде и усам на лице, сначала нужно...

Читать далее

Сделать фотоколлаж из…

Уроки фотошопа коллажи

Сделать фотоколлаж из вертикальных полос Всем привет! Сегодня мы разберемся с тем, как сделать фотоколлаж из вертикальных полос. Эффект очень прост в исполнении, Вы сможете с легкостью и за короткое время преобразить свои...

Читать далее

Космический эффект дл…

Уроки фотошопа текст

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

Читать далее

Фото с эффектом распа…

Фотошоп уроки эффекты

 Фото с эффектом распада Всем привет! Предлагаю в уроке пофантазировать и сделать что-то непохожее на реальность. Эффект распада именно то, что далеко от реального мира. Многие видели в интернете подобные необычные фото, где какая-то фигура рассыпается...

Читать далее

Рисуем в фотошоп фон б…

Уроки рисования в фотошопе

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

Читать далее

В фотошоп рисуем пейз…

Уроки рисования в фотошопе

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

Читать далее

Яблоко с листиком

Уроки фотошопа коллажи

Яблоко с листиком Всем привет! В сегодняшнем уроке мы почувствуем себя Мичуриным и скрестим яблоко с листиком клена. Да-да, фотошоп позволяет сделать и такие чудеса! Научимся делать красивый коллаж из нескольких фотографий. Из...

Читать далее

Ретро постер

Фотошоп уроки эффекты

 Ретро постер Всем привет! С помощью фотошопа можно создать удивительные иллюстрации в ретро стиле. Ретро постер с легкостью поможет создать неповторимую и чарующую атмосферу в любом помещении. В уроке вы научитесь работать с инструментами...

Читать далее

Текстовый эффект с зо…

Уроки фотошопа текст

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

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2018