**01 - Photopea - Як створити заставку на смартфон. — Transcript & Summary | SozAI**
Source: https://sozai.app/transcript/photopea-create-smartphone-wallpaper/

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

## Key Takeaways

- Photopea — потужний безкоштовний онлайнредактор, який може замінити Photoshop для багатьох задач.
- Платний акаунт Photopea прибирає рекламу, але всі інструменти доступні і в безкоштовній версії.
- Обмеження історії редагування можна обійти, зберігаючи проміжні версії файлів.
- Вибір інструменту залежить від потреб користувача та готовності платити за професійний софт.
- Практичні навички роботи з графікою можна здобути, освоюючи Photopea через серію відеоуроків.

## What the video covers

- Відео є першим у серії уроків про роботу з комп'ютерною графікою в онлайнредакторі Photopea.
- Photopea — це безкоштовний, але потужний онлайнредактор, який можна порівняти з Photoshop.
- Редактор підтримує роботу як з піксельною, так і з векторною графікою, включно з форматами Adobe Photoshop, Illustrator, XD та SVG.
- Автор розповідає про походження проекту Photopea та його творця Івана Куцкіра, який живе в Чехії і має українське коріння.
- Обговорюється різниця між безкоштовним та платним акаунтом, де платний дає відсутність реклами та інші переваги.
- Пояснюється обмеження редактора щодо кількості кроків в історії редагування та рекомендації щодо збереження версій файлів.
- Автор порівнює Photopea з платними продуктами Adobe, такими як Photoshop та Lightroom, і ділиться власним ставленням до вибору інструментів.
- Відео містить практичний урок зі створення заставки для смартфона з використанням інструментів Photopea.
- Розглядаються основні функції інтерфейсу, робота з шарами, трансформаціями та текстом.
- Автор заохочує глядачів залишати коментарі щодо мови інтерфейсу та ділиться лайфхаками для комфортної роботи.

## Chapters

1. 00:00 Вступ та огляд серії уроків
2. 03:43 Історія створення Photopea та автор проекту
3. 07:24 Обмеження редактора та поради щодо збереження
4. 10:54 Порівняння Photopea з платними продуктами Adobe
5. 14:44 Мова інтерфейсу та налаштування
6. 18:39 Параметри зображення та роздільна здатність
7. 22:28 Робота з палітрами та інтерфейсом
8. 30:05 Практичний урок: створення та редагування заставки

Answers

## Questions about this video

Чи є Photopea безкоштовним редактором?

Так, Photopea є безкоштовним онлайнредактором, який надає доступ до всіх основних інструментів. Платна версія прибирає рекламу та має додаткові переваги.

Чи можна в Photopea працювати з векторною графікою?

Так, Photopea підтримує роботу з векторними форматами, такими як SVG, і має інструменти для редагування як піксельної, так і векторної графіки.

Які обмеження є у безкоштовній версії Photopea?

Основне обмеження — це кількість кроків в історії редагування, які зберігаються. Рекомендується регулярно зберігати проміжні версії проектів.

## Full Transcript — Download SRT & Markdown

00:05

Speaker A

Вітаю, друзі! Це канал "Навчаємось разом". Я Іван Шха Серкісов, автор цього каналу. Сьогодні хочу запропонувати вам перше відео з серії. Я думаю, що ця серія буде достатньо довга в часі, тому що багато є чого показати, чим поділитися, щоб ви

00:24

Speaker A

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

00:49

Speaker A

безкоштовному онлайнредакторі. Тобто ці два ключових моменти: безкоштовний онлайнредактор, але це дуже потужний інструмент. Його можна порівнювати спокійно з фотошопом, тобто з певним інструментарієм, який є в Fotopia. В тому редакторі, який ви бачите, він присутній в фотошопі і, скажімо так, це

01:12

Speaker A

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

01:29

Speaker A

називають безкоштовний Photoshop альтернатива Фотошопу, зважаючи на те, що серед форматів файлів, з якими він працює, ось ці три позначки — це Adobe софт. Це у нас піксельний редактор, власне Photoshop, так, це у нас Illustrator і далі XD. Sketch — скетч — це не Adobe, PDF формат

01:49

Speaker A

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

02:07

Speaker A

працювати для фотографів з RAW форматом. І взагалі, в принципі, класичні якісь такі класичні і не дуже класичні формати файлів, які ми бачимо тут на цій позначці, з ними також можна працювати. Фактично це не тільки піксельний редактор, так, тобто

02:26

Speaker A

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

02:44

Speaker A

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

03:03

Speaker A

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

03:20

Speaker A

поговоримо про те, як це все тут виглядає. Хочеться сказати про те, ну, передісторію. Можливо, ви бачили інтерв'ю, можливо, ви читали, бачили відео з автором цього проекту, тобто саме Fotopia, того, хто створив це — Іван Куцкір. Він зараз, ну, багато років, скажімо так,

03:43

Speaker A

перебуває у Чехії, живе у Чехії, і, ну, а походження у нього українське. І от тут на YouTube є, в принципі, інтерв'ю достатньо довгеньке, або можете поглянути, або я додам посилання в описі, або я дам у правому верхньому куточку як картку теж

04:04

Speaker A

можна буде перейти. І є стаття, не одна стаття, багато інтерв'ю. Тобто це десь, напевно, от дивимось квітень, так, тобто півроку тому багато було матеріалів. Якщо ви загуглите просто Fotopia, а ще й додасте там Іван Куцкір, то буде купа у

04:20

Speaker A

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

04:36

Speaker A

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

05:01

Speaker A

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

05:24

Speaker A

реклами. У мене ж тут зараз ви бачите, також нема реклами. Є декілька способів, як в трансляцію не пустити рекламу. Реклама незалежно від того, що в мене зараз запис іде екрану в повному форматі. Дивіться, я просто розтягнув трошечки вбік. Ось у мене тут реклама. Я

05:44

Speaker A

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

06:08

Speaker A

заробляє автор цього проекту. І давайте вже, якщо ми тут подивимось, дивіться, важливий момент: 2x steps in History. Ми будемо про це розмовляти. Тобто є палітра історії, яка фіксує кожну нашу дію в цьому редакторі, і ми можемо в будь-який

06:25

Speaker A

момент по цій палітрі історії повернутися на певний стан нашого документа, нашої роботи, подивитися або один там крок історії видалити. Ну так, у всякому разі, у фотошопі це працює. І власне Photoshop був прообразом, так, для цього редактора. 2x steps in History означає, що

06:46

Speaker A

в Fotopia, зважаючи на те, що це онлайнредактор, є якісь обмежені потужності певні, так. І я не дивився ще, скільки там кроків. Наприклад, якщо там 100 кроків, так, то це достатньо багатенько. Якщо 20 кроків, то це не так уж і багато. Тобто ви будете

07:07

Speaker A

робити, наприклад, 50 кроків, 50 дій зробили, але пам'ятати буде він лише ваші останні 20 з цих 50. Тобто в певний момент ви не зможете повернутися до якогось там крока із першої там 10, 20, 30 дій. Це зазвичай не критично. Тобто це

07:24

Speaker A

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

07:45

Speaker A

рішення, яке лежить на поверхні. Потім, коли ви закінчите працювати над проектом, всі попередні копії можете видалити і залишити реліз, скажімо так. Якщо ми переходимо до Go Premium, це просто для того, щоб порівняти. Так, в мене є Photoshop по підписці, Photoshop Lightroom, здається,

08:01

Speaker A

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

08:23

Speaker A

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

08:40

Speaker A

прибуток, певний заробіток, так, то тут я думаю, що не буде питанням сплачувати 10 доларів на місяць. Хоча є коментарі у мене під відео, які у мене є в серії IT освіта, основи IT освіти. У мене там є декілька

08:54

Speaker A

відео про Photoshop і про Illustrator, і там в коментарях хтось писав, що ви дійсно вважаєте, що там кожен може собі дозволити, бла-бла. Питання не в тому, що я вважаю. Питання в тому, що кожен собі обирає певний інструмент, певний

09:13

Speaker A

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

09:35

Speaker A

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

09:57

Speaker A

Для мене це важливо, тому я, ну, моя позиція така. Тут ми бачимо, що тут ми бачимо, що також починається від 9 доларів на місяць, ось будь ласка. Так, тобто, ну, те саме в Lightroom, Adobe Lightroom і Photoshop, вони звісно, дають більше

10:15

Speaker A

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

10:30

Speaker A

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

10:54

Speaker A

працює з ров форматом він зручніший він якось якісніше працює хоча це на певно більше звичка багато років я працюю з фотошопом починаючи з 2003 здається чичего року Тобто це ще був там якийсь Photoshop 5.5 ще до оцихіх CS і таке інше можливо це саме

11:16

Speaker A

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

11:41

Speaker A

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

12:04

Speaker A

блоків від фотошопа це Photoshop в режимі відкриття останніх файлів да або там створення нового Тобто це він такий Да він тут нібито не схожий але Подивіться File Edit Image Layer але Подивіться меню File Edit Image Layer Type і таке інше тут так

12:27

Speaker A

