SEC20/WK4: Graphic Design Hands - On practical 1

Вступ

Для виконання домашнього завдання було обрано графічний редактор Photopea. Розробник народився в Україні, але проживає в Чехії. Створив редактор самостійно. Може не такий зручний та повнофункціональний як Canva, проте цілком доступний без оплат та входу в обліковий запис. Ця доступність зумовлена рекламою на сайті та великою кількістю трекерів, велика частина рекламні. Тож про безпеку нічого не скажу. Загалом цього цілком достатньо, щоб зробити головну заставку для допису чи ще чогось. До недоліків можна віднести лише онлайн можливість. Не офіційні пропозиції пропонують клієнт для ПК,

---

Покрокове виконання

1-3

Спочатку потрібно встановити параметри нового проєкту. На головній сторінці натискаю "New Project". У виникаючому вікні можна обрати розмір, наприклад 1080х1080 та встановити колір 710da0 фону.

Додати завантажене зображення. Краще перетягнути із місця локального розташування (з теки) прямо у віконце редактора, бо інакше відкриється окремо, а мені ще до пуття не відомо як це правильно робити. А потім змінити розмір вставленого зображення та положення.

4.1-4.3

Додаю напис "WRITE POSTS WITH STEEMIT.COM & EARN". Послідовно, розділивши на окремі словосполучення чи слова, щоб легше розібратись і налаштувати. Обирається текстове поле, налаштовується колір та шрифт та розміщується в потрібному місці й змінюється розмір та положення. Зазначені шрифти у прикладі не завжди будуть відразу доступні в один клік, їх треба шукати в списку. В недавно використаних відображаються, бо були раніше задіяні й підготовлені, що показати ніби все робиться швидко й гарно.

4.4-4.6

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

5 - 7

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

Зміна кольору тексту та ще один фоновий прямокутник, щоб виділити "STEEMIT.COM" і зробити його більш виразним.

8-8.2

Два прямокутники під фото, бо так мені захотілось.
Один > a810f0 < темніший. Інший світліший > b92dfa < що вище.

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

9-10

Додається фонове зображення. Вони беруться із www.PixaBay.com, про що можна дізнатись, натиснувши на знак питання у біля поля вводу запиту.

Натиснути піктограму "Gallery". У виникаючому віконці є поле для запиту потрібного результату. В даному прикладі це dollar. З наданих результатів обирається потрібний.

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

---

Результат

Ось, майже таке зображення має вийти.

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

З написом STEEM довгкола голови. Гловне зображення в шапці допису, котре анімоване, так і зроблено, одне зображення без напсу інше з.

---

Коментар

Текст можна додавати всю відразу фразу, а потім виділяти потрібні частини та форматувати на власний смак, але тоді вони не будуть переміщатись окремо, лише цілком. Для цього також є готові шаблони із кращими ефектами, тож розібравшись, все може бути значно швидше і красивіше. Щодо зміни кольору фону в деяких анімаційних прикладах, то це через конвертацію, стиснення та зациклення з apng файлу в gif. Чим більший розміром вхідний матеріал, тим були виразніші артефакти, навіть до червоного доходило. Здається то через розмір картинки FullHD та слабкої вбудованої графіки процесора. Проте це значно полегшує отримання gif меншої ваги й зручнішим для мене шляхом.

---

_{Графічний матеріал містить онлайн вебінтерфейс функціонування сайту https://www.photopea.com/.
Також довелось зменшити кількість покрокоаого матеріалу, через обмеження на завантаження десяти файлів із зображеннями, тому в одному по два-три відразу.}

---

Запрошую взяти участь @натхнення @позитив (формально для виконання умов).

---

#ukraine #steemexclusive #graphics-s20wk4 #s20w4 #club5050 #manual #photopea