2013-2014

websitesi tasarım

muse file ı yükleyemediğim için screen shotları yüklüyorum buradan sitenin akışıyla ilgili fikriniz olacaktır.

workshop görsellerinden ziyade websitesinin taslağı oluşturmam söylenmişti ben de o yönde bir adım attım.

Çocuk hakları slide show altında devam ediyor altta. iki adet atölyenin görselleştirmelerini zaten yüklemiştim. feedbacke göre websitemi değiştirmeye devam edeceğim.

Screen Shot 2014-04-30 at 2.21.20 PM Screen Shot 2014-04-30 at 2.21.51 PM Screen Shot 2014-04-30 at 2.22.02 PM Screen Shot 2014-04-30 at 2.22.14 PM Screen Shot 2014-04-30 at 2.24.15 PM Screen Shot 2014-04-30 at 2.25.01 PM

İlüstrasyonlar

İspanya ve Danimarka’nın ilüstrasyonları bitti. Danimarka’yı listeme eklememin sebebi, masalı çok sevmem ve onu resimlemek istememden kaynaklandı.  Masalım 4 kısımdan oluşuyor. Bunları Adobe After Affects’de küçük hareketler ile devam edebilecek şekilde anime edeceğim.

İspanya- Lion and the Girl-

part1

sil-bastan-part22

part3

part4

 

Meet Leo and Beacon

Geçtiğimiz ay okulda Leonardo adında biriyle tanıştım. Kendisi drone pilotu olarak kameramanlar için video çekiyor.

Photo 14.04.2014 18 48 49 (1)

Leo ile drone aracılığıyla tanıştım ve Milan çevresinde uçurulabilecek yerlere giderek bana bildiklerini gösterdi. Bu arada da upgrade etmeme yardımcı oldu.

Photo 22.04.2014 17 31 25

Yukarıda gördüğünüz pervane koruyucular, indoor çekimlerde çok işime yarıyor. Duvarlara çarpma riskini ortadan kaldırıyor.

Ek olarak karbon pervaneler takarak pil tasarufu ve stabilite kazandıracağız.

Ayrıca karanlıkta çekim yapabilmemiz için  aparatlar üretmeye devam ediyorum

Photo 10.04.2014 02 24 05

 

Tüm bu birliktelik süresince Leo bana bir ürün gösterdi. Bu ürün Roximity firmasını “beacon” modeli.

http://roximity.com/

Photo 14.04.2014 18 59 35

Roximity, bir nevi radar gibi işliyor. Sizin ayarladığınız bir çapa (0-7km) cep telefonları aracılığıyla sms gönderebiliyor.

Ekte paylaştığım ürün Vodafone tabanlı.

Size nasıl işlediğini örnekle açıklayayım;

Ben cep telefonumdan ayarlıyorum, şöyle ki, beaconu güzel bir pastanenin içerisine yerleştiriyorum. menzil çapını da 300m yapıyorum. eğer siz bu 300m içerisine girerseniz cep telefonunuza vodafone aracılığıyla bir mesaj geliyor. “evet durma, tam tatlı zamanı” gibi. Ayarlar doğrultusunda sizin yaklaştığınızı anlarsa, “giriş sağ tarafta;)” gibi başka bir mesaj veya menzil istatisiğinden uzaklaştığınızı anlarsa “hiç değilse kurabiyemizin tadına baksaydın” gibisinden bir mesaj gönderebiliyor.

Tamamen hayal gücünüze ve amacınıza kalmış.

Bu ürün beni çok etkilemişti. Hikayem sosyal medya ve “devlet” in gözünün üzerimide olmasını eleştirdiği sürece buna da yer vermek istiyorum. Aklınıza gelen bir fikir olursa hemen duymak isterim.

Kolay gelsin, görüşmek üzere!

 

Drone Visual

Herkese merhaba,

Sizlerle hareketli CCTV kamera gözünden drone tasarımımı paylaşmak istiyorum.

Daha dijital bir hava vermek için ses efektleri ve motion tracking örneklerini bir sonraki videoda göstereceğim. Aynı şekilde sabit CCTV kamera versiyonunu da.

Drone Visual 1.5

Ne yazık ki bu görseller orjinal hikayeye ait değil, çekimlerim istediğim istikrarda gitmiyor. En büyük sebebi hava koşulları. Durmak bitmeyen bir yağmur var. Hatta bu hafta İstanbul a kadar bile gelecek yağmur bulutları..Fakat storyboardu paylaşarak çerçeveyi belirteceğim.