само File Edit Image Layer ну Type немає є Select тобто в принципі ми бачимо те саме ось тут у нас є кнопочки це відноситься до проекту безпосередньо тобто про проект там про помилки повідомити посилання соціальні мережі чи проекта чи

12:44

Speaker A

власника а в цілому далі ми побачимо що всі інші частини вони схожі ну власне Давайте будемо робити як створити новий файл з чого почати є New Project є New Project є File New є клавіатурна комбінація Alt Ctrl N що в нас в

13:04

Speaker A

фотошопі File New просто Ctrl N так або є Create New тобто в принципі також декілька можливостей створити новий файл можна відкрити з комп'ютера можна подивитися шаблони Тобто це цікава річ до цього ми колись дійдемо і є демо от

13:27

Speaker A

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

13:44

Speaker A

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

14:01

Speaker A

те чи варто переключатися на український інтерфейс частіше за все Я використовую англомовний інтерфейс і зараз у мене на цьому ноутбуці У мене навіть Windows повністю на англійський і я це ніяк не буду змінювати у всякому разі поки що але

14:22

Speaker A

напевно напевно для того щоб А тут треба знайти золоту середину е чи залишити англомовний щоб в принципі ті хто дивляться Ну можливо трошки звикали до використання софта української мови або перейти на українську ось тут меню more language і тут можна знайти

14:44

Speaker A

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

15:04

Speaker A

україномовним інтерфейсом а Фотошопі в принципі я буду показувати воно буде видно приблизно ті самі речі українською створення нового файл з чого ми починаємо наприклад натискаємо сюди новий проект тут у нас у Фотошопі коли ми натискаємо Create New в нас також

15:24

Speaker A

з'являється дещо схоже на те що ми бачимо там тобто ще раз і ще раз я буду підкреслювати те що є у нас такі варіанти по тому що вони дещо схожі Да у в цьому проекті фotopia вже одразу є шаблони можна тут пошукати

15:44

Speaker A

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

16:07

Speaker A

практики у нас сьогодні буде зображення для ваших ваших смартфонів для робочого стола Скажімо так да заставочка або екран блокування або фон під ваші під ті додатки застосунки які є у вас в в смартфоні тому ми пишемо що Наприклад

16:28

Speaker A

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

16:57

Speaker A

тобто одиниці виміру різні можна замінити Тобто Це буде вже вертикальне бачите да Тобто це по горизонталі вони такі будуть макетки А оце більше схоже до того що у нас є на е смартфонах Тобто та така пропорція Більше dpi про це окремо Варто сказати І власне

17:19

Speaker A

такі ремарки такі додаткову інформацію я буду дуже часто давати тому що у мене є досвід роботи в графічних редакторах У мене є знання які можна віднести до сфери дизайну я не працював постійно дизайнером але у мене є освіта

17:41

Speaker A

дизайнерська певна саме комп'ютерного дизайну у мене є практика ну таких разових виконання разових замовлень різного рівня Це були різні там макети і від візитівки до до дизайну сайтів в принципі тому я чим може відрізнятися мої відео від тих хто намагається Просто

18:02

Speaker A

показати інтерфейс як натискаються кнопочки да тим що тут буде практична інформація стосовно dpi це dop inch крапок на дйм це щільність того з чого як побудоване зображення Да і вона в принципі дещо пов'язана з тим як це потім друкується І отут поки що

18:24

Speaker A

просто я скажу що навіть можна не те що я скажу А побачити все дивіться от якщо ми кажемо про Social розділ Social дає нам шаблончики пустих документів наприклад те що близько да до Ютубу чи там давайте Instagram можливо до всіх

18:39

Speaker A

близький от 1080х 1080 пікселів і 72 не змінюється тобто воно дає Що потрібно щоб був параметр 72 72 крапочки на tм якщо ми перейдемо наприклад в друк в розділ друк і оберемо а третій формат дивіться при певних розмірах є 300 dpi це

19:06

Speaker A

важливо таке налаштування дозволить вам Тобто ви можете в принципі створити Не знаю для чого але створити на 72 точки на дюм атретій формат файл але якщо ви потім його відправите на друк да мається на увазі на друк більш-менш професійного рівня да тобто в

19:29

Speaker A

якусь цифрову типографію цифрову друкарню то ви отримаєте при 300 точках Ви отримаєте максимальну гарну якість якщо у вас тут буде 72 то воно буде дуже-дуже або не дуже гарне або дуже негарне Ось так тобто поки що запам'ятайте 72 це приміняється до тих

19:54

Speaker A

зображень які ми бачимо на екранах лектронних пристроїв Скажімо так хоча у телевізорів там є відмінності якщо ми хочемо пустити це на телевізор Да у техніки Apple є свої відмінності Ну і до речі давайте от по мобільних дивіться беремо Samsung наприклад бачите 72

