Панель «Глифы» в Photoshop

Панель «Глифы» служит для вставки знаков пунктуации, надстрочных и подстрочных символов, символов валют, чисел, специальных символов, а также глифов из других языков в текст в Photoshop.

Чтобы вызвать панель, выберите Текст > Панели > Глифы или Окно > Глифы.

Панель «Глифы»

A. Недавно использованные слоты глифов | B. Выбор семейства шрифтов | C. Выбор начертания | D. Выбор категории шрифта | E. Слоты глифов | F. Уменьшение масштаба | G. Регулятор масштаба | H. Увеличение масштаба | I. Уменьшение масштаба глифов | J. Увеличение масштаба глифов | 

• Чтобы ввести глиф в активном текстовом слое, выполните следующие действия.
  1. Выберите место вставки глифа с помощью инструмента Текст.
  2. Дважды щелкните глиф на панели Глифы.
• Панель Глифы поддерживает латинский, греческий и кириллический алфавит. Ограниченная поддержка иврита, арабской и других сложных письменностей, таких как индийская.

• Для каждого шрифта глифы упорядочиваются по разным категориям, таким как «Базовая латиница», «Расширенная латиница A», «Расширенная латиница B», «Цифры», «Валюты», «Символы» и многие другие.
• Глифы также упорядочены по тому, какие функции OpenType они поддерживают, например: «Альтернативы», «Орнаменты», «Расширенные лигатуры», «Числители», «Знаменатели», «Наборы стилей», «Моноширинные цифры», «Порядковые номера» и многие другие.

Категория глифа, письменность и функции OpenType, поддерживаемые шрифтом Adobe Garamond

A. Категория шрифта | B. Сценарий | C. Функции OpenType 

• Панель Глифы автоматически находит альтернативы для первого выделенного символа во фрагменте текста.
• Слоты глифов со сплошным черным прямоугольником в нижнем правом углу указывают на то, что для данного конкретного глифа имеются варианты.
  Эти варианты можно просмотреть во всплывающем меню. Чтобы открыть его, щелкните и удерживайте слот или щелкните его, удерживая клавишу Alt или Option. Перетащите указатель мыши на вариант глифа и отпустите его, чтобы вставить его в активный слой.
  

Слот глифа со сплошным черным прямоугольником в нижнем правом углу Варианты глифа

• Наведите курсор на слот глифа, чтобы получить конкретные сведения, включая идентификатор глифа, значение Юникод, функцию OpenType и имя Юникод этого глифа.
  

Сведения о глифе

• Ползунок в нижней части диалогового окна позволяет увеличить или уменьшить размер глифов на панели.
• Меню шрифтов представляет собой развернутое меню, содержащее те же элементы, что на панели «Символ» и «Параметры». Однако поиск шрифтов не поддерживается.
• Когда несколько шрифтов находятся в выделенной области на слое «Текст», на панелях «Символ», «Параметры» и «Глифы» не отображается шрифт.
• С панелью «Глифы» можно работать и без инициализации текстового слоя.

Если вы работаете в текстовом слое, можно выбрать глиф для быстрого просмотра вариантов к прямо на холсте. При нажатии значка в таблице вариантов открывается панель «Глифы».

Варианты глифов на холсте

При необходимости это поведение можно отключить. Для этого выберите «Установки» > «Текст» и снимите флажок Включить варианты глифов текстового слоя.

Установка для включения/отключения вариантов глифа на холста

По мере добавления глифов в документ они автоматически вносятся в строку недавно использованных глифов, которая находится вверху панели «Глифы». Строка недавно использованных глифов:

• может содержать до 25 различных символов. При превышении лимита в 25 символов новые глифы добавляются слева, а предыдущие удаляются справа. 
• содержит одинаковые символы. Символы не меняются при запусках программы в различное время.
• сохраняет начертание глифа и не учитывает его начертания в панелях «Параметры», «Символ» и «Глифы».
• определяет размер точки, цвет и другие значения глифа согласно аналогичным значениям в панелях «Символ» и «Параметры». 

Photoshop теперь поддерживает шрифты SVG, которые включают несколько цветов и градиентов в одном глифе. Photoshop включает шрифт EmojiOne SVG. Также поддерживается шрифт Apple Color Emoji на платформе macOS.

Выполните следующие действия, чтобы использовать шрифты SVG.

1. Откройте панель «Глифы» (Окно > Глифы).
2. В списке шрифтов выберите EmojiOne или Apple Color Emoji (только для macOS).
3. Дважды щелкните символ шрифта SVG, чтобы добавить его в текстовый слой в документе.

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

Дополнительные сведения представлены в разделе Шрифты SVG.

Панель «Глифы» с символами шрифта EmojiOne SVG

Справки по другим продуктам

• Photoshop и дизайн

Вход в учетную запись

Войти

Управление учетной записью

Значок Adobe Photoshop Design — Русские Блоги

         · (Автор: Чжан Цзянъён Время написания: 26 марта 2019 г.)
     использовать инструменты: 
   
         Создание значка требует вдохновения, гибкости ума и идеи.
         Ниже я сделал значок

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

Это мой исходный цвет значка. Он немного отличается от цвета готового продукта, указанного выше? На самом деле, сначала внутри нет круга звезд в качестве украшения, потому что я Я увидел, что светящийся круг был только один. Он был немного однообразным, и в нем не было смысла дизайна, и он был не очень красив, но я не мог найти то, что хотел, когда искал материалы в Интернете, поэтому я сам сделал звезду. После добавления украшений мы видим этот значок. Если присмотреться, то есть два цвета, но разница не очень большая, выглядит только розовый и не особо мечтательно.

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

---

Интеллектуальная рекомендация

VC Non-ASCII Язык Скопируйте в буфер обмена

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

Используйте модуль PHP в HTTPD для анализа веб -страницы PHP

Добавить анализ PHP в файл конфигурации HTTPD Измените файл конфигурации Apache, чтобы Apache мог использовать PHP для анализа Файл конфигурации httpd находится на пути /SR/Local/httpd/conf/httpd.conf…

Производитель -Понимание вопроса о выпуске

Описание проблемы: Вовлеченные объекты: производители (производственные данные), потребители (потребительские данные), буфер (посредник) Конкретное описание: Производители и потребители представляют с…

[Проблема] Несколько методов дедупликации массивов

1. Установите с помощью оператора раскрытия, чтобы удалить дублирование (лично считаю наиболее лаконичным) 2. метод дедупликации indexOf () 3.includes () метод дедупликации 4. Оптимизируйте метод масс…

Использование апплета WeChat wx: для

Я видел в официальном документе, что wx: for помещается в список рендеринга. Из этого мы можем приблизительно узнать, что основная функция wx: for — это список. Обычно мы говорим список. Я думаю, что …

Вам также может понравиться

Чтение пути Java

…

ofo запускает «торговый центр со скидками». Пользователи, которые не вернули свои депозиты, могут обменять золотые монеты на выгодные покупки.

[TechWeb] Недавно в официальном приложении ofo была запущена функция «Discount Mall». Пользователи, которые еще не реализовали возврат депозита, могут обменять их по соотношению «1 ю…

RadioButton

Radio buttons are normally used together in a RadioGroup Добавить Radiobutton (по крайней мере два) в радиогруппе Добавьте слушатель на объект, реализуйте интерфейс OnCheckedChangeListener (выберите о…

«С помощью логики Java программы, чтобы понять» первая сводная глава

слово： общественности статической общественности статическойпустотаглавная главнаякласс класс Выход Система из проблемных вопросов, линия печать печать линии Что такое программа? Программу можно рассм…

BZOJ2212: [Poi2011] Вращения деревьев (Rock Valley P3521)

Сегмент дерева слияния BZOJ тематический портал Портал Затерянной Долины Научился объединять отрезки. Для поддерева, независимо от того, переключено оно или нет, оно не повлияет на другие узлы вне под…

Как в фотошопе сделать иконку

Главная » Разное » Как в фотошопе сделать иконку

Как создать значок сайта .ico при помощи Photoshop

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

Как создать значок сайта .ico при помощи Photoshop

Значок сайта – это небольшой, но значительный элемент продвижения вашего бренда на сайте. Вот пример, того, как он может выглядеть на вашем сайте:

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

Значок сайта – это миниатюрный логотип (16×16), который Вы можете использовать на сайте. Если Вам удобнее работать с изображением большего размера, Вы можете работать над значком, размером 64×64 пикселя, а затем его уменьшить.

1. Создайте новый документ Photoshop. Откройте вкладку меню ‘Файл’ > ‘Новый’ (‘File’ > ‘New’):

2. Используйте инструмент ‘Масштаб’, для того чтобы увеличить документ для редактирования:

3. Например, мы создадим значок сайта, который состоит из простого градиентного фона и двух букв ‘TM’ (Торговая марка).

4. Примените к вашему документу инструмент ‘Градиент’ (Gradient Tool). Вы можете использовать одно из доступных сочетаний цветов, или создать новое сочетание цветов:

5. Используйте инструмент ‘Горизонтальный текст’ (Horizontal Type), для того чтобы добавить ваш текст. Задайте шрифт, цвет и размер шрифта:

6. Используя инструмент ‘Трансформирование’ (Ctrl + T), отрегулируйте расположение текста:

7. Соедините слои (Merge layers), как это показано на скриншоте ниже:

8. Перейдите на вкладку ‘Файл’ > ‘Сохранить как…’ (File > Save As), откройте выпадающее меню и выберите формат .PNG (*.PNG). Нажмите на кнопку ‘Сохранить’ (Save):

9. Вы успешно создали значок сайта. Он был сохранён как файл ‘favicon.png’ на вашем компьютере.

10. Однако, значок сайта нужно сохранить в формате .ICO. Этот формат файла позволяет сохранить несколько изображений разных размеров для масштабирования. По этому, теперь Вам нужно конвертировать созданный значок сайта .PNG в формат .ICO. Это последний шаг данного туториала.

11. Откройте в браузере любой сайт конвертирования изображений. Мы воспользуемся этим сайтом.

12. Перетяните ваш файл ‘favicon.png’ в область ‘Загрузить’ (как это показано на скриншоте). Конвертирование начнётся автоматически. Процесс займёт 1 — 2 секунды:

13. Нажмите на кнопку ‘Скачать’ (Download), для того чтобы сохранить файл ‘favicon.ico’ на вашем компьютере.

Это конец данного туториала. Вы успешно создали пользовательский значок для вашего сайта, используя программное обеспечение Adobe Photoshop. Теперь Вы можете загрузить значок сайта на ваш сервер.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

Как создать значок сайта . ico при помощи Photoshop

Как создать иконки с Flat-дизайном в Photoshop

Flat-дизайн это относительно новое направление в разработке веб-интерфейсов. iOS и даже Windows постепенно адаптируются под этот стиль, и, в скором времени, почти все (если вообще не все) веб-сайты переймут данный подход.

Однажды, проснувшись утром и открыв свой любимый сайт, вы будете удивлены тем, что его внешний вид также flat-дизайн! И вы немедленно броситесь перерабатывать свой собственный блог или сайт, чтобы быть в тренде.

Исходя из вышесказанного, вопрос напрашивается сам собой: «Почему бы не начать переработку интерфейса уже сегодня»? Так вы сможете быть на шаг впереди остальных!

Вы можете подумать, «С чего же мне начать?» Конечно, реконструкция дизайна сайта это адский труд. Данная статья как раз и посвящена этому – она будет вашей рукой помощи в этом нелегком деле.

Хорошим первым шагом в деле переработки скевоморфного дизайна вашего сайта будет изменение изображений, используемых в элементах интерфейса, в стиле flat-дизайна. Это, возможно самый простой шаг, потому что он практически не требует переработки кода.

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

В данной статье, я постараюсь облегчить решение задачи переработки дизайна и рассказать о том, каким образом создаются иконки навигации во flat-стиле. Я буду использовать графический пакет Adobe Photoshop CS6 (но вы можете без проблем использовать более ранние версии). Приготовьтесь – мы начинаем.

Вот наш конечный результат:

Откройте Photoshop. Создайте новый файл, использовав пресет «Фото» (Photo) (10×8 inch, 300 DPI, прозрачный фон, цветовая схема RGB).

Выберите инструмент «Прямоугольник со скругленными углами» (Rounded Rectangle) и создайте новую фигуру с размерами 1736 на 1736 пикселей (px), радиусом скругления 83 пикселя и цветом #82d8b5. Можно задать и свой цвет, наиболее хорошо сочетающийся с дизайном вашего сайта.

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

Далее, не переключая инструмент «Перо», создайте прямоугольную фигуру как показано на изображении ниже. При этом используйте цвет #ffffff. Также, нарисуйте маленький квадрат с помощью инструмента «Прямоугольник» с цветом #3498db.

Далее, тем же инструментом, создайте фигуру размером 248px на 396px и цветовой заливкой #fcab3a.

На данном этапе вы уже можете сохранить и использовать изображение. Оно уже достаточно неплохо напоминает иконку домашней страницы во flat-стиле. Но стоит пройти еще пару шагов и добавить длинную тень.

Далее, используя инструмент «Перо» с цветом #000000 нарисуйте фигуру. Начните её с правого угла крыши, продолжите и сделайте так, как показано на рисунке ниже:

Отправьте тень на самую нижнюю позицию и растрируйте этот слой. Используя инструмент «Волшебная палочка» (Magic wand tool), создайте выделение на слое с большим прямоугольником с закругленными углами, внутри которого находится наш домик, а затем инвертируйте выделенную область (можно использовать сочетание клавиш CMD/CTRL+Shift+I). Не снимая выделения, выберите слой с тенью и нажмите кнопку «delete».

Иконка готова. Чтобы сохранить её, нажмите «Файл>Сохранить для веб и устройств..» (File>Save for Web) (горячая клавиша CTRL + Shift + ALT + S). Сохраните иконку в формате PNG-24 с включенной прозрачностью.

Мы хотим, чтобы все сохранилось в формате PNG-24 с поддержкой прозрачности.

Теперь, займемся иконкой Post:

1. Откройте Photoshop и повторите шаги 1 и 2 для предыдущей иконки:
2. Нарисуйте прямоугольник со скругленными углами размером 929px на 929px и радиусом скругления 38px. Я использовал цвет #f5ea74, чтобы имитировать цвет клейкого листочка:
3. Нарисуйте линию толщиной 1px и цветом #5d5608. Разместите её сверху клейкого листа:
4. Нарисуйте линию толщиной 15px, как показано ниже:

   Оставьте пространство между линиями. Я сделал промежутки достаточно широкими, чтобы сохранить ощущение минимализма, который является основной характерной чертой flat-дизайна.

5. Начертите прямоугольник, символизирующий изображение на клейком листике:
6. Нарисуйте тень, аналогично той, которую мы делали для иконки главной страницы выше:
7. Сохраните результат:

Ниже вы можете видеть иконки About Me и Contact Me:

Все иконки можно скачать тут.

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

Кроме того, flat-дизайн разработан не только для того, чтобы радовать глаз, он еще и полезен с практической точки зрения. Поэтому, можно убить сразу нескольких зайцев разом.

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

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

Перевод статьи «How to Create Flat Icons in Photoshop» был подготовлен дружной командой проекта Сайтостроение от А до Я.

Как сделать в фотошопе иконку RSS на сайт

2014-04-30 / Вр:22:35 / просмотров: 5833

Не буду делать долгого и мучительного вступления, а сразу приступлю к делу.

1). Откройте в фотошопе новый документ («Файл» => «Создать») с размером «300 х 300 px». Цвет фона выберите белый.

