Направете изскачащ текст върху изображения с инструкции: 7 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:55

Изображенията на Instructables имат функция, при която изскачат текст, когато премествате с мишката върху очертаните области на снимките. Това се използва за етикетиране на особено интересни части от картината. Това е доста хубава функция и някой попита точно как се прави подобно нещо. И така, ето инструкция.:-)

За съжаление, тази инструкция е най -вече остаряла

Стъпка 1: Изходна точка

Тук сме на типична за инструктиране страница за „проучване“. Влязъл съм под моя

инструкции за потребителско име, разбира се. Кликнете върху връзката „качване на изображения“, за да стигнете до вашата библиотека с изображения.

Стъпка 2: Отидете в Библиотека с изображения

Предполага се, че вече сте заредили някои изображения, въз основа на другите инструкции от „something“. Кликнете върху връзката „image libary“, за да стигнете до страницата, показваща файловете, които вече сте качили.

Стъпка 3: Изберете снимка

Изберете и щракнете върху картината, към която искате да добавите изскачащ текст.

Това ще превключи Instructables в режим "изображение за редактиране" при разделителната способност по подразбиране. Ще бъдете в същия режим на „редактиране на изображения“, когато добавите изображение към Instructable, който създавате или редактирате, така че не е нужно да добавяте изскачащите прозорци веднага след качването, отделно от въвеждането на инструкция. Всъщност вероятно е по -разумно да го направите като част от инструкцията за създаване (останалите стъпки са еднакви), където имате контекста на вашия … текст.

Стъпка 4: Създайте областта за мишката

Щракнете върху точка и плъзнете до другия ъгъл на правоъгълник, съдържащ частта от изображението, където искате да имате изскачащ текст.

Стъпка 5: Добавете текста

Когато отпуснете бутона на мишката, редакторът Instructables ще изскочи поле, което да попълните с текст.

Стъпка 6: Готово?

Щракнете върху „запазване“, когато приключите с въвеждането на текст. Или щракнете върху „Отказ“, ако решите, че полето е на грешното място и искате да опитате отново. Едно изображение може да има повече от една област с мишката; Не знам дали има реална граница. Читаемостта изисква сравнително малък брой. Намирам за полезно да направя полетата значително по -големи от елемента, който подчертават, Това ги прави по -очевидни и по -лесни за избор. Областите могат да се припокриват, въпреки че почти трябва да изберете една от не припокриваща се част. И не можете да имате една област изцяло в друга; само външната кутия ще работи. (Някои от снимките в тази инструкция може да изглеждат така, сякаш имат една кутия в друга, но всъщност са само една кутия извън заснемане на екрана, което включва изображението на по-малка кутия.)

Стъпка 7: Не е ли хубаво?

Изскачащият текст с мишката трябва да работи на този етап.

Обърнете внимание, че изскачащият текст е свързан с IMAGE, а не с конкретна инструкция. Ако имате няколко инструкции, съдържащи едно и също изображение, изскачащите области ще се появят във всички тях, независимо дали това е подходящо. Ако искате да имате едно и също изображение на различни места с различен изскачащ текст, трябва да качите изображението няколко пъти. (Изображението в тази стъпка е пример; използва се и в стъпката „интро“, където изскачащият прозорец не е съвсем подходящ.)