20:15

Speaker A

Пікселя на дюм тобто є певна роздільна здатність екрану але dpi на 72 а якщо ми беремо iphoneчик навіть п'ятий навіть четвертий дивіться 326 це те що відноситься до ретина дисплея тобто у них там своя технологія у них е щільність пікселів на екрані матриця

20:34

Speaker A

екрана вона інша і навіть зараз десь тут щось було От дивіться у айпеда у нього 72 наприклад Так десь був 326 ось екрани з більшом фізичним розміром хоча роздільна здатність така сама Подивіться шостий сьомий восьмий iPhone у них

20:56

Speaker A

750х1300 Ні інши все ж таки да і екран і роздільна здатність і відповідно щільність пікселів ще більше тобто є ці відмінності на них треба звертати увагу і поки що ми просто Працюємо з режимом Social е от є Insta Story там зробити

21:12

Speaker A

тобто можна подивитися це вже заготовочка вам не треба в цьому випадку думати про розмір чи впишеться воно в екран е- в екранний розмір в тому додатку для якого ви створюєте да тобто ось є Facebook е обкладинка Facebook сторінки

21:29

Speaker A

е є просто поширити зображення Якщо ви хочете в стрічки свої є для подій там свій формат для заголовків групи Instagram квадратне зображення Insta Stories Е проа YouTube профіль да Це мається на увазі піктограмка кругла яка скругляється потім квадрат який

21:52

Speaker A

потім скругляється Це YouTube Cover це на канал обкладинка Ну і Twitter профіль і заголовок тобто є певні ну популярні у всьому в світі Скажімо так да формати і можна обрати вже готовий розмір ось тут не не замислюючись друк тут різні

22:10

Speaker A

формати паперові фотографія - це в дюймах це те що можна перерахувати на знайомі Скоріш нам у сантиметрах там 9х1 10х 155 15х21 класичні ті хто хоча б трошечки Ну доторкався до фотографії і коли потім її друкували да ті ті часи

22:28

Speaker A

коли ще це було в тренді Скажімо так да а вони знають ці розміри в сантиметрах які назвав і вони відносяться до цього тобто 5х7 дюймів це Що це якраз десь буде 15х21 Да да сантиметрах мається на увазі екранні варіанти різні Тобто це ще

22:50

Speaker A

там маленькі якісь там старі будемо казати да там Full HD 4К тобто різне розширенняді здатність Перепрошую роздільна здатність екрану і Роздільна Ну і розміри відповідно два параметри розміру зображення яке ми будемо створювати мобільний ми вже бачили певна реклама різні банери там всяке таке І

23:15

Speaker A

ось тут є У нас різні такі квадратні форми квадратні форми починаючи від піктограмки ось сюди наприклад в браузер да 16х1 Якщо я не помиляюсь вона як розміру є і далі далі далі ми не будемо цим сьогодні користуватися ми введемо свої цифри що

23:38

Speaker A

необхідно зробити якщо ви хочете саме під ваш смартфон зробити е шпалерку вам потрібно загуглити характеристики вашого смартфона е давайте наприклад Ну що ми можемо зробити ми можемо там не знаю там що там ее який-небудь там Samsung A5 не знаю

23:58

Speaker A

існує такий телефон так да це було риторичне запитання от ну Samsung там Що там аа525 не знаю що це за смартфон Я просто Заходжу я його знайшов і от можна натиснути деталі і подивитися чи є тут да ось будь ласка 2400 на

24:19

Speaker A

1080 все от Ми беремо ці параметри І власне додаємо сюди 2400 на 0 зараз у нас це буде такий горизонтальний формат так ще раз скільки ся А це якраз ми я що вгадав 2400 да ось так Майже вгадав

24:43

Speaker A

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

25:06

Speaker A

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

25:28

Speaker A

просто інформаційного потоку ми зробили тепер ми можемо вже Подивитися коли у вас створено файл У вас є Ось така можливість тобто ви в фotopia не можете перетягувати да Тут є палітри тут є палітри їх можна намагатися переміщуватися переміщувати але повноцінного того як в

25:51

Speaker A

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

26:10

Speaker A

операційній системі а не онлайн і тому тут все можна переміщувати тобто бу будь-які е палітри будь-які складові можна їх переміщувати в fotopia цього не можна зробити Я впевнений що це саме обмеження того що це онлайн-редактор але якщо ви до цього

26:29

Speaker A

раніше не звикли до плавуючих палітр що вам зручно кудись якусь палітру при роботі над певними проектами витягнути то вам це і не потрібно дивіться ось тут є такі елементи керування щоб збільшити або зменшити місце яке Вам потрібне під

26:44

Speaker A

ваш файл в даному випадку файл вертикальний тому по великому рахунку ми можемо залишати це все відкритим А ось це повинно працювати як е в фотошопі як в фотошопі ось таке в один стовчик в два стовпчика думаю що у мене

27:01

Speaker A

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

27:20

Speaker A

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

27:42

Speaker A

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

28:04

Speaker A

налаштування більш того Зверніть увагу на інструменти Біля кожного інструмента є такий малесенький трикутничок малесенька така Галочка в правому Нижньому куточку майже біля кожного дивіться крім оцього збільшувального скла так так да ну тобто і якщо ми натискаємо і тримаємо кнопочку миші у

28:23

Speaker A

нас показується які інструменти приховані які інструменти або їх варіації цього інструмента приховані тут тобто тут наприклад є по-перше бачимо що гаряча клавіша b є пензель олівець і заміна кольору тут ми бачимо там де обрізка кадрування кадрування перспективи фрагмент виділення фрагмент

28:42

Speaker A

тобто не просто всі інструменти тут а під кожним ще є згруповані якісь схожі це Важливо пам'ятати і якщо ви наприклад дивитесь я натискаю кажу що Візьміть інструмент залівка да То ви просто А у вас нема залівки ви не бачите ви

29:00

Speaker A

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

29:17

Speaker A

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

29:44

Speaker A

можна реєструватися можна не реєструватися ну тобто тут ось є кнопочка join fre браузер розстягнутий щоб приховати фотоopia рекламу і відповідно всі сторінки також відкриваються я пошукаю пропоную сьогодні зробити я зроблю у всякому разі з пандою буде фраза написана будь-як Панда а

30:09

Speaker A

кожен вже собі може додати Тото це будь-як панда це з відомого Ну я не знаю чи можна назвати його мемом не будь расистом будь як Панда вона чорна Вона біла вона азіат Да щось таке Здається було Але є різні варіанти

30:25

Speaker A

і будь-як панда тут може бути ваша класна якась інтерпретація там будь лидачим або там будь милим будь там няшкою чи ще щось це вже кожен собі допише Як захоче Я просто хочу зробити обойку з Панди насправді чому Панда тому

30:46

Speaker A

що в мене на минулому тижні був урок з одним з моїх учнів онлайн і він запропонував Давай Іване зробимо з пандою і ну Скажімо так це підштовхнуло Мене надихнуло підштовхнуло зробити Цей урок власне із пандою також так я зроблю

31:06

Speaker A

ось такий от крупний планчик портрет Тобто можна взяти Ось так можна так відкрити так тактак save Cop Image adress якщо ми скопіюємо адресу зображення вставимо її сюди то потім вона відкриється ще раз ще раз ще раз ще раз пока що я зробив можливо занадто

31:30

Speaker A

швидко Я знайшов потрібну фотографію просто по пошуку я вбив Панда Так де вона Панда моя Панда де вона зникла Так Панда ось Я перейшов на неї збільшив тобто відкрив такому вигляді потім правую кнопочку на зображенні Copy Image adress

31:54

Speaker A

скопіював адресу саме зображення замість з цієї адреси вставив сюди цю адресу натиснув Enter і отримав це зображення ось воно Ось такого розміру хоча коли ви там зареєстровані там здається можна обирати різні розширення цих зображень нам вистачить Ось цього І тепер я беру з одного боку я

32:21

Speaker A

міг би зробити класичний варіант да тобто Я впевнений що кожен хоча б один раз в житті з рігав якусь картинку з Інтернету і потім її там чи на комп'ютер використовував чи в телефон закидував фotopia вміє дещо цікаве по-перше Ну я

32:39

Speaker A

покажу все ж таки да як зробити save Image s зберігаємо зображення як наприклад на робочий стіл я створю зараз папочку фотопіia Ось [музика] так байдуже я ім'я є таке і тепер я тут зроблю через файл що можна зробити дивіться можна

33:06

Speaker A

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

33:24

Speaker A

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

33:47

Speaker A

робить чи вміє це робити імп але от тут мені це подобається у нас є зараз скопійована оця адреса в буфері обміні обміну в Windows да У нас є скопійована ця адреса зображення і фоopia вміє відкривати за допомогою посланя тобто

34:05

Speaker A

він фотопія сама завантажує не знаю як правильно називати фотопія редактор вн А фотопія напрашується вона Ладно я думаю що ви за це не відпишетесь від мене Якщо ви будете бажати що я неправильно називаю фотопія відкрити за URL дивіться сюди Ми робимо знову ж таки

34:28

Speaker A

