Resim dosyaları, cihazlardan çekilen veya programlarla hazırlanan görsellerdir. Dosyalar Bitmap ve Vektör olmak üzere iki ana kategoriye ayrılır. Piksel, görüntüyü oluşturan en küçük kare birimidir
PDF, tüm işletim sistemlerinde aynı görünen belge formatıdır. SVG, piksel yerine noktalardan oluşan vektör tabanlı görüntü formatıdır. SVG'ler sonsuz ölçeklenebilir ve kalite kaybı yaşamaz
Bu video, Fikret adlı bir eğitimcinin CSS'de şekil oluşturma aracı olan "clippad" sitesinin kullanımını anlattığı bir eğitim içeriğidir.. Videoda, clippad sitesinin nasıl kullanılacağı adım adım gösterilmektedir. Fikret, önce bir konteyner alanı oluşturup, ardından bu alana clippad sitesinden alınan kodlarla şekil verme işlemini uygulamalı olarak anlatmaktadır. Önce bir çapraz bükme şekli, sonra bir yıldız şekli oluşturma örnekleri verilmektedir. Ayrıca, clippad özelliğinin tarayıcılar tarafından desteklenmediği ve SVG özelliğinin de benzer şekiller için kullanılabileceği belirtilmektedir.
PNG, 32 bit renk ve 256 şeffaflık sunan kayıpsız bir görüntü formatıdır. SVG, XML tabanlı vektör grafikleri için tasarlanmış bir formattır. SVG formatı sınırsız ölçekleme ve küçük dosya boyutu sunar
SVG, matematiksel denklemlerle tanımlanan vektör tabanlı bir formattır. PNG, piksellerden oluşan bitmap tabanlı bir formattır. Her iki format da ölçeklenebilir ve yüksek çözünürlüklü görüntüleri destekler
Bu video, bir eğitmen tarafından sunulan HTML 5 ve CSS 3 eğitim setinin 22. dersidir. Eğitmen, izleyicilere grafik tasarım konularını adım adım göstermektedir.. Video, kanvas kullanımı ile başlayıp SVG (Scalable Vector Graphics) grafiklerine geçiş yapmaktadır. İlk bölümde JavaScript kullanılarak kanvas üzerinde üçgen çizimi gösterilirken, ikinci bölümde SVG etiketleriyle daire, elips ve çokgen çizimi anlatılmaktadır. Ayrıca font değişimi, renk ayarlaması ve opacity değerlerini değiştirerek geçiş efektleri oluşturma teknikleri de detaylı şekilde açıklanmaktadır.. Eğitimde özellikle SVG'de renk, kalınlık ve şeffaflık gibi özelliklerin nasıl ayarlanacağı ve X düzleminde opacity değerlerinin 0.6'dan 1'e doğru nasıl değiştirileceği gibi logo tasarımı için kullanılabilecek teknikler gösterilmektedir.
JPG formatı, kalite kaybı olmadan sıkıştırma sağlar. PNG formatı, kalite kaybı olmadan sıkıştırma sunar. JPG formatı, çevrimiçi paylaşım için idealdir. PNG formatı, geçiş aşamalarını palet seçeneğiyle saklar
SVG dosyaları "Bu Cihaz > ResimEkle" yoluyla eklenebilir. Office simgeleri "Ekle > Dosya" ile eklenebilir
Bu video, Tayfun Erbilen tarafından Prototurk.com için hazırlanan bir eğitim içeriğidir. Tayfun, web geliştirme konusunda bilgi paylaşmaktadır.. Videoda, beyaz bir ürünün farklı renklerde nasıl görüneceğini göstermek için CSS'deki mix blend mode özelliğinin nasıl kullanılacağı anlatılmaktadır. Tayfun, önce bir beyaz koltuğun SVG formatına dönüştürülmesi, ardından HTML ve CSS kodlarıyla bu SVG'nin üzerine renk değiştirme işleminin nasıl yapılacağını adım adım göstermektedir. Ayrıca jQuery ile renk seçici ekleme ve CSS ile bu renk seçici ile SVG'nin rengini değiştirme işlemleri de detaylı olarak açıklanmaktadır.
Bu video, bir eğitim içeriği olup, izleyicilere CSS kullanarak animasyonlu dalga efekti oluşturma sürecini adım adım göstermektedir.. Video, Photoshop programında dalga şekli çizimi ile başlayıp, bu şeklin SVG formatında kaydedilmesi, ardından HTML ve CSS ile animasyonlu dalga efekti oluşturma sürecini kapsamaktadır. Eğitmen, önce Photoshop'ta dalga şekli çizimi yaparak başlıyor, ardından HTML'de bir div oluşturuyor ve CSS ile bu div'e before ve after pseudo-elementleri ekleyerek, keyframes kullanarak dalga efektini animasyonlu hale getiriyor. Video, basit bir dalga efekti oluşturma sürecini detaylı olarak göstermektedir.
Bu video, Emre Sabuncu tarafından sunulan HTML5 testleri serisinin bir parçasıdır. Emre, SVG etiketinin kullanımını göstermektedir.. Videoda SVG etiketinin vektör tabanlı çizim yapabilme özelliği anlatılmaktadır. Emre, SVG etiketinin temel kullanımını göstererek çember, daire, dikdörtgen ve poligon gibi temel şekillerin nasıl çizileceğini adım adım açıklamaktadır. Ayrıca, şekillerin boyutlandırılması, renklendirilmesi ve köşelerinin yuvarlanması gibi temel özellikler de gösterilmektedir. Video, SVG etiketinin geniş çizim yelpazesine değinerek, daha detaylı bilgi için eğitim kaynaklarına yönlendirilmektedir.
Bu video, Arif adlı bir eğitmen tarafından sunulan temel Photoshop derslerinin ilk bölümüdür. Photoshop programına yeni başlayanlar ve temel öğrenmek isteyenler için hazırlanmıştır.. Videoda Photoshop programının temel kullanımı anlatılmaktadır. İlk olarak programın açılış ekranı ve temel bölümleri tanıtılmakta, ardından yeni bir sanat hazırlama süreci adım adım gösterilmektedir. 750x750 piksel boyutunda bir şal örneği üzerinden yeni sanat oluşturma, ölçü ayarları, arka plan seçimi ve şeffaflık ayarları anlatılmaktadır. Son olarak, hazırlanan sanatın nasıl kaydedileceği ve farklı formatlarda (JPEG, PNG, SVG) nasıl paylaşılacağı açıklanmaktadır.
Bu video, Photoshop'ta 2019 versiyonu ile gelen gelişmiş dışa aktarma seçeneklerini gösteren bir eğitim içeriğidir.. Video, Photoshop'ta dışa aktarma işleminin nasıl yapılacağını adım adım anlatmaktadır. Önce File menüsünden Export seçeneğine erişim, ardından farklı dışa aktarma seçenekleri (PNG, GIF, SVG, JPEG) ve bu seçeneklerin detaylı ayarları gösterilmektedir. Şeffaflık desteği, görüntü boyutları, meta bilgileri ve çözünürlük ayarları gibi seçenekler detaylı olarak açıklanmaktadır. Ayrıca, tüm çalışma alanını dışa aktarma seçeneği de gösterilmektedir.
Bu video, Molovay tarafından sunulan bir eğitim içeriğidir. Sunucu, Photoshop programında SVG formatında nasıl kaydedileceğini adım adım göstermektedir.. Videoda, önce bir daire çizilip mavi ve beyaz renklerle boyanarak bir tasarım oluşturuluyor. Ardından File menüsünden Export seçeneğine gidilerek SVG formatı seçiliyor ve özel boyutlar girilerek (örnekte 500x500) kaydediliyor. Son olarak, kaydedilen dosyanın SVG uzantısına sahip olduğu kontrol ediliyor. Video, Photoshop'ta SVG formatında kaydetme işlemini öğrenmek isteyenler için temel bir rehber niteliğindedir.
Bu video, bir eğitim içeriği olup, konuşmacı Box SVG adlı SVG dosya türünü düzenlemek için kullanılan bir programı tanıtmaktadır.. Video, SVG formatının ne olduğunu açıklayarak başlıyor ve ardından Box SVG programının kurulumunu adım adım gösteriyor. Programın Windows, MacOS, Linux ve Chrome gibi farklı platformlarda çalıştığı belirtiliyor. Daha sonra programın arayüzü detaylı olarak tanıtılarak menü bölümleri, araçlar ve sağ panel gibi temel bileşenler gösteriliyor. Video, bir serinin ilk bölümü olup, ikinci derste programın araçlarının tek tek anlatılacağı ve kanalın logosunun değiştirileceği belirtiliyor.
Bu video, bir eğitmen tarafından sunulan Zenfor forum yazılımında kullanıcı bannerlarına grafik ekleme konulu bir eğitim içeriğidir.. Video, kullanıcıların "PNG ranklarımın görüntüsünü büyütemiyorum" sorusuna cevap vermek amacıyla hazırlanmıştır. İçerikte, Zenfor'da kullanıcı bannerlarının grafik destekli olmadığı, CSS ile hazırlanmış hazır bannerlar olduğu ve bunları biçimlendirmek için özel CSS sınıfına girilmesi gerektiği anlatılmaktadır. Eğitmen, SVG formatında grafik kullanarak kullanıcı sıralaması oluşturma sürecini adım adım göstermekte, mod rank ve kullanıcı rank gibi farklı sıralamaları nasıl oluşturacağınızı açıklamaktadır.. Videoda ayrıca PNG ve SVG formatları arasındaki farklar, SVG'nin ölçeklendirilebilir vektör grafik olduğu ve bu nedenle daha avantajlı olduğu vurgulanmaktadır. Mobil uyumluluğu sağlamak için medya sorgularının kullanımı, banner sınıflarının kullanımı ve kodun daha az ve etkili hale getirilmesi için pratik yöntemler de paylaşılmaktadır.
Bu video, web dünyasına giriş için ücretsiz online web dersleri sunan bir eğitim içeriğidir.. Video, SVG (Scalable Vector Graphics) kavramını tanıtmaktadır. SVG'nin geleneksel PNG veya JPG formatlarına göre esneklik ve çok yönlülük sağladığı, herhangi bir metin düzenleyicisi ile oluşturulabildiği ve herhangi bir tarayıcıda görüntülenebildiği belirtilmektedir. Ayrıca SVG'nin elde edilebilir olması sayesinde anahtar kelimeler ve açıklamalar eklenebileceği vurgulanmaktadır.
Bu video, bir konuşmacının sunduğu web sayfalarında ikon kullanımı ve SVG teknolojisi hakkında kapsamlı bir eğitim içeriğidir.. Video, SVG'nin ne olduğunu ve web sayfalarında neden kullanılabileceğini açıklayarak başlıyor, ardından İcomoon platformu üzerinden ikonların nasıl kullanılacağını gösteriyor. Daha sonra Illustrator programı kullanılarak kendi SVG ikonlarının nasıl oluşturulacağı adım adım anlatılıyor ve son olarak seçilen ikonların bir set halinde nasıl oluşturulup web sitesine nasıl dahil edileceği gösteriliyor.. Eğitim içeriğinde ayrıca font ve stil dosyalarının nasıl kopyalanacağı, ikonların boyutlandırılması ve renklendirilmesi gibi temel özellikler de detaylı olarak açıklanmaktadır. Video, web sayfalarında ikon kullanımını öğrenmek isteyenler için kapsamlı bir kaynak niteliğindedir.
Bu video, bir eğitim içeriği olup, izleyicilere Inkscape programında Adobe Illustrator formatındaki dosyaların nasıl açılacağını ve kaydedileceğini göstermektedir.. Videoda, vektörel bir logo örneği üzerinden adım adım işlem anlatılmaktadır. Önce SVG formatındaki dosyanın PDF olarak kaydedilip uzantısının .ii olarak değiştirilerek Adobe Illustrator formatına dönüştürülmesi gösterilmektedir. Ardından bu dosyanın Inkscape'te sürükle-bırak yöntemiyle veya "Open with Inkscape" seçeneğiyle nasıl açılacağı ve üzerinde değişiklik yapılabileceği açıklanmaktadır.