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

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

 

 

 

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

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

  • OlegNakroshaev
  • polevpet

 

 

 

 

 

 

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

Иконка WhatsApp в фотошопе

 

Иконка WhatsApp

в фотошопе

 

Всем привет!

Попрактикуемся в навыке создания иконок.

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

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

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

Затем с помощью инструмента Произвольная фигура и стандартных фигур создадим фигуру и сольем слои с фигурой и кругом в один.

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

После этого откроем изображение с телефонной трубкой из папки с исходниками и изменим цвет трубки на белый.

В завершение урока "Иконка WhatsApp в фотошопе" мы переместим трубку в основной документ, и изменим размер трубки и применим стиль слоя Обводка.

 

  
Иконка WhatsApp в фотошопе

 

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

1

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

2

3

Активируем инструмент Овальная область. В верхней панели настроек инструмента Овальная область вводим настройки, как на рисунке ниже. Зажимаем клавишу Shift, чтобы получить ровный круг и создаем круглое выделение.

4

5

6

Заливаем выделение черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный оттенок. Снимаем выделение (Ctrl+D).

7

8

9

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

10

11

12

13

Активируем Свободное трансформирование (Редактирование-Свободное трансформирование или Ctl+T) и, покрутив за уголки рамки, поворачиваем слой с фигурой. При помощи инструмента Перемещение располагаем слой, как на рисунке ниже.

14

15

16

17

В панели слоев при помощи клавиши Ctrl выделяем слой «Круг» и слой с фигурой и нажимаем сочетание клавиш Ctrl+E, чтобы слить слои в один. Переименовываем образовавшийся слой в «Иконка».

18

19

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

