საიტები ცნობილია ფლეში-კონტენტი განიხილება ცალკე სტატიად ვებ საზოგადოებაში, მათი ანიმაციის შეუზღუდავი შესაძლებლობები და საოცარი ესკიზები აქცევს მათ განვითარებას განსაკუთრებულ ხელოვნებად. Flash-ზე დაფუძნებული ვებსაიტები შეიძლება დაიყოს ორ ჯგუფად: 2D და 3D Flash დიზაინით.
ეს კოლექცია მოიცავს 50 3D Flash ანიმაციური ვებსაიტები, მართლაც გამოირჩეოდა საერთო ფონზე, მიიპყრო არნახული ყურადღება და მიიღო ჯილდოები! ეს არ არის მხოლოდ მორიგი სია, ეს ვებსაიტები მოგცემთ უამრავ იდეას, რადგან თითოეული მათგანი შედევრია!
ეს საიტი იმდენად შეუდარებელია, რომ სიტყვებით ძნელია აღწერა! ძალიან ლამაზი შესავალი, რის შემდეგაც თქვენ იხილავთ ულამაზეს 3D ანიმაციის ნიმუშებს უბრალოდ შესანიშნავ ვებ გვერდზე.
მაგარი ვებსაიტი ლამაზი 3D ობიექტებით და ანიმაციური ფრაგმენტებით. თითოეულ გვერდს ამშვენებს თავისი სამგანზომილებიანი „ზესტი“.
საოცარი შედევრი! უზარმაზარი სამგანზომილებიანი სივრცე, რომელშიც თამაში მიმდინარეობს ანიმაციის საშუალებით. კარგად შესრულებული 3D შერეული გადასვლები თითოეული გვერდისთვის.
მარტივი, მაგრამ ძალიან ლამაზი ვებგვერდი 3D მენიუთი და იგივე გადასვლებით.
საყვარელი ვებსაიტი შესანიშნავი 3D ბუშტებით და საოცარი ანიმაციებით. მას ასევე აქვს რაღაც განსაკუთრებული - მომხმარებლის მხრიდან რაიმე მოქმედების არარსებობის შემთხვევაში, კაც-ძრავს საწვავი ეწურება და ციდან ვარდება - ეს ყველაფერი კურიოზული ანიმაციური ფრაგმენტის სახით. ამ საიტს მიენიჭა FWA-ს "დღის საუკეთესო საიტის" ჯილდო.
კიდევ რა არის ეს? და ეს არის კოკა კოლა! ძალიან ორიგინალური დიზაინის ვებგვერდი, რომელიც შედგება მრავალი ცალკეული ქვესაიტისაგან, რომელთაგან თითოეული განსხვავდება სხვებისგან თავისი დიზაინით, დიზაინითა და ანიმაციით.
კარგად აშენებული საიტი. შესანიშნავი 3D წყალქვეშა სივრცე. ვებსაიტს მიენიჭა FWA "დღის საუკეთესო საიტის" ჯილდო.
ძალიან ელეგანტური ვებსაიტი 3D გრაფიკით და ანიმაციით. 3D გადასვლები ასევე საოცარია.
წარმოუდგენელი 3D მენიუ. ეს 3D პორტფოლიო არის სტილის შესანიშნავი მაგალითი, რომელსაც ეწოდება "მინიმალიზმი".
კარგად აშენებული 3D ვებსაიტი. ის არ შედგება მხოლოდ სამგანზომილებიანი ელემენტებისაგან, არამედ ზოგადად, როგორც ეს იყო, ქმნის სამგანზომილებიან სივრცეს, უფრო მეტიც, თითქმის ყველა ანიმაციური ფრაგმენტი ასევე სამგანზომილებიანია. Ყოჩაღ.
ლამაზი 3D ვებსაიტი შესანიშნავი 3D ეფექტებით. უბრალოდ სასწაული. ვებსაიტს მიენიჭა FWA "დღის საუკეთესო საიტის" ჯილდო.
საინტერესო Flash-ზე დაფუძნებული ვებსაიტი საოცარი Flash შესავალით და უამრავი 3D ელემენტით.
ლამაზად აშენებული ლამაზი 3D სივრცე და ანიმაციური ფრაგმენტები. იგი შედგება მრავალი ცალკეული სამგანზომილებიანი გეგმისგან, რომელთაგან თითოეული, როგორც იქნა, ასახავს თავის დროზე მიმდინარე მოქმედებას.
მშვენიერი მულტფილმის საიტი. 3D პლანეტა გვერდის ცენტრში, რომლის ბრუნვაც შესაძლებელია მაუსის მოძრაობებით.
მშვენიერი საიტი. ირგვლივ ყველაფერი სამგანზომილებიანია და ძალიან მგრძნობიარეა მაუსის მოძრაობების მიმართ.
ლამაზი და მარტივი ვებსაიტი გვერდის შუაში 3D ობიექტით.
კარგად აშენებული საიტი. შესანიშნავი 3D ანიმაციით და გვერდის გადასვლებით. ასევე კარგია, რომ თითოეული გვერდი კონტროლდება მაუსის მოძრაობებით. ვებსაიტს მიენიჭა FWA "დღის საუკეთესო საიტის" ჯილდო.
სოციალური ქსელის ვებსაიტი, სადაც შეგიძლიათ შექმნათ თქვენი საკუთარი უნიკალური 3D პორტრეტი. მშვენიერი იდეა, სრულყოფილად განსახიერებული სამგანზომილებიანი დამუშავების საშუალებით.
ლამაზი 3D ფოტო გალერეა ლამაზად გადმოცემული ანარეკლებით. მკაცრი და მარტივი.
ნახვა კარგია! ჩართეთ ვებკამერა და ნახეთ, როგორ მიჰყვება ყველა სამგანზომილებიანი ობიექტი თქვენს მოძრაობებს. და თუ ეს არ გაქვთ, მაშინ ვებგვერდი უბრალოდ უპასუხებს მაუსის მოძრაობებს.
ანიმაციური დიზაინით, 3D ვებსაიტი მინი თამაშებით და ბავშვებისთვის განკუთვნილი ნივთებით. ძალიან კარგი ნამუშევარი, შესანიშნავი შესრულება!
სამაგალითო ნამუშევარი! ლამაზი 3D მენიუ და ანიმაციური ფრაგმენტები. თქვენი არჩევანის მენიუს მოცულობის ჩვენების 4 ვარიანტიც კი.
ნამდვილად მაგარი ვებსაიტი საოცარი 3D რენდერით. არანაკლებ მშვენიერი 3D ასახვები და ეფექტები, და ბოლოს, მინი თამაში დამალულია ვებსაიტის სიღრმეში.
მარტივი დიზაინის ვებსაიტი 3D პლანეტების ნავიგაციის მენიუთი. Papervision3D ბიბლიოთეკის გამოყენების კარგი მაგალითი.
შესანიშნავი შესრულება. სრულად 3D დიზაინი. გადადიხარ ერთი გვერდიდან მეორეზე, როგორც ოთახიდან ოთახში. მაღალი ხარისხის 3D ანიმაცია.
ძალიან მარტივი ვებსაიტი ძალიან შესანიშნავი 3D მენიუთი ბიბლიოთეკის სახით. როდესაც ირჩევთ მის ერთ-ერთ ელემენტს, ის ასევე ჩართავს მაგარ ანიმაციას.
ძალიან საინტერესო კორპორატიული ვებგვერდი 3D ანიმაციით. ესკიზიც საოცარია. Ყოჩაღ.
საინტერესო ვებსაიტი მრავალი 3D ობიექტით, რომელთა როტაციაც შესაძლებელია.
მკაცრი და მარტივი დიზაინის ვებსაიტი 3D ანიმაციით, მშვენიერია!
შესანიშნავი 3D ვებსაიტი მაგარი Flash შესავლით, რომლის ერთ-ერთი ყველაზე საინტერესო 3D გადაწყვეტაა ვიზიტორის შესაძლებლობა ნავიგაცია დამოუკიდებლად შენობის შიგნით.
კომპაქტური ვებსაიტი 3D ეფექტებით, რომელიც საოცრად გამოიყურება. ვებსაიტს მიენიჭა FWA "დღის საუკეთესო საიტის" ჯილდო.
Flash-ზე დაფუძნებული ვებგვერდი ძალიან საინტერესო 3D მენიუს ეფექტით. ლამაზი 3D გადასვლები.
მკაცრი და მარტივი დიზაინის სამგანზომილებიანი ვებსაიტი. ძალიან კარგად დაპროექტებული. ვებსაიტს მიენიჭა FWA "დღის საუკეთესო საიტის" ჯილდო.
3D ფილმების ბიბლიოთეკის მსგავსად ლამაზი 3D გადასვლებით. ყველა ანიმაციური ფრაგმენტი ძალიან შეუფერხებლად თამაშობს. Ყოჩაღ.
მარტივი და მკაცრი სამგანზომილებიანი ვებსაიტის დიზაინში.
საინტერესო გზა ნახატების გამოსაყენებლად - მოათავსეთ ისინი ვარსკვლავური ცის ცენტრში! მშვენიერი 3D სივრცე. ის ასევე შეიძლება გახდეს საყვარელი პატარა საჩუქარი თქვენი შეყვარებულისთვის/მეგობრისთვის (ვგულისხმობ, თქვენი ნახატი მასზე) - მას აუცილებლად მოეწონება. ვებსაიტს მიენიჭა FWA "დღის საუკეთესო საიტის" ჯილდო.
კარგი ვებსაიტი ძალიან შთამბეჭდავი 3D ნავიგაციის მენიუთი. უბრალოდ დააწკაპუნეთ ღილაკზე „დათვალიერება“ გვერდის მარჯვენა მხარეს და დაინახავთ 3D ნავიგაციის მენიუს.
უფასო პროგრამა FotoMorph გამოიყენება ფოტოებიდან ანიმაციის შესაქმნელად. პროგრამაში დამატებული ფოტოებიდან შეიქმნება ანიმაციური ვიდეო, რომელშიც ფოტოები ვიზუალურად შეუფერხებლად გარდაიქმნება ერთი სურათიდან მეორეზე.
ამ ტექნოლოგიას მორფინგი ეწოდება. მორფირება (ტრანსფორმაცია) კომპიუტერულ ანიმაციაში არის ერთი ვიზუალური ობიექტის მეორეში გლუვი ტრანსფორმაცია. ასეთი ანიმაცია ფართოდ გამოიყენება გრაფიკაში, ტელევიზიასა და კინოში.
თქვენ შეგიძლიათ შექმნათ ანიმაციური ფოტოები, ანიმაციური კლიპების ან ცალკეული სურათების სახით და შემდეგ შეინახოთ ისინი თქვენს კომპიუტერში FotoMorph პროგრამის გამოყენებით. რამდენიმე ნაბიჯის შემდეგ თქვენ შეძლებთ შექმნათ ანიმაცია რამდენიმე სურათიდან პროგრამაში დამატებული სურათების გადაადგილებით, დეფორმირებით ან გარდაქმნით.
უფასო FotoMorph პროგრამას აქვს მარტივი, მოსახერხებელი ინტერფეისი. პროგრამას აქვს რუსული ენის მხარდაჭერა. თქვენ არ შეგექმნებათ სირთულეები, თქვენ მხოლოდ უნდა იზრუნოთ თქვენი შემოქმედებისთვის სურათების პოვნაზე.
FotoMorph მხარს უჭერს შემდეგ შეყვანის ფორმატებს:
- JPEG, JPG, PNG, GIF, TIF, TIFF, BMP.
ფოტოებიდან ანიმაციის შექმნის შემდეგ შესაძლებელია პროექტის ან ცალკეული სურათების შენახვა:
- როგორც სურათები JPEG, PNG, GIF, BMP ფორმატებში;
- ანიმაცია GIF ფორმატში, ანიმაციური ფილმი AVI ფორმატში, ფლეშ ანიმაცია SWF ფორმატში, როგორც ვებ გვერდი (SWF + HTML).
FotoMorph პროგრამის ჩამოტვირთვა შესაძლებელია მწარმოებლის, ნორვეგიული კომპანიის Digital Photo Software-ის ოფიციალური ვებგვერდიდან.
პროგრამის კომპიუტერზე ინსტალაციის დასრულების შემდეგ გაიხსნება FotoMorph პროგრამის ფანჯარა ინგლისურად.
რუსიფიკაცია FotoMorph
FotoMorph პროგრამა მხარს უჭერს რამდენიმე ენობრივ პაკეტს, მათ შორის რუსული ენის მხარდაჭერას. რუსული ენის გასააქტიურებლად დააწკაპუნეთ გლობუსის სურათზე პროგრამის ფანჯრის ზედა მარჯვენა კუთხეში. შემდეგ აირჩიეთ რუსული ენა სიიდან, რომელიც იხსნება.
ამის შემდეგ, FotoMorph პროგრამის ინტერფეისი გადადის რუსულზე.
ფოტოების ანიმაცია FotoMorph-ში
FotoMorph პროგრამის მთავარი ფანჯარა გაიხსნება "პროექტების" ჩანართში. ხედავთ, რომ FotoMorph პროგრამის ინტერფეისი ძალიან ჰგავს FotoMix პროგრამის ინტერფეისს, რომლითაც შეგიძლიათ შექმნათ ფოტო მონტაჟი და კოლაჟი. ამ პროგრამებს აქვთ იგივე მწარმოებელი.
პროგრამის შესაძლებლობების გასაცნობად შეგიძლიათ დააჭიროთ ღილაკს „პროექტის ნიმუში“. აქ შეგიძლიათ იხილოთ ოპერაციების თანმიმდევრობა ორი ფოტოს ერთში შენახვისას, ანიმაციის შენახვის სხვადასხვა ვარიანტების გამოყენებით.
ახლა პირდაპირ გადავიდეთ FotoMorph-ში გამოსახულების ანიმაციების შექმნის პროცესზე.
ანიმაციური სურათის შექმნის პროცესის დასაწყებად დააჭირეთ ღილაკს „ახალი პროექტი“. კონტექსტურ მენიუში თქვენ უნდა აირჩიოთ თანმიმდევრობის ტიპი:
- მორფის თანმიმდევრობა.
- დეფორმაციის თანმიმდევრობა.
- სახის თანმიმდევრობა.
- გადასვლების თანმიმდევრობა.
არჩეული მიმდევრობის ტიპის მიხედვით, წარმოიქმნება შედეგად მიღებული ანიმაცია.
თანმიმდევრობის არჩევის შემდეგ იხსნება ფანჯარა მომავალი ცვლილებების არჩეული თანმიმდევრობით. ამ მაგალითში მე ავირჩიე მორფის თანმიმდევრობის ვარიანტი.
ამისათვის დააწკაპუნეთ ღილაკზე "გახსნა" მარცხენა სვეტში, რათა დაამატოთ სასურველი სურათი FotoMorph პროგრამის ფანჯარაში. ბოლოში არის "დამთხვევის" ზონა, აქ ნაჩვენები იქნება კომბინირებული სურათი.
წითელი ჩარჩოს დახმარებით შეგიძლიათ აირჩიოთ გამოსახულების არე, რომელიც საჭიროებს რედაქტირებას. სურათის გვერდით არის ვერტიკალური მასშტაბი. სასწორზე სლაიდერის გადაადგილებით, შეგიძლიათ სურათის გადიდება ან შემცირება სანახავად.
"Pictures" ჩანართში დამატებული სურათებით შეგიძლიათ გააკეთოთ შემდეგი:
- ზომის შეცვლა;
- სარკის ანარეკლი;
- ბრუნავს;
- დამახინჯება; გამრუდება; შერყვნა;
იმის გამო, რომ სურათები (დაწყება და დასასრული) შეიძლება არ ემთხვეოდეს ზომებს, ამ შემთხვევაში, თქვენ შეგიძლიათ შეცვალოთ საჭირო ფოტოს ზომა FotoMorph პროგრამის გამოყენებით, სხვა გრაფიკული რედაქტორის გამოყენებით, ან უბრალოდ გადაიღოთ სკრინშოტი ამ ზონიდან შესაბამის სურათზე, რომელიც გსურთ. დაამატეთ FotoMorph პროგრამის ფანჯარაში.
მე ავირჩიე პირველი ფოტოები, რომლებიც შემხვდა, რომლებიც, ჩემი აზრით, მეტ-ნაკლებად უხდება ერთმანეთს. ამიტომ, მკაცრად არ განსაჯოთ შედეგი. თქვენ შეიძლება უფრო შერჩევითი იყოთ სურათების არჩევისას, ვიდრე მე.
უფრო რომ გავხადო, მეორე ფოტოს ოდნავ მოვუჭრი, შემდეგ დავაჭირე ღილაკს „როტაცია“, რომ ეს სურათი ოდნავ შემოვატრიალო.
ფოტოების კონვერტაციისთვის ადგილების დაყენებისა და არჩევის დასრულების შემდეგ გადადით "შემოწმების" ჩანართზე.
"შემოწმების" ჩანართში, თქვენ უნდა დაამატოთ ძირითადი პუნქტები (ეტიკეტები) სურათებს, რათა ისინი უფრო მსგავსი იყოს. ეს კეთდება ისე, რომ გადასვლა ერთი სურათიდან მეორეზე, ანიმაციურ გამოსახულებაში, უფრო ბუნებრივი იყოს. რაც მეტია ასეთი საკვანძო პუნქტი, მით უფრო მსგავსი იქნება საბოლოო ტრანსფორმაცია.
აქ შეგიძლიათ დააკონფიგურიროთ ანიმაციური სურათის დემონსტრირება: დაყოვნების დრო (დასაწყისში, შუაში, ბოლოს), ვიდეოს ხანგრძლივობა.
ანიმაციის ბოლო ნაწილში შეგიძლიათ კვლავ დაუბრუნდეთ საწყის სურათს. ამისათვის გააქტიურეთ პუნქტი "დაბრუნება".
ჩაშენებული პლეერის საშუალებით შეგიძლიათ ნახოთ თქვენი მოქმედებების შედეგი.
საბოლოო ვიდეოზე ციფრული ჩარჩოს დამზადება შესაძლებელი იქნება შესაბამისი ფერის შერჩევით. ანიმაციაში, საჭიროების შემთხვევაში, შეგიძლიათ დაამატოთ ფონი, ანიმაციური ტექსტი.
თქვენ შეგიძლიათ თვალი ადევნოთ თქვენი მოქმედებების შედეგს პლეერის გამოყენებით, რომელიც მდებარეობს პროგრამის ფანჯრის ბოლოში.
ამ ჩანართში შეგიძლიათ ჩართოთ ფონი ანიმაციური ვიდეოსთვის. თუ თქვენ ირჩევთ ფონს, მაშინ ამ შემთხვევაში, შეგიძლიათ აირჩიოთ ფერი, გამჭვირვალობა, ფონის ნიღაბი. საკუთარი გზით, გამოცდილებით, შესაძლებელი იქნება საჭირო პარამეტრების დადგენა.
ყველა პარამეტრის დასრულების შემდეგ, ახლად შექმნილი ანიმაცია შეიძლება შეინახოს თქვენს კომპიუტერში.
ანიმაციის შენახვა FotoMorph-ში
შერჩეული ინდივიდუალური ჩარჩოები შეიძლება გაიგზავნოს დასაბეჭდად ან შეინახოს კომპიუტერში შემდეგ ფორმატებში:
- JPEG, PNG, GIF, BMP.
მთელი პროექტის შესანახად, "ანიმაციის" ჩანართში, თქვენ უნდა დააჭიროთ ღილაკს "ანიმაციის ექსპორტი".
ამის შემდეგ გაიხსნება "ანიმაციის ექსპორტის" ფანჯარა, რომელშიც უნდა აირჩიოთ ანიმაციური ვიდეოს შენახვის ფორმატი. აქ შეგიძლიათ აირჩიოთ მისი ხარისხი.
მთელი პროექტის ექსპორტისთვის ხელმისაწვდომია ანიმაციური სურათების შენახვის შემდეგი ვარიანტები:
- სურათების თანმიმდევრობა.
- ფლეშ ფილმი (SWF).
- ვებ გვერდი (SWF + HTML).
- ავი ვიდეო.
თუ აირჩევთ სურათების თანმიმდევრობას, ყველა ინდივიდუალური (შეიძლება იყოს ბევრი) თანმიმდევრული JPEG სურათი თქვენს კომპიუტერში შეინახება.
ექსპორტის ფორმატის არჩევის შემდეგ დააჭირეთ ღილაკს "OK" და შემდეგ დაელოდეთ კონვერტაციის პროცესის დასრულებას.
პროექტის "AVI movie" ფორმატში შენახვისას შეგიძლიათ შეინახოთ ეს ვიდეო შეკუმშვის გარეშე, ან აირჩიოთ პროგრამა ვიდეოს შეკუმშვისთვის. ჯერ აირჩიეთ შეკუმშვის პროგრამა და შემდეგ დააჭირეთ ღილაკს "პარამეტრები...".
ფანჯარაში, რომელიც იხსნება, შეგიძლიათ დაარეგულიროთ კოდირების პარამეტრები, თუ არ ხართ კმაყოფილი ნაგულისხმევი პარამეტრებით.
პროექტის შენახვის შემდეგ, შეგიძლიათ გახსნათ საქაღალდე, სადაც იყო შენახული ვიდეო და უყუროთ თქვენ მიერ ახლახან შექმნილ ანიმაციას.
თქვენ შეგიძლიათ ნახოთ GIF ანიმაცია, რომელიც შევქმენი ორი განსხვავებული ფოტოდან.
სტატიის დასკვნები
უფასო FotoMorph პროგრამის გამოყენებით, შეგიძლიათ შექმნათ ანიმაცია ფოტოებიდან და შემდეგ შეინახოთ ანიმაციური სურათები თქვენს კომპიუტერში პროგრამის მიერ მხარდაჭერილი ერთ-ერთი ფორმატით.
FotoMorph - შექმენით ანიმაცია ფოტოებიდან (ვიდეო)
Შექმნა gif ანიმაციათქვენი ფოტოებიდან აირჩიეთ ფოტოები თქვენი ალბომის ზედა არხიდან (თუ შესული ხართ საიტზე) ან ატვირთეთ კომპიუტერის დისკიდან. აპლიკაციის ქვედა არხში ნახავთ შაბლონებს GIF ანიმაციები. ნებისმიერ შაბლონზე დაწკაპუნებით, აპლიკაციის ცენტრალურ ნაწილში ნახავთ, როგორ გამოიყურება თქვენი საბოლოო დიზაინი. GIF ანიმაცია. GIF-ებიდაყოფილია სექციებად, რათა გაგიადვილოთ თქვენთვის საჭირო ანიმაციის პოვნა.
როგორ შევცვალოთ ფოტო GIF ანიმაციები? - თითოეულ შაბლონს აქვს რამდენიმე ჩარჩო, რომელშიც იცვლება თქვენი ფოტოები, ფოტოების რაოდენობა gif ანიმაციათითოეული შაბლონისთვის შეზღუდულია. ფოტოები, რომლებიც ამჟამად გამოიყენება ანიმაციაში, მოცემულია ქვემოთ, თქვენი ფოტოების ქვეშ. ისინი განსხვავდებიან ზომით და მათი რიცხვი მყარი კოდირებულია შაბლონით. gif ანიმაცია. მიმდინარე ჩარჩო, რომელშიც ხდება ფოტოს შეცვლა, აღინიშნება ისრით. ის ავტომატურად იცვლება შემდეგზე, თუ ფოტოს აირჩევთ მოცემული ანიმაციის ჩარჩოსთვის. ანუ, როდესაც ირჩევთ ფოტოს ფოტო ალბომიდან, ან ატვირთავთ მას კომპიუტერიდან, ის ხვდება ჩარჩოში, რომელიც მონიშნულია ისრით ჩარჩოს ლენტით. GIF ანიმაციები.
როდესაც ატვირთავთ ფოტოებს და აირჩიეთ სასურველი ანიმაციის შაბლონი და შედეგით კმაყოფილი ხართ, რათა ჩამოაყალიბოთ და შეინახოთ მიღებული ანიმაციადააწკაპუნეთ ღილაკზე "შესრულებულია" ანიმაციის გენერირებას ცოტა დრო სჭირდება, დაელოდეთ, მას შემდეგ რაც აპლიკაცია მოგცემთ შესაძლებლობას შეინახოთ GIF ანიმაცია დისკზე. იმედია მოგეწონებათ ჩვენი აპლიკაცია და ეწვიეთ საიტს მაგარი GIF-ის შესაქმნელად ანიმაცია. თუ თქვენ გაქვთ რაიმე შეკითხვა ან შემოთავაზება დაწერეთ კომენტარებში (ჯერჯერობით მხოლოდ vk.ru და facebook.com მომხმარებლებისთვის), ან "მიმოხილვები და კომენტარები" განყოფილებაში (იხილეთ ქვემოთ მარჯვნივ).
დიმიტრი დემენტი 
ბევრი იკარგება სად უნდა მიიღოს სურათები პოსტებისთვის. ნასესხებ გამოსახულებებს შეუძლია ყელში ჩაგაგდოთ და დრო არ გქონდეთ, რომ დამოუკიდებლად შექმნათ ვიზუალური შინაარსი. ამ სტატიაში თქვენ იხილავთ უფასო სურათების რამდენიმე ათეულ წყაროს, რომლებიც შეგიძლიათ გამოიყენოთ პუბლიკაციების საილუსტრაციოდ.
როგორ ავუაროთ საავტორო უფლებები
ბოლო სამი ათწლეულის განმავლობაში შექმნილი თითქმის ყველა სურათი ავტომატურად დაცულია საავტორო უფლებებით. თქვენ არ შეგიძლიათ უბრალოდ დააკოპიროთ ისინი სხვისი საიტიდან და განათავსოთ ისინი თქვენს ბლოგზე. ეს გემუქრებათ შემდეგი შედეგებით (მეტიდან ნაკლებად სავარაუდო):
- როდესაც თქვენი შინაარსი მოიპარეს, აღშფოთების საპასუხოდ გაიგებთ, რომ „შენც იგივე ხარ, დაჯექი და გაჩუმდი“.
- შენი სინდისი გტანჯავს სიკვდილამდე.
- ზოგიერთი პრინციპული საავტორო უფლებების მფლობელი თქვენს შესახებ საძიებო სისტემებს უჩივის და ისინი წაშლიან თქვენი საიტის ზოგიერთ გვერდს ძიების შედეგებიდან.
- საავტორო უფლებების ზოგიერთი ძირითადი მფლობელი გიჩივლებს და გაიძულებთ გადაიხადოთ კომპენსაცია.
საავტორო უფლებების გვერდის ავლით შეგიძლიათ სამი გზით. პირველ რიგში, თქვენ თავად შეგიძლიათ შექმნათ სურათები. ეს ნაწილობრივ მოაგვარებს სურათების ძიების პრობლემას. მეორე, გამოიყენეთ ფოტოები, რომლებიც ლიცენზირებულია Creative Commons ლიცენზიით. მესამე, გამოიყენეთ სურათები, რომლებიც საჯარო დომენშია.
რა არის Creative Commons
25. SS ძებნა. გამოსახულების ძიების სერვისი მესამე მხარის რესურსებზე.
26. ფოტერ. კიდევ ერთი ფოტო საძიებო სისტემა Flickr-ზე.
ბევრმა უკვე ნახა საიტებზე ანიმაცია გვერდის გადახვევისას. მაგრამ ამ კოლექციიდან საიტები ოდნავ განსხვავდება იმ საიტებისგან, რომლებიც ჩვეულებრივ გვხვდება Runet-ში. აქ ანიმაცია პირდაპირ გადახვევაზეა დამოკიდებული. ამ საიტების დათვალიერებისას სცადეთ გვერდის ნელა გადახვევა ქვემოთ და შემდეგ ნელა ზემოთ.
ადრეც დავწერე ინტერაქტიული სადესანტო გვერდების შესახებ. აუცილებლად გაეცანით ამ კოლექციას:
რამდენიმე სიტყვა იმის შესახებ, თუ როგორ განსხვავდება ანიმაცია ამ კოლექციის საიტებზე გადაადგილებისას იმ ანიმაციისგან, რომელიც ყველაზე ხშირად გვხვდება Runet-ზე:
ჩვეულებრივ, გვერდის გადახვევისას ელემენტი ჩნდება მთლიანად. მაგალითად, ასეთი ანიმაცია შეიძლება გაკეთდეს Wow.js მოდულის გამოყენებით. ასევე არის ანალოგები, სადაც ელემენტი ჩნდება ყოველ ჯერზე, როცა ის გაქრება ეკრანიდან, რომელსაც მომხმარებელი ხედავს.
და აქ არის საიტების მაგალითები, სადაც ელემენტების ანიმაცია პირდაპირ დამოკიდებულია ეკრანის გადახვევაზე. ანუ, ელემენტი ჩნდება ზუსტად იქამდე, რამდენადაც ადამიანმა გადაახვია ეკრანი. მიმდინარეობს ღირებულებების ინტერპოლაცია.
ამის წყალობით, მომხმარებელი თავად აკონტროლებს გვერდზე ელემენტების გამოჩენის პროცესს. გადახვევის ანიმაციას ამ შემთხვევაში სხვა მნიშვნელობა აქვს.
აქ შეგიძლიათ დაუყოვნებლივ იპოვოთ ამ ანიმაციის როგორც მინუსები, ასევე პლიუსები. ყოველივე ამის შემდეგ, თქვენ ყოველთვის არ გსურთ, რომ ადამიანმა გააკონტროლოს ელემენტების გარეგნობა, რადგან ყველა ვერ გამოიცნობს სწორი სიჩქარით შემობრუნებას. და ამის თავიდან ასაცილებლად, უმჯობესია არ გააკეთოთ ანიმაცია ძირითადი ფუნქციის გადახვევისას.
ცოტა მოგვიანებით ვეცდები უფრო დეტალურად აგიხსნათ ასეთი ანიმაციის შექმნის პროცესი, მაგრამ ახლა გადახედეთ ამ საიტებს და გადაახვიეთ თითოეული მათგანის ბოლომდე.
1 Appliancetecltd.com
ანიმაცია ამ საიტზე არის საფუძველი. იმიტომ, რომ ბლოკები მხოლოდ მაშინ ჩნდება, როცა გვერდს ვახვევთ. თუ გვერდს ოდნავ ზევით გადავხვევთ, მაშინ ანიმაცია საპირისპირო მიმართულებით მიდის.
ამ საიტზე, გარდა ბლოკირების ანიმაციისა, გამოიყენება ბლომად ანიმაციაც, რაც საიტს კიდევ უფრო მიმზიდველს ხდის. იმის გარეშე, თუ როგორ მუშაობს ანიმაცია, შეიძლება იფიქროთ, რომ საიტი ძალიან ფართოა. მაგრამ სინამდვილეში, ანიმაციური ბიბლიოთეკები გაძლევთ საშუალებას გააკეთოთ ბევრი რამ ავტომატურად.
იმ საიტებთან შედარებით, რომლებსაც ქვემოთ ნახავთ, ეს საკმაოდ მცირეა, მაგრამ ბლოკების ანიმაცია ძალიან შთამბეჭდავად გამოიყურება.
2. Lempens-design.com
აქ ჩვენ დაუყოვნებლივ ვხედავთ ელემენტების ბევრად უფრო განსხვავებულ ანიმაციას: ბლოკები ერთმანეთისგან შორდებიან, ღილაკები ბრუნდებიან, მატარებელი გადის და ა.შ. არაჩვეულებრივი ანიმაცია ჩნდება ზოგიერთ ღილაკზე გადასვლის დროსაც კი.
მაგრამ ყველაზე მეტად ამ საიტზე გასაოცარია სურათები, რომლებიც განთავსებულია ბლოკის ბოლოს. მართალია ისინი სრულიად თეთრია, მაგრამ ლამაზი ფონის გამოსახულების გამო, ისინი შესანიშნავად ავსებენ ბლოკს.
3. Pedrolandaverde.com
რაც მომწონს ამ საიტზე არის ის, რომ აქ ანიმაცია არის დამატებითი ელემენტი და არა მთავარი. ანუ გვერდის გადახვევაში ხელს არ უშლის. ანიმაცია აქ მხოლოდ ავსებს და „აცოცხლებს“ გვერდს, რაც მას უფრო დინამიურს ხდის.
როგორც უკვე შენიშნეთ (თუ თქვენ ეწვიეთ ამ საიტს), გარდა სპინინგის მექანიზმებისა, აქ არის კიდევ რამდენიმე ანიმაციური სურათი. მაგრამ არც თუ ისე ბევრი მათგანია. და ეს ანიმაცია მართლაც ლამაზი და საინტერესოა. გირჩევთ ამ კონცეფციის მიღებას.
4. InfoQuest
იდეა ამ მაგალითის უკან ძალიან საინტერესოა. გვერდს თანდათან ატრიალებთ, როგორც ჩანს, კომიქსს ათვალიერებთ. ანუ არის დიალოგები, მოქმედებები და ლამაზი გრაფიკა. ასეთი სიამოვნებაა ყურება. და ყველაფერი რაც თქვენ უნდა გააკეთოთ, უბრალოდ გადაახვიეთ გვერდი თანდათან ქვემოთ.
იდეა მაგარია, მცირე მასშტაბით შეგიძლიათ ამის განხორციელება სადესანტო გვერდზე. მთავარია ის მართლაც თემატური იყოს სადესანტო გვერდისთვის.
5 Sustainability.bam.co.uk
გვერდის კიდევ ერთი მაგალითი გადახვევის ანიმაციით, სადაც ანიმაცია ხელს არ უშლის გვერდის ნახვას და არ არის დამოკიდებული მასზე. ანუ ის ავსებს აქ არსებულ საერთო სურათს.
ანიმაციის შექმნის ეს გზა გაცილებით მარტივია და უფრო ადვილია ასეთი ანიმაციის იდეის მოფიქრება.
6. Makeyourmoneymatter.org
თქვენ არავის გააკვირვებთ საიტზე არსებული ინფოგრაფიკით. თუნდაც ის ინფოგრაფიკა, რომელიც იკავებს გვერდის მთელ ადგილს. მაგრამ ეს საიტი არის ინფოგრაფიული ანიმაციის შესანიშნავი მაგალითი გვერდის გადახვევისას. დამეთანხმებით, ეს ინფოგრაფიკა ძალიან მაგარია!
თუ მოგწონთ ეს ანიმაციები და ინფოგრაფიკა, მაშინ ჯერ უნდა შექმნათ ინფოგრაფიკა. ამის გაკეთება შეგიძლიათ ერთ-ერთი ამ სერვისის გამოყენებით:
7. გილოცავთ Сhristmallax
საყვარელი ანიმაცია, რომლის დროსაც ნაძვის ხე ნაძვის ხედ იქცევა ხელით დახატული ნაძვის ხიდან. აქ მშვენივრად იკვეთება ცალკეული ბლოკები, რომლებიც ანიმაციურია გვერდის გადახვევისას. შესრულებულია ლამაზად და შეგიძლიათ "მიიღოთ" რამდენიმე იდეა.
8 Fluger.com
კრეატიული იდეა თვითმფრინავით, რომელიც დაფრინავს ორი მიმართულებით: თუ თქვენ გადახვევთ გვერდს, თვითმფრინავი დაფრინავს ქვემოთ და ზოგჯერ მარჯვნივ, და თუ თქვენ გადახვევთ საპირისპირო მიმართულებით, თვითმფრინავი ცვლის მიმართულებას. ეს პატარა ნიუანსი ამ გვერდს კიდევ უფრო ინტერაქტიულს ხდის.
9. ყავა
გსურთ იცოდეთ როგორ მზადდება ყავა? შემდეგ უბრალოდ გადაახვიეთ ეს სადესანტო ბოლომდე. ინგლისური ენის ცოდნის გარეშეც კი, შეგიძლიათ გაიგოთ, რა არის საქმე ამ გვერდზე. ყველა სურათი იმდენად ფერადი და კარგად არის შესრულებული, რომ ისეთი შეგრძნებაა, როგორც ვიდეოს ყურება. მაგრამ მხოლოდ ეს არის "ვიდეო" ერთი უპირატესობით... თქვენ სრულად აკონტროლებთ მას 😉 .
10. კაიპოჩე
თავად გვერდი არც თუ ისე დიდია, მაგრამ ანიმაცია მის ზედა ნაწილში მშვენივრად გამოიყურება. ასევე ბევრი ელემენტია შექმნილი CSS3 ანიმაციით. მათთვის, ვინც ჯერ კიდევ არ იცის როგორ იქმნება, გირჩევთ, შეისწავლოთ ეს სტატია:
11. ბუნცპენდენი
ანიმაციური საიტების დიდი რაოდენობის ნახვის შემდეგ, ეს ნაკლებად სავარაუდოა, რომ რამე გაგაოცოთ. მაგრამ აქ არის ერთი ელემენტი, რომელიც არ არის წინა საიტებზე. ეს ელემენტი არის მენიუ. ანუ მენიუს ელემენტებზე დაწკაპუნებისას იხსნება შესაბამისი ბლოკი.
12. KIA
KIA ვებსაიტზე ანიმაცია ასევე ლამაზად არის შესრულებული, მაგრამ საიტის ჩატვირთვას ძალიან დიდი დრო სჭირდება. და თუ ინტერნეტი სუსტია, მაშინ ჩამოტვირთვის დრო შეიძლება მიაღწიოს 2-3 წუთს. ნაკლებად სავარაუდოა, რომ მომხმარებლები ამდენ ხანს დაელოდებიან, სავარაუდოდ ისინი დახურავენ გვერდს ამ საიტით.
13. საფრთხეები
წინა მაგალითთან შედარებით, ეს საიტი ბევრად უფრო სწრაფად იტვირთება, მაგრამ აქ ანიმაცია არც ისე დიდია.
14. ყოველი ბოლო წვეთი
ინტერაქტიული ვებგვერდი ანიმაციური ელემენტებით, რომელიც აჩვენებს წყლის რაოდენობას, რომელსაც ყოველდღიურად ვიყენებთ. მაშინაც კი, თუ არ იცით რა წერია ინგლისურად, სურათებიდან ინტუიციურად ნათლად ჩანს, რა არის.
15. არნოლდ კლარკი
ეს არის ერთ-ერთი იმ საიტიდან, სადაც იმდენი გადახვევის ანიმაციაა, რომ თითებიც კი იღლება გვერდის გადახვევისას. გარდა ამისა, ანიმაცია ზოგჯერ ძალიან ნელა ჩნდება. ამიტომ, ელემენტის სრული ანიმაციის სანახავად, მაუსის ბორბალი ბევრი უნდა დაატრიალოთ.
