Анықтама орталығыZero Block векторлық редактор
Векторлық редактормен жұмыс істеу туралы бейне оқу құралын қараңыз немесе төмендегі егжей-тегжейлі нұсқауларды оқыңыз.
Нөлдік блок өңдегішінде кіріктірілген векторлық редакторда өзіңіздің векторлық кескініңізді жасау параметрі бар. Оны жасау үшін жаңа элементті қосу → Вектор қосу түймешігін басыңыз.
Элемент параметрлеріне өтіп, векторды өңдеу түймесін басыңыз. Редакторды элементті екі рет басу арқылы да ашуға болады.
Векторлық кескін өңдегіші ашылады. Оның 4 жұмыс режимі бар - Құрал таңдау, Сурет салу құралы, Иілу құралы және нүктелер үшін өңдеу құралы.
Сурет салу құралы
Сурет салу құралы тіреу нүктелері бар безерлік қисық сызықтарды қосу және сол нүктелердегі жанама бұрыштарды реттеу арқылы жаңа пішін жасауға мүмкіндік береді. Бұл құралдың көмегімен сіз түзу, үзілген және тегіс қисықтарды жасай аласыз.
Shift пернесін басып тұрып, келесі нүктені тек көлденең, тігінен және алдыңғысына қатысты 45 градус бұрышта орналастыруға болады.
Контурды жабу үшін соңғы нүктені бастапқы нүкте орнатылған жерге қою керек. Пішінді ашық қалдыру үшін соңғы нүктені екі рет басыңыз немесе Escape пернесін басыңыз.
Shift пернесін басып тұрып, келесі нүктені тек көлденең, тігінен және алдыңғысына қатысты 45 градус бұрышта орналастыруға болады.
Контурды жабу үшін соңғы нүктені бастапқы нүкте орнатылған жерге қою керек. Пішінді ашық қалдыру үшін соңғы нүктені екі рет басыңыз немесе Escape пернесін басыңыз.
Құралды таңдаңыз
Таңдау құралы жеке жасалған фигураларды таңдауға, сүйреп апаруға, масштабтауға және бұруға, сондай-ақ олардың параметрлерін өзгертуге мүмкіндік береді - толтыру және штрих түсі мен енін.
Төрт масштабтау режимі бар:
- Тегін. Нысан арақатынасын сақтамай өлшемін өзгертеді.
- Пропорционалды (shift пернесі басылғанда). Нысан пропорцияларды сақтай отырып, өлшемін өзгертеді.
- Ортасынан бос (alt/option пернесі басылғанда). Нысан орталық нүктеге қатысты орнын сақтайды. Пропорциялар сақталмайды.
- Орталықтан пропорционалды (shift + alt/опцияны басып тұрып) Нысан орталық нүктеге қатысты орнын сақтайды. Пропорциялар сақталады.
Төрт элементті масштабтау режимдерінің мысалдары
Сонымен қатар нысанды айналдырудың екі режимі бар:
Айналдыруды қалпына келтіру үшін элементтің контекстік мәзірін нұқыңыз және Айналдыруды қалпына келтіру пәрменін таңдаңыз.
- Тегін. Нысан кез келген мән бойынша бұрылады. Ол үшін нысанның бұрышына меңзеңіз.
- Айналдыру 15 градусқа үзілді (Shift ұстап тұру).
Айналдыруды қалпына келтіру үшін элементтің контекстік мәзірін нұқыңыз және Айналдыруды қалпына келтіру пәрменін таңдаңыз.
Объектіні тігінен немесе көлденеңінен айналдыру үшін контекстік мәзірді пайдаланыңыз: Көлденең айналдыру, Тігінен айналдыру.
Иілу құралы
Иілу құралы фигураны жасағаннан кейін жеке қисық сегменттерді және негізгі нүктелердегі жанамалардың бұрышын өзгертуге мүмкіндік береді.
Өңдеу құралы
Өңдеу құралы нүктелерді өңдеуге (оларды жылжытуға және қисық сызықтарды өңдеуге) және екі нүкте арасында сызық сегменттерін жылжытуға мүмкіндік береді. Бұл режимге кіру үшін өңдегіңіз келетін элементті екі рет басу керек.
Бір векторлық кескіндегі бірнеше фигуралар
Бір векторда бірнеше элементтерді жасауға болады. Оларды бір-біріне қатысты қабаттарда жоғары немесе төмен жылжыту үшін контекстік мәзірді нұқыңыз (таңдалған элементті тінтуірдің оң жақ түймешігімен басыңыз) және Алдыңғыға әкелу немесе артқа жіберу түймешігін басыңыз. Немесе ] немесе [ жылдам пернелерді пайдаланыңыз.
Элементті жою үшін Backspace пернесін басыңыз немесе контекстік мәзірді пайдаланыңыз.
Элементті жою үшін Backspace пернесін басыңыз немесе контекстік мәзірді пайдаланыңыз.
SVG импорты
Импорттау контекстік мәзір, құралдар тақтасы мәзірі арқылы немесе Cmd/Ctrl+I пернелерін басу арқылы жүзеге асырылады. Өлшемі 20 КБ дейінгі кез келген SVG кескінін импорттай аласыз.
Жылдам пернелер тізімі
Жылдам пернелердің толық тізіміне қол жеткізу үшін редакторда үш нүкте → Төте жолдар бар түймені шарлаңыз.
Жылдам пернелер төмендегі кестеде де берілген.
Негізгі мүмкіндіктерге шолу мақаласы
Контейнерлермен жұмыс істеу және «резеңке» элементтерді жасау туралы мақала
Жұмысты жылдамдату үшін барлық комбинациялардың тізімі
Сайттың барлық элементтерінің бір макетін құру
Негізгі анимация анықтамасы: мұздату, параллакс және анимацияны көрсету
Күрделі қадамдық анимация туралы мақала: негізгі принциптер, параметрлер және мысалдар
Күрделі триггер анимациясының анықтамасы: орнату және мысалдар
Орналасуды Figma-дан Нөлдік блокқа автоматты түрде импорттау әдісі
