ФотошопСундучок photoshopsunduchok

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

 

 

 

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

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

 


Канал в Дзене:

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

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

Кто на сайте

Сейчас на сайте 196 гостей и 2 пользователя

  • didugan
  • libra

 

 

 

 

 

 

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

Как создать логотип в фотошопе

 

Как создать логотип в фотошопе

Всем привет!

Сегодня мы будем рисовать логотип в фотошопе.

Изображение, полученное в результате урока, вы сможете использовать в качестве логотипа бренда, а также, например, установить, как фон рабочего стола компьютера.

Сначала мы создадим новый документ, при помощи инструмента Эллипс нарисуем круг, из которого потом вычтем еще круг.

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

Затем к каждому слою применим стили слоя с разными градиентами, которые создадим в ходе урока.

После этого создадим отражение – объединим группу с фигурой в один слой, отразим образовавшийся слой по вертикали и расположим на холсте.

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

  
Как создать логотип в фотошопе

 

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

1

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

2

3

4

5

6

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

7

8

9

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

10

В панели слоев создаем дубликат слоя «1» (Ctrl+J). Переименовываем дубликат слоя в «2».

11

Вызываем Свободное трансформирование (Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки внутрь, чтобы уменьшить слой «2», как показано ниже.  В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно. При помощи инструмента Перемещение располагаем слой «2», как на картинке.

12

13

14

15

Переходим в меню Редактирование-Трансформирование-Отразить по горизонтали, чтобы повернуть слой «2».

16

17

В панели слоев создаем дубликат слоя «2» (Ctrl+J). Переименовываем дубликат слоя в «3». При помощи Свободного трансформирования уменьшаем слой «3» и располагаем, как на рисунке ниже.

18

19

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

Во вкладке Наложение градиента кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые значения. Если в активном на данный момент градиенте есть более двух точек, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне.

Создаем градиент с такими параметрами:

Левая Контрольная точка (позиция 0%) – оттенок # 4f1022;

Правая Контрольная точка (позиция 100%) – оттенок # cc424c.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Полные настройки для вкладки Наложение градиента на последнем скриншоте.

20

21

22

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

23

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

Во вкладке Наложение градиента кликаем по строке выбора градиента и в открывшемся Редакторе градиентов создаем градиент с такими параметрами:

Левая Контрольная точка (позиция 0%) – оттенок # 0c315a;

Правая Контрольная точка (позиция 100%) – оттенок # 2daed8.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Полные настройки для вкладки Наложение градиента на последнем скриншоте.

24

25

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

26

Двойным щелчком по слою «3» в панели слоев вызываем стили слоя.

Как и в предыдущих шагах, создаем новый градиент во вкладке Наложение градиента.

Используем следующие параметры:

Левая Контрольная точка (позиция 0%) – оттенок # 2daed8;

Правая Контрольная точка (позиция 100%) – оттенок # 0c315a.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Полные настройки для вкладки Наложение градиента на последнем скриншоте.

27

28

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

29

В панели слоев при помощи клавиши Shift выделяем слои «1», «2» и «3» и нажимаем сочетание клавиш Ctrl+G, чтобы добавить слои в группу. Переименовываем образовавшуюся группу в «Лого».

30

31

При помощи инструмента Перемещение приподнимаем группу «Лого» немного вверх.

32

В панели слоев создаем дубликат группы «Лого» (Ctrl+J). Кликаем ПКМ по дубликату группы в панели слоев и выбираем «Объединить группу». Переименовываем образовавшийся слой в «Отражение».

33

34

35

Переходим в меню Редактирование-Трансформирование-Отразить по вертикали, чтобы повернуть слой «Отражение».

36

37

При помощи инструмента Перемещение располагаем слой «Отражение», как показано ниже. При перемещении зажимаем клавишу Shift, чтобы переместить слой ровно по прямой.

38

В панели слоев понижаем прозрачность слоя «Отражение».

39

40

В панели слоев ниже группы «Лого» создаем новый пустой слой и называем его «Тень». Чтобы создать слой ниже активного слоя/группы, зажмите клавишу Ctrl и кликните по иконке создания нового слоя в панели слоев.

41

42

Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту). Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». В панели цвета в качестве основного выставляем черный оттенок. Для этого достаточно нажать на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию – черному и белому. Выбираем кисть, как на рисунке ниже и делаем ею отпечаток на слое «Тень».

43

44

45

46

47

Вызываем Свободное трансформирование (Ctrl+T) и, потянув за узелки, «сплющиваем» слой «Тень».

48

49

При помощи инструмента Перемещение располагаем слой «Тень», как на картинке ниже.

50

В панели слоев создаем дубликат слоя «Отражение» (Ctrl+J). Переименовываем дубликат слоя в «Фон 2» и перетаскиваем его ниже всех слоев, но выше слоя «Фон».

51

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

52

53

В панели слоев понижаем прозрачность слоя «Фон 2».

54

55

Логотип готов! При необходимости вы можете добавить текст – название бренда или т.п.

Урок "Как создать логотип в фотошопе" завершен.

финальный результат

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

 

 

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

 

          

 

 

Если Вы хотите посмотреть серию бесплатных уроков по рисованию в фотошопе, то введите свои данные в форму подписки ниже:

Печать

Комментарии  

Анатолий
0 # Анатолий 17.07.2021 13:22
Спасибо!
Ответить | Ответить с цитатой | Цитировать

Понравилось? Поделитесь:

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

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


Прикрепить фотографии
.tm-logo{float:center}