ctrl V да або правою кнопкою і вставити цю адресу А є можливість точно я забувся і обрати поточний проект все є тобто оце ми це ми додавали цей об'єкт Так де наша палітра шарів вікно Ні давайте просто натискаємо ctrl+ Z

34:51

Speaker A

познамимось з відміної дії Ctrl Z натиснули і те що ми сюди помістили тим першим способом воно пішло тепер другий способ відкрити більше відкрити зurl вставили сюди адресу обрали поточний проект натиснули Окей і так само воно сюди потрапило все тобто

35:09

Speaker A

ми зараз ось цим уникли того кроку що ми повинні зберегти цю картинку яка буде Приймати участь в проекті А що ми її повинні зберігати собі на комп'ютер там десь і там якусь структуру ще робити чи ще щось Тобто це одразу із

35:27

Speaker A

мережі і завантажились зображена сюди ось так ми маємо зараз коли сюди додали цей об'єкт він готовий до трансформування дивіться ми тягнемо якщо за один куточок цей або ось цей Да будь-який маркер коли стрілочка рівна це буде деформація на Ну

35:49

Speaker A

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

36:07

Speaker A

натискаємо воно Все повернеться до розміру яким воно сюди було Додано хрестик будь ласка на місці тепер беремо стрілочкою і ось тут у мене вистрибувало да Що смарт об'єкт бла-бла-бла а вікно вікно і шари де наша палітра шарів Ось вона палітра шарів

36:28

Speaker A

Давайте я поки що це закрию все ж таки палітра шари це е- я ну вже майже звик можливо Напевно все одно я буду колись називати це слої або layers layers - це англійською палітра layers я зважаючи на те що Photoshop я

36:46

Speaker A

вчив ще коли виключно розмовляв російською да використовував і в навчанні і в побуті російську мову то і шари для мене це шар це ну кулька да українською і я не міг довгий час переналаштуватися себе для того щоб от В

37:04

Speaker A

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

37:23

Speaker A

воно має таку позначку невеличку такий квадратик це смарт об'єкт розумний об'єкт я який не просто є картинкою там якоюсь да а Він пам'ятає свої початкові розміри Скажімо так І зараз я хочу це що зробити я його знайшов для того щоб з

37:41

Speaker A

ним попрацювати в плані масштабування тобто те масштабування яке було при е розташуванні його сюди в цей файл коли ми закинули воно зараз вже недоступне саме тому саме тому Зараз ми можемо що зробити ми можемо його разстризува так і тепер воно у нас повинно вже

38:03

Speaker A

виділятися єдине що керування трансформації Ось я поставив це налаштування керування трансформації І тепер в мене є ці всі елементи і дивіться корисне ось такого не робіть Це погано Це Ну може це смішно да але це неправильно не можна

38:23

Speaker A

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

38:45

Speaker A

тобто це трансформація іде рівномірна рівномірна трансформація пропорційна Точніше да Я зараз розтягнув до кінця зображення так і хочу тепер трошки перемістити тобто я ще дії свої не закінчив тому я отут от підтвердження не роблю Я хочу розташувати щоб Панда була от якось

39:11

Speaker A

більш-менш по ширині екрану по центру екрана і Ось тут бачите є направляючі лінії які мені підказують ось я ось піймав по вертикалі і якщо я вниз вгору є ось оп блимає да ось Ось так от по горизонталі Також я розташував зараз

39:31

Speaker A

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

39:49

Speaker A

перша дія перше знайомство Тобто ми додали сюди картинку з цією картинкою трошечки попрацювали з її розмірами тепер вар додати текст текст - Це окремі шари це окремий текстовий шар тому що Текст - це векторна Скажімо так істота і

40:09

Speaker A

потребує особливої уваги обрали інструмент текст зверніть увагу змінився змінився ось тут розклад да тобто тепер ми бачимо що те що схоже на текстовий редактор є назва шрифта є його варіант його креслення Скажімо так Да є розмір є колір і там ще дещо

40:33

Speaker A

вирівнювання І такі інш І такі інш Сьогодні ми Прості речі задіємо нам цього буде достатньо sн це тут за замовченням шрифт є величенька палітра Ну не палітра скоріше да а такий довідничок зі шрифтами їх тут купа дуже велика і це

40:53

Speaker A

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

41:12

Speaker A

да тобто є всі оці особливості є з кирилицею які працюють є працюють які з латинкою тобто інші різні всякі вони є і ось тут це можна от якщо всі або не всі наприклад я хочу взяти тільки те що

41:31

Speaker A

схоже на такий як це правильно не декоративний а рукопис да тобто якщо це від руки писали такі стилізовані шрифти хоча для цього мені це не підійде просто я кажу Що наприклад можна відокремити ці шрифти подивитися Да так sрипt Серф ну серіфи