2). Создайте «Новы слой» («Слой» => «Новый» => «Слой»). Выберите инструмент «Прямоугольник с круглыми углами» , цвет белый:

Установите радиус — «50 px.», «Слой фигура» и, придерживая клавишу «Shift», нарисуйте квадрат:  

Увеличить картинку?

3). Теперь применим стили к квадрату. Нажмите в меню «Слой» => «Стиль слоя» => и выберите:

— «Параметры наложения»;

— «Внутреннее свечение» (Режим: осветление основы. Размер: 40 пикс.):

Увеличить картинку?

— «Наложение градиента» (стиль: линейная, угол — 125°):

Увеличить картинку?

Настройка градиента:

Увеличить картинку?

— «Обводка» (Размер: «10 пики», Положение: «Внутри», Цвет: «61c601»):

Увеличить картинку?

Жмите на кнопку «ОК».

Вот, что на данном этапе у вас должно получиться:

4). Теперь продублируйте слой с квадратом. Для этого жмите в меню «Слой» => «Создать дубликат слоя…».

Далее нужно очистить все стили от дублированного слоя. Для этого жмите в меню «Слой» => «Стиль слоя» => «Очистить стиль слоя…».

5). Перейдите в меню «Редактирование» => «Свободное трансформирование контуров» или нажмите на горячие клавиши «CTRL» + «T». Установите такие параметры: Width (ширина) — 90% Height (высота) — 90%.

Увеличить картинку?

Вот такой результат должен получиться в итоге:

6). Остаетесь на дублированном слое и выбираете в меню «Слой» => «Растрировать» => «Фигуру».

Далее выберите инструмент «Овальная область»  и нарисуйте на дублированном слое овал, так, как на рисунке снизу:

Нажмите в меню «Выделение» => «Инверсия» или воспользуйтесь горячими клавишами «CTRL»+«Shift»+«I»:

и жмите на кнопку клавиатуры «Delete». В результате вы увидите вот такое:

6). Теперь нужно убрать на дублированном слое непрозрачность на «50%»:

Вот такая картина у нас с вами вырисовывается:

7). Далее выберите Инструмент «Эллипс» , цвет черный и, нажав клавишу на клавиатуре «Shift», рисуем черный круг, так, как у меня на рисунке:

Выставите заливку на «0%»:

8). Нажмите в меню «Слой» => «Стиль слоя» => «Обводка…» и выберите размер «25», цвет «черный», положение «внутри».

Увеличить картинку?

Результат:

Такие же действия проделайте и со следующим кругом (внутренним), только он должен быть немного меньше:

Рисуем третий круг, еще меньше. Только на этот раз уберите «Обводку» и выставьте заливку «100%». Вот такой результат у вас получится:

Теперь объедините эти три слоя (пункт№8):

Увеличить картинку?

9). Выберите инструмент «Прямоугольная область»  и выделите так, как у меня на картинке снизу. Жмите на клавишу «Delete»:

Если нужно, вы можете подвигать слой так, чтобы изображение на кнопке смотрелось симметрично и красиво, примерно вот так:

10).  Если верхний слой с изображением переместить на один слой ниже

Увеличить картинку?

то ваша кнопа будет вот такого вида:

11). Теперь можно уменьшить размер кнопки. Для этого зайдите в меню «Изображение» => «Размер изображения». Я установил размер 50 х 50 пикс.

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

Увеличить картинку?

Обязательно сохраните файл в формате gif или png.

Вот и все. Понравилась статья? Ну, тогда «лайкайте» на кнопки социальных сетей. Если не хотите пропустить интересную новость на моем блоге, подписывайтесь на обновления блога.

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Последние новости категории:

Похожие статьи

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

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

Метки: фотошоп

Как сделать иконку карандаша в фотошопе

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

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

Вот что  у нас получится  в результате этого урока:

Шаг 1

Создайте в программе Photoshop новый документ, задав размер 950х600 пикселей.

Далее с помощью инструмента Rectangular Marquee Tool (Прямоугольная область) создайте выделение фиксированного размера в форме прямоугольника, 400х100 пикселей:

Шаг 2

По краям выделения и горизонтально по центру установите направляющие (для этого удерживая левую клавишу мыши, вытягивайте направляющие сверху и слева из линеек, если линейки по краям не видны, нажмите Ctrl+R):

Шаг 3

Выберите инструмент Gradient Tool (Градиент), щелкаем по полосе градиента в верхней панели настроек инструмента, чтобы изменить цвета градиента.

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

Создайте новый слой (Ctrl+Shift+N) с именем «Body».

Залейте выделение градиентом от основания до верхней части прямоугольного выделения (зажмите Shift, чтобы провести ровную вертикальную линию градиента):

Шаг 4

Чтобы иконка с изображением карандаша была более реалистичной, сделаем коррекцию с помощью кривых: Image> Adjustments> Curves (или нажмите + )и выставите все настройки в открывшемся окне, как на рисунке ниже:

Шаг 5

Не снимая текущего выделения, создайте ещё один слой (Ctrl+Shift+N), назвав его «Color», и заполните выделенный участок цветом # d60005, непрозрачность слоя (Opacity) уменьшите до 60% в верхней части палитры слоев (F7):

Шаг 6

Скопируйте слой «Body». Назовите копию «Metal» и переместите над остальными слоями.

На панели инструментов выберите «Rectangular Marque tool»(M), задайте ему стиль «Normal «.

Создайте на текущем слое выделение, как на изображении, и нажмите на «Delete».

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

Шаг 7

Используя «Elliptical Marque tool»(M) с нажатыми клавишами и , создайте новое выделение, как изображено на рисунке.

Щелкните правой кнопкой мышки внутри выделения. В меню выберите строку «Transform Selection». Установите масштаб по горизонтали 50%, дважды нажмите . Далее нажмите , чтобы удалить выбранную область.

Сохраните выделение: Select > Save Selection, имя задайте «Ellipse».

Шаг 8

Не снимая выделения, перетащите его на правый край слоя «Metal». В центре выделения установите новую направляющую:

Шаг 9

Выбрав инструмент «Rectangular Marque tool» и удерживая , создайте новое выделение, как вы видите на рисунке ниже.

Инвертируйте выделенную область с помощью меню Select > Inverse (Ctrl+Shift+I), затем нажмите «Delete»:

Шаг 10

Теперь нужно загрузить сохраненное выделение: нажмите на икону слоя «Metal», удерживая .

Сдвиньте выделение вправо на 4 пикселя, нажав на клавиатуре стрелку вправо 4 раза.

Выполните команду Select > Inverse. Удерживая клавиши + + , щелкните на слой «Metal».  Таким образом, часть слоя «Metal» и наше выделение будет пересекаться:

Шаг 11

Скопируйте текущее выделение на новый слой (Ctrl+J) с именем «Bump». Дважды щелкните по слою в палитре слоев, примените стили слоя «Gradient Overlay » (Наложение градиента) и «Bevel and Emboss» (Тиснение) с настройками, как изображено на рисунке:

Чтобы немного увеличить слой, нажмите Ctrl + T, и задайте значение масштаба по вертикали — 102%.

Шаг 12

Продублируйте слой «Bump» и переместите новый слой вправо на 6 пикселей. Повторите эти действия ещё раз. Выберите слой «Bump»  и две его копии, объедините их (Ctrl+E). Затем сделайте дубликат объединенного слоя и разместите его на небольшом расстоянии от первого:

Шаг 13

Скопируйте слой «Metal» и назовите копию «Eraser». Переместите его под слой «Metal». Сдвиньте слой «Eraser» на 60 пикселей вправо.  Нажмите Ctrl+U. Задайте настройки, как изображено на рисунке.

Снова продублируйте слой «Metal», назвав копию «Shadow». Переместите слой «Shadow» под «Metal». Нажмите Ctrl+U, задайте параметр «Lightness», равным -100.

Применим фильтр: Filter > Blur > Motion Blur. Параметр «Angle» установите на 0, а «Distance»  — 5.

Сейчас мы можем объединить все слои, связанные с металлической частью карандаша. Выберите слои «Shadow», «Metal», и «Bump» и нажмите Ctrl+E.

Шаг 14

Создайте новый слой «Tip». На нем инструментом «Polygonal Lasso Tool»(L) создайте выделение, как на изображении ниже.

Залейте выделение светло-желтым цветом и переместите данный слой под «Body». Снимите выделение: Select > Deselect (Ctrl+D).

Шаг 15

Сделайте копию слоя  «Body». Назовите ее «TipGradient». Переместите над всеми слоями.

Нажмите Ctrl+ T, выставите масштаб и положение, как изображено на рисунке ниже.

Далее нажмите Ctrl+U и задайте настройки: параметр «Hue» — значение 33, «Saturation» — 53, «Lightness»  +37, поставьте галочку «Colorize».

Шаг 16

Переместите слой «Tip Gradient» над слоем «Body». Нажав клавишу Alt, щелкните один раз между слоями:

Шаг 17

При активном слое «Tip Gradient», перейдите в меню Edit > Transform > Perspective и настройте перспективу, как это показано на рисунке:

Шаг 18

Загрузите выделение «Ellipse»: Select > Load Selection. Расположите его, как на изображении, а затем удалите выбранную область со слоёв «Body» и «Color»:

Шаг 19

Находясь на слое «Color», создайте новый слой «Wood».

Нажмите клавишу на клавиатуре, чтобы установить цвета текста и фона на чёрный и белый соответственно. Нажмите , чтобы инвертировать цвета.

Залейте выделение белым.

Перейдите в меню Filter > Render > Fibers. Задайте значения переменных — 10.

Нажмите + , разверните на 90 градусов против часовой стрелки и измените размер, как показано на рисунке:

Шаг 20

Выполните трансформирование в перспективе: Edit > Transform > Perspective. Задайте параметры, как изображено ниже.

Смените режим наложения слоя на «Soft Light» и задайте непрозрачность 60% вверху палитры слоев:

Шаг 21

С помощью «Elliptical Marque tool»(M) создайте выделение, как изображено ниже.

Находясь на слое «Wood» нажмите Delete.

Выберите слой «Tip Gradient» и нажмите Ctrl+U, установите значение параметра «Saturation», равным -100.

Нажмите + и установите настройки, как на рисунке:

Шаг 22

Объединяем все слои кроме «Background», выделив их (Ctrl)и нажав Ctrl+E.

Переименуйте объединенный слой в «Pencil».

Продублируйте этот слой и назовите копию «Reflection». Переместите слой «Reflection» под «Pencil».

Далее продублируйте слой «Reflection», назовите копию «Shadow».

Нажмите  Ctrl+U, установите значение  «Lightness» на -90.

Нажмите Ctrl+ T и уменьшите его на три четверти своей высоты. Выберите слой «Reflection» и отразите по вертикали: Edit> Transform> Flip Vertical.

Шаг 23

Выделите слои, все кроме «Background», нажмите Ctrl+ T, разверните их на -30 градусов. Слои «Shadow» и «Reflection» переместите, как показано ниже:

Шаг 24

Выберите слой «Reflection» и зайдите в меню Filter > Blur > Gaussian Blur.  Задайте радиус размытия 3. Непрозрачность слоя задайте 60%.

Сделайте активным слой «Shadow», примените к нему размытие по Гауссу с радиусом 7: Filter > Blur > Gaussian Blur. Непрозрачность установите 80%:

Шаг 25

Встав на слой «Reflection», создайте слой-маску с помощью кнопки внизу палитры слоев. Инструментом «Gradient Tool» заполните маску градиентом от белого к чёрному:

Шаг 26

