Web dünyasında içeriklerin geliştirilmesinde kodlama bilgisi gerekli olsa da Google Web Designer rehberi ile büyük kolaylıklar elde edebilirsiniz. Halihazırda sürükle-bırak mantığına sahip web araçlarında kabul edilen bu programla arzu ettiğiniz içerikleri üretebilirsiniz. Başta görsel tasarımlar olmak üzere 3D nesnelerin oluşturulmasını da kodlama olmadan halledebilirsiniz. Basit görsel mekanizmasıyla birlikte ücretsiz kullanabileceğiniz Google Web Designer rehberi sizlerle.
HTML5 teknolojisiyle birlikte başta görsel ve video içerikleri olmak üzere üretim isteyenlerin tercih noktasıdır. Arzu ettiğiniz çizimleri ve şekilleri oluşturarak metin içerikleri ekleyebilirsiniz. Üç boyutlu canlandırma özellikli ürünler ortaya koyabilirsiniz. Farklı cihazlarda çalışabilir olması büyük bir avantaj olurken, aynı zamanda kolay yoldan nasıl görseller yaratabilirim sorusuna yanıt olur.
Var olan iş akış unsurları dışında efekt oluşturma ya da renklendirme çalışmalarını yapma amacıyla da değerlendirebilirsiniz. Zaman çizelgesi sayesinde sahne kullanımı basit olurken, eklemelerle daha büyük projeleri de oluşturabilirsiniz. Bütünleşik düzenleyici özelliğe sahip olan Google Web Designer rehberi ile video ve ses dosyalarının ne şekilde olabileceğini de anlatmaya çalışacağız.
Google üzerinden Web Designer aratarak ilk siteye girebilirsiniz. Bu noktada indirme işlemi yaptığınız andan itibaren birkaç dakikalık yükleme ile sonuç alırsınız. Ana ekran üzerinden 'Yeni dosya oluştur' diyerek sıfırdan bir proje başlatabilirsiniz. Kayıtlı dosyalarınız varsa, sağ bölümde açma işlemi çıkacaktır. İlk projeniz için kayıt ismini girdikten sonra ana ekran kısmına geçiş yapılır.
Arayüz özelinde tüm süreçleri Türkçe dil desteğiyle kullanabileceğinizden, gayet rahat bir alan sizleri karşılar. Sol kısımda işaretli seçimlerle fare kullanımlarını görürsünüz. Sağ kısımda ise tasarım görünümü ve kod görünümü seçenekleri bulunur. Ayrıca yapacağınız projenin nasıl göründüğünü merak ederseniz, sağ üst kısımdaki “ön izleme” bölümünü kullanabilirsiniz. Altta bulunan zaman çizelgesi dosyaları ekledikçe şekil alırken, kitaplık kısmı ise kütüphaneyi temsil eder.
Şüphesiz ki Google Web Designer genelinde en çok metinler üzerinden düzenlemeler gerçekleşir. Metin aracı ile ayarları kullanarak hangi seçimleri yapabileceğinize karar verirsiniz. Normal metin haricinde stil değişimi uygulayabilirsiniz. Başlık ya da üst-alt tırnak seçimleri de uygundur. Ayrıca metin biçimi ve punto dışında renk paletlerini de yine ayarlayabilirsiniz. Burada tahmin ettiğimizden çok daha geniş bir yelpaze bulunduğunu söylemeden geçmemeliyiz.
Sağ kısımda renk ve metin ayarları yapılırken efekt seçimlerinden uygulamalar yapabilirsiniz. Gradyan ve bulanık dışında daktilo yazısı ve damla gibi efektleri metinler için uygulayabilirsiniz. Öğeler arası filtre uygulama seçimi de yine aynı kısımdadır.
Kitaplık panelinden video, ses ve görsel dosya seçimleri yapabilirsiniz. Sürükle bırak uygulaması sağlıklı işler. Ekran parmak hareketleri için duyarlılık söz konusu olurken, renk ve metin efektleri sağ kısımdan ayarlanır. Burada dolgu ve kenarlık kısımları da yine anahat özelinde değiştirilebilir.
Vektörel çizimler, yani SVG oluşturma imkânları da yine bulunur. Bu açıdan noktaların oluşturduğu çizgiler üzerinden dolgular yapabilirsiniz. PNG dosyalarında hem boyut büyüklüğü hem de zoom sonrası bozulma ihtimalleri daha fazladır. Bu nedenle, eğer çoklu bir proje söz konusuysa, vektörel çizimler daha az yer kaplayacaktır.
Söz konusu sağ-alt bölümde kitaplık ve özelliklerin yanında Bileşenler kısmını görürsünüz. Burada grafikler ve efektler içinde çok zengin yapılar bulunur. Başta 3D model görüntüleyici olmak üzere, helezon ve resim efektleri uygulanabilir. Tanecik efekt yapabileceğiniz gibi özel bileşenler model sayfasında vardır.
3D Model görüntüleyici ile GLB uzantılı üç boyutlu nesneler oluşturabilirsiniz. Konum ve boyut ayarlamaları yine size aittir. Fare yardımıyla yakınlaşma yapılabilirken, kayıt bölümünde kaynak durumu da eklenir. Şekillerin çizimi, düzenlenmesi tahmin ettiğinizden daha kolaydır. Basitleştirilmiş tarzda fare kullanımıyla birlikte işlemleri yapabilirsiniz.
Herhangi bir web sitesi içindeki kullanıcı hareketlerine göre şekiller alma durumlarını “etkinlik” ekleme özelliğiyle sağlarsınız. Bir butona işlevsellik verme için fare tıklaması ya da farenin üstüne gelmesi gibi seçimler yapabilirsiniz. Animasyonların oynatılması veya gizli resimlerin ortaya çıkması gibi sonuçların etkinlik olarak kaydedilmesi de mümkündür.
Kare bazlı animasyonların üretimi sayesinde canlandırmalar yapılabilir. Son derece gelişmiş tasarım aracında birçok farklı özgün yaratımlar söz konusudur. Teknik açıdan son derece kapsamlı kavramları bilmeden de Google Web Designer'ı kullanabileceğinizi söyleyebiliriz. Her ne kadar bir başka alternatif olarak Adobe Express öne çıksa da, Türkçe dil desteği sunmamasından ötürü daha zorlu bir süreç olabileceğini belirtebiliriz.
Google Web Designer Hakkında
HTML5 teknolojisiyle birlikte başta görsel ve video içerikleri olmak üzere üretim isteyenlerin tercih noktasıdır. Arzu ettiğiniz çizimleri ve şekilleri oluşturarak metin içerikleri ekleyebilirsiniz. Üç boyutlu canlandırma özellikli ürünler ortaya koyabilirsiniz. Farklı cihazlarda çalışabilir olması büyük bir avantaj olurken, aynı zamanda kolay yoldan nasıl görseller yaratabilirim sorusuna yanıt olur.
Var olan iş akış unsurları dışında efekt oluşturma ya da renklendirme çalışmalarını yapma amacıyla da değerlendirebilirsiniz. Zaman çizelgesi sayesinde sahne kullanımı basit olurken, eklemelerle daha büyük projeleri de oluşturabilirsiniz. Bütünleşik düzenleyici özelliğe sahip olan Google Web Designer rehberi ile video ve ses dosyalarının ne şekilde olabileceğini de anlatmaya çalışacağız.
Google Web Designer Aç
Google üzerinden Web Designer aratarak ilk siteye girebilirsiniz. Bu noktada indirme işlemi yaptığınız andan itibaren birkaç dakikalık yükleme ile sonuç alırsınız. Ana ekran üzerinden 'Yeni dosya oluştur' diyerek sıfırdan bir proje başlatabilirsiniz. Kayıtlı dosyalarınız varsa, sağ bölümde açma işlemi çıkacaktır. İlk projeniz için kayıt ismini girdikten sonra ana ekran kısmına geçiş yapılır.
Arayüz özelinde tüm süreçleri Türkçe dil desteğiyle kullanabileceğinizden, gayet rahat bir alan sizleri karşılar. Sol kısımda işaretli seçimlerle fare kullanımlarını görürsünüz. Sağ kısımda ise tasarım görünümü ve kod görünümü seçenekleri bulunur. Ayrıca yapacağınız projenin nasıl göründüğünü merak ederseniz, sağ üst kısımdaki “ön izleme” bölümünü kullanabilirsiniz. Altta bulunan zaman çizelgesi dosyaları ekledikçe şekil alırken, kitaplık kısmı ise kütüphaneyi temsil eder.
Metin özellikleri Kullanımı
Şüphesiz ki Google Web Designer genelinde en çok metinler üzerinden düzenlemeler gerçekleşir. Metin aracı ile ayarları kullanarak hangi seçimleri yapabileceğinize karar verirsiniz. Normal metin haricinde stil değişimi uygulayabilirsiniz. Başlık ya da üst-alt tırnak seçimleri de uygundur. Ayrıca metin biçimi ve punto dışında renk paletlerini de yine ayarlayabilirsiniz. Burada tahmin ettiğimizden çok daha geniş bir yelpaze bulunduğunu söylemeden geçmemeliyiz.
Sağ kısımda renk ve metin ayarları yapılırken efekt seçimlerinden uygulamalar yapabilirsiniz. Gradyan ve bulanık dışında daktilo yazısı ve damla gibi efektleri metinler için uygulayabilirsiniz. Öğeler arası filtre uygulama seçimi de yine aynı kısımdadır.
Medya Özellikleri
Kitaplık panelinden video, ses ve görsel dosya seçimleri yapabilirsiniz. Sürükle bırak uygulaması sağlıklı işler. Ekran parmak hareketleri için duyarlılık söz konusu olurken, renk ve metin efektleri sağ kısımdan ayarlanır. Burada dolgu ve kenarlık kısımları da yine anahat özelinde değiştirilebilir.
SVG Projeler Mümkün Mü?
Vektörel çizimler, yani SVG oluşturma imkânları da yine bulunur. Bu açıdan noktaların oluşturduğu çizgiler üzerinden dolgular yapabilirsiniz. PNG dosyalarında hem boyut büyüklüğü hem de zoom sonrası bozulma ihtimalleri daha fazladır. Bu nedenle, eğer çoklu bir proje söz konusuysa, vektörel çizimler daha az yer kaplayacaktır.
Google Web Designer Bileşenleri
Söz konusu sağ-alt bölümde kitaplık ve özelliklerin yanında Bileşenler kısmını görürsünüz. Burada grafikler ve efektler içinde çok zengin yapılar bulunur. Başta 3D model görüntüleyici olmak üzere, helezon ve resim efektleri uygulanabilir. Tanecik efekt yapabileceğiniz gibi özel bileşenler model sayfasında vardır.
3D Model görüntüleyici ile GLB uzantılı üç boyutlu nesneler oluşturabilirsiniz. Konum ve boyut ayarlamaları yine size aittir. Fare yardımıyla yakınlaşma yapılabilirken, kayıt bölümünde kaynak durumu da eklenir. Şekillerin çizimi, düzenlenmesi tahmin ettiğinizden daha kolaydır. Basitleştirilmiş tarzda fare kullanımıyla birlikte işlemleri yapabilirsiniz.
Web Site Etkinlikleri
Herhangi bir web sitesi içindeki kullanıcı hareketlerine göre şekiller alma durumlarını “etkinlik” ekleme özelliğiyle sağlarsınız. Bir butona işlevsellik verme için fare tıklaması ya da farenin üstüne gelmesi gibi seçimler yapabilirsiniz. Animasyonların oynatılması veya gizli resimlerin ortaya çıkması gibi sonuçların etkinlik olarak kaydedilmesi de mümkündür.
Google Web Designer Sonucu
Kare bazlı animasyonların üretimi sayesinde canlandırmalar yapılabilir. Son derece gelişmiş tasarım aracında birçok farklı özgün yaratımlar söz konusudur. Teknik açıdan son derece kapsamlı kavramları bilmeden de Google Web Designer'ı kullanabileceğinizi söyleyebiliriz. Her ne kadar bir başka alternatif olarak Adobe Express öne çıksa da, Türkçe dil desteği sunmamasından ötürü daha zorlu bir süreç olabileceğini belirtebiliriz.
