შექმენით მოსამზადებელი შაბლონები ვებსაიტისთვის ფონის სურათი: 8 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:22

აქ არის უშუალო და მარტივი (მე ვფიქრობ) მეთოდი სურათების შესაქმნელად, რომელთა დაფარვაც შესაძლებელია "ბადის მსგავსი" გარეშე. ეს გაკვეთილი იყენებს Inkscape- ს (www.inkscape.org), ღია კოდის ვექტორული გრაფიკული რედაქტორს. მე ვფიქრობ, რომ ეს მეთოდი შეიძლება გამოყენებულ იქნას ძვირადღირებული ვექტორული გრაფიკული პროგრამებისთვის, როგორიცაა Adobe Illustrator. ჰეი, ეს შენი ფულია.

ნაბიჯი 1: შექმენით დოკუმენტი

Inkscape– ის გახსნის შემდეგ თქვენ მოგინდებათ დოკუმენტის თვისებების დაყენება. ([ფაილი -> დოკუმენტის თვისებები]) პირველი, შეცვალეთ დოკუმენტის სიგანე და სიმაღლე იმ რიცხვზე, რომელთან მუშაობაც უფრო ადვილია. ამ გაკვეთილისთვის მე შევქმენი კვადრატული სურათი, მაგრამ ნებისმიერი პროპორცია გააკეთებს. შემდეგი, თქვენ მოგინდებათ ქსელის დაყენება. Inkscape– ის ძველ ვერსიებში მხოლოდ ერთი ბადის არსებობა იყო შესაძლებელი. ახალ ვერსიებში, თქვენ უნდა შექმნათ ახალი ბადე. შეცვალეთ ქსელის ინტერვალი ისე, რომ ეს მნიშვნელობები თანაბრად დაიყოს დოკუმენტის სიგანისა და ჯანმრთელობის მნიშვნელობებში. საერთოდ, კარგი იდეაა ვიმუშაოთ დიდი გამოსახულებიდან და შემდეგ საჭიროებისამებრ გავაფართოვოთ. რადგან ეს არის ვექტორული ხელოვნება, ზომას ტექნიკურად არ აქვს მნიშვნელობა, მაგრამ პრაქტიკულად რომ ვთქვათ, უფრო მარტივი რიცხვებით უფრო ადვილი იქნება კონცეპტუალურად. ამ გაკვეთილში მე გამოვიყენე 500x500px სურათი და ჩემი ბადე არის 10px ინტერვალებით. და ბოლოს, დარწმუნდით, რომ შემოწმებულია "ჩართვის ხატვის" ვარიანტი.

ნაბიჯი 2: მართკუთხედის ინსტრუმენტი

გამოიყენეთ მართკუთხედის ინსტრუმენტი, რომ დახაზოთ კვადრატი/ოთხკუთხედი, რომელიც იკავებს დოკუმენტის სრულ ზომას. დიდი ბადის ინტერვალი (იხ. წინა ნაბიჯი) მართკუთხედის ინსტრუმენტს ადვილად შეაფერხებს დოკუმენტის საზღვრებთან.

ნაბიჯი 3: შაბლონის კლონირება

ჯგუფი]) "," ზედა ": 0.38721804511278196," მარცხენა ": 0.354," სიმაღლე ": 0.35902255639097747," სიგანე ": 0.372}]" ">

დაამატეთ სურათი, რომელიც გსურთ გქონდეთ თქვენს ნიმუშში. თუ თქვენი სურათი არის SVG ფაილი, მაშინ ჩვეულებრივ შეგიძლიათ უბრალოდ გადაიტანოთ და ჩამოაგდოთ იგი თქვენს ღია დოკუმენტზე. შექმენით ამ სურათის კლონი. ([რედაქტირება -> კლონი -> შექმენით კლონი] ან შეგიძლიათ დააჭიროთ Alt+D) გადაიტანეთ ორიგინალური სურათი ისე, რომ არ ჩაერიოს თქვენს სამუშაო სივრცეში. გადაიტანეთ კლონირებული სურათი კვადრატში და შექმენით რამდენიმე ასლი კლონის. კლონების გამოყენების მიზეზი ორიგინალის ასლების ნაცვლად მოგვიანებით გახდება ცნობილი. აქ არის მარტივი გზა ასლების შესაქმნელად შიდა სივრცეში: გადაიტანეთ გადასაწერი ობიექტი და დააწკაპუნეთ spacebar– ზე ასლის დასატოვებლად იმ ადგილას (შეინახეთ მაუსის ღილაკი დეპრესიაში). ზოგადად, თქვენ ალბათ არ გჭირდებათ 2 ან 3 ასლზე მეტი ნიმუშის შესაქმნელად. როგორც ხედავთ, მე მქონდა სურათის 3 ეგზემპლარი, მაგრამ ერთის წაშლა მოგვიანებით შევძელი. როგორც კი იფიქრებთ, რომ საკმარისი გაქვთ, დაჯგუფეთ ეს ნივთები ერთად.

ნაბიჯი 4: მეტი კლონირება