41:54

Speaker A

це те що з такими от рисочками на кінці літер це якщо ви дивилися мої відео по створенню сайтів то ви знаєте вже що таке серіф І сансріф от sunif це такі рублені чіткі літери До речі це мені і

42:08

Speaker A

потрібно це я і хочу взяти ось є якись фдока One але не факт що цей шрифт працює з кирилицію так дивіться ми взяли зараз сансеріфи якщо взяти із сансеріфів виділити кирилицю давайте фрідокаван подивимось чи є він кирилиця так так так ABC D F немає Да

42:36

Speaker A

тільки фірасанс фрі фрі фрфрі Да Ну окей візьмемо щось інше ще раз покажу що це були за маніпуляції дивіться для того щоб написати щось українською мовою ну кирилиця - це Що це українська там білоруська болгарська да Там російська

42:54

Speaker A

казаська здається хоча казахи на латинку переходять і Ми обираємо той шрифт який вміє відображати літери українською мовою тобто для цього треба обрати кирилицю не клацати з з цього набору повного От наприклад Санс та тобто тут будуть ті шрифти які з українською не вміють

43:15

Speaker A

працювати по оцьому Е прикладу на креслення шрифта ви не побачите ви не зрозумієте чи підтримує він українську чи ні і в фотошопі здається такого немає оце за це автору респект величезний так All classes тут є по по кресленню Да там серіфи сансріфи

43:45

Speaker A

але я не бачу чи є тут кирилиця і все таке інше Да в цьому певний плюс тут присутній у фотоopia тож тож ми беремо де наші сансеріфи беремо кирилиця і дивимось якийсь такий шрифт обрати ну Days One Мені подобається обрали розмір

44:11

Speaker A

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

44:26

Speaker A

малесенькій квадратик малесеньки курсорчик Чому Тому що шрифт 24 а картинка велика розмір можна змінювати як дивіться Перший спосіб Але який може ввести в оману Вам може здатися що більше ніж 150 пікселів не можна От тепер курсор Я думаю ви бачите тут

44:43

Speaker A

більше 150 пікселів не можна Справа в тому що тут декілька варіантів введення ну встановлення Скажімо так встановлення розміру шифта перший - Це ось цей ось такий Да просто ви можете тягати другий спосіб - це просто просто на назві Отут на розмірі навести курсор

45:00

Speaker A

Це властивість в фотошопі така присутня можна ліву кнопку затиснути і потягнути сюди вліво це зменшення або збільшення і воно буде працювати от Поки ви будете тягнути дивіться який можна величезний шрифт зробити Да я не ну короче Да 2000 пікселів отакий

45:18

Speaker A

величезний можна зробити нам цього забагато ми візьмемо десь поки що давайте візьмемо там щось на рівні там 180 приблизно а потім подивимось ми хочемо написати фразу будь як Панда так англійська [музика] буд як Панда тут ваше бажання можливо варто

45:50

Speaker A

дійсно розташувати в три рядочки Ось так ми зараз в активному текстовому шарі ми обрали шрифт його начертання його креслення Точніше да його розмір і колір тут у нас картинка в таких ну білий колір присутній в певному відтінку Да

46:10

Speaker A

білотакий жовто-сірий якийсь Панда трошечки Ну Панда ж це Панда тому вона може бути трошки брудною ми тут можемо обрати колір дивіться виділили наш текстовий шар натиснули І отут брали колір якщо взяти білий наприклад да на контрасті спробувати то буде ось так воно тоді

46:34

Speaker A

якщо ми підтвердимо візьмемо стрілочку Воно повинно бути десь ось тут щоб воно не на Білому не звалось або отут нижче або отут вище [музика] відповідно ну є ще варіанти є ще варіанти один з класичних варіантів для дизайнера навіть якщо ви робите шпалери

46:56

Speaker A

на робочійсті собі то чому б не назвати вас дизайнером да простий варіант доволі це обрати один з кольорів які один з відтінків які присутні на зображенні тобто в нас тут є багато відтінків зеленого якогось такого жовто-коричневого і Можна спробувати

47:15

Speaker A

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

47:34

Speaker A

показує те Який колір Ми беремо тут якийсь такий ось бруднокоричневий жовтий ось можливо такий я щось хочу з темно-зеленого Ну потім дещо ще додамо да ось я беру темнозелений колір я його обрав просто собі в палітру да І тепер я

47:56

Speaker A

беру інструмент текст обираю і можу Ось так визначити Ось Він у мене тут є Ось він цей колір Окей так поки що погано видно стрілочку беремо переміщуємо якщо зменшити то можна залишити в неї на лобі Ну чому б