Görsel için fikirlerinizi bekliyorum. Ekleyeceğim filtreler vb detaylarda size danışıyorum zaten

Drone un haraket halindeyken daha zarif bir çekim yapabilmesi için sipariş ettiğim aksesuar henüz elime geçmedi.

Photo 10.04.2014 17 46 40

Eminim çok faydası olacaktır.

 

 

Bilekliğin gelişme süreci

Hem springbreak’te hem de sonrasında gelişen/gelişmeye devam eden wristband tasarımım hakkındaki bilgileri anlatmak istiyorum. En son postladığım tasarımdan bu yana bir çok değişiklik oldu.

Öncelikle “üçgen” formundaki tasarımı dikdörtgene yaklaştırdım çünkü uyumu gösterecek olan şekillerim büyüklü küçüklü olucaklarından daha geniş bi bölgeye yayılmalıydı. Örnek vermek gerekirse, toprak grubunun bütün şekilleri ufak fakat hava grubunda büyük bir daireye ihtiyacım olucak, dolayısıyla ufak üçgen formu bunun için yeterli değildi. Tüm işaretlerin yerleri – çıkntı girinti olup olmayacaklarını ufak bir tablo hazırlayarak yaptım.

Tasarımı oturtmak için gene işe çizimle başladım, bu sırada farklılıklar oldu. bilekliği ikiye bölmeye karar verdim. Uyumun gösterilceği şekillerin olduğu yeri ayrı bir toka gibi yapmaya karar verdim.

Gittiğim 3d printer’cı 3dörtgen’de renk seçeneklerini inceledim ve her gruba özel bir “toka” ve “desen” yapmaya karar verdim, renkleri de çarpıcı olması için karşıt renklerden seçtim:

ateş gurubu -> toka rengi: kırmızı desen rengi:yeşil-kırmızı

hava grubu-> toka rengi: mor desen rengi:sarı-mor

su grubu-> toka rengi: mavi desen rengi: turuncu-mavi

toprak grubu-> toka rengi: turuncu desen rengi: mavi-turuncu

Screen Shot 2014-04-29 at 1.52.11 AM bileklilk3 wristband_1

 

Bu durumda kafamda gelişen desenleri asıl bileklik kısmında kullanabilirim şeklinde düşündüm.

İlk olarak toka kısmını 3d printer’cı da modelledikten sonra bastırdım. ilk fotoğraf process’i gösteriyor.

Screen Shot 2014-04-29 at 1.55.17 AM  Screen Shot 2014-04-29 at 1.55.24 AM

 

Bunlardan sonrasında düşündüğüm şeyler genel olarak desenleri kumaşa geçirmek ve kapamasını nasıl yapıcağım üzerineydi.

İlk olarak ateş ve su grubu için desen ürettim:

su grubu için damla formundan,

pattern_for_water_alternative

 

ateş gurubu içinse ateşin üçgen formundan etkilenerek desen üretmeye başladım.

pattern for fire_all

 

Bunlardan sonra ise, bayazıd tarafında dökümcü gezdim ve takı atölyelerini gezdim bu tarz yerler bana genel olarak kapama fikri hakkında fikir verdiler. Buna ek olarak; toka kısmını bir de gümüş olarak yaptırmaya karar verdim belki bileklik kısmında deri kullanırım ve erkekler için daha maskülen bir seçenek olarak kalabilir.

Resimlere bakınca çok alakasız gözüktüğünün farkındayım 🙂

Soldaki siyah materyal kapama rengimi göstermek için sağdaki ise kapatış tarzı için,  fakat ben bu lale formunu kendi şekillerimle uyumlu olması için geometrik olarak yaptırıcam. üst kısım ters üçgen, alt kısımsa daire olacak.

 

 

Screen Shot 2014-04-29 at 2.00.55 AM Screen Shot 2014-04-29 at 2.00.48 AM

 

Daha sonra kumaşın altına geçirceğim materyallerden satın aldım, bu dayanıklılık açısından deri de olabilir. Fakat kumaş kapatacağı için gerek kalmayabilir, onlarda lacivert olan 1.5, kırmızı ise 1 cm, bunu kumaşıma göre kullanıcam, hangisi tam uyarsa.

Screen Shot 2014-04-29 at 2.06.30 AM

 

