STORYBOARD THAT İLE HİKAYE TAHTASI OLUŞTURMA:
HİKAYE TAHTASI 1:
1. Sahneler-Desenler kısmından gri arka planı sürükleyip sahneye taşıyınız.
2. Başlık olarak Yazı Tiplerinden metin ekleyiniz. YAZI TİPLERİ-DEKORATİFTEN seçim yapıldıktan sonra başlık yazınız.
FORMASYON: ÖĞRETİM TEKNOLOJİLERİ VE MATERYAL TASARIMI DERSİ UZAKTAN EĞİTİM DERS NOTU
Ders Adı Öğretim Teknolojileri ve Materyal Tasarımı Öğr.Elemanı Dr. Öğr. Üyesi Şirin KÜÇÜK AVCI
E-mail: [email protected] // [email protected]
Dönemi Formasyon-Bahar/2020 Hafta No 12
HİKAYE TAHTASI 2:
YUKARIDAKİ SAHNE OLUŞTURULURKEN AŞAĞIDAKİ İŞLEMLERE BAŞVURULMUŞTUR:
ARKA PLAN: Sahneler > Desenler kısmından gri arka plan seçilerek sürüklenip sahne 2’ye taşınmıştır.
YAZILAR: YAZI TİPİ>İŞARETLER kısmında yer alan beyaz pano sürüklenerek Sahne 2’ye taşınmış ve panonun içine yazı metni eklenmiştir.
KARAKTER: Karakterler>Yetişkinler kısmından uygun karakter eklenmiştir. Karakter tıklandığında ortaya çıkan menüden Pozu Düzenle seçilmiş ve karakterin sağ kolunu kaldırma, konuşma gibi pozlar verilmesi sağlanmıştır.
HİKAYE TAHTASI 3-4:
SAHNE 3 VE 4 OLUŞTURULURKEN AŞAĞIDAKİ ADIMLAR İZLENMİŞTİR:
Sahne 2 de yer alan karakter ve arka planı sahne 3 e kopyalamak için “Hücreleri Kopyala” dan yararlanılmıştır. Tıklandıktan sonra gelen ekranda önce sahne 2 daha sonra Sahne 3 ve 4 tıklanarak kopyalanma gerçekleştirilmiştir:
Bileşik: Programda bileşik görseli olmadığı için google görsellerde arama yapılmıştır. Özellikle resim türünün .png olmasına ve arka planının şeffaf olmasına özen gösterilmiştir. Aranılan resim bilgisayara kayıt edildikten sonra Yükleme>Resim Yükle kısmından bileşiğin resmi yüklenmiştir. Yüklenen resim tıklandığında hemen sahneye düşmektedir.
Metin: Yüklenen resmin üzerine yazı eklemek için Yazı Tiplerindeki “Free form Text” özelliğinden faydalanılmıştır.
NOT: Sahne 5-6, Sahne 2’yle aynı özelliklere sahip olduğu için anlatılmaya gerek duyulmamıştır.
HİKAYE TAHTASI 7:
Arka Plan: Arama kısmına kitchen yazılarak uygun olan arka plan sahneye eklenmiştir.
Nesneler: Arama kısmına “detergent” yazılarak deterjan görseline ulaşılmıştır. Kayısı görseli ise google görsellerde aratılmış ve .png formatında bilgisayara indirilip saha sonra yükleme bölümünden programa yüklenmiştir.
Karakter: Diğer slaytlardan kopyalanmıştır. Düzenle bölümünde yer alan kopyala özelliğinden faydalanılabilinir. Bu özellik aşağıda kırmızı ile işaretlenmiştir.
HİKAYE TAHTASI 8:
Sahne 7; sahne 8 e kopyalanmıştır. Karakter ve yazı metinleri silinmiş, yerlerine fare imleci (aramaya mouse yazarsanız çıkacaktır) konularak deterjana tıklama efekti verilmeye çalışılmıştır.
HİKAYE TAHTASI 9:
Arka Plan: Sahneler> Desenlerde yer alan gri arka plan kendi belirlediğim bir renkle değiştirilmiştir.
Nesne: Deterjan nesnesi bu sahneye de kopyalanmıştır.
Metin: Yazı Tipleri>Şekiller içinde yer alan bir çerçeve seçilmiş ve metin yazılmıştır.
HİKAYE TAHTASI 10:
Sahne 9, Sahne 10’a kopyalanmıştır. Nesneler silinmiştir (Delete tuşu kullanılarak). Yazı tipleri>Dekoratif kısımdan uygun çerçeve eklenmiş ve yazı yazılmıştır.
PAWTOON İLE ANİMASYON HAZIRLIĞI:
SLAYT 1:
YUKARIDAKİ SLAYTI OLUŞTURMAK İÇİN AŞAĞIDAKİ ADIMLAR İZLENMİŞTİR:
ARKA PLAN: “Background” seçeneğinden “Color Background” seçilerek gri bir arka plan belirlenmiştir.
YAZI: Öncelikle arama kısmına “Text Frame” yazılarak yazıya uygun çerçeve aranmıştır.
Daha sonra “text” bölümünden “Add Title” eklenerek Bileşikler başlığı yazılmıştır.
ZAMAN ÇİZELGESİ: Slaytta bulunan tüm nesnelerin zaman aralığı aşağıdaki gibi belirlenmiştir. Slaydın ekranda kalma süresi 5 sn olarak belirlenmiştir. +/- işaretlerini kullanarak sizde süreyi arttırabilir veya
kısaltabilirsiniz.
Çercevenin ekrana gelme süresi 1. Sn den başlayıp slaydın sonuna kadar yani 5. Sn kadar devam etmektedir. Bu süreler aşağıda kırmızı ile gösterilen çubuklar yana doğru çekilerek arttırılabilir veya kısaltılabilir.
Bileşikler yazısının ise ekrana gelme süresi 2. Sn den başlayıp slaydın sonuna kadar yani 5. Sn kadar devam etmektedir. Bu süreler aşağıda kırmızı ile gösterilen çubuklar yana doğru çekilerek arttırılabilir veya kısaltılabilir.
SLAYT 2:
Blank Slide kısmından boş slayt eklenerek arka planı yukarıda anlatıldığı gibi yine gri yapılmıştır.
KARAKTER: Menüde yer alan “Characters” bölümünden uygun karakter tıklanarak slayt 2’ye eklenmiştir.
Karakter tıklandığında çıkan “pose” bölümünden karakter konuşuyor olarak belirlenmiştir.
Çerceve: Slayd 1 de anlatıldığı gibi yine bir çerçeve eklemesi yapılmıştır.
Yazı: Daha sonra “Text” bölümünde yer alan “Add Body Text” eklenerek çerçevenin içine yazı eklemesi yapılmıştır. Her bir paragraf için 3 ayrı metin kutucuğu eklenmiştir.
Zaman Tüneli: Bu slaydda yer alan nesnelerin ekrana geliş düzenleri ve sn aralıkları aşağıdaki gibi belirlenmiştir. Yer değiştirme yapılmak istenirse nesnenin üzerine tıklanıp taşınması yeterlidir.
SLAYT 3-4:
Slayt 2’nin üzerine Mouse ile sağ click yapılarak “Duplicate Slide” seçeneğinden slayt 3 ve 4 çoğaltılmıştır. Slayt 3-4’te slayt 2’deki arka planın aynısı ve karakteri kullanılacağı için tekrar anlatılmaya gerek duyulmamıştır. Yalnızca slayt 2’de yer alan metin ve çerçeve silinmiştir. Bunu klavyenizde yer alan Delete tuşu ile yapabilirsiniz. Silmek istediğiniz alana tıklayın ve delete tuşuna basınız.
BİLEŞİK: Slayt 3 ve 4 te yer alan bileşik, programda bulunamadığı için Google’da aranmış ve bilgisayara indirilmiştir. Pawtoon’a yüklemek için “Images” seçildikten sonra “Upload Image” e tıklanmış ve bilgisyarda yer alan resim programa yüklenmiştir. Bu işlemler, aşağıda kırmızı ile işaretlenmiştir.
YAZI: Daha önceki slaytlarda olduğu gibi bu slaytta da text bölümünden “add body title” kullanılarak metin eklemesi yapılmıştır.
SES EKLEME: Bu slaytlara ses eklemesi de yapılmıştır. “Add voiceover” kullanılmıştır.
Record tıklanmış ve ses kayıt edilmiştir.
Kayıt edilen ses daha sonra isim verilerek programda yer almıştır. Slaydınızın arka planında kullanmak istediğiniz sese USE demeniz yeterlidir.
NOT: Slayt 5 ve 6 slayt 2 ile benzer özellikler içerdiği için nasıl hazırlandıklarının anlatılmasına gerek duyulmamıştır. Slayt 2’yi çoğaltıp (duplicate slide) metni değiştirmeniz yeterlidir.
Slayt 7:
Arka plan: Background bölümündeki arama kısmına “kitchen” yazıp uygun olan mutfak arka plan olarak belirlenmiştir.
Karakter: Diğer slaytlarda olduğu gibi aynı karakter eklemesi yapılmıştır.
Metin: Text bölümünden “Text Elements” kısmından uygun olan konuşma balonu seçilmiş ve içerisine metin eklenmiştir.
Nesneler: Mutfak arka planının üzerine, deterjan, kayısı gibi nesnelerin resimleri eklenmiştir. Bunun için googleda arama yapılmış ve resim türü .png olan resimler bilgisayara kadedildilmiştir. Daha sonra
images kısmında yer alan “Upload Image” bölümünden bilgisyardaki resimler PAwtoona yüklenmiştir.
MY IMAGES bölümünde görüntülenen resimler sürükle bırak yöntemiyle ekrana eklenmiştir.
Slayt 8:
Slayt 7 “Duplicate Slide” yapılarak çoğaltılmış bu sahnede istenmeyen karater ve metin silinmiştir. Daha sonra arama kısmına “Mouse” kelimesi yazılarak çıkan fare imleci slayda eklenmiştir.
Slayt 9:
Aynı slayt içerisinde önce soru daha sonra cevaba yer verilmiştir.
Arka plan : Arka plan rengi “Color Images” de yer alan başka bir renk ile değiştirilmiştir.
Nesne: Daha önce bilgisayardan programa yüklenen ve MY IMAGES kısmında yer alan resim buraya da eklenmiştir.
Metin: Bir frame daha arama kısmından aratılmış ve bu çerçevenin içine soru metini text bölümündeki
“add body text” kısmından eklenmiştir.
Cevap için yine aynı yöntem kullanılmıştır.
Zaman tüneli içerisinde eklenilen bu yazı ve nesnelerin ne kara kaldığına karar verilerek süreler uzatılıp kısaltılmıştır.
