WordPress blog yazıları için güzel resimler yapmak için hızlı rehber
Düşük kaliteli ucuz fotoğrafların resimleri veya stoku olmayan bir blogdan ne gibi bir izlenim ediniyorsunuz? Belki blogun profesyonelce olmadığını veya içeriğin daha düşük kalite olabileceğini düşünüyorsunuz? Blogunuzun kötü bir resmi varsa, blog ziyaretçileriniz sitenizde aynı ilk izlenime sahip olabilir. Neyse ki, böyle olmaya ve blogunuz için kolay, hızlı ve ucuza yüksek kaliteli profesyonel görüntüler yapmaya gerek yoktur. Nasıl olduğunu bilmek ister misin? Okumaya devam etmek. Blog yazılarını tasarlamak için en iyi araç blog resimleri tasarlamaya başlamadan önce düzenleme için bazı araçlara ihtiyacınız var. Mevcut bir dizi ücretsiz ve ücretli çözüm var:
Photoshop (ücretli) Photoshop, profesyoneller için bir resim düzenleme yazılımıdır. Adobe tarafından geliştirilen ve yaratıcı bulut cihazlarının bir parçası olan Photoshop, fotoğraflarla çalışmak için çok iyidir (orada sürpriz yok!). Illustrator (ücretli) aynı zamanda Adobe’nin yaratıcı bulut aracının bir parçasıdır, Illustrator, vektör grafikleriyle çalışmak için bir standarttır. Bu, temelde piksel ızgaraları olan raster grafiklerin aksine noktalardan ve yollardan yapılmış bir görüntüdür. Bir vektör grafiği kullanmanın yararı, kalitesini kaybetmeden boyutunu değiştirebilmenizdir. Raster görüntüleri, orijinal boyutunu aşan büyütüldükten sonra kaliteyi kaybedecektir.
GIMP (ücretsiz) GIMP, Photoshop için ücretsiz bir alternatiftir. Adobe çözümü gibi özellikler açısından zengin olmasa da, GIMP hala etkileyici bir araçtır. Blogunuzu göndermek için üstün görüntüler yapmak amacıyla, fazlasıyla yeterli olmalıdır. Canva (Ücretsiz ve Ücretli) Canva, sosyal medyanın kapağından, poster ve tahmin etmek için blog özelliklerinin resimlerine kolayca çeşitli görüntüler oluşturmanızı sağlayan çevrimiçi bir araçtır. Aynı web sitesinde çalışan birçok insanınız varsa kullanımı kolay ve kullanışlıdır. Kapak/harika bir özellik yapan nedir? Artık bir blog yazısı resmi tasarlamak için ihtiyacınız olan araçlara sahipsiniz, tasarlamak için gereken gerçek öğeleri düşünmeniz gerekiyor. Fotoğraf, vektör görüntüleri, simgeler ve ücretsiz yazı tipleri sağlayan birçok site için istenebileceğini unutmayın. Atıf sağlayın. Bunu unutmayın ve her zaman gerekli bir atıf olup olmadığını kontrol edin. Bir vektör ve daha fazla “karikatür” blog gönderen afiş kullanmak isteyip istemediğinize veya gerçek bir dünya fotoğrafı veya resim kullanmak isteyip istemediğinize karar vermeniz gerekir. Bu muhtemelen sizin için hangi görüntülere sahip olduğunuza bağlıdır, ancak kitleniz için en uygun olanı anlamaya çalışın. Pastalar hakkında bir blog yazısı aradığınızı hayal edin. Daha fazla gönderiyi okumanıza ne olacak? Harika görünen orijinal kek fotoğrafı mı yoksa bir kek vektörünün resmi mi? Neyi tıklama olasılığının daha yüksek olacağını biliyorum.
Genel görüntü kaynakları Genel görüntüler için, fotoğraflar, vektör görüntüleri ve simgeler dahil olmak üzere çeşitli görüntü türleri sağlayan birkaç site vardır:
ISTOCK (Ücretli) – Stok fotoğrafları, vektör grafikleri ve genellikle çok kaliteli (ücretli) simgeler sağlamak – premium fotoğraf stokları, vektör grafikleri ve aynı zamanda çok kaliteli simgeler sağlayın
Freepik (Ücretsiz ve Ücretli) – Bu site, çeşitli stok fotoğrafları, vektör grafikleri ve ücretsiz ve ücretli simgeler sağlar
Canva (Ücretli) – Platformlarında kullanım için çok düşük bir fiyata stok fotoğrafları, vektör grafikleri ve simgeler sağlamak
Fotoğraf kaynağı
Kendi fotoğrafınız varsa, o zaman iyidir. Bununla birlikte, birçok insan profesyonel fotoğraf çekmek için ekipman veya deneyime sahip değildir. Neyse ki, ücretsiz stok görüntüleri bulmak, kullanımı kolaydır. Bu site temel olarak ücretsiz stok görüntüleri sağlayan diğer web sitelerinden bir arama motorudur.
VECEEZY (ÜCRETSİZ & ÜCRET) – Bu site, vektör ve simgelerin çeşitli grafiklerini sağlar Vectorstock (Ücretsiz ve Ücretli) – Bu site ayrıca çeşitli grafikler ve vektör simgeleri sağlar
Yazı tipi tipografisi genellikle göz ardı edilir, ancak doğru yazı tipini seçmek, banner görüntüleri arasındaki farkı sıkıcı ve amatör olmaktan ziyade çekici ve profesyonel görünebilir.
Mesajınız ve gönderme temanızla eşleşen bir yazı tipi seçmek çok önemlidir. Örneğin, kuvvet antrenmanı hakkındaki yayınınız varsa, kısa, kalın bir serif yazı tipi seçmelisiniz. Kilo vermekle ilgili bir blog yayınlarsanız, düşük yazı tipi ağırlığına sahip yüksek bir yazı tipi seçmek istersiniz. Bu sadece stil için değil, bu yazı tipinin özellikleri bilinçsizce Beth Koch tarafından yürütülen bir çalışmanın gösterdiği gibi okuyucularınız üzerindeki duyguları ve düşünceleri tetiklemeye yardımcı olabilir. Yazı tipleri için birçok yazı tipi * çevrimiçi kaynak kaynağı vardır. Görüntünün kendisi yerine HTML’nizde yazı tiplerini kullanmayı düşünüyorsanız, örneğin görüntüyü başlık öğeleriyle kaplarsanız, web yazı tipi sürümünün seçtiğiniz türden kullanılabilir olduğundan emin olmanız gerekir. Fontlar için bu siteye bakın: 1001Fonts – Bu sitenin kişisel kullanım için birçok ücretsiz yazı tipi var Dafont – Birçoğunun kullanımı ücretsiz olan birçok yazı tipi
Fonts.com – Birçok profesyonel yazı tipine erişim için abonelik tabanlı hizmetler sunmak
Google Fonts – Bazı kişiler bilmiyor olabilir, ancak masaüstü uygulamanızda kullanılmak üzere Google Fonts’u gerçekten indirebilirsiniz
Resim ve yazı tipi gibi renkler, renk seçimleriniz blog okuyucularınızın duyguları ve düşünceleri üzerinde büyük bir etkiye sahip olabilir. Nick Kolenda’nın bir makalesi, renklerin sitenize ziyaretçileri etkileyebilmesinin birçok yolunu göstermektedir. Benim için temel paket, ilişkilendirici ağ teorisi fikridir.
İlişkisel ağ teorisi kavramı, bilginin her parçasının renk dahil bir düğüm olmasıdır. Hayatlarımızı yaşadığımızda ve çeşitli deneyimlerle, bu düğümler arasında bağlantılar yapılır. Bir çocukken en sevdiğiniz şekerlerin ekşi ve yeşil tadı olduğunu hayal edin. Asidik yeşil şekere geniş bir maruz kalma nedeniyle, tat ve renk arasında bir ilişki kurmaya başlayacaksınız. Bu dernek neden önemlidir? Düğüm tetiklendiğinde, doğrudan kendisine bağlı bir düğümü de tetiklediler. Asidik tatlılar örneğini alalım. Daha sonra rengi gördüğünüzde veya şeker veya yiyecek bağlamında “yeşil” kelimesini okuduğunuzda, bilinçsizce bir demirhindi düğümünü tetikler. Aynı şekilde, asit kelimesini okursanız veya duyarsanız, bilinçsizce yeşil bir düğümü tetikler. “Tamam, iyi. Ancak, bu renkleri seçmeme nasıl yardımcı olur? “. Doğru rengi seçmek, mesajınızı güçlendirmeye yardımcı olacak belirli bir düğümü tetikler. Oldukça açık bir örnek, ancak ABD pazarının para, finans ve hedefi hakkındaki blogunuzu hayal edin. ABD’de para yeşil. Para ile en çok ilgili renklerden birinin yeşil olması mantıklıdır ve blog resminiz için bu rengi seçmek, okuyucunuzun zihnindeki paranın “düğümünü” tetiklemeye yardımcı olacaktır. Renk Araçları Çevrimiçi olarak, renkleri seçmenize yardımcı olabilecek bir dizi araç vardır. Bunu ilişkisel ağ teorisi ile kullanın:
Adobe Rengi – Bu, Adobe tarafından sağlanan farklı kurallara dayalı çeşitli renk kombinasyonları sağlayabilen bir renk tekerleğidir. Paletton – Bu Adobe’ye benzer başka bir renk tekerleği
Malzeme Paleti – Google Materyal Tasarımı ilkesini takip ederseniz, bu web sitesi Canva ile üstün blog görüntüleri yapmanın uygun renk kombinasyonunu seçmenize yardımcı olacaktır. Blog resminizin çeşitli unsurlarını gördük. Şimdi tüm bunları uygulayalım. Canva’yı kullanacağız çünkü bu herkes tarafından erişilebilen bir çevrimiçi hizmettir. Blog yayınımızın bir örneği “5 dakikadan az 5 salata” dır ve bunun için üstün bir görüntü yapacağız.
Her şeyden önce, Canva’ya kaydolmalısınız. Bittiğinde, girin ve kontrol panelinizle servis edileceksiniz. Bu ekranda bir dizi tasarım seçeneği olduğunu göreceksiniz. Bu temelde sadece farklı bir görüntü boyutudur. Görünüşe göre blogunuz için özel bir şeye ihtiyacınız olacak, özellikle de kendiniz tasarlıyor ve yaparsanız. Özel bir boyut seçmek için, ekranın sağ üst kısmındaki özel bir boyut kullanın.
Genişlik ve yükseklik boyutlarınız için görünen birkaç giriş kutusu göreceksiniz. 377 piksel yüksekliğe sahip 670px genişlik kullanacağız. Blogunuz için ihtiyacınız olan boyutları kullanmakta özgürsünüz.
Tıklayın Tasarım! Ve blog resminizi tasarlayacağınız ekran sunulacak. Sol panelde bir dizi düzen seçeneği göreceksiniz. Bu örneğin amacı için, sol üst seçim olan tek bir resim seçeneği seçeceğiz.
Bu yazı için fotoğrafın vektörden iyi çalışacağını düşünüyorum. Yüksek kaliteli, uygun salata görüntüleri bulmak için Librestock’u kullandım. Şimdi blog resmimde kullanmak için Canva’ya yüklemem gerekiyor. Sol menüde Yükle’yi tıklayın. Daha sonra kendi resminizi yükleme seçeneği sunulacaktır. Bu düğmeyi tıklayın ve yüklemek istediğiniz resim dosyasını seçin. Görüntü bitirildikten sonra, sadece tuvale sürükleyin. Resmimizin arka planı artık tamamlandı. Artık blog yazısının başlığını ekleyebiliriz, ancak sitemizin ziyaretçilerinin okuması zor olacak. Görüntü tek renk katı bir blok içeriyorsa, arka planla oldukça zıt olan metni kaplamak mümkündür. Bizim imajımızla sorun bu değil. Metni kaplayabileceğimiz başka öğeler eklememiz gerekiyor. Bunun için iki seçenek var: Arka plan görüntüsünün görünür olması için opaklık% 100’den daha düşük bir şeye ayarlanmış bir blok renginin kaplanmasını yapın
Arka plan görüntüsünü doldurmayan bir öğe oluşturun
Bunun için ikinci seçeneği seçeceğim. Arka plan görüntüümüzdeki salatadan parlak renklerin olabildiğince net görünmesini istiyorum. Element eklemek için sol menüdeki öğeyi tıklayın. Size çeşitli öğeler için bir dizi seçenek sunulacaktır. Şekli kullanacağız, bu yüzden şekilleri tıklayın. Burada istediğiniz şekil türünü seçebilirsiniz ve ücretsiz olarak birçok seçenek vardır. Bu öğretici için bir daire seçeceğiz, bu yüzden daire seçeneğini tıklayın. Bu, bu öğeyi resmimize ekleyecektir. Bir daire düzenlemenin birkaç yolu vardır. Tuvalin sol üst kısmındaki renk bloğunu tıklayarak öğenin rengini değiştirebilirsiniz. Tuvalin sağ üst kısmındaki opaklık düğmesine tıklanarak opaklık değiştirilebilir. Ayrıca öğenin boyutunu tıklayarak düzenleyebilir, ardından işaretleyiciyi şeklin köşesinde ve kenarlarına sürükleyebilirsiniz. Bu resim için daire beyaz olarak değiştirildi, opaklık%85’e düşürüldü ve daire var biraz daha küçük yapıldı. Elementin boyutunu değiştirirken, büyük olasılıkla istediğiniz pozisyonda olmayacaklarını lütfen unutmayın. Elemanları taşımak için imleci öğeye yerleştirin, tıklayın ve sürükleyin. Artık metnimizi ekleyebiliriz. Sol menüdeki metin seçeneğini tıklayın. Başlık, alt başlık ve gövde metni seçeneklerinin yanı sıra bir dizi metin şablonu görünecektir. Başlık ve alt başlık eklemek istiyoruz, bu yüzden her ikisini de tıklayın. Başlık ve altyazılar tuvalimize eklenecektir. Metin öğesini seçtikten sonra, bir dizi metin düzenleme seçeneği görünecektir. Bu, yazı tipleri, yazı tipi boyutu ve metin rengi için seçenekler içerir. Denemekten çekinmeyin ve blog resminiz için uygun olduğunu düşündüğünüzü görmek. Bu öğretici, quicksand’ı başlık ve alt başlık için bir yazı tipi olarak kullanır. Yazı tipi rengi siyah olarak düzenlenmiştir, bu yüzden beyaz bir arka plan çemberi ile kontrast oluşturun. Yazı tipi boyutu da biraz farklıdır, başlık 38.7’ye ayarlanır ve alt başlık 16.6 olarak ayarlanır. Bir öğe daha ekleyeceğiz; Başlık ve alt başlık arasındaki ayırıcı. Bu, metnin ayrılmasına yardımcı olur ve okumayı kolaylaştırır. Ayrıca oldukça düz bir daire kaplamasına birkaç renk ekler. Bölücü eklemek için öğeyi tıklayın ve ardından sol menüdeki satırı seçin. Görünen bir dizi satırınız olacak. Bu öğretici için noktalı çizgilerden biri seçildi. Bunu tıklayın, tuvalinize ekleyecektir. Boyutu değiştirmek ve çizgiyi genişletmek isteyebilirsiniz. Çizginin rengi, tuvalin sol üst kısmındaki renk bloğunu tıklayarak değiştirildi. Çizgi öğesi ayrıca, başlık ve alt başlık arasına düzgün bir şekilde yerleştirilecek şekilde yeniden düzenlenir. Şimdi yapmanız gereken tek şey, boyut, yerleştirme, renk, yazı tipi ve görüntüden memnun olduğunuzdan emin olmaktır. Gerekirse herhangi bir değişiklik yapın. Tuval bile kopyalayabilir ve karşılaştırılacak birkaç versiyon üzerinde çalışabilirsiniz. Memnun kaldığınızda, blogunuzda kullanılmak üzere görüntüleri dışa aktarabilirsiniz. Tuvalinizin sağ üst kısmında indir düğmesini göreceksiniz. Bunu tıklayın, dışa aktarma için çeşitli dosya türü seçeneği sunulacaktır. PNG önerilen dosya biçimidir. Özellikle sosyal medya kapak fotoğraflarını yüklerken, JPG dosyalarının genellikle daha düşük kalitede göründüğünü fark ettim. PNG dosyalarını yüklerken aynı problemim yok. Bu nedenle, neredeyse her zaman yükleyeceğim resim için PNG dosyalarını kullanıyorum. Dosya biçiminizi seçtikten ve indirmeyi tıkladıktan sonra, blogunuza yüklemeniz için görüntünüz bilgisayarınıza kaydedilecektir. Kolay, doğru! Birkaç kez yaptıktan sonra, 5 dakikadan daha kısa bir sürede çekici ve profesyonel bir blog resmi oluşturabilirsiniz. İşte son resim: Blogunuz için inanılmaz görüntüler yapmak gördüğünüz gibi kolaydır, blogunuz için resimler yapmak uzun zaman almak veya çok para harcamak zorunda değildir.Daha iyi olan, blog gönderimi için üstün görüntülerden daha fazlası için aynı prensibi kullanabilmenizdir.Bu tekniği, sitenizde herhangi bir yerde, sosyal medyanız ve resimli reklam profilleriniz için profesyonel görüntüler oluşturmak için kullanabilirsiniz. Blogunuz için resim oluşturmak için püf noktalarınız var mı?Bir yazıda belirtilmemiş bir araç kullanıyor musunuz?Bize aşağıdaki yorumlarda anlatın.Etiket:
Görüntüler