Bütün bunlardan sonra kumaş boyamaya başladım ve açıkçası gerçekten zorlandım, amacım ilk başta bi kalıp yaratıp onu kumaşın üstüne koyup direk boyama işlemine geçmekti lakin kalıp yaratmak bir asetatın üstüne şekil çizip kesmeye çalışarak cidden çok zorlu oldu direk deseni çizmeye başladım ve boyama kısmı da hiç alışık olmadığım için beni çok zorladı ve tabii ki bir baskı kadar precise bi görüntü olmadı. Bu sorunu kumaş baskısı için alternatif bularak çözücem, ya da bu da olmazsa aklımda başka planlar da var.

Çok sketchy bi görüntü ama gene de tarzı gösterme açısından deseni bitirip tokaya taktım ve şu anda elimdeki görüntü bu:

Screen Shot 2014-04-29 at 2.11.17 AM

Screen Shot 2014-04-29 at 2.11.29 AM

Concept Design

As I figure out my biggest issue (the technical issues) over image processing and sound compatibility, I have started to focus on designing the concept and the experience itself. The main aim is still motivating people to create sounds through their volume they prefer to occupy and their movement. Since I am done with the part of creating sounds with movement I have tried to conceptualise the idea of movement and occupying volume in the space. By volume I dont mean the scientificly measurable amount of volume. What I mean is, I remember Erdağ  Hoca saying this through all process of working 3dimensional space,  activated space the objective has.

With the same amount of volume, 2 different objects with different shapes or 2 creature with different amount of movement, do not occupy the same conceptual space. There is the issue of ‘dominance’, being active or being passive which is mostly cited as ‘extrovert and introvert’ and used as both scientifically and socially.

active cube passive cube

 

Here you can see two different shapes that actually have the same volume and weight. I  named them ‘active cube’ and ‘passive cube’ rather than distorted and shapely cubes because of their opposite connotations to what I am actually trying to say. When you face with such shapes in real life, you make a connection with them and they talk to you  in different ways. You perceive them not as amount of volumes masses but perceive them as two different characters which I call ‘passive-introverted’ or ‘active-extroverted’. If we associate their characteristics with 5 human senses, we can say that, active one is louder, more colorful and lightful, more granular, more spicy and smells very sharp.

In my project, based on body motions, the audience will create their own content, will be its own voice and image. but while they are doing that they will be given personal information about their possible cause of actions. Because like the extroverted and introverted cubes, our bodies talk a language and tells a lot about our selves.

My aim is to express these virtues by words and sounds.

For doing that, I will set up a wide white screen and project the animation through the white surface which I am also going to use as galanty show screen. While the text animation uncoils on the surfaces of the shadows, those body movements will also create a sound. As the audience get curious and active, they will actually present their own cause of actions. and if they dont want to do anything, this is also will tell something about themselves.

 

In the begining of the project I was dealing with kinect for sound triggering then I have changed it to eyecon-webcam. But now the sensitivity of the web cam and changes of the light density as the viewer moves, doesnt allow sounds to work properly. If I can deal with the lighting problem I will go with eyecon but if I cant, I will again use kinect. For video projection, I am using a standard prjection, as the light source 140 v studio bulb. For the text animation I am using after effects.

 

 

Resources:

http://directedplay.com/hiddenlight.html

http://caveofsounds.com/#video

http://www.earthlinginger.com/source_file/phoebehui_2012.pdf

http://www.ted.com/talks/amy_cuddy_your_body_language_shapes_who_you_are

http://en.wikipedia.org/wiki/Volfied

İspanyol Masalı

İlüstrasyonlarını yaptığım ilk ülke İspanya oldu. Açıkçası bir masalı resimlemek düşündüğümden çok daha uzun sürüyormuş. İlk önce karakterleri, masaldaki hayvanları elimle çizdikten sonra scan ettim ve onları Photoshop’ta düzenleyip temizledikten sonra Adobe Illustrator a aktardım. Arka plan, gökyüzü, ağaçları, daireleri Illustratorda yaptıktan sonra elimde yaptıklarımı da onların yanına ekledim. Amacım asıl çocuklara yönelik olduğu için onların daha rahat okuyabileceği, daha yuvarlak hatlı ama yine de serifleri olan bir yazı tip seçtim: Museo. Başlıklarda da kullanmayı seçtiğim yazı tipi: Znikomit (Regular)  . Illustratorda yaptığım ilüstrasyonları az da olsa kıpırdatmak istediğim için “layer”lar halinde yaptım. Önceki ders getirdiğimi geliştirdim, onda tipografi yanlıştı. Oyüzden onu koymuyorum.

