Вступ до Adobe Photoshop для некомерційних організацій (55) Solidatech

Поділіться

adobe

Стаття TechSoup, перекладена з англійської.

Розмістіть логотип

Файл логотипу доступний у частині 1, але для зручності ви можете завантажити його тут.

  • Клацніть Файл> Імпорт.

  • Виберіть файл "Blog-generic-nonprofit-logo.eps" та натисніть Імпортувати.
  • Photoshop додасть логотип по всій ширині документа.
  • Введіть такі значення: ширина: 760px, висота: 183px.

Примітка: Якщо ви використовуєте версію, що передує Creative Cloud, вам буде запропоновано ввести інформацію про ширину та висоту, перш ніж розташувати логотип.

  • Переконайтеся, що ваші путівники активовані, натиснувши Перегляд> Показати. Опція показу позначок місця повинна бути виділена у спадному меню. (Якщо ні, то вперед і натисніть на нього.)
  • Клацніть на інструмент "Перемістити".

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

Бонус: Photoshop імпортує цю векторну графіку як "розумний об'єкт". Розумні об’єкти - це спосіб для Photoshop зберегти деякі характеристики імпортованого вами елемента. Це означає, що ви можете перетворити ці об’єкти у своєму документі Photoshop, не втрачаючи якості. Для отримання додаткової інформації Adobe має цікаву статтю: Вступ до розумних об’єктів.

Вектор проти Растрові

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

Дизайнери створюють більшість логотипів у векторному форматі, щоб їх можна було розміщувати на будь-якому носії, будь то на візитній картці чи на рекламному щиті, із стабільно високою якістю. Оскільки ми створюємо плакат, який можна використовувати як в Інтернеті, так і в друкованому вигляді, логотип, який ми використовуємо, також є векторним файлом, тому він буде добре виглядати в будь-якому випадку. Поширеними форматами векторних файлів є SVG (масштабована векторна графіка), EPS (інкапсульований PostScript) та AI (Adobe Illustrator).

Бонус: Photoshop - це найкраща програма для редагування фотографій, тому вона найкраща для редагування фотографій та інших растрових зображень. Супутня програма Photoshop, Illustrator, - це фантастичне програмне забезпечення для створення та управління векторною графікою.

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

Додати URL-адресу

Єдине, що залишилось зараз, - це додати веб-адресу (фальшивої) асоціації, щоб кожен, хто бачить ваш пост, міг знати, де знайти більше інформації.

  • Клацніть на інструмент "Горизонтальний текст".

  • Змініть шрифт: Open Sans Light, 15pt та згладжування на Smooth.

  • Клацніть кольорове поле праворуч від розділу вирівнювання.

  • Введіть шістнадцяткове значення ffffff і натисніть OK.

  • Клацніть під логотипом, щоб почати друкувати. (Ви не повинні бути точними у своєму розташуванні.)
  • Введіть www.nonprofit.org і натисніть ESC, щоб прийняти зміни.

  • Клацніть на інструмент "Перемістити".

  • Вирівняйте текст URL-адреси з керівництвом внизу документа.
  • Натисніть Ctrl (Command на Mac) і клацніть логотип. Це вибирає шар логотипу.
  • Перемістіть логотип безпосередньо над текстом URL-адреси, щоб слово "Організація" знаходилося над URL-адресою.

  • Збережіть документ, натиснувши Файл> Зберегти.

Кінцевий продукт

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

Зберегти для друку

Тепер ми збережемо його для друку. Друковані документи повинні мати вищу роздільну здатність, ніж документ, що відображається на екрані.

  • Клацніть Файл> Зберегти як.

  • Виберіть місце, де ви хочете зберегти файл, введіть шаблон-print.jpg як ім'я файлу, а потім натисніть Зберегти.
  • Введіть 12 (Максимум) для якості та натисніть OK.

Примітка: Вибір JPEG як формату файлу означає, що Photoshop буде стискати файл, але якість все одно буде високою.

Ви можете роздрукувати його на офісному принтері або на професійному принтері.

Зберегти для Інтернету

Збережемо версію, якою ми можемо поділитися в соціальних мережах. Роздільна здатність тієї, яку ми записали вище, занадто висока для використання в Інтернеті. Для відображення його в реальному розмірі знадобиться простір декількох стандартних екранів, і перш за все, вага зображення буде занадто великою. Тому ми збережемо меншу версію для Інтернету.

  • Клацніть «Файл»> «Зберегти для Інтернету». (Зберегти для Інтернету та периферії в попередніх версіях).

  • Змініть попередньо налаштований (праворуч угорі) на JPEG High.

  • Змініть якість на 80.

  • Змініть ширину на 1200 пікселів та висоту на 1553 пікселів та натисніть Зберегти.

  • Виберіть місце, де ви хочете зберегти файл, введіть шаблон-web.jpg як ім'я файлу, а потім натисніть Зберегти.

Бонус: Ми вибрали 1200 як піксельне значення, оскільки це максимальна ширина для вмісту у Facebook та Twitter. Докладнішу інформацію про це див. У постійно оновлюваному посібнику розміру зображення в соціальних мережах Sprout Social.

Що ми дізналися

І це все! Якщо ви дотримувались п’яти частин, ви багато чому навчилися, зокрема, як використовувати багато інструментів Photoshop.

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

Ви повинні мати змогу застосувати ці навички для створення плаката з іншим фоновим зображенням, різними кольорами тексту та власним логотипом та URL-адресою асоціації.

Інші уроки

Якщо ця серія змусила вас дізнатись ще більше про Photoshop, обов’язково перегляньте ці чудові підручники.