Встав на слой «Pencil», наложите градиент со следующими настройками:

Шаг 27

Вот и все!

Вот наше конечное изображение:

В этот уроке мы посмотрели как сделать иконку в фотошопе. Надеюсь урок вам понравился!

Источник http://psd.tutsplus. com/tutorials/drawing/how-to-create-a-super-shiny-pencil-icon/

---

Смотрите также

• Как в фотошопе на фото наложить логотип
• Как в фотошопе сделать пиксельное размытие
• Как в фотошопе вставить символ
• Как в фотошопе редактировать фото
• Как в фотошопе расширить глаза
• Как в фотошопе создать визитку
• Как отреставрировать черно белую фотографию в фотошопе
• Как в фотошопе включить графический процессор
• Бейджик как сделать в фотошопе
• Как в фотошопе сделать голубые глаза
• Как отбелить в фотошопе глаза

Основы работы в панели слоёв

Автор Дмитрий Евсеенков На чтение 8 мин Просмотров 895 Обновлено 01.11.2021

В предыдущем материале мы вкратце рассмотрели, что такое слои и как они облегчают работу в Photoshop. Но прежде чем мы сможем приступить к их полноценному использованию, мы должны получить некоторые необходимые навыки по работе в «управляющем центре» слоёв — Панели слоёв (Layers panel).

В Панели слоёв (в более ранних версиях Фотошоп называемая палитрой, Layers palette) мы храним и выполняем все задачи, связанные со слоями, добавляем и удаляем слои, добавляем к простым слоям слой-маски и корректирующие слои, изменяем режимы наложения, включаем и отключаем видимость в документе, переименовываем, группируем, и делаем множество других операций, связанных со слоями.

Так как это одна из наиболее часто используемых панелей во всех Photoshop, Adobe настроила систему так, что эта панель автоматически открывается каждый раз при запуске программы.

По умолчанию, эта панель находится в правой нижней части экрана. Здесь я использую Photoshop CS6, но, независимо от того, какую версию программы вы используете, вы сможете найти панель слоёв на том же месте:

Если, по какой-то причине, после запуска программы панель слоёв не появилась на экране, вы можете включить её, пройдя по вкладке главного меню Окно —> Слои ( Window —> Layers) или воспользоваться горячей клавишей F7.

Итак, открываем изображение в Фотошопе. Даже если я не сделал никаких действий с изображением, а только открыл его, панель слоёв уже дает нам некоторую информацию. Давайте внимательнее посмотрим на неё (справа я привожу вид панели в версиях CS5 и ниже):

  

Содержание

Имя панели

Прежде всего, информацию о том, что у нас открыта именно панель слоёв, а не какая-либо другая, нам даёт название вкладки в верхней части панели:

Вы, возможно, заметили, что рядом с Панелью слоёв имеются две другие вкладки — Каналы (Channels) и Контуры (Paths) — они сейчас не активные и отображены чёрным (в ранних версиях — серым) цветом.

Это две другие панели, которые сгруппированы с Панелью слоёв. В Photoshop так много панелей, что невозможно одновременно разместить их все в окне программы так, чтобы ещё оставалось место для работы с изображением, так что Adobe решила сгруппировать некоторые панели вместе для экономии места. Чтобы переключиться на другую панель в группе, просто нажмите на название вкладки в панели.

Не позволяйте тому обстоятельству, что Панель слоёв сгруппирована с этими двумя другими, сбить вас с толку. Каналы (Channels) и Контуры (Paths) не имеют ничего общего с Панелью слоёв!

Отображение слоёв в Панели

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

Имя слоя

Photoshop помещает новое изображение на слой с именем «Фон» (Background). Он так называется, потому что служит фоном для всего документа. Имя каждого слоя отображается в своей строке. Фоновый слой является специальным типом слоя в Photoshop, подробнее его мы рассмотрим в следующем материале.

Миниатюра слоя (миниатюра предпосмотра)

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

Размер миниатюр можно менять, либо попросту отключить, но для этого требуется создать ещё один слой, кроме фонового, либо изменить фоновый слой на обычный.
Для изменения или отключения миниатюр кликните в поле миниатюры правой клавишей мыши и выберите соответствующую строку, на рис. обведены красным (в англ. интерфейсе это строки No Thumbnails, Small Thumbnails, Medium Thumbnails, Large Thumbnails соответственно):

Добавление нового слоя

Чтобы добавить новый слой в документ, нажмите на значок «Создать новый слой» (Create a New Layer), расположенный внизу палитры слоёв:

Новый слой появляется в панели прямо над фоновым слоем. Photoshop автоматически именует новые слои. В этом случае, он назвал слой «Слой 1» (Layer 1). Обратите внимание, что у теперь нас в панели слоёв находятся две строки, каждая из которых представляет свой отдельный слой:

Если я снова нажму на значок «Создать новый слой», Photoshop добавит ещё один новый слой в документе, на этот раз назвав его «Слой 2» (Layer 2), и теперь мы имеем три строки, каждая из которых содержит один из трех слоёв в документе:

Также, слои можно создавать с помощью комбинаций горячих клавиш.

Перемещение слоёв

Мы можем переместить слои выше и ниже относительно друг друга, просто перетаскивая их помощью зажатой левой клавиши мыши. Сейчас «Слой 2» находится выше «Слой 1», но я могу переместить его ниже «Слоя 1», нажав и удерживая левую клавишу мыши на строке со «Слой 2», потяну слой вниз до тех пор, пока горизонтальная черта между слоями не подсветится. Обратите внимание, подсвеченную черту я обвёл жёлтым, а неподсвеченная (в обычном состоянии) обведена зелёным:

Когда разделительная полоса подсветится, отпустите клавишу мыши, и слой займёт новую позицию:

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

Активный слой

Вы, возможно, заметили, что, когда в моем документе был только один фоновый слой, он был выделен фиолетовым (в версях ниже CS6 — синим) цветом в панелие слоёв. Потом, когда я добавил «Слой 1, выделенным стал именно он. А с данный момент «Слой 2» является выделенным. Когда слой выделен, это означает, что в настоящее время он является активным. Все действия, которые мы производим в документе, осуществляются на активном слое. Каждый раз, когда мы добавляем новый слой, Photoshop автоматически делает его активным, но мы можем изменить вручную то, какой слой является активным, просто кликнув по нужному. Здесь я сделаю «Слой 1» активный, нажав на него, и мы видим, что он выделился цветом. На всякий случай, на рисунке справа я привожу вид панели в версиях Photoshop CS5 и ниже:

  

Удаление слоя

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

Есть и другой способ удаления отдельных слоёв. Выделите нужный слой и нажмите клавишу Delete на клавиатуре. Таким образом я удалю «Слой 2».

Теперь в документе остался только один слой, фоновый:

Копирование слоя

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

Когда вы наведёте курсор на значок и затем отпустите кнопку мыши, копия слоя появится над оригиналом. В моем случае, Photoshop сделал копию моего фонового слоя и назвал его «Фон копия» (Background copy). Обратите внимание на то, что после данных действий этот новый слой стал активным:

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

Можно подумать, что я размыл все изображение, но если мы посмотрим на Панель слоёв, то увидим, что это не так. Так как, когда я применял фильтры размытия, был активным слой «Фон копия», то изменения коснулись только этого слоя. Мы видим, что размытое изображение размыто только на слое «Фон копия», а «Фон» затронут не был:

Иконка видимости слоя

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

Переименование слоя

Как мы уже видели, Photoshop при создании или копировании автоматически именует слои, но имена он дает им довольно общие и ничего не значащие, такие, как «Слой 1» и «Фон копия», такие имена не могут быть полезны для пользователя. Когда у нас есть всего несколько слоёв в документе, названия не очень важны, но, когда мы работаем с 10-ю, 20-ю, сотней и более слоёв, гораздо проще, чтобы слои имели осмысленные имена.

К счастью, Photoshop, позволяет легко переименовать слой. Просто дважды щелкните непосредственно на имени слоя в палитре, затем введите новое имя. Я изменю имя «Фон копия» на «Blur». Когда вы закончите вводить имя, щёлкните мышкой в любом месте палитры или нажмите клавишу клавиатуры Enter, чтобы принять изменённое имя:

О добавлении масок, корректирующих слоёв и т.п. мы поговорим во второй части этого материала.

Как сделать профессиональную иконку человека в Фотошоп’е

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

Многие ошибочно предполагают, что достаточно на ICO, и сразу изображение преобразуется в эту самую иконку. Ну-ну. Попробуйте сами и вам выдастся ощибка, когда вы попытаетесь заменить изображение ярлыка. В общем давайте лучше делать, чем трындеть) Погнали!

Сейчас я хочу сменить иконку для моего браузера гугл хром. Как лучше всего поступить в данной ситуации? Давайте по порядку.

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

Что мы только что сделали? Мы скачали файлы плагинов (для разных разрядностей), которые дополнительно устанавливают новый формат в фотошоп. Папка File Formats как раз служит для подключения новых форматов. Надеюсь, я понятно объясняю? А то мало ли)

Ну а теперь заходите снова в фотошоп, открывайте картинку из которой хотите сделать иконку. Теперь вы сможете сохранять файл с расширением ICO . Просто как обычно сохраните картиночку и теперь выберите нужное расширение из списка.

ВАЖНО! Если у вас большое изображение, то при сохранении вы не увидите формата ico в списке допустимых. Дело в том, что эта возможность недоступна, если ваша картинка превышает размер 256*256. Если это так, то просто до 64*64. Думаю, что больше вам не потребуется. После замены расширение будет доступно.

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

Ну как? Не появилось у вас желания обновить ваши ярлычки? Можете поэкспериментировать и слегка преобразить ваш рабочий стол.

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

Ну вот пора и честь знать. На сегодня я заканчиваю. Надеюсь, что вам моя статья понравилась и я увижу вас и в других своих постах. И конечно же я рекомендую вам подписаться на обновления блога, дабы не пропустить чего-то интересного. Успехов вам! Пока-пока.

С уважением, Дмитрий Костин.

Как легко и быстро создать свою иконку в фотошопе. Иконка в Photoshop мы сохраним как формат иконок.ico
Для начала вам надо сделать поддержку формата.ico в фотошопе.

Недавно мне понадобилось нарисовать другу favicon в photoshop. После начатой работы я вдруг понял, что photoshop не дружит с ico форматом. Недолго думая, я вдруг вспомнил, что уже сталкивался с этим и подружить ico я мог только с плагином о котором я вам и расскажу.
Для того, чтобы подружить photoshop cs6 и младше с ico форматом (подружить – это открывать формат ico, редактировать его, сохранять в другой формат или сохранять в ico) нам понадобиться плагин.
Итак первым делом давайте скачаем плагин, примерно с этого сайта выбрав для какой разрядности (я не знаю как у меня разрядность Windows) вам нужен плагин или для 32-ух или для 64-ёх разрядной системы

После того, как вы загрузили zip файл извлеките из него один файл с расширением 8bi.

Теперь этот файл киньте в папку (для 32-ух и 64-ёх разрядных систем)
C:/Program Files/Adobe/Adobe Photoshop CS6 (64 Bit)/Required/Plug-Ins/File Formats/
C:/Program Files (x86)/Adobe/Adobe Photoshop CS6/Required/Plug-Ins/File Formats

После этого выйдите из photoshop и запустите его заново. Теперь вы можете сохранять в ico и открывать ico формат прямо в своём любимом редакторе photoshop. Единственное, что если вы хотите сохранить в формате ico размер должен быть 16 на 16 пикселей или окошка с выбором сохранения в ico НЕ БУДЕТ!

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

Как мы видим, у картинки нет фона. Она нам отлично подойдёт для создания иконки в формате ico в фотошопе . Открываем её в фотошопе, делаем размер 256×256 пикселей и сохраняем в формате ico

Наша иконка готова, и мы её успешно применяем!

Создание иконок может быть весьма сложным делом, потому, что вам нужно суметь сделать гибкий дизайн, который можно легко увеличивать или уменьшать. Для того чтобы добиться такой легкой возможности изменения размера, графические дизайнеры обычно используют программы для работы с векторной графикой, вроде Illustrator. Однако в этом уроке, рассчитанном на пользователей со средними знаниями, мы покажем, как сделать из наброска потрясающую иконку, используя Photoshop . Вам понадобится базовое знание программы Photoshop и, в частности, инструмента Перо (Pen Tool).

Предварительный просмотр

Введение

В этом уроке практически все фигуры рисуются с помощью инструмента Пера в Photoshop. Если вы не знаете, как пользоваться этим инструментом, вы можете обратиться к отличному уроку под названием: « » от одного из опытных графических дизайнеров на специализированном сайт PSDfan.

Шаг 1: Создаем документ Photoshop

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

Для удобства, залейте фоновый слой оттенком серого и установите в центре документа вертикальную направляющую: Просмотр – Новая направляющая (View > New Guide). Эта направляющая поможет добиться симметричности рисунка.

Шаг 2: Начинаем с основы