ხელახლა ჩართეთ snapping, თუ თქვენ გამორთეთ იგი წინა ეტაპზე, როგორც მე გავაკეთე. ეკრანის სურათზე თქვენ ვერ ხედავთ ბადეს, მაგრამ ის ჩართულია. შეარჩიეთ თქვენ მიერ შექმნილი ობიექტების ჯგუფი და შექმენით ამ ჯგუფის კლონი. დაალაგეთ კლონის კიდეები გვერდის კონტურით და გააგრძელეთ ასლების ჩაშვება კლონი სანამ არ გექნებათ კლონების მინიმუმ 3x3 ბადე ორიგინალის გარშემო შუაში.

ნაბიჯი 5: ექსპერტი მოძრავი

ახლა, როდესაც თქვენ გაავრცელეთ კლონები, დროა გაასწოროთ თქვენი ნიმუში. ახლა ნიმუში გამოიყურება საკმაოდ ბლოკირებული და ძალიან რეგულარული, ამიტომ ჩვენ გვსურს რამის გავრცელება. ჯგუფში შემავალი ობიექტების გადასატანად, ყველაზე სწორი მეთოდი იქნება პირველი ობიექტების დაჯგუფება, ობიექტის გადატანა, და შემდეგ ხელახლა დაჯგუფება ობიექტები. თუმცა, ეს გაწყვეტს კლონებთან დაკავშირებულ ბმულებს. სამაგიეროდ, ჩვენ გვსურს, რომ ჯგუფი ხელუხლებელი შევინარჩუნოთ, როდესაც ჯგუფში ცალკეულ ობიექტებს ვამუშავებთ. ამისათვის გეჭიროთ კონტროლის ღილაკი და დააწკაპუნეთ ობიექტზე, რომლის შეცვლაც გსურთ. Control-click ირჩევს ერთ ობიექტს ჯგუფში. თუ ახლა გადაადგილდებით ობიექტები, მიმდებარე კლონები ასევე ასახავს ცვლილებას. ამ მეთოდის გამოყენებით, თქვენ შეგიძლიათ გადააადგილოთ სურათები იქამდე, სანამ არ დაკმაყოფილდებით თქვენი საერთო ნიმუშით. თქვენ ასევე შეგიძლიათ სურათების ზომის შეცვლა, როტაცია ან წაშლა. მე დავამთავრე ერთ -ერთი სურათის წაშლა, რადგან ნიმუშის შესასრულებლად მხოლოდ 2 დამჭირდა.

ნაბიჯი 6: კლონირებული სურათების გამოყენების შესახებ

მე მე –3 ნაბიჯში აღვნიშნე, რომ თქვენ უნდა გამოიყენოთ კლონები სურათების ასლების ნაცვლად შუა კვადრატის შექმნისას („ორიგინალი“). მიზეზი ის არის, რომ თუ თქვენი სურათი თავად არის ობიექტების ჯგუფი, დაჯგუფებული ერთეულების შერჩევის საკონტროლო დაწკაპუნების მეთოდი შეარჩევს სურათის ცალკეულ ობიექტებს. კლონების რედაქტირება შეუძლებელია (გარდა ზომისა და ფერისა) და, შესაბამისად, საკონტროლო დაწკაპუნების მეთოდი გამოიწვევს კლონის მთლიანი ობიექტის არჩევას, მიუხედავად იმისა, თუ რამდენი ობიექტისგან შედგება ორიგინალური სურათი.

ნაბიჯი 7: შეხების დასრულება

როგორც არჩევითი ნაბიჯი, შეარჩიეთ ფონის კვადრატი (Ctrl-click) და მიუთითეთ შევსების ფერი არცერთზე (ანუ გამჭვირვალე) ან რა ფერიც გსურთ, რომ ფონი იყოს. ([ობიექტი -> შევსება და ინსულტი]) მე ასევე შევამცირე ჯგუფის გამჭვირვალობა მთლიანად (შეარჩიეთ რეგულარული დაწკაპუნებით) ისე, რომ ნიმუში იყოს ფონზე და არ იყოს შემტევი. და ბოლოს, ექსპორტის მნიშვნელოვანი ნაბიჯი. გახსენით საექსპორტო ფანჯარა ([ფაილი -> ექსპორტი bitmap]). დააჭირეთ ღილაკს "გვერდი". ეს ექსპორტს გაუწევს დოკუმენტის მხოლოდ იმ ნაწილებს, რომლებიც ექვემდებარება გვერდის საზღვრებს - ანუ "ორიგინალის" კვადრატში. თუ გსურთ, შეცვალეთ ექსპორტირებული ბიტმაპის ზომა და შემდეგ დააჭირეთ "ექსპორტს".

ნაბიჯი 8: საბოლოო პროდუქტი

თქვენ დასრულდით! განათავსეთ იგი თქვენს სამუშაო მაგიდაზე, გამოიყენეთ თქვენი ვებსაიტისთვის, ან დაბეჭდეთ და გაყიდეთ როგორც ქაღალდის ქაღალდი! ისიამოვნეთ.