Başlangıç noktam:

lion-and-the-girl

Projedeki gelişmeler

Merhaba,

Bloga gantt chart ve proposal yükledikten sonra hiç update etmediğimi farkettim, o yüzden süreçle ilgili kısa bir açıklama yapıp ondan sonra şu anki durumla ilgili birşeyler paylaşacağım.

Projem kısaca çocuklar için bir enstalasyon, yerde Avrupa’daki ülkeleri simgeleyen noktacıklar ya da Avrupa haritasının bir yansıması olacak ve çocuk ülkelerin üzerine geldiğinde o ülke hakkında kısa bir animasyon izleyecek. Başlangıçta fikir animasyonu Avrupa haritasındaki bütün ülkeler için uygulamaktı ancak zaman kısalığını göz önüne alarak en göze çarpan ve özellikleri belirgin 10 ülkeye odaklanmaya karar verdim. Bunlar:

Portekiz, İspanya, Fransa, İrlanda, İngiltere, Almanya, İtalya, Hollanda, Yunanistan ve İskoçya/İsviçre’den birisi.

Animasyonlar için hep 2D’den yana oldum çünkü bu konuda hem 3D’den daha iyiyim hem de çocuklar için daha eğlenceli olduğ kanısındayım. Şimdiye kadar illustrator’da çizdiğim örnekleri Flash’ta animasyon haline getirip Ekmel hocaya gösterdim fakat ilk örnek aklımıza yatmadı, bunun üzerine çok geometrik olan illustrasyonları yumuşatmak için tarzımı değiştirdim ve sonuçta daha el çizimi bir hal aldı illustrasyonlar.

Animasyon Avrupa’daki ülkelerin haritasıyla başlıyor ve çocuk ülke üstüne gittiğinde gittiği ülkeye zoom yaparak o ülkenin adı çıkıyor öncelikle, peşinden animasyonumdaki küçük kız karakteri balonla ülke haritasında başkente iniyor, balon üstünde adını görüyoruz ve ülkenin içine ilerliyoruz. Burada her ülke için bir setting yapmaya karar verdim, üzerinde çalıştığım  örnek Portekiz olduğu için renkli evlerden oluşan bir sokak yaptım. Bu sahneden sonra karakter o ülkeyi tanıtıcı şeyler yapıyor mesela Portekiz’de karakterim tramvayla içeri geliyor, daha sonra Fado müziği yapıyor ve son olarak o ülkeye ait yemekleri tanıttığım bir sahne başlıyor. Arka plana her ülke için geleneksel bir müzik eklemeyi düşünüyorum ve Ekmel hocanın tavsiyesi üzerine bir narrator hikayeyi anlatabilir (Küçük kız karakteri konuşuyor gibi)

Bunu burada anlatmamın sebebi Flash’ta animasyonumda ilerlememe rağmen bir türlü export edememem. After Effects’e daha çok alıştığım için şu anda animasyonu orada tekrar yapıp export edip buraya ekleyeceğim.

Tatilden sonra bitmiş animasyonla ve diğer ülkeler için çizdiğim illustrasyonlarla geleceğim, bunun yanında body tracking için hazırladığım patch’i denemem gerekiyor. Aşağıda el çizimimi ve illustratorda editlediğim halini ekliyorum.

1395691905576 1395687785062 portugal

new screens for the application

Geçen haftaki derste aplikasyonun ekranları arasındaki geçişler hakkında konuşmuştuk. Bir de bazı yerlerin ulaşımının çok karışık ve zor olduğunu. Bunun üzerine ben de herşeye her zaman ulaşımın mantıklı olduğu bir sistem düsünmeye başladım. Şu anda elimde kesin bir kaç ekran var fakat boyutları iphonea göre hazırlamak bütün tasarımı değiştirdiği için uygulamaya geçirmek için biraz geç kaldım.

Profil sayfamı hala yeniliyorum o yüzden su anda ona dair bişi gösteremiorm.ancak eski haline eklenmiş search, add, update kısmı şu şekilde olacak.

log in sign inprofilprofil yandannoti noti_yan

hala ekranlar üzerinde çalışmaya devam edioyorum, update ettikçe bloga da koyacağım:)

