Създайте шаблони за плащане за фоново изображение на уебсайт: 8 стъпки

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

Ето един ясен и прост (според мен) метод за създаване на изображения, които могат да бъдат подредени, без да изглеждат прекалено „решетъчни“. Този урок използва Inkscape (www.inkscape.org), редактор на векторни графики с отворен код. Предполагам, че този метод може да се приложи и към скъпи програми за векторна графика като Adobe Illustrator. Хей, това са твоите пари.

Стъпка 1: Настройте документа

След като отворите Inkscape, ще искате да настроите свойствата на документа. ([Файл -> Свойства на документа]) Първо променете ширината и височината на документа на номер, с който е по -лесно да работите. За този урок създадох квадратно изображение, но всяка пропорция ще е подходяща. След това ще искате да настроите мрежата. В по -старите версии на Inkscape имаше само една възможна мрежа. В по -новите версии ще трябва да създадете нова решетка. Променете разстоянието между мрежата, така че тези стойности да се разделят равномерно на стойностите на ширината на документа и hegiht. Като цяло е добра идея да работите от голямо изображение и след това да намалите мащаба, ако е необходимо. Тъй като това е векторно изкуство, технически размерът няма значение, но на практика ще бъде по -лесно концептуално с по -големи числа. В този урок използвах изображение с размери 500 x 500 пиксела и решетката ми е на интервали от 10 пиксела.

Стъпка 2: Инструмент за правоъгълник

Използвайте инструмента правоъгълник, за да нарисувате квадрат/правоъгълник, който заема пълния размер на документа. Голяма стойност на разстоянието между решетките (вижте предишната стъпка) ще направи инструмента за правоъгълник лесно прилепване към границите на документа.

Стъпка 3: Клониране на шаблона

Group]) "," top ": 0.38721804511278196," left ": 0.354," height ": 0.35902255639097747," width ": 0.372}]">

Добавете изображението, което искате да имате във вашия модел. Ако вашето изображение е SVG файл, обикновено можете просто да го плъзнете и пуснете върху отворения си документ. Създайте клонинг на това изображение. ([Редактиране -> Клониране -> Създаване на клонинг] или можете да натиснете Alt+D) Преместете оригиналното изображение настрани, така че да не пречи на вашето работно пространство. Преместете клонираното изображение в квадрата и създайте няколко копия на клонинга. Причината за използването на клонинги вместо копия на произхода ще стане очевидна по -късно. Ето един лесен начин да направите копия в мастилото: плъзнете обекта, който ще бъде копиран, и натиснете интервала, за да пуснете копие на това място (задръжте бутона на мишката натиснат Като цяло вероятно нямате нужда от повече от 2 или 3 копия, за да създадете шаблона. Както можете да видите, имах 3 копия на изображението, но в крайна сметка изтрих едно по -късно. След като смятате, че имате достатъчно, групирайте тези елементи заедно.

Стъпка 4: Повече клониране

Повторно активиране на щракването, ако сте го деактивирали в предишната стъпка, както направих аз. На екранната снимка не виждате решетката, но тя е активирана. Изберете групата от обекти, които току -що сте създали, и направете клонинг на тази група. Подредете ръбовете на клонирането с границата на страницата и продължете да изпускате копия на клонирайте, докато имате поне 3x3 решетка от клонинги около оригинала в средата.

Стъпка 5: Експертни хамали

Сега, когато сте разпространили клонинги, е време да изгладите модела си. В момента моделът изглежда доста блоков и твърде правилен, така че искаме да разпределим нещата наоколо. За да преместите обекти, които са вътре в група, най-простият метод би бил първо да разгрупирате обектите, да преместите въпросния обект, и след това групирайте отново обектите. Това обаче ще прекъсне връзките с клонингите. Вместо това искаме да запазим групата непокътната, докато манипулираме отделни обекти в групата. За да направите това, задръжте бутона Control и щракнете върху обекта, който искате да промените. Натискането на Control избира единични обекти в група. Ако сега преместите обектите, околните клонинги също ще отразят промяната. Използвайки този метод, вече можете да премествате изображенията, докато не сте доволни от цялостния си модел. Можете също да преоразмерите, завъртите или изтриете изображенията. В крайна сметка изтрих едно от изображенията, защото имах нужда само от 2, за да изпълня модела.

Стъпка 6: За използването на клонирани изображения

Споменах в стъпка 3, че трябва да използвате клонинги вместо копия на изображения, когато създавате средния квадрат („оригиналът“). Причината е, че ако вашето изображение само по себе си е група обекти, методът на щракване с контрола при избор на групирани елементи ще избере отделните обекти на изображението. Самите клонинги не могат да се редактират (с изключение на размер и цвят) и затова методът на контролно щракване ще доведе до избиране на целия обект клониране, независимо от колко обекта е съставено оригиналното изображение.

Стъпка 7: Довършителни щрихи

Като незадължителна стъпка изберете квадратчето на фона (щракнете с Ctrl) и задайте цвета на запълване на none (т.е. прозрачен) или какъвто и да е цвят, който искате да има фон. ([Object -> Fill and stroke]) Също така намалих непрозрачността на групата като цяло (изберете с редовно щракване), така че моделът да е на заден план и да не бъде натрапчив. И накрая, важната стъпка на експортиране. Отворете прозореца за експортиране ([File -> Export bitmap]). Щракнете върху бутона „Страница“. Това ще експортира само частите от документа, които попадат в границите на страницата - тоест вътре в квадрата на "оригинала". Променете размера на експортираната растерна карта, ако искате, и след това щракнете върху "Експортиране".

Стъпка 8: Краен продукт

Готови сте! Поставете го на работния плот, използвайте го за уебсайта си или го разпечатайте и продайте като тапет! Наслаждавайте се.