Мазмуну:
- 1 -кадам: Документти орнотуу
- 2 -кадам: Тик бурчтук куралы
- 3 -кадам: Үлгүнү клондоштуруу
- 4 -кадам: Көбүрөөк клондоштуруу
- 5 -кадам: Expert Movers
- 6 -кадам: клондоштурулган сүрөттөрдү колдонуу жөнүндө
- 7 -кадам: Тийиштерди бүтүрүү
- 8 -кадам: Акыркы продукт
Video: Веб -сайттын фондук сүрөтү үчүн ийкемдүү үлгүлөрдү түзүңүз: 8 кадам
2024 Автор: John Day | [email protected]. Акыркы өзгөртүү: 2024-01-30 10:43
Бул жерде өтө эле "сеткага" окшобой плиткаланган сүрөттөрдү түзүү үчүн түз жана жөнөкөй (менимче) ыкма. Бул окуу куралы Inkscape (www.inkscape.org), ачык булактуу вектордук графикалык редакторду колдонот. Бул ыкма Adobe Illustrator сыяктуу кымбат вектордук графикалык программаларга да колдонулушу мүмкүн деп ойлойм. Эй, бул сенин акчаң.
1 -кадам: Документти орнотуу
Inkscapeти ачкандан кийин, сиз документтин касиеттерин орноткуңуз келет. ([Файл -> Документтин касиеттери]) Биринчиден, документтин туурасын жана бийиктигин иштөө оңой санга өзгөртүңүз. Бул үйрөткүч үчүн мен төрт бурчтуу сүрөттү түздүм, бирок кандайдыр бир пропорция аткарат. Кийинкиде, сиз торду орноткуңуз келет. Inkscapeтин эски версияларында бир гана торчо бар болчу. Жаңы версияларда сиз жаңы торчо түзүшүңүз керек. Тор аралыгын өзгөртүңүз, бул баалуулуктар документтин туурасы жана hegiht маанисине бирдей бөлүнөт. Жалпы, чоң сүрөттөн иштөө жана андан кийин масштабды азайтуу жакшы идея. Бул вектордук искусство болгондуктан, көлөмдүн техникалык жактан мааниси жок, бирок иш жүзүндө айтканда, чоң сандар менен концептуалдык жактан жеңил болот. Бул үйрөткүчтө мен 500x500px сүрөттү колдондум, жана менин торум 10 пикселдик интервалда. Акырында, "Snapping иштетүү" опциясы текшерилгенин текшериңиз.
2 -кадам: Тик бурчтук куралы
Документтин толук көлөмүн ээлеген чарчы/тик бурчтукту тартуу үчүн тик бурчтук куралын колдонуңуз. Тор аралыктын чоң мааниси (мурунку кадамды караңыз) тик бурчтук куралды документтин чек арасына оңой жабыштырат.
3 -кадам: Үлгүнү клондоштуруу
Топ]) "," үстү ": 0.38721804511278196," солго ": 0.354," бийиктик ": 0.35902255639097747," туурасы ": 0.372}]">
Үлгүңүзгө ээ болгуңуз келген сүрөттү кошуңуз. Эгерде сиздин сүрөтүңүз SVG файлы болсо, анда, адатта, аны ачык документиңизге сүйрөп, таштап койсоңуз болот. ([Түзөтүү -> Клон -> Клон түзүү] же Alt+D бассаңыз болот) Иштөөңүзгө тоскоол болбош үчүн түпнуска сүрөттү башка жакка жылдырыңыз. клондун. Оригиналдын көчүрмөлөрүнүн ордуна клондорду колдонуунун себеби кийинчерээк белгилүү болот. Бул жерде боштукта көчүрүүнүн оңой жолу бар: көчүрүлө турган объектти сүйрөп, ошол жерге көчүрүү үчүн боштукту басыңыз (чычкан баскычын басып туруңуз)). Жалпысынан, шаблонду түзүү үчүн сизге 2 же 3төн ашык нусканын кереги жок. Көрүнүп тургандай, менде сүрөттүн 3 көчүрмөсү бар болчу, бирок кийинчерээк жок кылдым. Сизде жетиштүү деп ойлогондон кийин, бул нерселерди топтоштуруңуз.
4 -кадам: Көбүрөөк клондоштуруу
Эгерде мен мурунку кадамда өчүрүп койсоңуз, тартууну кайра иштетиңиз. Скриншотто сиз торду көрбөйсүз, бирок ал иштетилген. Жаңы эле түзүлгөн объекттер тобун тандап, ошол топтун клонун түзүңүз. ортодо түпнусканын тегерегинде жок дегенде 3x3 өлчөмдөгү клондор болгонго чейин клон.
5 -кадам: Expert Movers
Эми сизде клондор бар, сиздин үлгүңүздү тегиздөө мезгили келди. Азыр үлгү бир топ блоктуу жана өтө үзгүлтүксүз көрүнөт, андыктан биз нерселерди бир аз жайылтууну каалайбыз. Топтун ичиндеги объекттерди жылдыруу үчүн эң түз ыкма обьектилерди топтон чыгаруу, каралып жаткан объектти жылдыруу, анан объекттерди кайра топтоштуруу. Бирок, бул клондорго болгон шилтемелерди бузат. Анын ордуна, биз топтун ичиндеги жалгыз объекттерди башкарып жатканда, топту сактоону каалайбыз. Бул үчүн Control баскычын басып, өзгөрткүңүз келген объектти чыкылдатыңыз. Control-click топтун ичиндеги жалгыз объекттерди тандайт. Эгер сиз объекттерди жылдырсаңыз, курчап турган клондор дагы өзгөрүүнү чагылдырат. Бул ыкманы колдонуу менен, сиз жалпы үлгүңүзгө канааттанмайынча сүрөттөрдү жылдыра аласыз. Сиз ошондой эле сүрөттөрдүн өлчөмүн өзгөртүп, буруп же жок кыла аласыз. Мен сүрөттү бирөөнү өчүрүп бүттүм, анткени мен үлгүнү аткаруу үчүн болгону 2ге муктаж болчумун.
6 -кадам: клондоштурулган сүрөттөрдү колдонуу жөнүндө
Мен 3 -кадамда орто квадратты түзүүдө сүрөттөрдүн көчүрмөлөрүнүн ордуна клондорду колдонуу керектигин айткан элем ("оригинал"). Себеби, эгер сиздин сүрөтүңүз объектилердин тобу болсо, анда топтоштурулган элементтерди тандоодо башкаруу-чыкылдатуу ыкмасы сүрөттүн жеке объекттерин тандайт. Клондордун өзүн оңдоого болбойт (өлчөмү менен түсүнөн башка), ошондуктан контролдоо-чыкылдатуу ыкмасы баштапкы сүрөт канча объекттен тургандыгына карабастан бүт клон объектисин тандоого алып келет.
7 -кадам: Тийиштерди бүтүрүү
Кошумча кадам катары, фондук квадратты (Ctrl-чыкылдатуу) тандап, толтуруу түсүн эч кимге (б.а. тунук) же фонго ээ болууну каалаган түскө коюңуз. ([Объект -> Толтуруу жана инсульт]) Мен дагы топтун тунуктугун төмөндөттүм (үзгүлтүксүз чыкылдатуу менен тандап алам), бул үлгү фондо болушу жана интрузивдүү болбошу үчүн. Акырында, экспорттоонун маанилүү кадамы. Экспорттоо терезесин ачыңыз ([Файл -> Экспорттук битмап]. "Барак" баскычын чыкылдатыңыз. Бул документтин барактарынын чектерине кирген бөлүктөрүн экспорттойт - башкача айтканда, "оригиналдын" төрт бурчунда. Кааласаңыз экспорттолгон битмаптын өлчөмүн өзгөртүп, анан "Экспорттоо" баскычын чыкылдатыңыз.
8 -кадам: Акыркы продукт
Бүттүңүз! Аны столго коюңуз, веб -сайтыңыз үчүн колдонуңуз, же басып чыгарып, дубал кагаз катары сатыңыз! Ырахат алыңыз.
Сунушталууда:
Splash! Суу тамчыларынын сүрөтү: 10 кадам (сүрөттөр менен)
Splash! Суу тамчыларынын сүрөтү: Мен бир аз убакыттан бери суу тамчыларын тартып келе жатам …. 2017 -жылдан бери. Литтлбитс менен жасаган биринчи орнотуум менен жерден тамчылап түшкөндө канчалык толкунданганым эсимде. орнотуулар (Марк I жана Марк II) Мен шыктандым
Автоматташтырылган 360 ° Продукт Сүрөтү үчүн Arduino Controller: 5 Кадам (Сүрөттөр менен)
Автоматташтырылган 360 ° Продукт Сүрөтү үчүн Arduino Controller: Келгиле, steppermotorду жана камера жапкычын башкаруучу arduino негизиндеги контроллерди куралы. Степпермоторго айланган айланма стол менен бирге, бул 360 ° автоматташтырылган продукцияны сүрөткө тартуу же фотограмметрия үчүн күчтүү жана арзан система. Автоматтык
Телевизор үчүн фондук LED жарыктары: 5 кадам (сүрөттөр менен)
Телевизор үчүн фондогу LED жарыктары: Мен дайыма Philips Ambilight технологиясына суктанчумун. Ал салкын болгону үчүн эле эмес, телевизорду артынан жарык кылып турат. Бул телекөрсөтүүнү караңгылыкта кароо сиздин көзүңүздү оорутпайт дегенди билдирет, менде Ikea'дан LED тилкелери чапталган
100% Flash веб -сайтын түзүңүз!: 10 кадам
100% Flash веб -сайтын түзүңүз!: Бул окуу куралы сизге 100% флэш веб -сайтты түзүүгө жардам берет. Мен муну жарыялап жатам, анткени бул жерден бул тема боюнча окуу куралын таба албайм. Мен " флэш веб -сайтынын шаблонун " таптым. Бул жерде жарыяланган, бул башка тема деп ойлойм;). Бул мен
Өзүңүздүн веб -серфинг инструменттер панелин түзүңүз: 5 кадам
Өзүңүздүн веб -серфинг куралдар тилкесиңизди түзүңүз: Өзүңүздүн жеке куралдар панелиңизди кантип түзүү керектиги боюнча төмөндөгү бардык кадамдарды жасоодон мурун, инструменттер тилкеси биринчи кантип иштээрин көрсөтүп көрүңүз, бул сайтка кирип, инструменттер тилкесин жүктөп алсаңыз болот.http: // cosmicconsciousness. ourtoolbar.com/ Adware жок, вирус