48:24

Speaker A

ні щоб це зробити дивіться Панда у нас ну більш-менш симетричне обличчя має Да ми зробимо також тоді текст вирівняємо коли ми обрали текстовий шар він у нас активний ось тут ми ще бачимо Да ми зараз не Заходимо в текстовий шар ми

48:39

Speaker A

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

49:03

Speaker A

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

49:19

Speaker A

годину я хочу показати другий варіант створення цього самого елемента мається на увазі його фінального у нас є [музика] такий вже готовий варіант Да ми можемо зробити що ми можемо по-перше його зберегти да це експорт от можна зробити через експорт

49:42

Speaker A

pнг це буде гарний варіант тому що не буде Зменш зниження якості Скажімо так Та gpeg це буде непогано але це буде гірше ніж pngг робимо обираємо експортувати як png тут у нас є налаштування ми в принципі нічого не змінюємо якщо у вас

50:05

Speaker A

чогось якогось з якимось з якихось причин зменшено поставте на 100% і натискайте зберегти натискаєте зберегти все картинка це пішла яким способом ви закинете її собі на комп'ютер це вже ваша справа там чи через Google Диск чи перекинути у Viber хоча у Viber якщо

50:25

Speaker A

будете робити це то там є два варіанти відправляти файл і просто кинути картинку так от краще через відправлення файлів тоді не буде стискання зображення не буде втрати якості або без втрати якості працює здається Telegram тобто різні варіанти ви можете зробити А що я

50:44

Speaker A

хочу показати Я хочу показати тобто коли у мене вже цей варіант збережений Я хочу показати вам як зробити з цим самим текстом дивіться але але на ось такому темному фоні що можна зробити Можна зробити це такий невеличкий прийомчик Скажімо так

51:07

Speaker A

дизайнерський да беремо ось цю Не виділення прямокутне а саме об'єкт прямокутник беремо ось тут приблизно так ну от вписуємо цей курсор хрестик в кут ось тако і дотягуємо десь сюди трошки до голови панди і так тобто більш-менш рівномірно щоб по боках був відступ

51:31

Speaker A

колір звісно не червоний колір обираємо білий і у цього білого кольору по-перше його ми по палітрі шарів пересунемо нижче тоді він буде під текстом це до речі пустий текстовий шар Він нам не потрібен і для того щоб це не виглядало

51:53

Speaker A

як просто такий білий ляп Да ми можемо зробити Ось тут зменшити непрозорість зменшити непрозорість Ну так якмого більше але так щоб не втратити контрастність чіткість наших літер ось тобто будь-як Панда читається водночас воно на такому фончику і ми не

52:19

Speaker A

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

52:38

Speaker A

збереглося з іншим іменем тобто У нас вже є дві картинки тобто що ми сьогодні використовували Ми попрацювали з додаванням зображення в створений файл Да крім того що ми створили файл поговорили про те що А Можуть бути різні розміри файла Важливо пам'ятати про

52:55

Speaker A

параметр dotpe можна обрати готовий варіант або вставити свої розміри додати потім сюди в існуючий файл певного розміра Ми з unsplash.com перетягнули додали через онлайн можливості фotopia відкрити більше відкрити з URL додали цю фонову картинку ми її інструментом стрілочка

53:17

Speaker A

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

53:39

Speaker A

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

54:02

Speaker A

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

54:21

Speaker A

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

54:36

Speaker A

практично щоб це було все на практиці але я все одно в певний момент зможу зробити відео про ті речі які ви які вам цікаві Я в принципі згоден з Іваном автором е цього проекту фotopia в тому що треба просто У нього є така фраза в

54:57

Speaker A

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

55:15

Speaker A

висвітлюю на своєму каналі все пока-пока до наступного відео не хворійте

Topics: Photopea онлайнредактор безкоштовний графічний редактор створення заставки комп'ютерна графіка редагування фото векторна графіка порівняння з Photoshop уроки Photopea IT освіта

Вчити це відео

- [Флешкартки з цього відео](https://sozai.app/uk/tools/ai-flashcard-generator/?from=transcript&id=71203)
- [Вікторина за цим відео](https://sozai.app/uk/tools/quiz-generator/?from=transcript&id=71203)

Безкоштовно, створено ШІ за цією транскрипцією. Без реєстрації.


---
This is the markdown twin of https://sozai.app/transcript/photopea-create-smartphone-wallpaper/ — the same content, without the markup.
Published by SozAI (https://sozai.app). Reuse and quotation are allowed with attribution and a link back.
Machine-readable index: https://sozai.app/llms.txt · data API: https://sozai.app/api/