Merhabalar,

Enstalasyonu gorsel acidan zenginlestirebilmek adina Hitchcock adina daha derin bir arastirma yapma sansi buldum. Gorsel acidan referans alabilecegim bir cok unsur var. Ornegin, Psycho, Vertigo ve North by Nortwest filmlerinin title tasarimlarini Saul Bass yapiyor.

Enstalasyonun gorselligini Hitchcock’un ilham kaynaklarini kullanarak besleyebilirim diye dusunuyorum. Ornegin, Spellbound filminde Dali ile calisiyor. Birds filminde bir sahne  Edward Munch’un Scream tablosuyla nerdeyse birebir. Daha onemlisi ise kendisi storyboard cilginligi ile taniniyor, tek bir film icin (I Confess) 300 adet produksiyon cizimi yaptiriyor ve scriptten cok storyboarda sadik kalarak filmlerini cekiyor. Kitapta soyle geciyor;

“Hitchcock introduced the idea for those on the production who are not visual-minded, which he says he is.”

Yani yine bir visual-thinking ve doodle meselesine donuyor aslen. Yaptigi sketchler cektigi filmlerin baslangic noktasi. Gombrich’in de dedigi gibi, “When we doodle something, that doodle impress us a ‘creation’ of an individual being, potential inhabitant of an imaginary world.” Bu noktada enstalasyon Hitchcock’un storyboard myth’ine referans yaparak baslayacak.

Duvarda Hitchcock’u cizim yaparken gorucez. Bos kagida ise storyboardlardan alinmis bir resim yansitilacak. Bu resim biz elimizi kagidin ustune goturdugumuzde yok olacak (Cizen kisinin eli golge yaratacagindan onu RGB degisimiyle projeksiyondan alabilirim diye dusunuyorum). Kalemin kagida dokunmasiyla tek bir background sesi baslayacak. Cizmeye devam ettikce tipografik imajlar ve hoparlorden gelen sesler degisecek.

Enstalasyonu anlatan ufak bir dosya hazirladim. Projeksiyondaki tipografik gorsel tamamen temsili amacli 🙂 Teknik acidan ilgilenmem gereken seyler, “perfect light” ki isigi alttan vermek zorundayim elin golgesini ekarte etmek adina. Kamera da kagidin altina yerlestirilecek. Enstalasyonun yapimi ve kurulumu hakkinda tavsiyenize ihtiyacim var. Webcam de bilgisayara bagli oldugundan bunlari gizlemem gerekiyor.

installation_sketch_ready

installation_sketch_2installation_flow 

Tipografik acidan, generative type arastirdim ve denedim onlarin ornekler assagidaki gibi. Bu ornekleri kendim editlemeyi de ogrendim, baz alinan fontlari da istediginiz baska fontla degistirebiliyorsunuz. Bunlari nasil animate ederim henuz onu bilmiyorum. Burda hala karar veremedigim generative type mi yoksa kendi typographic compositionlarimi mi animate etmeliyim. Ya da ikisini birden mi kullanirim? Animasyon acisindan da yine Hitchcock’un filmlerini referans alicam ornegin, sahneler arasi gecislerde fade out ve double exposure siklikla kullaniyor. Bir sonraki gorusmemizde duvara yansitacagim gorseller hakkinda ornekler getirmeyi planliyorum.

Ekran Resmi 2014-04-09 18.52.14

 

Ekran Resmi 2014-04-09 18.55.09

Bir butun olarak bu proje bittiginde, kagit ve kalem ile visual-thinking meselesine deginecek, emotional design ve tipografi iliskisini baz alacak. Visual style ve sound kullanimi acisindan da Hitchcock filmleri uzerine bir analiz niteligi tasiyacak. Bookletde de bu storyboard myth ve Hitchcock’un visual style ve inspirationslari hakkinda kisa bilgiler vermeyi planliyorum. Quotelarin yazdigi kartlar dagitabilirim diye dusunuyorum ya da herkese kendi olusturdugu gorseli print out edip verebilirim. Haftaya yapacaklarim Geomerative library’den bulacaklarimla gelisecek yani.

 Onumuzdeki haftaya;

1. Gorsel tasarim / generative type ya da tipografik kompozisyonlar

2. Template uzerinde bolgelere ses ve gorsel assign etme / webcamle denemeler yapicam

3. Enstalasyona dair fikirlerle gelicem

31_mart_temp_4