Во вкладке Наложение цвета используем белый оттенок (# ffffff) и вводим настройки, как на картинке ниже.

20

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

21

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

22

Выше слоя «Иконка» в панели слоев создаем новый пустой слой и называем его «Иконка 2».

23

В панели слоев кликаем с зажатой клавишей Ctrl по миниатюре слоя «Иконка», чтобы загрузить выделение слоя. Делаем в панели слоев активным слой «Иконка 2» и заливаем выделение черным цветом (Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный цвет). Снимаем выделение (Ctrl+D).

24

25

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

26

27

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

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

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

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

Центральная Контрольная точка (позиция 50%) – оттенок # 008803;

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

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

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

28

29

30

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

31

Открываем в фотошоп (Ctrl+O) изображение «Трубка» из папки с исходниками.

32

Активируем инструмент Прямолинейное лассо и создаем выделение, как на рисунке ниже. Нажимаем клавишу Delete, чтобы удалить выделенную область. Снимаем выделение (Ctrl+D).

33

34

35

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

Во вкладке Наложение цвета используем белый оттенок (# ffffff) и вводим следующие настройки.

36

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

37

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

38

39

При помощи инструмента Перемещение перетаскиваем слой с трубкой в основной документ (с иконкой). С помощью Свободного трансформирования уменьшаем слой с трубкой и располагаем, как на картинке ниже.

40

41

В панели слоев переименовываем слой с трубкой в «Трубка».

42

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

Во вкладке Обводка меняем оттенок на # 006423 и вводим настройки, как на картинке ниже.

43

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

44

В панели слоев при помощи клавиши Shift выделяем все слои с иконкой и нажимаем сочетание клавиш Ctrl+G, чтобы добавить слои в группу. Переименовываем группу в «Иконка». С помощью инструмента Перемещение располагаем группу «Иконка» по центру холста.

45

46

47

Иконка мессенджера WhatsApp готова! Урок "Иконка WhatsApp в фотошопе" завершен.

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

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

 

 

 

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

 

          

 

 

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

Печать

Комментарии  

Виктор Ищенко
0 # Виктор Ищенко 04.02.2021 09:36
Как же всё просто, когда Мастер разложит "по полочкам"! Спасибо!
Ответить | Ответить с цитатой | Цитировать
Анатолий
0 # Анатолий 02.02.2021 12:16
Спасибо большое!
Ответить | Ответить с цитатой | Цитировать

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

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

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


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

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

Prev Next

Как использовать ярко…

Видеоуроки

  Как использовать яркостные маски для обработки фото   В фотошопе есть прекрасный инструмент, который помогает работать с разными тоновыми диапазонами фотографии – это яркостные маски. Но, среди штатных инструментов фотошопа, Вы его не найдете. Яркостные маски...

Читать далее

Как из фотографии сде…

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

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

Читать далее

Как удалить хроматиче…

Видеоуроки

  Как удалить хроматическую аберрацию с помощью режимов наложения в фотошопе   Видео урок из серии «Совет по работе в фотошопе за 1 минуту». :-) Периодически на своих снимках Вы можете увидеть хроматическую аберрацию. Это...

Читать далее

Как сделать обои с кун…

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

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

Читать далее

Как улучшить фото в фо…

Видеоуроки

  Как улучшить фото в фотошопе за 1 минуту   В уроке показан очень простой прием улучшения снимка. Он практически не требует от Вас никаких знаний фотошопа и выполняется буквально за 1 минуту. Мы используем...

Читать далее

Пасхальные яйца для ф…

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

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

Читать далее

Как сделать салют для …

Видеоуроки

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

Читать далее

Как сделать пасхальну…

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

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

Читать далее

Удаление паттерна с ф…

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

[panel background="#2ca2ce" color="#ffffff" border="3px groove #00b1bd" shadow="3px 1px 3px #eeeeee" margin="0px 0px 0px 0px" text_align="center"]Удаление паттерна с фото[/panel] На старых фотографиях, имеются ввиду физические снимки, довольно часто, можно встретить тиснение, узоры...

Читать далее

Как удалить узоры в фо…

Видеоуроки

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

Читать далее

Как сделать иллюстрац…

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

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

Читать далее

Как сделать полупрозр…

Видеоуроки

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

Читать далее

Как поменять глаза в ф…

Видеоуроки

  Как поменять глаза в фотошопе с помощью режимов наложения   В этом уроке, на примере фотографии с кошкой, заменим глаз, используя режимы наложения. Для этого мы с Вами применим два режима наложения:...

Читать далее

Как сделать вдавленны…

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

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

Читать далее

Художественные эффек…

Видеоуроки

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

Читать далее

Разностные режимы нал…

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

  РАЗНОСТНЫЕ РЕЖИМЫ НАЛОЖЕНИЯ В PHOTOSHOP: [drawer open_title="Разница, Исключение, Вычитание, Разделить" close_title="Закрыть" open_icon="icon: sun-o" title_background="#01227e" title_color="#ffffff"]ЧТО ЭТО ТАКОЕ И КАК ИСПОЛЬЗОВАТЬ НА ПРАКТИКЕ.[/drawer]   У нас на очереди заключительная группа режимов наложения, которую мы...

Читать далее

Текстура кожи для фот…

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

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

Читать далее

Режимы наложения Photosho…

Видеоуроки

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

Читать далее

Тонирование фото в фо…

Видеоуроки

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

Читать далее

Новости на Первом о са…

Видеоуроки

  Новости на Первом о сайте PhotoshopSunduchok Друзья! Наш сайт – PhotoshopSunduchok, попал в новости первого канала! Смотрите видео.  [divider style="7" color="#000000"]    [youtube url="https://www.youtube.com/watch?v=q0Ea5kW2zpo"]   [button style="bubbles" url="https://www.photoshopsunduchok.ru/uroki/fotograf/5597-rezhimi-nalozhenia-v-photoshop-2" target="blank" background_hover="#0d69ce" size="9" center="yes"]Нажмите на кнопку и посмотрите подробности о...

Читать далее

Контрастные режимы на…

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

  КОНТРАСТНЫЕ РЕЖИМЫ НАЛОЖЕНИЯ В PHOTOSHOP: [drawer open_title="Перекрытие, Мягкий свет, Жесткий свет, Яркий свет, Линейный свет, Точечный свет, Жесткое смешение" close_title="Закрыть" open_icon="icon: sun-o" title_background="#284803" title_color="#ffffff"]ЧТО ЭТО ТАКОЕ И КАК ИСПОЛЬЗОВАТЬ НА ПРАКТИКЕ.[/drawer]   Мы...

Читать далее

Чем отличается заливк…

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

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

Читать далее

Анимация помех в фото…

Уроки анимации в фотошопе

Анимация помех в фотошопе   Всем привет! Сегодня в уроке "Анимация помех в фотошопе" мы будем создавать анимацию помех на телевизоре. При помехах в трансляции на экране телевизора возникает изображение, именуемое «белый шум». Используя стандартные...

Читать далее

Как сделать яркий рет…

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

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

Читать далее

Как сделать золотой т…

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

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

Читать далее

Как нарисовать дым в ф…

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

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

Читать далее

Автоматическая цвето…

Видеоуроки

  Автоматическая цветокоррекция в фотошопе   В этом уроке я Вам покажу три способа цветовой коррекции фотографии в фотошопе. Они очень простые и не требуют никаких знаний фотошопа. Как их применять, смотрите в уроке "Автоматическая цветокоррекция...

Читать далее

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

.tm-logo{float:center}