Один из самых простых способов достичь симметрии для формы (рисунка) – это нарисовать сначала только его половину. Выберите инструмент Перо (P) в Панели инструментов и нарисуйте форму, показанную ниже. Перед тем, как нарисовать фигуру, убедитесь, что вы выбрали Слои с фигурами из меню Настроек (опций) и установили черный цвет (#000000) в качестве цвета переднего плана.

Как только вы нарисовали половину фигуры (рисунка), выберите инструмент Выделения контура (Path Selection Tool) и кликните на фигуре на холсте.

Теперь нажмите комбинацию Ctrl+C, а затем Ctrl +V, чтобы скопировать и вставить такой же контур на слой.

Далее, выберите Редактирование – Трансформирование – Отразить по горизонтали (Правка – Трансформация – Отразить по горизонтали (Edit > Transform Path > Flip Horizontal) и переместите вторую половинку фигуры в правую сторону, так чтобы ее две половинки соединились.

При выбранном инструменте Выделение контура (Path Selection Tool), растяните выделение через обе половинки, затем кликните на кнопке «Объединить» в меню Опций; это соединит две половинки в одно целое, и в результате, у нас будет одна симметричная фигура.
Назовите слой с формой «основной», чтобы ваши слои были организованы, и вы легко могли в них ориентироваться.

Шаг 3: Применяем стиль к основному слою

Выберите Настройки стилей для слоя «основной» и примените к нему следующие из них:

Внутреннее свечение (Inner Glow)

Заливка градацией (Наложение градиента) (Gradient Overlay)

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

Шаг 4: Добавляем тени к основному слою

Создайте новый слой и расположите его под «основным» слоем.

Залейте выделение на нем, используя инструмент Эллиптического выделения (Elliptical Marquee Tool (M) и уменьшите его прозрачность до 30%.

Затем примените к нему два фильтра – Размытие по Гауссу и Размытие в движении (Gaussian Blur и Motion Blur).
Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur)

Установите радиус на значение в 3.0px.

Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur)

Установите угол падения (Angle) на 0°, а расстояние (Distance) на 30px.

Создайте новый слой и нажмите на слой «основной», удерживая клавишу Ctrl, чтобы создать вокруг него выделение, а затем залейте его черным цветом на новом слое.

При активном выделении, пройдите к меню Выделение – Модификация – Расширить (Select > Modify > Expand) и расширьте выделение на 2px.

Передвиньте выделение на 5px вверх и нажмите на клавишу Delete, чтобы очистить область под выделением.

Выделите инструмент Перемещения (Move Tool (V) и передвиньте слой на 3px вниз.

Наконец, примените фильтр Размытие по Гауссу с радиусом 2.5px и уменьшите прозрачность слоя до 50%. Если вы точно придерживались наших инструкций, то у вас на данном этапе получится нечто такое.

Шаг 5: Создаем рубашку

Используя инструмент Пера (Pen Tool), нарисуйте фигуру, похожую на приведенную ниже и назовите ее «рубашка».

Когда вы закончите рисовать фигуру, примените к слою Заливку градацией (Gradient Overlay) светло-серого оттенка.

Шаг 6: Создаем шею

Выберите инструмент многоугольного выделения (Rectangular Marquee Tool (M) и, на новом слое, залейте выделение любым цветом, как показано ниже (мы будем добавлять к слою стиль, поэтому цвет, которым вы его зальете, не имеет значения).

После этого примените к слою стиль Заливка градацией (Наложение градиента) (Gradient Overlay).

Шаг 7: Создаем галстук

Следующий на очереди галстук. Это будет красный галстук, но мы будем только рады, если вы решите поэкспериментировать с разными цветами и узорами галстуков! Форму галстука создайте с помощью инструмента Пера (Pen Tool (P), используя тот же прием, о котором мы уже говорили.

Далее мы применяем к слою с галстуком несколько стилей:
Тень (Drop Shadow)

Внутренняя тень (Inner Shadow)

Вуаля! Вот как наш галстук теперь выглядит.

Далее нам надо сделать еще одну форму с помощью Пера (Tool (P) для узла.

Давайте применим несколько стилей к узлу галстука.
Тень (Drop Shadow)

Внутренняя тень (Inner Shadow)

Заливка градиентом (Наложение градиента) (Gradient Overlay)

Теперь наш галстук полностью завершен.

Шаг 8: Создаем воротник рубашки

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

Назовите слой с новой формой «воротник».

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

Тень (Drop Shadow)

Внутренняя тень (Inner Shadow)

Заливка текстурой (Наложение узора) (Pattern Overlay)

Вот как выглядит готовая левая половинка воротника после окончания работы.

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

Поэтому, чтобы добиться желаемого результата, выберите слой «воротник» и нажмите комбинацию Ctrl+J, чтобы скопировать его.

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

После этого проделайте комбинацию Правка – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal) и передвиньте вторую половинку вправо с помощью инструмента Перемещение (Move Tool), чтобы закончить воротник.

Шаг 9: Добавляем лацканы на пиджак

Установите цвета фона и переднего плана на значения по умолчанию нажатием клавиши D (она устанавливает черный цвет для переднего плана, а белый – для заднего).

Затем нарисуйте форму для левого лацкана пиджака, как показано ниже.

Добавьте эти стили для этого слоя:

Тень (Drop Shadow)

Внутренняя тень (Inner Shadow)

Внешнее свечение (Outer Glow)

Заливка градиентом (Наложение градиента) (Gradient Overlay)

Левый лацкан полностью закончен со стилями слоя.

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

Шаг 10: Набросок рукавов пиджака

Выберите инструмент Кисть (Brush Tool) и выберите мягкую кисть толщиной 4px.

Теперь выберите инструмент Пера (Pen Tool (P) и кликните на опции Путь, как показано на рисунке.

Создайте новый слой и нарисуйте кривую через правое плечо пиджака. Кликните правой клавишей мыши на пути и выберите в меню пункт Штриховать путь при выбранном цвете переднего плана черным (#000000).

Нажмите «OK» после выбора инструмента Кисть (Brush).

Теперь примените к новым путям такие стили:

Тень (Drop Shadow)

Заливка градиентом (Наложение градиента) (Gradient Overlay)

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

Шаг 11: Создаем голову

Нарисуйте эллипс для лица, как показано ниже.

Шаг 12: Добавляем тени на лицо

Создайте новый слой и кликните на слое «лицо» мышью, удерживая Ctrl, чтобы автоматически создать вокруг него выделение.

Передвиньте выделение на 4px вниз и залейте цветом #423820 на новом слое.

Примените фильтр Размытие в движении (Motion Blur filter) Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur) с углом 90° (Angle) и Расстоянием (Distance) 10px.

Повторите этот же самый фильтр нажатием комбинации Ctrl+F.

Выберите слой с тенью, кликните на слое «шея», удерживая Ctrl, чтобы создать вокруг него выделение, затем нажмите Ctrl+Shift+I, чтобы обратить выделение.

Нажмите клавишу Delete, чтобы очистить область под обращенным выделением.

Шаг 14: Добавляем тени в волосы

Точно так же, как вы добавляли тень на лицо, добавьте тень на волосы через лицо, используя тот же цвет, но с меньшей прозрачностью (Opacity) – около 70%.

Шаг 15: Совершенствуем волосы

Создайте новый слой и кликните на слое «волосы», удерживая Ctrl, чтобы загрузить его выделение.

Передвиньте выделение на 7px вверх и залейте белым цветом (#ffffff).

При выбранном выделении, передвиньте его на 5px вверх и нажмите клавишу Delete,чтобы очистить область под выделением.

Теперь примените к слою такие фильтры:
Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur)

Установите опцию Радиус (Radius) на 1px.
Фильтр – Резкость – Резко (Filter > Sharpen > Sharpen)

Примените этот фильтр дважды.

Затем, установите прозрачность заливки слоя на 0% и примените к нему стиль Заливка градиентом (Наложение градиента) (Gradient Overlay).

Заключение

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

Если мы вдохновили кого-то из вас на новые работы с помощью этого урока, прошу добавить свои работы в комментарии!

Вот окончательная версия дизайна иконки.

Загрузить исходники

* (ZIP, 0.20мб)

Внимание! У вас нет прав для просмотра скрытого текста.

Вот что мы должны получить:

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

Шаг 1 — Новый файл / Техника Пера
Откройте Photoshop и создайте новый документ (Ctrl + N). Используйте следующие настройки:
Разрешение: 72dpi
Цветовой режим: RGB цвет
Размеры: 600 × 600 пикселей

Создайте следующую фигуру с помощью инструмента Pen Tool (P) (Перо). Цвет: # 3da1e2

Шаг 2 — Создание фигур с помощью Пера
Нарисуйте заднюю часть папки с помощью Pen Tool (Пера), используя ту же технику рисования. Затем нарисуйте полосу, как показано на рисунке.
Цвет: # 003658 # 3da1e2 # 08517e

Шаг 3 — Закончим форму
Как только Вы закончили рисунок папки, нужно добавить лист бумаги и стрелку, как показано на рисунке. Теперь у вас должны быть 5 слоев. Каждая форма будет на отдельном слое. Назовите каждый слой.
Цвет: # ffffff # 32e732

Шаг 4 — Добавление цветовых эффектов
Добавьте следующие стили слоя к передней части папки. Понизьте непрозрачность до 90%.

Добавить следующие стили слоя для бумаги. Понизьте непрозрачность слоя примерно до 90-95%.

Добавьте следующие стили слоя для полосы.

Добавьте следующие стили слоя к задней части папки.

Добавьте следующие стили слоя для стрелки.

Теперь ваша иконка выглядит так.

Шаг 5 — Добавление Рефлексов
Добавить новую группу под названием «Рефлексы». Используйте Pen Tool (Перо), чтобы нарисовать отражение, как показано на рисунке. Убедитесь, что вы рисуете только контур, а не фигуру. После того как вы закрыли путь, щелкните правой кнопкой мыши по рабочей области и выберите make selection (Создать выделение) (растушевка (feather) 0). Возьмите большую кисть (диаметром около 470, твердость 0) и закрасьте правую часть выделения, как на рисунке, для создания белого отражения. Измените режим смешивания на Overlay (Перекрытие) и уменьшить непрозрачность до 63%.

Шаг 6 — Края
Создайте новую группу под названием «Края», создайте новый слой в ней (Ctrl + Shift + N или нажмите значок создания нового слоя). Добавление бликов на краях придает иконке 3D эффект. Используйте Pen Tool (Перо), чтобы создать линии обводки вокруг углов и всех полей папки, бумаги и стрелки. Затем щелкните правой кнопкой мыши по рабочей области и выберите Stroke Path (Выполнить обводку) — Brush (Кисть). Настройки кисти должен быть изменены заранее, master diameter (диаметр) 8 пикселей а hardness (твердость) 0.

Шаг 7 — Тени
Создайте новый слой (Ctrl + Shift + N) для теней и поместить его в новую группу (Ctrl + G). Сделайте выделение, как вы это делали в 5 шаге, для создания отражений. Заполните выделение черным цветом, а затем размойте поля с помощью инструмента Blur tool (Размытие). Если тени выглядят слишком тёмными, снизьте непрозрачность слоя до 40%.

Шаг 8 — Добавление текста
Добавьте текст, используя любой шрифт, который вам нравится. Я выбрал «Agency FB». Размер шрифта: 40, непрозрачность слоя: 75%.

Шаг 9 — Итоговое добавление рефлексов и тени
Добавьте еще несколько рефлексов на бумагу, используя те же методы, что приведены в 5 Шаге.

Добавить тень, используя Ellipse Tool (E) (Эллипс). Нарисуйте эллипс, как показано на рисунке и добавьте немного Filter — Blur — Motion blur (Фильтр — Размытие — Размытие в движении). Уменьшите непрозрачность по своему вкусу.

Заключительный просмотр
Я надеюсь, вам понравился этот урок. Я добавил некоторые дополнительные значки, которые создал с использованием тех же методов.

Учебник. Инструменты заливки в Adobe Photoshop.

Инструменты заливки — это инструменты, которые позволяют заполнить цветом (залить, закрасить) выбранный объект, часть изображения или слой.
В Adobe Photoshop для заливки предусмотрены инструменты Paint Bucket/Заливка и Gradient/Градиент.

Инструменты Paint Bucket/Заливка и Gradient/Градиент на панели инструментов занимают одну ячейку, отображается же всегда пиктограмма последнего выбранного инструмента. Для того чтобы выбрать другой инструмент, необходимо нажать правой кнопкой мыши на стрелке рядом с данной пиктограммой и выбрать нужный инструмент из всплывающего меню. Так же всплывающее меню может быть вызвано на экран, если нажать на пиктограмму и удерживать ее нажатой некоторое время.

Инструмент Paint Bucket/Заливка используется для заполнения основным цветом или выбранным узором области с цветами, близкими (в пределах допуска) к цвету пикселя, по которому пришелся щелчок. Например, если необходимо заменить все красные пикселы изображения на синие, то требуется в качестве основного цвета задать синий, а затем щелкнуть мышью на одном из красных пикселей изображения.

Параметры для инструмента Paint Bucket/Заливка задаются на панели Options.

Fill. В данном параметре указывается, чем будет заполняться предполагаемая область: основным цветом (Foreground) или узором (Pattern).

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

Mode. Данный параметр определяет режим наложения заливки. Например, если выбрать режим Darken, то инструмент Paint Bucket/Заливка будет закрашивать только те пиксели, цвет которых светлее, чем цвет основного цвета.

Opacity. Параметр задает степень непрозрачности заливки.

Tolerance. Данный параметр задает степень близости цветов пикселей, подлежащих заливке. Параметр может принимать значения от 0 до 255. Чем меньше значение параметра Tolerance, тем уже диапазон оттенков смежных пикселей, цвет которых будет изменяться на цвет заливки. С другой стороны, чем больше значение данного параметра, тем большее число пикселей, имеющих сходные цветовые оттенки, будет залито новым цветом.

Contiguous. При выставленном флажке Contiguous закрашиваются только непрерывные области, т.е. области, попадающие в диапазон Tolerance и соприкасающиеся между собой. Если необходимо заливать не только соседние области, то опцию Contiguous необходимо отключить.

Anti-aliased. При выставленном флажке Anti-aliased между окрашенными и неокрашенными пикселями изображения создается полупрозрачная граница. Если необходимо выполнить заливку без сглаживания перехода цветов, то данную опцию необходимо отключить.

All Layers. Выставленный флажок All Layers дает возможность заливки на всех видимых слоях, на которых изображение удовлетворяет значению допуска. Иначе заливка происходит только на активном слое.

Также для заливки можно воспользоваться командой Fill в меню Edit. Для этого сначала необходимо выделить область закрашивания с помощью любого из инструментов выделения, а затем выбрать команду Edit — Fill. Если же необходимо залить слой целиком, то выделение создавать не надо. После выбора команды Fill на экран выводится диалоговое окно данной команды, в котором можно задать те же параметры, что задаются для инструмента Paint Bucket/Заливка на панели Options.

Инструмент Gradient/Градиент позволяет создавать градиентную заливку, т.е. заливку, которая представляет собой постепенный переход одного цвета в другой.

Для того чтобы задать градиентную заливку, необходимо:

• Шаг 1. Выделить область, которую необходимо залить градиентом. Если необходимо залить слой целиком, то выделение создавать не надо.
• Шаг 2. Выбрать на панели инструментов инструмент Gradient/Градиент.
• Шаг 3. Задать основной цвет (начальный цвет градиента) и цвет фона (конечный цвет градиента).
• Шаг 4. Задать на панели Options параметры для инструмента.
• Шаг 5. Переместить курсор мыши внутрь выделенной области.
• Шаг 6. Нажать левую кнопку мыши и, продолжая удерживать кнопку мыши нажатой, провести прямую линию. Точка начала линии определяет положение основного цвета, а точка конца линии определяет положение цвета фона. Длина проведенной линии определяет плавность перехода из одного цвета в другой: чем короче проведенная линия, тем резче переход между цветами.

На панели Options для инструмента Gradient/Градиент задаются следующие параметры.

Gradient. В поле просмотра параметра Gradient отображается выбранный тип градиента. Чтобы выбрать другой тип градиента, необходимо открыть палитру доступных градиентов, нажав на треугольную стрелку в поле Gradient, а затем щелкнуть по образцу готовой градиентной заливки.

Стиль градиента. Для задания стиля градиента необходимо нажать на одну из кнопок:
Linear/Линейный, Radial/Радиальный, Angle/Угловой, Reflected/Отраженный,
Diamond/Ромбический.

Mode. Данный параметр задет режим наложения цвета.

Opacity. Параметр задает степень непрозрачности заливки. Чем меньше значение параметра Opacity, тем цвета более прозрачные.

Reverse. Если этот флажок установлен, то градиент начинается с цвета фона, а заканчивается основным цветом.

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

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

Для создания сложного градиента (градиента, который содержит переходы между тремя и более цветами) или редактирования существующего типа градиента используется редактор градиентов Gradient Editor, для открытия которого необходимо щелкнуть в поле просмотра параметра Gradient.

 

Создайте значок приложения с помощью Photoshop за 20 простых шагов

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

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

В этом уроке я буду использовать Photoshop, чтобы объяснить, как сделать крутую иконку приложения для игры в бильярд. И самое приятное: я покажу вам, как добиться впечатляющих результатов за КОРОТКИЙ период времени.

Поехали!

1. Создайте новый документ

Мы создадим нашу иконку размером 1024×1024 пикселей, но вы можете создать свою иконку размером 256×256 или 512×512 пикселей.

Так как это будет использоваться на экране, мы должны установить цветовой режим на RGB (не CMYK) и разрешение на 72 пикселя (не 300).

2. Нарисуйте первую фигуру на первом слое.

Возьмите инструмент Rounded Rectangle Tool (U), нарисуйте фигуру и залейте ее цветом (#b67032).

3. Эффект дерева

Создайте эффект дерева, используя «волокна» из меню фильтра (Фильтр > Рендеринг > Волокна), убедитесь, что вы установили цвет переднего плана с помощью #b67032, а цвет фона с помощью #72319b.

4. Нарисуйте вторую фигуру

Снова, Инструментом «Прямоугольник со скругленными углами» (U) нарисуйте ту же фигуру, но сделайте её короче, чем первая фигура дерева (около 6 пикселей снизу).

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

5. Скопируйте 1-й слой на 2-ю фигуру

Выберите фигуру (alt + enter), затем скопируйте первый слой на вторую фигуру (ctrl+c, затем ctrl+v). Итак, теперь у нас есть два слоя с текстурой дерева, но разной высоты.

6. Сделайте слой 1 темнее

Используйте параметр Кривые (ctrl+m), чтобы сделать слой 1 темнее другого.

7. Добавьте глубину с помощью настроек стиля слоя

Дважды щелкните слой 1 в палитре слоев, затем установите параметры стиля слоя, как показано ниже.

Я выбрал только настройки Inner Shadow и Inner Glow.

8. Добавьте глубины с помощью инструмента «Кисть».

Добавьте глубины к слою 1, затеняя более темные цвета с помощью инструмента «Кисть» (b).

9. Добавьте эффект внутреннего свечения для слоя 2

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

10. Нарисуйте третью фигуру

Создайте новый слой и с помощью инструментов Rounded Rectangle Tool и Ellipse Tool создайте 2 новые фигуры (см. ниже).

11. Скопируйте 2-й слой на 3-й слой

Выберите фигуру (alt + enter), затем скопируйте слой 2 (ctrl+c, затем ctrl+v) на слой 3. Этот шаг аналогичен ШАГУ 5 и ШАГУ 6.

Не забудьте затемнить слой 3, отрегулировав настройку кривых (ctrl+m).

12. Дублируйте слой 3

Дублируйте слой 3 (ctrl+j), залейте его (alt + delete) зеленым цветом (#005e20), затем переместите его немного вниз. Мы назовем этот слой Green Shape Layer.

13. Вырежьте слой с зеленой фигурой, чтобы он соответствовал слою 3

Теперь мы хотим удалить зеленую область, которая соприкасается за пределами слоя 3. Для этого выберите слой 3, удерживая кнопку Ctrl и щелкнув этот слой в палитре слоев. Вы увидите выделение — пунктирные линии вокруг элементов — создано.

Вернитесь на слой с зеленой фигурой в палитре слоев, но убедитесь, что вы выбрали слой 3. Затем вырежьте (нажмите удалить) слой с зеленой фигурой.

Зеленая форма должна быть выровнена со слоем 3.

14. Создайте отверстие в бильярдном столе

Теперь создайте новую фигуру (и слой) с помощью инструмента «Эллипс» — залейте его черным цветом.

15. Примените к слою 3 эффект внешнего свечения

Вернитесь к слою 3 и примените к нему эффект внешнего свечения (см. ниже).

16. Добавьте глубины зеленой фигуре

Как и в ШАГЕ 8, добавьте глубины зеленой фигуре, добавив более темный цвет с помощью инструмента «Кисть» (b).

17. Добавьте фильтр шума

Затем добавьте «Шум» на слой с зеленой фигурой (Фильтр > Шум > Добавить шум).

Я поставил около 5% шума.

18. Добавьте блики и детали

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

19. Нарисуйте простой шар

1. Создайте круглую форму с помощью Elliptical Marquee Tool (m) и залейте ее белым цветом.
2. Возьмите более темный цвет (#9d956e) и прокрасьте кистью (b) края изображения, чтобы создать мягкий градиент.
3. Используйте кисть меньшего диаметра и более светлый цвет для второго градиентного блика.
4. Создайте блик с помощью Pen Tool (p).
5. Затем почистите (b) эту фигуру, чтобы придать шару глянцевый оттенок.

20. Создайте тень для шара

Последний шаг! Создайте черный круг под шаром и примените к нему эффект размытия (Фильтр > Размытие > Размытие по Гауссу).

И вот окончательный результат!

Надеюсь, вам понравилось — спасибо за подписку и удачи в ваших собственных проектах! 🙂

Нужна иконка, разработанная для вашего приложения?

Наше глобальное сообщество профессиональных графических дизайнеров может сделать это!

Покажите мне

Как создать свои собственные значки в Photoshop CC

В уроке на этой неделе я покажу вам, как создать собственную библиотеку значков в Photoshop. Если вы снимаете видео на YouTube, являетесь графическим дизайнером или работаете в стартапе, вам это особенно пригодится. Сначала вы узнаете, как сделать значок многократного использования из существующих значков или логотипов, которые вы найдете в Интернете (не забывайте уважать авторские права). Затем вы узнаете, как превратить нарисованный от руки логотип или значок в цифровой многоразовый элемент дизайна. В качестве бонуса вы получите введение в очень полезные библиотеки в Photoshop. Пришло время начать создавать библиотеки, которые будут служить вам долгие годы.

14

АКЦИИ

 

Создание видеоактивов для YouTube

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

Метод №1 Превратить найденные изображения в иконки

В этом случае мы заходим на youtube и нажимаем на иконку лайка, большой палец вверх.

Шаг 1. Сделайте снимок экрана значка.

• На Mac это Cmd+Shift+4 и перетащите область для захвата.
• В Windows это клавиша Print Scr. Затем перейдите в Photoshop, создайте новый документ и нажмите Ctrl+V, чтобы вставить снимок экрана.

Шаг 2. Измените размер изображения

Выберите «Изображение»> «Размер изображения» (посмотрите, насколько оно маленькое в настоящее время в правом нижнем углу)

. Выберите «Сохранить». детали 2.0 для метода повторной выборки.

Установите ширину 1000 пикселей, этого будет достаточно для трассировки.

Шаг 3. Сделайте выделение

Используйте волшебную палочку и выберите белый цвет вокруг фигуры.

Нажмите Ctrl/Cmd+Shift+I, чтобы инвертировать выделение. Просто значок теперь должен быть выбран.

Шаг 4. Создание пути

Откройте панель путей в Photoshop (Окно>Путь)

Выберите Создайте рабочий путь , если он неактивен, убедитесь, что ваш выбор активен

Здесь Photoshop превратит выбор в векторный путь. (вам не нужно использовать инструмент «Перо», потому что PS сделает это за вас.)

По умолчанию допуск установлен на 2,0, это будет работать. Меньшее число = более сложный путь, большее число — более простой путь.

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

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

Шаг 5. Превратите путь в фигуру.

Теперь мы хотим создать собственную форму. Это упрощает использование в будущем.

Выберите «Правка»> «Определить пользовательскую форму»

Нажмите «ОК», и в вашу библиотеку фигур будет добавлена ​​новая иконка с изображением большого пальца.

Изготовление значков по собственным чертежам

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

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

Я загрузил его в Photoshop, сделав снимок на телефоне. Вы также можете использовать сканер, если он у вас есть.

Шаг 6. Получение четкого контура

Поскольку карандашный набросок не имеет сплошного тона, нам нужно сделать его более четким. Если у вас есть чистый рисунок, вы можете пропустить этот шаг.

Примените небольшое количество размытия к рисунку, чтобы смазать все области вместе. Фильтр>Размытие>Размытие по Гауссу (посмотрите, как я это делаю в видео выше).

Выберите Cmd/Ctrl+L для уровней. Вдавливайте треугольники по уровням, чтобы сделать иконку более плотной и иметь четкие очертания.

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

Шаг 7. Выделение

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

Нажмите Ctrl/Cmd+Shift+I, чтобы инвертировать выделение. Просто значок теперь должен быть выбран.

Как и раньше, создайте рабочий путь на панели «Контуры». На этот раз задайте допуск 8.0, это сгладит неровности.

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

 

Шаг 8. Создайте фигуру

Выберите Edit>Define Custom Shape

 

Чтобы быстро резюмировать Путь

Создание значков-значков из пользовательских фигур

Шаг 9. Использование фигур.

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

Создать новый документ. Он может быть любого размера, здесь мы использовали 1920×1080 (размер HD-видео)

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

Создайте новый слой

Шаг 10. Открытие библиотеки

Выберите инструмент «Форма»

На верхней панели инструментов вы увидите набор фигур, поставляемых с Photoshop. Есть еще много, давайте их.

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

Теперь вы увидите все формы, которые поставляются с Photoshop, и многое другое 🙂

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

Шаг 11. Использование фигур

Выберите всплывающую подсказку Squared off

Убедитесь, что вы выбрали форму в раскрывающемся меню слева. (Путь фигуры или пиксели)

Перетащите на холст, чтобы создать фигуру. Удерживайте Shift, чтобы сохранить пропорции.

Обратите внимание, что вы также можете выбрать цвет заливки и обводки, а также толщину обводки (контур),

Шаг 12

Создайте новый слой

Выберите форму большого пальца, которую мы создали ранее

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

Теперь у нас есть значок «палец вверх»!

Шаг 13.

Выберите оба слоя, которые находятся над значком, и нажмите Cmd/Ctrl+G, чтобы создать группу.

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

Совет. Нажмите Cmd/Ctrl+J, чтобы продублировать значки, чтобы вы могли изменять каждый из них, а не начинать с нуля.

Теперь мы собираемся создать CC-библиотеку иконок. Не на СС? Вы должны сохранить изображения в формате PSD и создать резервную копию в Dropbox или на диске.

Шаг 14. Создание библиотеки иконок.

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

Убираем серый фон, он нам больше не нужен.

Как использовать панель библиотек в Photoshop

Шаг 15. Создание библиотеки

Откройте панель библиотек. Window>Library

В меню панели библиотек (вверху справа) выберите Create New Library

Теперь вы увидите новую библиотеку. Я назвал его icons

Шаг 16. Добавление элементов в библиотеку

Поскольку мы помещаем каждый значок в группу, его легко добавить в библиотеку. (Подведение итогов: выберите слои и нажмите Cmd/Ctrl+G, чтобы поместить их в группу)

Перетащите группу с панели слоев в библиотеку.

И вы увидите, что значок теперь находится в библиотеке. Это так просто!

Перетащите каждую группу в библиотеку, и вы увидите, что ваш набор значков был добавлен в библиотеку. Сохранять не нужно, поскольку библиотека синхронизируется в облаке, и эти значки будут доступны на любом компьютере, на который вы войдете с помощью своего Учетная запись Creative Cloud.

Использование библиотек Creative Cloud.

Существует несколько способов использования библиотек Creative Cloud, мы рассмотрим их сейчас.

Шаг 17. Использование библиотеки

Элементы из библиотеки можно перетаскивать непосредственно в документ Photoshop.

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

Если вы хотите использовать значок в других программах, отличных от Adobe, таких как Final Cut, или загружать их на веб-сайты, их следует сохранить.

Выберите «Файл»> «Сохранить для Интернета»

По умолчанию требуется использовать jpg. Если вы хотите сохранить прозрачность, сохраните в формате PNG.

Другой вариант — использовать их в других приложениях Adobe. В большинстве приложений Creative Cloud есть панель «Библиотека», и элементы являются общими для разных программ.

Например, здесь я могу открыть библиотеку в Premiere Pro, перетащить значки на временную шкалу видео и использовать их в видео на YouTube.

Ты поймал это? Мне не пришлось ничего делать дополнительно. Только что созданные значки доступны для использования в Premiere Pro автоматически. Они также есть в InDesign, Illustrator и других приложениях.

Это был большой урок. Я очень надеюсь, что вы нашли это полезным, и не забудьте ознакомиться с дополнительными уроками здесь, в PhotoshopCAFE, где у нас есть лучшие бесплатные уроки Photoshop для дизайнеров и фотографов.

 

Thanks

Colin

 

 

 

 

Create a Cardboard Box Icon in Photoshop

Preview

Tutorial Resources

• Icons: Qure Dock Icons by Prax08

Шаг 1. Настройка холста

Создайте новый документ Photoshop, выбрав «Файл» > «Создать» (Ctrl/Cmd + N). Мы будем использовать холст размером 275×275 пикселей с белым фоном.

Шаг 2: Создайте переднюю часть коробки

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

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

Внутренняя тень

Цвет внутренней тени — белый (#FFFFFF).

Внутреннее свечение

Цвет внутреннего свечения также белый (#FFFFFF).

Обводка

Цвет обводки — коричневый (#734E24).

Наложение градиента

Градиент представляет собой темный цвет картонной коробки слева (#A17128) и более светлый (#CC923D) справа.

Вышеупомянутые стили заставят нашу картонную коробку выглядеть следующим образом:

Шаг 3: Создайте заднюю часть коробки

Процесс рисования задней части коробки будет аналогичен описанному выше. Создайте новый слой над фоновым слоем по умолчанию, но ниже «переднего» слоя. Создайте черную фигуру, показанную ниже; он представляет собой заднюю сторону нашей коробки.

Примените к этой фигуре эффект слоя Gradient Overlay с цветовым градиентом #A56225 слева и #C08938 справа.

Шаг 4: Создайте левую и правую стороны коробки

Нарисуйте левую сторону коробки на новом слое.

Примените к слою Gradient Overlay с #744B21 в качестве цвета слева и #AD6D2A в качестве цвета справа. Это должно создать более темный цветовой градиент, чего мы и хотим, чтобы наш дизайн был максимально точным.

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

Шаг 5: Создание передней крышки коробки

Теперь нарисуем клапаны картонной коробки, начиная с переднего.

Мы зададим этому слою Внутреннюю тень, Внутреннее свечение, Наложение градиента и Обводку.

Внутренняя тень

Цвет внутренней тени — белый (#FFFFFF).

Внутреннее свечение

Цвет внутреннего свечения также белый (#FFFFFF).

Наложение градиента

Цветовой градиент #CB913C слева и #DDAC55 справа.

Обводка

Тип заливки обводки должен быть установлен на Градиент. Цветовой градиент обводки должен быть #93632A слева и #D08937 справа.

Шаг 6: Нарисуйте правую и левую створки коробки

Нарисуйте правую створку на новом слое.

Примените к этому слою Inner Shadow, Inner Glow, Gradient Overlay и Stroke.

Внутренняя тень

Цвет внутренней тени — белый (#FFFFFF).

Внутреннее свечение

Цвет внутреннего свечения также белый (#FFFFFF).

Наложение градиента

Цветовой градиент #CCC923C слева и #E7BC6F справа.

Обводка

Тип заливки обводки должен быть установлен на Градиент. Цветовой градиент должен быть #94632A слева и #D08937 справа.

Точно так же, как правый клапан, создайте форму для левого клапана.

Возможно, вам удастся продублировать правый клапан и отразить его по горизонтали (Edit > Transform > Flip Horizontal).

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

Внутренняя тень

Цвет внутренней тени должен быть белым (#FFFFFF).

Внутреннее свечение

Цвет внутреннего свечения также должен быть белым (#FFFFFF).

Наложение градиента

Цветовой градиент #CC923C слева и #E7BC6F справа.

Обводка

Тип заливки должен быть установлен на Градиент. Цветовой градиент #94632A слева и #D08937 справа.

Шаг 7: Создание заднего лоскута

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

Для стиля слоя нам понадобятся Inner Shadow, Inner Glow, Gradient Overlay и Stroke.

Внутренняя тень

Цвет внутренней тени должен быть белым (#FFFFFF).

Внутреннее свечение

Цвет внутреннего свечения также должен быть белым (#FFFFFF).

Наложение градиента

Цветовой градиент должен быть #CB9546 слева и #F0C16C справа.

Обводка

Тип заливки должен быть установлен на Градиент. Цвет слева от градиента — #AA7639., а цвет справа — #E1A45D.

Теперь это будет выглядеть так:

Шаг 8: Придайте закрылкам несколько бликов

Мы воспользуемся простой техникой, чтобы придать поверхности нашего клапана дополнительный визуальный интерес с помощью бликов. На новом слое нарисуйте белую эллиптическую форму с помощью инструмента «Эллипс» поверх переднего клапана.

Теперь перейдите в Фильтр > Размытие > Размытие по Гауссу.

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

Просто нажмите OK, чтобы растрировать слой.

Установите радиус фильтра размытия по Гауссу на 13,9 пикселей.

Выберите Rectangular Marquee Tool (M) и сделайте выделение в верхней части белого свечения, затем нажмите Delete, чтобы удалить выделенную область.

Установите режим наложения слоя на Overlay, а также уменьшите его непрозрачность до 38%.

Следуя той же процедуре, что и выше, выделите задний клапан.

Шаг 9: Добавление деталей в коробку

Найдите логотип или значок, который вы хотели бы разместить на переднем клапане. Я использовал символ бесконечности для своего. Попробуйте просмотреть пользовательские формы, включенные в Photoshop, чтобы найти что-то интересное.

Для стиля слоя логотипа/значка нам понадобятся Drop Shadow, Inner Shadow и Gradient Overlay.

Тень

Цвет тени — белый (#FFFFFF).

Внутренняя тень

Цвет внутренней тени темно-коричневый (#432C11).

Наложение градиента

Цветовой градиент #925814 слева и #7E4C02 справа.

Приведенные выше эффекты слоя придадут нашему логотипу/значку следующий вид:

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

Установите непрозрачность слоя на 50%.

Шаг 10: Добавление текстуры к коробке

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

Нарисуйте несколько тонких черных линий на переднем клапане (как показано ниже).

Переключите режим наложения слоя на Overlay и установите непрозрачность примерно на 12%.

Используя тот же процесс, создайте линии на правом клапане, установите режим наложения этого слоя на Overlay и уменьшите непрозрачность до 12%.

Используйте тот же процесс для добавления линий на оставшихся клапанах и сторонах коробки.

Шаг 11: Добавляем тени на пол

Давайте заставим наш дизайн отбрасывать тень на пол. Создайте новый слой прямо над фоновым слоем. Используйте Rectangular Marquee Tool (M), чтобы сделать прямоугольное выделение в основании нашей коробки.

Настройте инструмент «Градиент» так, чтобы он переходил от черного (#000000) к прозрачному; также установите метод Reflected Gradient. Затем нарисуйте градиент слева направо.

Смягчите тень с помощью фильтра Gaussian Blur; используйте Радиус 0,6 пикселей.

Настройте перспективу тени, чтобы она соответствовала нашей коробке. Сделайте это, выбрав Edit > Transform > Skew. Вокруг тени появится прямоугольная граница.

Перетащите верхний правый и верхний левый элементы управления трансформацией внутрь. Нажмите Enter, чтобы принять преобразование. Установите непрозрачность слоя с тенью на 50%.

Используйте инструмент Polygonal Lasso Tool (L) на панели инструментов, чтобы сделать выделение перед прямоугольником.

Снова используйте инструмент «Градиент» (G), установленный на «Линейный градиент», чтобы создать градиент от черного к прозрачному внутри выделения, начиная с верхней части выделения и заканчивая его низом.

Примените фильтр Gaussian Blur к слою с радиусом 0,6 пикселя.

Установите непрозрачность слоя на 15%.

Шаг 12: Добавьте небольшое затенение

Создайте слой между передним клапаном и передней частью коробки. Используйте инструмент Polygonal Lasso Tool (L), чтобы создать выделение (показано ниже). С помощью инструмента «Градиент» создайте градиент от черного к прозрачному от верха к низу выделения.

Установите режим наложения слоя на «Перекрытие» и уменьшите непрозрачность до 24%.

Дважды продублируйте этот слой (Ctrl/Cmd + J), чтобы усилить и наслоить затенение.

На новом слое над всеми остальными слоями создайте белую круглую фигуру в середине иконки.

Примените фильтр Gaussian Blur к слою с радиусом 26 пикселей.

Используйте инструмент Polygonal Lasso Tool (L), чтобы выделить переднюю сторону коробки.

Выберите Select > Inverse (Ctrl/Cmd + Shift + I), чтобы инвертировать выделение.

После инвертирования выделения просто нажмите Delete, чтобы удалить лишнее белое свечение.

Установите Режим наложения на Перекрытие и Непрозрачность на 23%.

Используйте инструмент Polygonal Lasso Tool (L), чтобы создать выделение, как показано ниже.

На новом слое с помощью инструмента «Градиент» (G) создайте линейный градиент от черного к прозрачному, начинающийся снизу и идущий вверх. Уменьшите непрозрачность слоя до 25%.

Шаг 13: Наполнение коробки вкусностями

Этот шаг не является обязательным. Что мы сделаем, так это поместим некоторые объекты внутрь коробки. Я буду использовать значки Qure Dock моего друга и коллеги по «иконисту» Prax08.

Откройте в Photoshop объект, который вы хотите поместить в коробку. Нажмите Ctrl/Cmd + A, чтобы выделить весь холст изображения. Вернитесь к нашему основному документу и просто нажмите Ctrl/Cmd + V, чтобы вставить объект.

Добавьте дополнительные объекты по желанию.

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

Поместите эти объекты в группу слоев, выбрав их все на панели слоев и нажав Ctrl/Cmd + G.

Создайте маску слоя в группе слоев, нажав значок Добавить маску слоя в нижней части панель слоев. Используйте Rectangular Marquee Tool (M), чтобы выделить части объектов, которые выходят за пределы коробки.

Перейдите в Edit > Fill (Shift + F5) и залейте выделение черным, чтобы замаскировать выделенную область.

Готово!

Резюме руководства

Я надеюсь, что в этом руководстве вы изучили несколько приемов, которые пригодятся вам в ваших собственных проектах по созданию иконок и рисованию. Мы использовали различные методы для создания значка коробки, используя основные инструменты Photoshop. Я хотел бы оставить вас сейчас, показав вам некоторые возможные варианты нашего конечного продукта (для вдохновения).

Загрузить исходные файлы

• картон_box_icon (ZIP, 0,16 МБ)

Обзор инструментов и панели инструментов Photoshop

Узнайте все об инструментах Photoshop и панели инструментов. Вы узнаете, как организована панель инструментов и как получить доступ к ее многочисленным скрытым инструментам. Включает полный обзор почти 70 инструментов, доступных в Photoshop, которые вы можете использовать в качестве справочного материала! Теперь обновлено для Photoshop 2022!

Автор сценария Стив Паттерсон.

В первом уроке этой серии мы познакомились с интерфейсом Photoshop и его основными функциями. На этот раз мы узнаем все о инструментах Photoshop и панели инструментов . Панель инструментов — это место, где Photoshop содержит множество инструментов, с которыми нам приходится работать. Есть инструменты для выделения, обрезки и ретуширования изображений, добавления форм и текста и многое другое!

Мы начнем с самой панели инструментов, в том числе с того, как она организована и как получить доступ ко многим инструментам, скрытым в ней. Затем мы рассмотрим каждый инструмент на панели инструментов с кратким описанием того, для чего используется каждый инструмент.

Для какой версии Photoshop это?

Здесь я использую Photoshop 2022, но вы можете использовать и более ранние версии. Просто обратите внимание, что некоторые инструменты могут быть недоступны в более старых версиях. Вы можете получить последнюю версию Photoshop здесь.

Начнем!

Панель инструментов Photoshop

Панель инструментов Photoshop расположена вдоль левой части экрана:

Панель инструментов.

Выбор панели инструментов с одним или двумя столбцами

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

Панель инструментов может отображаться в одинарном или двойном столбце.

Расположение инструментов

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

В верхней части находятся инструменты Photoshop Move и Selection . А прямо под ними находятся инструменты Crop и Slice . Ниже расположены инструменты Измерение , за которыми следуют многочисленные инструменты Photoshop Ретуширование и Рисование .

Далее идут инструменты Drawing и Type . И, наконец, у нас есть инструменты навигации внизу:

Расположение инструментов на панели инструментов.

Скрытые инструменты панели инструментов

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

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

Большинство мест на панели инструментов содержит более одного инструмента.

Чтобы просмотреть дополнительные инструменты, нажмите и удерживайте значок. Или щелкните правой кнопкой мыши (Win) / Щелкните значок (Mac), удерживая нажатой клавишу Control. Откроется всплывающее меню со списком других доступных инструментов.

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

Чтобы выбрать один из дополнительных инструментов, нажмите на его название в списке. Я выберу Elliptical Marquee Tool:

Выбор скрытого инструмента из всплывающего меню.

Инструмент по умолчанию

Инструмент, который первоначально отображается в каждом месте на панели инструментов, известен как инструмент по умолчанию . Например, Rectangular Marquee Tool — это инструмент по умолчанию для второй точки сверху. Но Photoshop не всегда отображает инструмент по умолчанию. Вместо этого он отобразит последний выбранный вами инструмент.

Обратите внимание, что после выбора инструмента Elliptical Marquee Tool во всплывающем меню инструмент Rectangular Marquee больше не отображается на панели инструментов. Elliptical Marquee Tool занял свое место:

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

Чтобы выбрать инструмент Rectangular Marquee Tool на этом этапе, мне нужно либо щелкнуть и удерживать , либо щелкнуть правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкнуть (Mac) на значке Elliptical Marquee Tool. Затем я мог выбрать Rectangular Marquee Tool из меню:

Выбор инструмента «Прямоугольное выделение» из-за инструмента «Овальное выделение».

Обзор инструментов Photoshop

Итак, теперь, когда мы узнали, как организована панель инструментов Photoshop, давайте посмотрим на сами инструменты.

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

Звездочка (*) после имени инструмента указывает на инструмент по умолчанию, а буква в скобках — это сочетание клавиш для инструмента. Чтобы переключаться между инструментами с помощью одной и той же комбинации клавиш, нажмите и удерживайте Shift при нажатии на букву. Этот список актуален для Photoshop 2022. Обратите внимание, что некоторые инструменты недоступны в более ранних версиях.

• Инструменты перемещения и выделения
  • Инструмент перемещения * ( V )
  • Инструмент «Перемещение» используется для перемещения слоев, выделений и направляющих в документе Photoshop. Включите «Автовыбор», чтобы автоматически выбирать слой или группу, на которую вы нажимаете.
  • Инструмент монтажной области ( V )
  • Инструмент «Монтажная область» позволяет легко создавать несколько веб-макетов или макетов UX (пользовательский интерфейс) для разных устройств или размеров экрана.
  • Инструмент для прямоугольного выделения * ( M )
  • Инструмент «Прямоугольная область» рисует прямоугольные контуры выделения. Нажмите и удерживайте клавишу Shift при перетаскивании, чтобы нарисовать квадратное выделение.
  • Инструмент для эллиптического выделения ( M )
  • Инструмент Elliptical Marquee Tool рисует эллиптические контуры выделения. Нажмите и удерживайте клавишу Shift, чтобы нарисовать выделение в виде идеального круга.
  • Инструмент выделения одного ряда
  • Инструмент «Выделение одной строки» в Photoshop выделяет одну строку пикселей в изображении слева направо.
  • Инструмент выделения одного столбца
  • Используйте инструмент выделения одного столбца, чтобы выделить один столбец пикселей сверху вниз.
  • Инструмент для лассо * ( L )
  • С помощью инструмента «Лассо» вы можете нарисовать контур выделения произвольной формы вокруг объекта.
  • Инструмент «Многоугольное лассо» ( L )
  • Щелкните вокруг объекта с помощью инструмента «Многоугольное лассо», чтобы окружить его многоугольным контуром выделения с прямыми краями.
  • Инструмент для магнитного лассо ( L )
  • Инструмент «Магнитное лассо» привязывает контур выделения к краям объекта, когда вы перемещаете вокруг него курсор мыши.
  • Инструмент выбора объекта * ( W )
  • Инструмент выделения объектов позволяет выделить объект, просто обведя его грубым контуром выделения.
  • Инструмент быстрого выбора ( W )
  • Инструмент быстрого выделения позволяет легко выделить объект, просто закрашивая его кистью. Включите «Автоматическое улучшение» на панели параметров для выбора лучшего качества.
  • Инструмент «Волшебная палочка» ( W )
  • Инструмент «Волшебная палочка» в Photoshop выделяет области схожего цвета одним щелчком мыши. Значение «Допуск» на панели параметров устанавливает диапазон цветов, которые будут выбраны.
• Инструменты обрезки и нарезки
  • Инструмент обрезки * ( C )
  • Используйте инструмент Crop Tool в Photoshop, чтобы обрезать изображение и удалить ненужные области. Снимите флажок «Удалить обрезанные пиксели» на панели параметров, чтобы неразрушающим образом обрезать изображение.
  • Инструмент кадрирования перспективы ( C )
  • Используйте инструмент Perspective Crop Tool, чтобы обрезать изображение и исправить распространенные искажения или проблемы с перспективой.
  • Инструмент для срезов ( C )
  • Инструмент «Фрагмент» делит изображение или макет на более мелкие части (фрагменты), которые можно экспортировать и оптимизировать по отдельности.
  • Инструмент выбора среза ( C )
  • Используйте инструмент выбора фрагмента, чтобы выбрать отдельные фрагменты, созданные с помощью инструмента фрагмента.
  • Инструмент для рамок * ( K )
  • Новый в Photoshop CC 2019 инструмент «Рамка» позволяет помещать изображения в прямоугольные или эллиптические формы.
• Инструменты измерения
  • Пипетка * ( I )
  • Инструмент «Пипетка» в Photoshop пробует цвета на изображении. Увеличьте «Размер выборки» на панели параметров для лучшего представления цвета области выборки.
  • Инструмент «Пипетка» для 3D-материалов ( I )
  • Используйте инструмент «Пипетка для 3D-материалов», чтобы взять образец материала из 3D-модели в Photoshop.
  • Инструмент пробоотборника цвета ( I )
  • Инструмент Color Sampler Tool отображает значения цвета для выбранной (отобранной) области изображения. Одновременно можно отбирать до четырех областей. Просмотрите информацию о цвете на панели «Информация» Photoshop.
  • Инструмент линейки ( I )
  • Инструмент «Линейка» измеряет расстояния, местоположения и углы. Отлично подходит для размещения изображений и элементов именно там, где вы хотите.
  • Инструмент для заметок ( I )
  • Инструмент «Заметки» позволяет прикреплять к документу Photoshop текстовые заметки для себя или для других, работающих над тем же проектом. Заметки сохраняются как часть файла .PSD.
  • Инструмент для подсчета ( I )
  • Используйте инструмент подсчета для ручного подсчета количества объектов на изображении или для автоматического подсчета в Photoshop нескольких выбранных областей изображения.
• Инструменты для ретуши и рисования
  • Инструмент «Точечная восстанавливающая кисть» * ( J )
  • Точечная восстанавливающая кисть в Photoshop быстро удаляет дефекты и другие мелкие проблемные области изображения. Используйте размер кисти немного больше, чем пятно для достижения наилучших результатов.
  • Инструмент «Восстанавливающая кисть» ( J )
  • Восстанавливающая кисть позволяет восстанавливать большие проблемные области изображения, закрашивая их. Удерживайте Alt (Win) / Option (Mac) и нажмите, чтобы получить образец хорошей текстуры, затем закрасьте проблемную область, чтобы исправить ее.
  • Инструмент для заплаты ( J )
  • С помощью инструмента «Заплатка» нарисуйте контур выделения произвольной формы вокруг проблемной области. Затем восстановите его, перетащив контур выделения на область с хорошей текстурой.
  • Инструмент «Перемещение с учетом содержимого» ( J )
  • Используйте инструмент Content-Aware Move Tool, чтобы выбрать и переместить часть изображения в другую область. Photoshop автоматически заполняет дыру в исходном месте, используя элементы из окружающих областей.
  • Инструмент «Красные глаза» ( J )
  • Инструмент «Красные глаза» устраняет распространенные проблемы с красными глазами на фотографиях, вызванные вспышкой камеры.
  • Инструмент «Кисть» * ( B )
  • Инструмент «Кисть» — это основной инструмент рисования в Photoshop. Используйте его для рисования мазков кистью на слое или на маске слоя.
  • Карандаш ( B )
  • Инструмент «Карандаш» — еще один инструмент рисования в Photoshop. Но в то время как инструмент «Кисть» может рисовать мазки с мягкими краями, инструмент «Карандаш» всегда рисует с жесткими краями.
  • Инструмент для замены цвета ( B )
  • Используйте инструмент «Замена цвета» в Photoshop, чтобы легко заменить цвет объекта другим цветом.
  • Инструмент «Микс-кисть» ( B )
  • В отличие от стандартного инструмента «Кисть», миксер-кисть в Photoshop может имитировать элементы реальной живописи, такие как смешивание и комбинирование цветов, а также влажность краски.
  • Инструмент для клонирования штампа * ( S )
  • Инструмент «Штамп» — это самый простой инструмент ретуширования в Photoshop. Он выбирает пиксели из одной области изображения и закрашивает ими пиксели в другой области.
  • Инструмент для штамповки шаблонов ( S )
  • Используйте инструмент Pattern Stamp Tool, чтобы нарисовать узор поверх изображения.
  • Инструмент «Историческая кисть» * ( Y )
  • Инструмент «Историческая кисть» закрашивает снимок из более раннего шага (состояние истории) в текущую версию изображения. Выберите предыдущее состояние на панели «История».
  • Инструмент «Кисть для истории искусства» ( Y )
  • Кисть истории искусства также рисует снимок из более раннего состояния истории в изображение, но делает это с помощью стилизованных мазков кисти.
  • Ластик * ( E )
  • Инструмент «Ластик» в Photoshop безвозвратно стирает пиксели на слое. Его также можно использовать для рисования в предыдущем состоянии истории.
  • Инструмент «Ластик для фона» ( E )
  • Инструмент «Ластик для фона» стирает области изображения одного цвета, закрашивая их.
  • Волшебный ластик ( E )
  • Инструмент «Волшебный ластик» похож на инструмент «Волшебная палочка» в том, что он выделяет области схожего цвета одним щелчком мыши. Но Инструмент «Волшебный ластик» затем безвозвратно удаляет эти области.
  • Инструмент «Градиент» * ( G )
  • Инструмент «Градиент» в Photoshop рисует плавные переходы между несколькими цветами. Редактор градиентов позволяет создавать и настраивать собственные градиенты.
  • Инструмент «Ведро с краской» ( G )
  • Инструмент «Заливка» заполняет область похожего цвета цветом переднего плана или узором. Значение «Допуск» определяет диапазон цветов, которые будут затронуты вокруг области, где вы щелкнули.
  • Инструмент для создания 3D-материала ( G )
  • Используемый в 3D-моделировании инструмент 3D-перетаскивания материалов позволяет взять образец материала из одной области, а затем переместить его в другую область модели, сетки или 3D-слоя.
  • Инструмент «Размытие» *
  • Инструмент «Размытие» размывает и смягчает области, которые вы закрашиваете с помощью этого инструмента.
  • Инструмент для заточки
  • Инструмент «Резкость» повышает резкость областей, которые вы закрашиваете.
  • Инструмент для растушевки
  • Инструмент «Палец» в Photoshop размазывает и размазывает области, которые вы закрашиваете. Его также можно использовать для создания эффекта рисования пальцами.
  • Инструмент Dodge * ( O )
  • Закрасьте области изображения с помощью инструмента Dodge Tool, чтобы осветлить их.
  • Инструмент для прожига ( O )
  • Инструмент «Затемнение» затемняет области, которые вы закрашиваете.
  • Губка ( O )
  • Закрасьте области с помощью инструмента «Губка», чтобы увеличить или уменьшить насыщенность цвета.
• Инструменты рисования и ввода текста
  • Инструмент «Перо» * ( P )
  • Инструмент «Перо» в Photoshop позволяет рисовать чрезвычайно точные контуры, векторные фигуры или выделения.
  • Инструмент «Перо произвольной формы» ( P )
  • Инструмент «Перо произвольной формы» позволяет рисовать контуры или фигуры от руки. Точки привязки автоматически добавляются к пути по мере рисования.
  • Инструмент «Перо кривизны» ( P )
  • Инструмент «Перо кривизны» — это более простая и упрощенная версия инструмента «Перо». Новое в Photoshop CC 2018.
  • Инструмент «Добавить опорную точку»
  • Используйте инструмент «Добавить опорную точку», чтобы добавить дополнительные опорные точки вдоль контура.
  • Инструмент «Удалить опорную точку»
  • Нажмите на существующую опорную точку на пути с помощью инструмента «Удалить опорную точку», чтобы удалить точку.
  • Инструмент преобразования точек
  • На контуре щелкните гладкую опорную точку с помощью инструмента «Преобразовать точку», чтобы преобразовать ее в угловую точку. Щелкните угловую точку, чтобы преобразовать ее в гладкую точку.
  • Инструмент горизонтального типа * ( T )
  • Известный просто как инструмент «Текст» в Photoshop, используйте инструмент «Горизонтальный текст», чтобы добавить в документ стандартный текст.
  • Инструмент вертикального типа ( T )
  • Инструмент «Вертикальный текст» добавляет текст вертикально сверху вниз.
  • Инструмент «Маска вертикального типа» ( T )
  • Вместо того, чтобы добавлять в документ редактируемый текст, инструмент «Маска вертикального текста» создает контур выделения в форме вертикального шрифта.
  • Маска горизонтального типа ( T )
  • Как и инструмент «Вертикальная маска», инструмент «Горизонтальная маска» создает контур выделения в форме текста. Однако шрифт добавляется горизонтально, а не вертикально.
  • Инструмент выбора пути * ( A )
  • Используйте инструмент выбора пути (черная стрелка) в Photoshop, чтобы выбрать и переместить весь путь сразу.
  • Инструмент прямого выбора ( A )
  • Используйте инструмент «Прямое выделение» (белая стрелка), чтобы выбрать и переместить отдельный сегмент пути, опорную точку или маркер направления.
  • Инструмент «Прямоугольник» * (U)
  • Инструмент «Прямоугольник» рисует прямоугольные векторные фигуры, пути или фигуры пикселей с острыми или закругленными углами. Нажмите и удерживайте клавишу Shift при перетаскивании, чтобы превратить фигуру в идеальный квадрат.
  • Инструмент «Эллипс» (U)
  • Инструмент «Эллипс» рисует эллиптические векторные фигуры, контуры или пиксельные фигуры. Нажмите и удерживайте клавишу Shift при перетаскивании, чтобы нарисовать идеальный круг.
  • Инструмент для треугольника (U)
  • Инструмент «Треугольник» рисует треугольники. Удерживайте Shift, чтобы нарисовать равносторонний треугольник, или используйте параметр «Радиус», чтобы скруглить углы.
  • Инструмент «Многоугольник» (U)
  • Инструмент «Многоугольник» рисует многоугольники с любым количеством сторон. Используйте опцию Star Ratio, чтобы превратить многоугольники в звезды.
  • Линейный инструмент (U)
  • Инструмент «Линия» рисует прямые линии или стрелки. Используйте цвет и толщину обводки, чтобы контролировать внешний вид линии.
  • Инструмент нестандартной формы ( U )
  • Инструмент Custom Shape Tool в Photoshop позволяет выбирать и рисовать произвольные фигуры. Выбирайте из сотен встроенных пользовательских фигур Photoshop или создавайте свои собственные.
• Инструменты навигации
  • Ручной инструмент * (В)
  • Инструмент «Рука» позволяет нам щелкать и перетаскивать изображение на экране, чтобы просматривать различные области при увеличении.
  • Инструмент «Повернуть вид» ( R )
  • Используйте инструмент «Повернуть вид» в Photoshop, чтобы повернуть холст, чтобы вы могли просматривать и редактировать изображение под разными углами.
  • Инструмент масштабирования * ( Z )
  • Нажмите на изображение с помощью инструмента масштабирования, чтобы увеличить определенную область. Нажмите и удерживайте Alt (Win) / Option (Mac) и щелкните инструментом «Масштаб», чтобы уменьшить масштаб.

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

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

Логотип Photoshop | история эволюции и значение

Логотип Photoshop PNG

Photoshop — компьютерная программа, используемая для создания и редактирования графики. Начиная с 1988 года Photoshop был наиболее используемым графическим программным обеспечением в мире как любителями, так и профессионалами.

Значение и история

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

Photoshop переработал свой логотип после того, как они получили обновление для программы, поэтому было создано около 15 версий эмблемы PS.

1988 – 1990

Самый первый логотип Photoshop был представлен в 1988 году и представлял собой монохромную пиксельную иконку с контуром дома, самым ярким элементом изображения которого была крыша.

1990 – 1991

В 1990 году значок был переработан, и появилась первая версия легендарной серии «Глаз». Эмблема представляла собой монохромное пиксельное изображение глаза, заключенное в квадратную рамку.

1991 – 1994

Эмблема 1991 года получила яркую красную рамку и перерисовал глаз с большей детализацией и градиентными оттенками серого. Логотип использовался в течение трех лет и был выпущен вместе со второй версией редактора Photoshop.

1994 – 1996

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

1996 – 2000

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

2000 – 2002

Эмблема для Photoshop версии 6, выпущенной в 2000 году, почти повторяла предыдущую, но с уточненными линиями, что придавало более уверенный профессиональный вид всему изображению. Цветовая палитра рамы осталась неизменной.

2002 – 2003

Новый яркий и красочный дизайн был представлен программой в 2002 году. Это был тот же глаз, но заключенный в круг, который обозначал увеличительное стекло и выполнен в бежево-коричневой гамме на небесно-голубом фоне. Это был последний логотип эпохи «Ока».

2003 – 2005

Перьевая концепция дизайна логотипа пришла в визуальную айдентику Photoshop в 2003 году. В версии 8 программы перо, размещенное на белом квадрате, было выполнено в градиентных зеленых, синих и оранжевых оттенках, и смотрелось очень нежно и шикарно.

2005 – 2007

После редизайна 2005 года палитра пера изменилась на более интенсивный синий с оттенком зеленого. Новая комбинация была праздником искусства и красоты и блестяще отражала сущность программного обеспечения.

2007 – 2008

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

2008 – 2010

В версии 11, выпущенной в 2008 году, белые буквы были заменены черными, что сделало контуры букв без засечек более широкими и цельными. Что касается основного цвета, то синий стал светлее и приобрел более четкие оттенки, создав матовую поверхность знака.

2010 – 2012

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

2012 – 2013

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

2013 – 2015

Редизайн 2013 года сделал линии логотипа тоньше, а цвета — ярче. Новая тонкая рамка темно-синего квадрата имеет ярко-бирюзовый оттенок, который также использовался для шрифта без засечек «Ps», написанного более светлыми линиями.

2015 – 2019

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

2019 – 2020

Редизайн 2019 года смягчил углы квадрата и представил новую цветовую палитру логотипа Photoshop. Теперь это был черный фон с белой монограммой без засечек, заключенной в тонкую ярко-бирюзовую рамку.

 

2020 – Сегодня

В 2020 году рамка была полностью удалена из логотипа, оставив синюю надпись «Ps» как единственный элемент в темно-синем квадрате. Углы эмблемы по-прежнему скруглены, а линии букв стали толще и мягче.

Видео

Ресурсы Apple Design — Apple Developer

iOS и iPadOS

iOS 16 и iPadOS 16

3 90 Библиотека Sketch

Sketch

Note: Sketch must be installed to download
September 19, 2022
72.1 MB

Design Templates

Sketch

September 19, 2022
55.3 MB

XD

September 19 , 2022
68,9 МБ

Производственные шаблоны

Эскиз

19 сентября 2022 г.
72,1 МБ

XD

сентябрь 19022
21212102 XD

.0003

---

iOS 15 and iPadOS 15

Production Templates

Photoshop

April 12, 2022
2.5 MB

iOS 14 and iPadOS 14

Design Templates

Photoshop

July 29 , 2020
1,2 ГБ

iOS 13 и iPadOS 13

Шаблоны дизайна

Keynote

29 июля 2020 г.
904 11.4

macOS 13

Sketch Library

Sketch

Note: Sketch must be installed to download
September 19, 2022
43.2 MB

Design Templates

Sketch

September 19, 2022
65.1 MB

XD

September 19, 2022
28. 3 MB

Production Templates

Sketch

September 19, 2022
20 MB

XD

September 19, 2022
4,5 МБ

---

macOS 12

Производственные шаблоны

Photoshop

11 января 2020 г.

8,3

WatchOS

WatchOS 5

Библиотека эскизов

Эскиз

Примечание: эскиз должен быть установлен для загрузки
. , 2020
4.3 МБ

XD

October 23, 2020
6.4 MB

Photoshop

July 29, 2020
39 MB

Production Templates

Sketch

July 29, 2020
2.3 MB

XD

23 октября 2020 г.
3,9 МБ

Photoshop

29 июля 2020 г.
3 МБ

tvOS 14

Библиотека скетчей

Скетч

Note: Sketch must be installed to download
May 11, 2022
3.3 MB

Design Templates

Sketch

May 11, 2022
9.1 MB

XD

April 13, 2021
9.8 MB

Производственные шаблоны

Эскиз

26 января 2021
1,3 МБ

Photoshop

26 январь 2021
1.6 MB

9202.0125

Загрузить для macOS

Требуется macOS 10.10.5 или более поздней версии.

Руководство пользователя

Плагин Parallax Exporter для Adobe Photoshop

Загрузить для macOS

Требуется Adobe Photoshop 2020 или новее и macOS 10. 13.0 или новее.

Загрузить для Windows

Требуется Adobe Photoshop 2020 или более поздней версии и Microsoft Windows 7 с пакетом обновления 1 или более поздней версии.

Технологии

Add Apple Watch Face

PNG, PDF, SVG

October 22, 2021
1.8 MB

AirPlay

PDF

October 22, 2021
1.1 MB

Design Guidelines

Apple Health Icon

PNG

22 октября, 2021
1,3 МБ

Руководства по проектированию

Шаблон Apple Pay Design

,

,

. 0121 8.1 MB

XD

October 22, 2021
1.7 MB

ARKit Badge and Glyph

PDF

October 22, 2021
1.1 MB

Design Guidelines

Messages for Business Design Template

Эскиз

22 октября 2021 г.
7,5 МБ

XD

22 октября 2021
6.3 МБ

Игровой центр Игро1603

October 22, 2021
1.3 MB

HomeKit Icon and Glyph

PNG, PDF

October 22, 2021
1.2 MB

Design Guidelines

Messages Design Template

Sketch

22 октября 2021 г.
6,7 МБ

XD

22 октября 2021 г.
5,7 МБ

Впишите Apple

PNG, PDF, SVG

октября 221102102. 0121 1.1 MB

Design Guidelines

Sign in with Apple Buttons

Sketch

October 22, 2021
1.4 MB

XD

October 22, 2021
1.5 MB

Siri Icons

PNG

8 июля 2022 г.
5,4 МБ

Siri Design Template

Эскиз

22 октября, 2021
12 MB

9000 9000 2 22 октября
.0121 12 МБ

Шаблон дизайна кошелька

Эскиз

22 октября 2021
11 МБ

XD

22 октября, 2021
14 МБ

.

SF Pro

Скачать SF Pro

Системный шрифт для iOS, iPad OS, macOS и tvOS.

SF Compact

Скачать SF Compact

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

Монохромный

Загрузить SF Mono

Используется в Xcode, позволяет выравнивать строки и столбцы текста.

SF Arabic

Загрузить SF Arabic

Арабский системный шрифт на платформах Apple.

Нью-Йорк

Загрузить Нью-Йорк

Работает как традиционное лицо для чтения в небольших размерах и как графический дисплей в больших размерах.

SF Symbols

SF Symbols — это библиотека иконографии, содержащая более 3200 символов, разработанная для полной интеграции с San Francisco, системным шрифтом для платформ Apple. Символы бывают девяти весов и трех масштабов и автоматически выравниваются с текстовыми метками. Их можно экспортировать и редактировать в инструментах редактирования векторной графики для создания пользовательских символов с общими характеристиками дизайна и функциями доступности. SF Symbols 3 содержит более 600 новых символов, улучшенную настройку цвета, новый инспектор и улучшенную поддержку пользовательских символов.

Загрузить бета-версию SF Symbols 4

31 августа 2022 г.
Требуется macOS Big Sur или более поздней версии. (228 МБ)

Загрузить SF Symbols 3.3

22 декабря 2021 г.
Требуется macOS Catalina или более поздней версии. (210 МБ)

All Product Bezels

Sketch

Note: Sketch must be installed to download
September 15, 2022
66.2 MB

Apple TV

Photoshop, PNG

January 5, 2022
31.7 MB

Apple Watch Ultra

Photoshop, PNG

15 сентября 2022 г.
26 МБ

Серия Apple Watch 8

Photoshop, PG 9000

70137.

Photoshop, PNG

5 января 2022 г.
7,8 МБ

Series Apple Watch Series 6

Photoshop, PNG

Январь 5, 2022
1515.6 MB

121212,64.615

9012.

.0137 Photoshop, PNG

January 5, 2022
27.8 MB

iMac 27″

Photoshop, PNG

January 5, 2022
21.3 MB

iPad

Photoshop, PNG

January 5 , 2022
5.1 MB

iPad Air

Photoshop, PNG

March 19, 2022
56.4 MB

iPad mini

Photoshop, PNG

January 5, 2022
4.9 MB

iPad Pro

Photoshop, PNG

January 5, 2022
26. 7 MB

iPhone 14

Photoshop, PNG

September 15, 2022
52.1 MB

iPhone 13

Photoshop, PNG

1 января, 2022
758,5 МБ

iPhone 12

Photoshop, PNG

5 января 2022
8.7 MB

IPhone

0602G2G2G2G2G2G2G2G2G2G2G2G2G2GOP PHOTIOR0121 12.8 MB

iPhone 12 Pro and iPad Pro

Photoshop

January 5, 2022
15.5 MB

MacBook Air

Photoshop, PNG

July 27, 2022
15.7 MB

MacBook Pro 4th Генерал

Photoshop, PNG

5 января, 2022
9,2 МБ

MACBook Pro 4th Gen (Touch Bar)

Photoshop

7, 20212
02.

No related posts.