როგორ შევქმნათ გამოსახულების რუკა Gimp– ის გამოყენებით: 10 ნაბიჯი (სურათებით)

Სარჩევი:

როგორ შევქმნათ გამოსახულების რუკა Gimp– ის გამოყენებით: 10 ნაბიჯი (სურათებით)
როგორ შევქმნათ გამოსახულების რუკა Gimp– ის გამოყენებით: 10 ნაბიჯი (სურათებით)

ვიდეო: როგორ შევქმნათ გამოსახულების რუკა Gimp– ის გამოყენებით: 10 ნაბიჯი (სურათებით)

ვიდეო: როგორ შევქმნათ გამოსახულების რუკა Gimp– ის გამოყენებით: 10 ნაბიჯი (სურათებით)
ვიდეო: როგორ შევქმნათ გრაფიკული დიზაინი. ილუსტრატორის გაკვეთილი 2024, მაისი
Anonim

გამოსახულების რუქა არის სურათი, რომელზეც განთავსებულია URL- ები. თქვენ შეგიძლიათ შეცვალოთ თქვენი ვებ – გვერდი ან პერსონალური საწყისი გვერდი გამოსახულების რუქით თქვენი საყვარელი საიტებით, რომელთა მონახულებაც მოგწონთ. არსებობს უამრავი პროგრამული უზრუნველყოფა, რომლის გაკეთებაც შეგიძლიათ, მაგრამ ეს სტატია გამოიყენებს Gimp- ს.

ნაბიჯები

შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 1
შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 1

ნაბიჯი 1. შეაჯამეთ თავდაპირველი გრაფიკა, რომელსაც ასახავთ

თქვენ შეგიძლიათ გამოიყენოთ სურათები, სურათები, რაც თქვენთვის შესაფერისია. აქ ჩვენ გამოვიყენებთ wikiHow- ს, wikiHow ფორუმს და iGoogle- ს.

შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 2
შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 2

ნაბიჯი 2. სურათის შექმნის, (ან გახსნის შემდეგ) გადადით ფილტრებში >> ვებ >> ImageMap

Gimp ImageMap დიალოგური ეკრანი

შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 3
შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 3

ნაბიჯი 3. დააწკაპუნეთ ეკრანის მარჯვნივ მდებარე ოთხკუთხედზე, შემდეგ შეარჩიეთ ერთი სურათი, რომლის გამოყენებაც გსურთ

ამ ეკრანის ანაბეჭდში არჩეულია wikiHow. შეავსეთ საჭირო ინფორმაცია დიალოგის ეკრანზე, რომელიც გამოჩნდება.

დააწკაპუნეთ მართკუთხედზე და ნახავთ გრაფიკის ზუსტ ადგილს

შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 4
შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 4

ნაბიჯი 4. გააგრძელეთ ეს პროცესი დანარჩენი თქვენი რუქისთვის

შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 5
შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 5

ნაბიჯი 5. მას შემდეგ რაც დაასრულებთ ბმულის ყველა სფეროს განსაზღვრას, შეინახეთ თქვენი სურათის რუკა

GIMP ავტომატურად შემოგთავაზებთ შეინახოთ ეს ფაილი.map გაფართოებით. თუ გსურთ, შეგიძლიათ შეინახოთ იგი ასე. მაგრამ ეს ფაილი შეიცავს HTML კოდს (სურათების გარეშე), რომლის რედაქტირება და გადაწერა გვჭირდება ჩვენს ვებ გვერდზე, ამიტომ გირჩევთ შეინახოთ იგი [filename].html და პირდაპირ გადახვიდეთ მე -7 საფეხურზე.

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

ნაბიჯი 6. თუ თქვენ არ შეინახეთ იგი როგორც HTML ფაილი, იპოვეთ შენახული ფაილი და გადაარქვით გაფართოებას.html

თქვენ შეიძლება მიიღოთ გაფრთხილება ფაილის გაფართოებების შეცვლის შესახებ. გასაგრძელებლად დააწკაპუნეთ დიახზე.

შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 7
შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 7

ნაბიჯი 7. გამოიყენეთ ტექსტური რედაქტორი ამ HTML ფაილის გასახსნელად

თქვენ შეამჩნევთ, რომ ეს ფაილი უბრალოდ შეიცავს კოორდინატებისა და URL- ების ჩამონათვალს. ეს არის კოდი, რომელიც ეუბნება ბრაუზერს რომელი URL უნდა მიანიჭოს თქვენი სურათის რომელ ნაწილს.

შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 8
შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 8

ნაბიჯი 8. უზრუნველყეთ მასში განსაზღვრული ფაილის გზა

Image
Image

ბმულები იმ სურათზე, რომელზეც გსურთ URL მისამართების რუქაზე განთავსება.

სურათის სწორად მითითების არარსებობამ შეიძლება გამოიწვიოს გამოსახულების ჩვენება საერთოდ.

ნაბიჯი 9. სურვილისამებრ:

გამოიყენეთ ბრაუზერი თქვენი HTML ფაილის გასახსნელად; თუ ყველაფერი მუშაობს, თქვენ უნდა ნახოთ სურათი ყველა URL- ით, რომელიც მასზეა გამოსახული თქვენი განსაზღვრული სფეროების მიხედვით.

შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 10
შექმენით გამოსახულების რუკა Gimp– ის გამოყენებით ნაბიჯი 10

ნაბიჯი 10. დაამატეთ თქვენი გამოსახულების რუკა თქვენს ვებ გვერდზე HTML

თქვენ დაგჭირდებათ კოდექსის ყველა სტრიქონის კოპირება, მათ შორის

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

გირჩევთ: