Як я готую фотки для постів на блозі на лабораторія електрошамана

Ось такі ось посили. У мене це все увійшло в звичку, і відпрацювати до автоматизму ще з 98 виндов, чи що. Для себе я знайшовся комплект рішень, я ним користуюся, і зараз їм поділюся. Як завжди і було, принципу у мене два: не плодити зайві сутності (не заводити п'ят програм кожна для своєї дії, а намагатися користуватися однією-двома, але з купою можливостей), і по можливості робити однакові операції пакетно, пачкою відразу на всі фотки .

Завдань у мене виникає дві. Спочатку розберемося з найпростішої: послати якісь фотки по милу (наприклад, зібраного щита замовнику, або якийсь технічної фігні читачеві). Їх може бути кілька штук, і з ними треба зробити ось які речі:

  • Розкласти по порядку. Наприклад, загальний вигляд, детальний зліва, детальний справа.
  • Змінити розмір так, щоб і розглянути все можна було, і щоб не займало багато місця.
  • Перейменувати поспіль у вигляді «Foto-1», «Foto-2» і так далі, щоб на компі це не загубилося.

І є ще один пунктик, який називається «... якщо у вас параноя, то це не означає, що за вами не стежать». Є такий набір параметрів, який обзивається Exif, або просто «метадані». Усередині кожної фотки зазвичай записується купа інформації: дата і час зйомки, назва камери, якій знімали, всякі параметри зйомки і іноді навіть GPS-координати місця зйомки. І іноді навіть прев'юшки фотки (Thumbnail) сюди ж зберігається.

Так склалося, що для всього цього у мене відмінно прижилася програма ACDSee 5. Від неї пахне старовиною або матами. Справа в тому, що ACDSee 4 версії постійно падала і була глючний лайном (і в цей момент народ пачками йшов з неї на IrfanView - вже не пам'ятаю, як точно звався). А ACDSee 6 зробили настільки навороченной і важкої, що вона систему гальмувала і мало навіть в магазин за їжею не ходила.

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

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

І при конверті фотки нас люб'язно запитують: чи хочемо ми похерити всі метадані фотки або не хочемо. Звичайно хочемо! І ще й відразу для всіх фоток!

Далі ми так само змінюємо розмір всіх фоток. Я пам'ятаю гарячі клавіші для всіх операцій, тому справа йде дуже швидко. А ще я знаю, що для мого фотика масштаб в 30% від оригіналу - це фотка, на якій можна відмінно розглянути великі деталі і частина дрібних, а масштаю 40-50% - це вже досить велика фотка, на котрому можна прочитати все.

Ще зверніть увагу на те, що ресайз можна просто за відсотками, а можна ресайз так, щоб підігнати фотку під задані Рамер. Це теж зручно.

Для прикладу я накопіровал цю ж фотку кілька разів. Ось і все: пробігли рядки в великому віконці (я його і збільшував), і все готово!

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

Вуаля! Фотки перейменовували. І тепер ковертнём їх знову в JPEG для того, щоб відсилати замовнику (або кому-то ще).

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

Але це - тільки початок. Покладемо, так обробляти фотки для того, щоб закинути їх на пошту, це особисто моя заморочка, так? А ось як заготовити фотки для блогу - це не тільки моя заморочка. Ось давайте я про це і розповім.

Чого нам треба від фоток для поста на блозі? Ось чого:

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

Що стосується самого движка WordPress, на якому все роблять блоги, то зараз там заховали подалі одну зручну штуку: прив'язку фотографій до посту. Раніше ти міг редагувати пост і додавати фотки так, що вони були доступні разом з цим постом. Піст і його фотки - зручно ж!

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

Тому я забив на бібліотеку і вибрав більш зручний шлях. Фотки заздалегідь упорядковано відповідно до порядку, перейменовуються, пачкою вантажаться на блог і цієї ж пачкою вставляються в пост. Відразу і за один прохід. У старому WordPress це було штатно, а зараз є плагін FasterInsert. який робить те ж саме. Про нього розповім, коли до нього дійде справа.

Ну і останнє. Фотки найкраще обов'язково перейменовувати, щоб вони не губилися і не виглядали ганебно типу DCIM_0042.jpg. Abb_5439785asf7fjf7_OT63.jpg, якщо ви нанесли їх з різних місць. Усередині поста цього ніхто не бачить, але варто дати посилання на фотку комусь з боку - і буде трохи непристойно, я думаю. Та й пошукові системи іноді індексують навіть назви файлів фоток, і в наших фотки називати зрозуміло.

Ось такі «правила» вийшли у мене. А тепер займемося підготовкою фоток для поста про щит в Мурманськ. Ми там з клієнтом відірвалися і поставили Siemens Logo на світло. Пост вийде на днях, після цього.

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

Ось вони - оригінали. Тут можна побачити ще один прийом: я фоткаю одне і те ж несоклько раз поспіль. Це робиться для того, щоб якщо якась фотка не вдалася, потім не робити її заново, а просто відібрати ту, яка була трохи краще. Та й є такі речі, які кілька разів не зробити: коли ми щось розбираємо, або збираємо щит. Як знову зафоткать момент, коли вже зібраний і упакований щит був ще без проводів? =)

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

Після цього я пакетно перейменовую файли фоток і ще й руками дозадаю їм назви. Бачите, як це виглядає? У фоток є префікс - «Mur» - мурманск, потім номер файлу, і потім пояснення. Це пояснення потрібно ще й мені самому, щоб потім не забути, яка фотка для чого потрібна. А завдяки префіксу фотки на FTP не передбачено плутаються і лежать групами.

І тепер все готово для того, щоб займатися Фотошопом. Придумано там ось що. У мене є шаблони фоток для 1024х768 і для 768х1024 (горизонтальних і вертикальних). Шаблони йдуть у вигляді вихідних PSD-файлів, і в них шарами створено все, що треба: авторські права, рамки, дата фотки. Раніше я навіть створював шари в темному і світлому варіанті, але потім забив і використовую найчастіше світлий.

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

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

Далі я беру кожну фотку (вікно з файлом рамок зменшив і закинув подалі) і тягну її на вікно з рамками. Фотошоп автоматично додасть новий шар із зображенням перенесеної фотки. А як фотошоп називає шари за замовчуванням? Layer x: 1, 2, 3, 4 ... Тобто номер шару буде збігатися з номером фотки. І якщо ми десь помилилися - то легко буде згадати, на який фотке все зупинилося.

Важлива фішка! Фотошоп завжди вставляє нові шари (фотки) ВИЩЕ того, який виділений в списку! Тому якщо ви заздалегідь у файлі рамок створите порожній шар (він у мене зветься «(Base)» і виділіть саме його - то фотки будуть вставляти вище нього. У мене вони потраплять між шарами рамок і шаром «(Base)», що мені і треба.

Отже, у мене було 13 фоток - і тепер з'явилося 13 шарів. Якщо придивитися на скріншот - то буде видно, що фотка набагато більше за розмірами, ніж сама рамка файлу. Так і треба - ми їх обрізати будемо!

І тепер йдемо знову по верствам. Я вимикаю їх все до самого першого і піднімаюся «вгору» по ним. Кожну фотку я зменшую і рухаю так, щоб в мою рамку потрапила потрібна її частина. Бачите, як хитро виходить? Ми відразу ж і міняємо розмір фотки, і кадріруем її і знаємо, що більше ніж моя рамка в 1024х768 цей розмір не втече нікуди.

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

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

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

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

Далі я проходжу по верствам вгору, включаю кожен новий і зберігаю це все за допомогою «Save for Web». Імена фоток я копіюю з вихідних, але зберігаю в іншу папку, поруч. От і все.

Після цього у нас виходить три папки:

  • Вихідні фотки, перейменовані як треба
  • Оброблені фотки, перейменовані як треба
  • файли рамок

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

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

Для того, щоб не вантажити і не вставляти в пост по одній фотці (це можна було б повіситися), я знайшов плагін Faster Insert. Він робить те, що раніше робив движок WordPress: можна завантажити відразу пачку фоток, відразу цієї ж пачці задати назви, порядок і ще ... однією кнопкою вставити все фотки ВІДРАЗУ!

Ось я завантажив фотки і дав їм вже зрозумілі назви для поста. Ті самі «Mur08-LogoFront.jpg» були потрібні для того, щоб згадати що це значить для мене «Siemens Logo переднім планом». Я обізвав це як «Обв'язка контролера Siemens Logo».

Все було б не так гладко, не май FasterInsert настройки того, ЩО треба вставляти між фотками. Тоді вони всі виводилися б в одну строчку, і потім треба було між ними руками вставляти порожні рядки. Але і тут подумали за нас:

Я поставив собі рядок «

*

», Яка перетворюється в новий рядок (абзац) з текстом« * », щоб бачити, де мені писати текст між фотками.

І тепер майже фінал. Тиснемо кнопку «Invert Selection». Вона змінює значення галочок на всьому списку фоток: якщо вони були не вибрані, то стануть обраними. Для нас це означає, що вона вибере все фотки. А потім тиснемо кнопку «Insert Selected Images» - вставити вибрані фотки.

І вуаля! Все-все наши фотки вставили в пост! З потрібними назвами і в потрібному порядку! УРА!

Але стоп-стоп! Фотки-то вставили ... але вони ж вставили в вихідному розмірі! У моєму 1024х768. А ширина поля для тексту у мене на блозі - всього 600 точок. Це ж як буде? Фотки вилазити будуть?

Невеликий відступ. Штатно WordPress вміє створювати прев'юшки для фоток і пхати їх в пост, а при натисканні на прев'юшки відкривати повну фотку. Зазвичай там налаштовують розміри 150х150 і ще якісь. Так ось виявилося, що на одну фотку створюється тьма превьюшек, причому прев'юшки кадруються через жопу і в паскудний як.

І всі ці прев'юшки жеруть місця на хостингу більше, ніж потиск фотошопом оригінальна фотка 1024х768. Тому від превьюшек я повністю відмовився (крім розміру 150х150 - він потрібен для того, щоб WordPress міг показати прев'юшки в списку картинок для вибору), і вставляю в текст поста оригінальну фотку цілком, але в коді HTML задаю їй менші розміри. Це економить мені місце на хостингу, не знижує якість фоток і не плодить зайвих файлів.

Ну і як у всіх фоток поміняти розмір? А просто! Перемикаємося в HTML-код і бачимо наші розміри фоток:

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

Якщо вас зацікавила інформація з цього поста і ви хочете зі мною зв'язатися (або замовити Збірку щита / Консультацію), то пишіть мені на пошту [email protected] або телефонуйте на + 7-926-286-97-35. Відгукуюся на ім'я "Електрошаман".
Неуважних, тупих і нахабних продаваних і менеджерів я буду жорстко стібатися, якщо вони не заглянуть в інфу про контакти для організацій. а скоріше кинуться дзвонити.

Що мені зараз цікаво?

* Збирати великі і просторі щити, в яких різні частини начинки відокремлені один від одного пластрон, щоб зовні добре виглядало.
* Позбирати автоматику управління світлом, вентиляторами ванній-туалету і побутовими функціями на логічних реле або ПЛК.
* Зібрати щит, в якому управління світлом буде зроблено на ПЛК, але буде можливість, якщо ПЛК завис, переключитися на ручний режим управління.
* Придумати IPM ™ АВР для управління мережею, генератором і інвертором за допомогою логічного реле або ПЛК.
* Зібрати шафа на системі SMISSLINE і CMS.
* Сценічний світло і DMX-512: Сканери, що обертаються голови, DMX-пульти, спробувати покерувати простим світлом, де це можна.

За всіма цими пунктами пишіть відразу на пошту або телефонуйте - попридумували! У мене купа напрацювань, які шукають вихід!

Помилки і помилки

На убуваючому місяці я супер-відповідальних справ не починаю (без пояснення причин)! Вони завжди закінчуються жопой! =) До підрахунками щитів це не відноситься.

Copyright © 2024