Вставити символ у фотошопі. Як вставити символ, якщо його немає на клавіатурі. Як вставити спецсимвол у Photoshop або будь-якій іншій програмі

Панель інструментів, як правило, найактивніше використовувана панель. Ця панель з'являється в лівій частині екрана під час запуску фотошопу. У будь-який момент роботи з програмою виділено будь-який інструмент. Для полегшення роботи з палітрою я склала список основних інструментів російською мовою англійською мовами. Також можна детально прочитати, як працює кожен інструмент і як вони формуються в групи.

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

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

Всі інструменти на панелі інструментів можна логічно об'єднати в п'ять великих груп. Це групи "Виділення", "Кадрування", "Ретушування", "Розфарбовування", "Малювання та Текст". Давайте розглянемо кожну групу докладніше. Це набір інструментів для CS3-версії програми фотошоп.

1. Група інструментів "Виділення" (Selection tools)
У цій групі зібрані інструменти для виділення областей різних форм, переміщення виділеної області, швидкого та акуратного виділення областей неправильної форми.

Група інструментів "Область" (Marquee) служить для виділення прямокутних, овальних областей, областей з одного рядка та одного стовпця.

Інструмент «Переміщення» (Move) переміщує виділені області, шари та напрямні.

Група інструментів Ласо (Lasso) служить для створення намальованих від руки, багатокутних (з прямими краями) і магнітних (прив'язаних) областей виділення.

Інструмент «Швидке виділення» (Quick Selection) дозволяє швидко намалювати виділену область за допомогою регульованого круглого кінчика пензля.

Інструмент "Чарівна паличка" (Magic Wand) виділяє області, пофарбовані подібним чином.

2. Група інструментів "Кадрування" (Crop and slice tools)
Тут зібрані інструменти для усічення зображення та створення фрагментів.

Інструмент "Рамка" (Crop) усікає зображення.

Інструмент "Розкройка" (Slice) створює фрагменти.

Інструмент "Виділення фрагмента" (Slice Select) виділяє фрагменти.

3. Група інструментів "Ретушування" (Retouching tools)
За допомогою цих інструментів можна видаляти дефекти на зображенні, Прати та відновлювати зображення, регулювати різкість та розмиття, тон та насиченість.

Інструмент «Точкова пензель» (Spot Healing Brush) видаляє плями та об'єкти.

Інструмент «Пензель, що відновлює» (Healing Brush) усуває дефекти зображення, зафарбовуючи їх зразками або візерунками.

Інструмент «Плач» усуває дефекти у виділеній області зображення за допомогою зразка або візерунка.

Інструмент «Червоні очі» (Red Eye) видаляє червоні відблиски, спричинені фотографуванням зі спалахом.

Інструмент "Штамп" (Clone Stamp) служить для малювання за допомогою зразка зображення.

Інструмент «Візерунковий штамп» (Pattern Stamp) служить для малювання за допомогою частини зображення як візерунок.

Інструмент «Гумка» (Eraser) стирає пікселі та відновлює частини зображення до стану на момент останнього збереження. Більш докладно про інструмент «Ластик» можна прочитати у пості «Ластик».

Інструмент "Фонова гумка" (Background Eraser) шляхом перетягування стирає області зображення до прозорості.

Інструмент «Чарівна гумка» (Magic Eraser) одним клацанням стирає однотонно забарвлені області зображення до прозорості.

Інструмент "Розмиття" (Blur) пом'якшує чіткі краї зображення.

Інструмент «Різкість» (Sharpen) робить різкішими м'які краї зображення.

Інструмент "Палець" (Smudge) розмазує дані на зображенні.

Інструмент "Освітлювач" (Dodge) освітлює області зображення.

Інструмент "Затемнювач" (Burn) робить темнішими області зображення.

Інструмент "Губка" (Sponge) змінює насиченість кольору в області.

4. Група інструментів «Розфарбовування» (Painting tools)
Тут зібрані різні інструменти для розфарбовування, заміни кольору, стилізації зображення.

Інструмент "Пензель" (Brush) наносить мазки пензлем. Докладніше про інструмент «Пензель» можна прочитати в пості ««.

Інструмент "Олівець" (Pencil) малює лінії з чіткими краями.

Інструмент «Заміна кольору» (Color Replacement) замінює вибраний колір на інший.

Інструмент "Архівна кисть" (History Brush) малює копію вибраного стану або знімок в поточному вікнізображення.

Інструмент «Архівний художній пензель» (Art History brush) малює стилізовані мазки, що імітують різні художні стилі, за допомогою вибраного стану або знімка.

Інструменти "Градієнт" (Gradient) створюють прямолінійні, радіальні, конусоподібні, дзеркальні та ромбоподібні переходи між кольорами.

Інструмент "Заливка" (Paint Bucket) заповнює основним кольором області, пофарбовані подібним чином.

5. Група інструментів "Малювання" та "Текст" (Drawing and type tools)
Ця група містить інструменти виділення контуру, друкування тексту, створення довільних фігур.

Інструмент "Виділення контуру" (Path selection) виділяє фігури або сегменти, відображаючи вузлові точки, лінії напрямку та точки напрямку.

Інструмент "Текст" (Type) створює текст на зображенні. Більш докладно про інструменти для роботи з текстом можна прочитати у пості "".

Інструмент "Текст-маска" (Type mask) створює області виділення у формі тексту.

Група інструментів «Перо» дозволяє малювати контури з гладкими краями.

Група інструментів "Фігура" (Shape) та інструмент "Лінія" малюють фігури та лінії на звичайному шарі або шарі-фігурі.

Інструмент «Довільна фігура» (Custom Shape) створює замовні фігури, вибрані зі списку замовлених фігур.

Ці чотири опції є панелями параметрів і дублюються на панелі символів. Немає значення, на якій з панелей Ви зміните ці опції, значення будуть продубльовані:

Метод згладжування (Anti-aliasing) для літер

Згладжування літер (Anti-aliasing) - технологія, що застосовується для покращення візуалізації літер тексту з метою згладити різкі краї та прибрати "зубці", що виникають на краях літер.

Ця опція також дубльована на двох панелях:

На Наразіу Photoshop є сім методів згладжування тексту, включаючи режим "без згладжування" (none), на малюнку я навів російськомовний і англомовний інтерфейси Photoshop:

Кожен із методів згладжування справляє власний ефект на літери, і до кожного окремого випадку метод треба підбирати досвідченим шляхом, але це в ідеалі, а на практиці в основному я користуюся методом згладжування, встановленим у Photoshop за замовчуванням - "Різке" (Sharp).

На малюнку я навів приклад двох видів згладжування Photoshop:

Міжрядковий інтервал (інтерліньяж, Leading)

Цей параметр тексту доступний лише з панелі Символ, як відомо з назви, він задає вертикально відстань між рядками. За замовчуванням параметр "Авто":

В основному, використання Міжрядкового інтервалуу значення Auto дає непогані результати, але ви можете поставити Міжрядковий інтервалсамостійно перед введенням тексту або після введення, виділивши весь текст. Ви можете вибрати одне з встановлених значень (від 6 pt до 72 pt), або ввести власне одним із фотошопівських методів введення параметрів, тобто. зміна перетягуванням миші або прокручуванням коліщатка або введенням значення у вікно з клавіатури.

Трекінг (Міжлітерний інтервал, Tracking)

Параметр "Трекінг"також доступний тільки з панелі Character, він керує відстанню між літерами або символами. Він розташований безпосередньо під Міжрядковим інтерваломі за замовчуванням встановлено в 0:

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

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

Кернінг (Kerning)

Цей параметр також доступний лише з панелі Символ і розташований ліворуч Трекінга. За замовчуванням він встановлений на значення "Метричний" (Metrics), що це означає, що я поясню трохи нижче. Кернінгрегулює проміжок між двома конкретними літерами або символами:

Кернінгчасто плутають з Трекінгомтому що вони здаються схожими, але вони насправді це зовсім різні речі. В той час як Трекінгзадає діапазон між усіма символами, Кернінгрегулює відстань між двома конкретними символами. Можна провести аналогію, якщо Трекінг- глобальне налаштування, то Кернінг- "місцева".

Щоб опція стала доступною, слід встановити курсор у тексті між двома потрібними літерами. На прикладі я поставив негативне значення Кернінга:

Як я вже казав, за замовчуванням опція Кернінгвстановлений на "Метричний", що означає, що Photoshop використовує міжлітерну відстань, задану дизайном шрифту. Це часто варіант у більшості випадків дає кращі результати, хоча і залежить від властивостей шрифту, що використовується. Якщо ви натиснете на маленький трикутник праворуч від поля введення значення Кернінга, ви побачите, що під значенням "Метричний" знаходиться значення "Оптичний" (Optical). При цьому варіанті Photoshop самостійно встановлює міжлітерний інтервал, ґрунтуючись на формі літер. Знов-таки, залежить від самого шрифту, який із цих двох варіантів, "Метричний" або "Оптичний", дасть найкращий результат.

Змінити значення Кернінгаможна, як і інших опціях, з клавіатури чи мишею.

Масштаб по вертикалі та горизонталі (Vertical та Horizontal Scale)

Ці дві опції розташовані безпосередньо під Кернінгомі Трекінгом.
Їхнє призначення зрозуміле з назви, опції масштабують вибраний текст вертикально або горизонтально.
Обидва ці опції за замовчуванням встановлені на 100%

Зміщення базової лінії (Baseline Shift)

Нижче розташована опція Зміщення базової лінії. Базове зміщення дозволяє перемістити вибрані ділянки тексту або окремі літери вище або нижче базової лінії шрифту. За замовчуванням значення опції встановлено 0 пунктів. Позитивні значення вмістять виділений текст над базовою лінією, а негативні значення опустять виділене нижче базової лінії. Опція не має встановлених значень, тому значення необхідно вводити вручну:

Додаткові текстові опції

Нижче наведені кнопки додаткових опцій.
Зліва направо: псевдонапівжирний, псевдопохилий, всі великі, капітелі (зменшені великі), надіндекс, підіндекс, підкреслені, закреслені. На прикладі я показав дію опцій у тексті, починаючи з другого рядка:

Вибір мови

У лівому нижньому куті розташована опція "Вибір мови", покликана перевіряти правопис і розміщення переносів, але, на даний момент, для російської, та й, втім, для англійської, вона малоефективна, тому опцію не використовується.

Всім відомо, що стандартна комп'ютерна клавіатура має трохи більше
сотні клавіш, а значить, вона не може відображати всі ті символи, які
використовуються людиною в повсякденному житті. Але не всі знають, що
крім введення символів, які ми бачимо на
У своїй клавіатурі, у Windows існує можливість використовувати також інші символи. Наприклад:

Але
незважаючи на те, що цих (і багатьох інших) символів немає на
клавіатурі, ми дуже просто можемо використовувати їх при наборі своїх
текстів. Давайте спробуємо це зробити.
Допустимо найпростіший варіант - ми набираємо текст у Блокноті ( Запуск - Всі програми - Стандартні - Блокнот) і нам треба вставити в текст символ копірайту:

Для того, щоб це зробити нам необхідно відкрити так звану Таблиця символів, яка існує в операційній системі Windows. Зробити це дуже просто: Запуск - Всі програми - Стандартні - Службові - Таблиця символів.
Перед нами відкриється таблиця символів Unicode, у якій треба знайти необхідний нам символ:

Після цього треба клацнути цей символ лівою кнопкою миші, потім натиснути кнопку Вибратита кнопку Копіювати:

Тим самим ми скопіюємо вибраний символ у буфер обміну.

Після цього потрібний нам символ з'явиться у тексті:

Як бачите, нічого складно у цьому немає! Це найпростіший і зрозуміліший (на
мій погляд) спосіб, хоча можна дещо змінити порядок дій та
вводити символи, не відкриваючи Таблиця символів. Для цього треба просто знати певну комбінацію кнопок.
Справа в тому, що в Windows дуже багатьом символам надано унікальний код, введення якого здійснюється за допомогою клавіші Alt.
Наприклад, щоб ввести той самий символ копірайту, необхідно натиснути комбінацію клавіш Alt+0169, тобто. натиснути (і утримувати) клавішу Altпісля чого натиснути клавіші з цифрами 0 , 1 , 6 і 9 .
Майте на увазі, що при натиснутій клавіші Alt
цифри на основному полі клавіатури можуть блокуватися, і тому, для
введення цифр можна використовувати додаткове поле клавіатури
(попередньо ввімкнувши його клавішею NumLock

Переглянути яка комбінація клавіш відповідає вибраному символу можна в нижньому правому куті Таблиці символів:

Якщо деякі символи ви будете використовувати постійно, то я
рекомендую створити собі пам'ятку (таблицю з описом часто
використовуваних кодів) та роздрукувати її на принтері. Наприклад, таку:

Але майте на увазі, що не кожен символ із таблиці має подібну
комбінацію і тому деякі символи треба вводити вищеописаним
способом.
Щоб полегшити пошук потрібного символу в таблиці,
можна скористатися додатковими параметрами та переглядати
символи груп.
Для цього ставимо галочку Додаткові параметри і далі вибираємо потрібні варіанти у полях Набір символіві Угруповання. Наприклад, на цьому малюнку видно як можна відобразити лише числові символи:

Або, наприклад, можна відобразити лише зручне для нас кодування Windows «кирилиця»:

Ну і насамкінець хочеться відзначити, що деякі програми мають вбудовану можливість для вставки спеціальних символів.
Наприклад, у меню програми Wordможна вибрати Вставити - Символ(Фото з Word 2010):

Це дуже прискорює роботу за наборі тексту, т.к. не потрібно вдаватися до таблиці символів Windows.

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

Щоб викликати панель, виберіть Текст > Панелі > Гліфиабо Вікно > Гліфи.

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

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

Щоб змінити гліф у активному текстовому шарі, виконайте наведені нижче дії.
1. Виберіть місце вставки гліфу за допомогою інструмента Текст.
2. Двічі клацніть гліф на панелі Гліфи.
Панель Гліфи підтримує латинський, грецький та кириличний алфавіт. Обмежена підтримка івриту, арабської та інших складних писемностей, таких як індійська.

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

A.Категорія шрифту | B.Сценарій C.Опції OpenType

Панель Гліфи автоматично знаходить альтернативи першого виділеного символу у фрагменті тексту.
Слоти гліфів з суцільним чорним прямокутником у правому нижньому куті вказують на те, що для даного конкретного гліфа є варіанти. Ці опції можна переглянути у спливаючому меню. Щоб відкрити його, натисніть та утримуйте слот або клацніть його, утримуючи клавішу Alt або Option. Перетягніть вказівник миші на варіант гліфа і відпустіть його, щоб вставити його в активний шар.

Слот гліфа з суцільним чорним прямокутником у нижньому правому кутку

Варіанти гліфу

Відомості про гліф

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

У міру додавання гліфів у документ вони автоматично вносяться в рядок нещодавно використаних гліфів, що знаходиться вгорі панелі «Гліфи». Рядок нещодавно використаних гліфів:

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

04.07.2016 27.01.2018

У цьому уроці ви дізнаєтесь, як створити плоскі флет іконки соціальних мереж.

Те, що ви створюватимете:

Створювати плоскі іконки ми почнемо з фону, потім додамо іконкам ефекти, щоб надати їм оригінальності, намалюємо довгі тіні. Для повторення уроку вам знадобиться Photoshop CS3 або пізніша версія.

Ресурси:

Шрифт 1 - http://fontawesome.io/cheatsheet/
Шрифт 2 - http://fontawesome.io/

Крок 1

Створіть новий файл (Ctrl+N)розміром 500×400 пікселів.

Створіть нову групу (CTRL+G)та назвіть її "Фон".

Крок 2

Заповніть тло кольором # e7e9eaза допомогою інструменту Заливка (Bucket Tool).

Крок 3

Щоб додати більше ефектів, ми додамо градієнт. Натисніть на іконку Коригуючий шар (Adjustment Layer)та виберіть Градієнт (Gradient), використовуйте такі настройки:

Режим накладання шару М'яке світло (Soft Light) | Непрозорість: 25%

Крок 4

Створіть нову групу та назвіть її «symbols».

Крок 5

Перш ніж розпочати роботу, нам потрібно налаштувати меню Лінійки і Сітки (Rulers and Grids). Перейдіть до меню Вид-Лінійки (View- Rulers) і Вид-Показати-Сітки (View— Show— Grids) . Ось мої налаштування для Лінійок та Сіток(їх можна відкрити, перейшовши в Редагування-Налаштування (Edit-Preference):

Щоб створити Напрямну лінію, потрібно просто клацнути та перетягнути її з лінійки. Для створення вертикальної напрямної перетягуйте з вертикальної лінійки і навпаки. Ось як я розділив полотно (кожний значок дорівнює 50 × 50 пікселівта відстань між кожним значком 25 пікселів):

Крок 6

У цьому уроці ми працюємо за допомогою шрифту Awesome, ви можете додати іконки для вашого сайту. Як правило, це робиться шляхом розміщення CSS шрифтуна ваш сайт, але оскільки ми працюємо з Photoshop, нам потрібно скопіювати кожен значок, який ви хочете використовувати зі шпаргалки. Зайдіть на сторінку, виберіть значок, який ви бажаєте намалювати. Я використав іконки для наступних ( соціальні мережі) сайтів: Twitter; facebook; Tumblr; Google+; Instagram; YouTube; Twitch; Dropbox; Deviantart; Pinterest; Skype; Feed.

Крок 7

Після того, як ви знайшли значок, який хотіли б використовувати, скопіюйте його ( Виділіть її потім клацніть правою кнопкоюмиші-Копіювати)

Потім поверніться до Photoshop і виберіть інструмент Текст (TextTool)на панелі інструментів. Змініть налаштування шрифту, як показано на малюнку:

Тепер вставте значок, який ви скопіювали. ( Клацніть правою кнопкою миші-Вставити)

Крок 8

Повторіть попередній крок, доки не вставте всі піктограми, які ви бажаєте використати.

Крок 9

Створіть нову групу та перейменуйте її на «icon bg», помістіть групу нижче групи «symbols».

Крок 10

Створіть новий шар і помістіть його в групу, створену на попередньому кроці. Я перейменував шар в icon bg.

Крок 11

Використовуючи інструмент Прямокутник із заокругленими кутами (RectangularCircle Shape Tool)(розташований на панелі інструментів нижче інструменту Текст (Text Tool)я створив фон ікон,

Ось усі кольори, які я використав:
Twitter: # 6bd1f4;
Facebook: # 5a93cb;
Tumblr: # 3c6a9c;
Google +:# e44940;
Instagram:# 9bd29d;
Youtube:# f4504c;
Twitch:# a96db6;
Dropbox:# 81d5ed;
Deviantart:# 6e8e61;
Pinterest:# f25f5f;
Skype:# 67d5f4;
Feed:# e9951d;

Ви можете використовувати ці кольори, а можете використовувати кольори на власний розсуд - так робота набуде оригінальності.

Якщо вам не подобається, як виглядають прямокутники із заокругленими краями, ви можете вибрати іншу форму, наприклад, квадрат або коло. Щоб зробити ідеальне колоабо квадрат, не забудьте утримувати клавішу SHIFTу момент їх створення.

Крок 12

Якщо ви задоволені результатом на даному етапі, ви можете йти далі, але якщо хочете надати жвавості іконкам, давайте продовжимо покращення. Почнемо зі стилю шару Тінь (Drop Shadow).Відкрийте групу «symbols», виберіть одну з іконок та клацніть піктограму Fx-Тінь (Fx-Drop Shadow)

Крок 13

Повторіть попередній крок з іншими піктограмами. Щоб зробити вашу роботу набагато простіше, клацніть правою кнопкою миші на шарі-Копіювати стиль стоячи (-Copy Layer Style). Потім виберіть решту шарів з іконками, клацніть правою кнопкою миші-Вставити стиль шару (-Paste Layer Style).

Крок 14

Тепер додамо внутрішню тінь на задній план кожного піктограми. Відкриваємо групу icons bg, вибираємо шар з іконкою, натискаємо на значок Fx-Внутрішня тінь (Fx-InnerShadow) . Використовуйте такі параметри:

Крок 15

Створіть новий шар та назвіть його «Gloss Effect». Змініть колір переднього плану на # ffffff; та за допомогою інструмента Прямокутна область (Rectangular Marquee Tool)створіть кілька прямокутників, наполовину менше розміру іконок (приблизно 50×25 пікселів). Зробіть це для всіх ікон.

Потім змініть режим накладання на М'яке світло (Soft Ligh),зменште непрозорість (Opacity)шару до 20% , а заливку (Fill)до 80% .

Крок 16

Вимкніть видимість шару Gloss Effect. Створіть новий шар та назвіть його «Long Shadow». Цей крок є трохи складнішим у порівнянні з іншими ефектами. Помістіть новий шар нижче шару Gloss Effect.

Крок 17

Візьміть інструмент Полігональне ласо (Polygonal Lasso Tool)і почніть створювати прямокутну тінь, торкаючись ребра іконки тільки з правої нижньої сторони, потім зробіть діагональну лінію, поки вона не досягне нижнього правого краю фону значка, зробіть пряму лінію, поки вона досягне центру фону, потім з'єднайте лінії. На зображенні ви можете розглянути наочніше, як малювати довгу тінь.