Ben afiş çiziyorum. Çevrimiçi ücretsiz banner oluşturucu

Merhaba sevgili arkadaşlar. Bugün makale, bir web sitesi veya blog için nasıl banner çizileceği hakkında olacak. Adobe Photoshop CS5'te en basit animasyonlu banner'ı çizeceğiz. Pekala, başlayalım. 1. Başlayalım :) 2. Ardından, "Dosya" düğmesini tıklayın ve "Oluştur" düğmesini tıklayın. Ardından afişin boyutunu seçin ve dosya adını ayarlayın. Boyutum 468x60 piksel olacak. 3. Şimdi banner'ımız için bir arka plan yapalım. Bunu yapmak için şu düğmeye tıklayın: 4. Şimdi metni yazıyoruz. Bunu yapmak için şu düğmeye tıklayın:

Sonra metni giriyoruz. Üstte bir metin çubuğu olduğunu unutmayın: yazı tipini, boyutunu ve rengini değiştirebilirsiniz. Metni yazdıktan sonra, ilk resmi kaydedin (ilk resim, banner'ımız hareketli olduğundan, yani birkaç resim olacak). Kurtarmak için acele etmeyin. 5. Bir resmi kaydetmek için: "Dosya" düğmesine tıklayın ve ardından "Web ve Cihazlar için Kaydet..." seçeneğine tıklayın. jpg biçimini seçin ve kaydet düğmesine tıklayın. Böylece ilk resim hazır. Ben böyle aldım: 6. Ardından, yeni bir dosya oluşturun. Bunu nasıl yapacağımı daha önce açıkladım. İlk resimdekiyle aynı boyutu seçin. Burada örneğin 468x60 pikselim vardı ve ben de aynı boyutu seçiyorum. 7. Şimdi aynı şekilde arka planı seçin ve metni girin. Genel olarak, her şeyi ilk resimdekiyle aynı yapın. 8. Yani ikinci resmi çizdikten sonra onu da kaydedin. Şimdiye kadar bunu yaptım:

9. Şimdi animasyonlu banner'ınızın kaç resimden oluşacağına karar vermeniz gerekiyor. Şahsen, 4'ten kaldım. Birkaç resim daha çizmek isterseniz, işin özünü anladığınızı düşünüyorum. Bir arka plan ve tüm resimler için bir tane seçin, ardından metni girin ve resmi kaydedin. Ve daha önce söylediğim gibi kaydedin. Önce "Dosya" düğmesine tıklayın ve ardından "Web ve Cihazlar için Kaydet..." seçeneğine tıklayın. 10. Teepr, aynı banner'ı nasıl oluşturacağınızı size açıklayacağım. İlk önce, çizdiğiniz tüm bu resimleri açın. 11. Şimdi çizdiğiniz tüm resimleri, çizdiğiniz ilk resme kopyalamanız gerekiyor. Bunu yapmak için, "ctrl + A" - seç ve "cthl + C" - kopyala tuş kombinasyonunu kullanın. Ardından seçilen resmi ilk resme yapıştırın. Bir resim eklemek için tuş kombinasyonunu kullanın: "ctrl + V". 12. İlk resimdeki tüm resimleri bu şekilde yerleştirmeyi bitirdikten sonra animasyon oluşturmaya geçmeniz gerekiyor. 13. Bunu yapmak için "Pencere" düğmesine ve "Animasyon" üzerine tıklayın. 14. Şimdi bir tür çerçeve penceresi görünecektir. Şimdilik bir çerçeve olacak. Buraya tıklayın:

Ardından "Katmanlardan çerçeveler oluştur" seçeneğine tıklayın. 15. Sonraki tüm çerçeveler görünecektir. Bundan sonra, "Shift" tuşunu kullanarak tüm görüntüleri kopyalayın ve gösterilecekleri süreyi seçin. Şuna benziyor: 16. Tüm banner'ımız oluşturuldu! Şimdi onu kurtarmak için kalır. Resimlerle aynı şekilde kaydedin, ancak şimdi "jpg" formatı yerine "gif" formatını seçin. Eh işte herkes çizdi :) Tabii ki ders çok uzun oldu ve şimdiden yorulmuş olabilirsiniz ama başka yolu yok. Size her şeyi olabildiğince açık ve erişilebilir bir şekilde açıklamaya çalıştım. Herhangi bir sorunuz varsa, yorumlarda onlara sorun. Ve benim için hepsi bu. Ah evet ve tatlı. 30 saniye boyunca kırmızı noktaya bakın ve ardından hızla yanıp sönerken duvara bakın.

Beğendin mi? Arkadaşlarına söyle :) Herkese hoşçakal! İçtenlikle, Albert Karamov.

Bu Photoshop eğitiminde, tasarımlarınız için nasıl profesyonel görünümlü bir afiş oluşturacağınızı göstereceğim.

Bu nedenle, yeni başlayanlar için boyutları olan bir belge oluşturmanız gerekir. 500×300 piksel ve beyazla doldurun.

Sonra aracı alıyoruz Dikdörtgen Aracı(Yarıçap: 5 piksel) bir şekil oluşturmak ve onu renkle doldurmak için #6d9e1e aşağıdaki resmimde gösterildiği gibi.

Bundan sonra katman stili ayarlarını uygulayın gradyan yerleşimi bu katmana.

Sonuç şöyle olmalıdır:

Harika, bir sonraki adıma geçelim. Banner'ımız için bir "başlık" oluşturmanın zamanı geldi. Tıklamak Ctrl+sol fare tuşu afiş şeklini vurgulamak için katman yığınındaki katman simgesinde Dörtgen İşaretleme Aracı seçimin bir kısmını kesmek için. Düğmeyi basılı tutmak alt, aşağıdaki resmimde gösterildiği gibi alt kısmı kesin. Bundan sonra, bu kısmı beyaz bırakın.

ile seçimi kaldır Ctrl+D, ardından katmanın görüntüleme modunu şu şekilde değiştirin: kaplama ve opaklığı ayarlayın 20% .

Harika, bir sonraki adıma geçelim. Başlığımıza grafik öğeleri eklemek istiyorum. Google Görseller sitesine gidiyoruz ve ekleyebileceğimiz uygun bir görsel arıyoruz. Hangi resim olduğu önemli değil. Sadece banner'da ekleyeceğimiz alana bağlıdır. Yükleyebileceğiniz çalar saat resmini kullanacağım. Bu resmi açın ve ana tuvale kopyalayın. ondan sonra basıyoruz ctrl+t biraz uzaklaştırmak için.

aracı uyguluyoruz aleti keskinleştir konuyu biraz keskinleştirmek için

Harika, bir sonraki adıma geçelim. aracı alıyoruz Yatay Tip Aracı ve başlığın başlığını yazın.

Yukarıdaki görselde Myraid Pro yazı tipini ve yazı tipi için beyaz rengi kullandım. Bu yazı tipi ücretlidir, ancak yüklü değilse, kolayca . Bundan sonra katman stili ayarlarını uygulayın Düşen gölge bu metin katmanına

Aşağıdaki sonuca bakın:

Tamam, başlıkla işimiz bitti. Bundan sonra banner'ımıza bazı tasarım öğeleri eklemek istiyorum. Bir araç seçme Özel Şekil Aracı ve aşağıdaki resimde görebileceğiniz standart Photoshop şekillerinden biri.

Bannerımıza iki adet beyaz şekil ekleyelim.

İki şekli bir katmanda birleştiriyoruz. Şimdi afişin dışındaki tüm parçaları kesmemiz gerekiyor. Nasıl yapabiliriz? Tıklamak Ctrl+sol fare tuşu afişi seçmek için katman yığınındaki afiş katmanının simgesine tıklayın ve ardından seçimi şununla ters çevirin Ctrl+Üst Karakter+I. bastıktan sonra Silmek

ile seçimi kaldır Ctrl+D. Şimdi katmanın görüntüleme modu ve opaklık/dolgu ile oynamaya çalışalım. modu denedim yumuşak ışık opaklıkla 20% .

Şimdi bannerın başlığını bu elemanlardan temizlememiz gerekiyor. aracı kullanıyoruz Dörtgen İşaretleme Aracı aşağıdaki resmimdeki gibi bir seçim oluşturmak için ve tuşuna basın Silmek Seçimi temizlemek için

ile alanın seçimini tekrar kaldırın. Ctrl+D ve araçla daha fazla metin ekleyin Yatay Tip Aracı. Metin için tekrar beyaz kullanalım.

Metnin son satırını ekleme zamanı. Ama ondan önce bir arka plan eklemek istiyorum. aracı kullanıyoruz Yuvarlak Dikdörtgen Aracı(Yarıçap: 2 piksel) ve renk kullanarak bir şekil ekleyin #69990d.

Şimdi aracı kullanıyoruz Yatay Tip Aracı ve arka plana metin ekleyin.

Tamam, bu dersle işimiz bitti. Artık profesyonelce tasarlanmış bir banner'ımız var. İyi görünüyor, değil mi?

Web projenizi Web'de olabildiğince verimli bir şekilde tanıtmak için siteye bir afiş yerleştirin. Bu, hem yeni başlayanların hem de yerleşik şirketlerin kendilerini tanıtmalarına ve yeni ziyaretçiler çekmelerine yardımcı olan İnternet'teki en popüler reklam yöntemidir.

Ancak siteye banner yerleştirmek için önce bir yere götürmeniz gerekiyor. Bunu yapmanın iki yolu vardır:

• kendini Çiz;
• bitmiş görüntüyü başka bir siteden alın.

İkinci yöntem, çoğunlukla bir ortak sitenin (örneğin, Yandex) reklamını yapmanız gerektiğinde kullanılır. Ancak manuel olarak, ürünlerinizi kişisel olarak tanıtan afişler çoğunlukla çizilir. Daha sonra başka sitelerde yayınlanır.

Bannerlara neden ihtiyaç duyulur?

Ana hedefleri, çok sayıda kullanıcıyı İnternet kaynaklarına çekmek. Ancak buna ek olarak, bir görevi daha yerine getirirler - şirket hakkında bir fikir oluştururlar, markasını ve olumlu imajını tanıtırlar. Ayrıca, çevrimiçi mağaza sahiplerine yardımcı olurken, herhangi bir ücretli hizmetin reklamını da yapabilirler.

Bir ortak site afişi, size bir satış yüzdesi veya yalnızca bir bağlantıya tıklamak için bir ödül getirecektir. Bu, web kaynağınız için harika bir görünüm.

site için?

Sitenizde başka bir kaynak için reklam vermeye karar verirseniz, her şey basittir. Bu kaynağa gidin ve oradaki ortaklık sözleşmesi sütununu arayın. Ek olarak, ihtiyacınız olan afiş buraya kolayca yerleştirilebilir (başka bir ad site düğmesidir) ve yerleştirme talimatları.

Ancak kendi web sitenizin banner'ını oluşturmaya karar verirseniz, süreç başlamadan önce çözülmesi gereken bir takım sorunlarla karşılaşmanız kaçınılmazdır.

Görüntü boyutları

Tabii ki, herhangi bir boyutta bir afiş oluşturabilir ve ardından yerleştirilebileceği siteleri arayabilirsiniz. Bununla birlikte, çoğu web kaynağı, reklam görselleri için ortak standart boyutlara sahiptir. İşte en popüler olanlar: 728x90, 468x60, 336x280, 300x600, 300x250, 250x250, 234x60, 200x200, 180x150, 160x600, 125x125, 120x600, 120x240. Büyük olasılıkla, bu setin tamamı her sitede mevcut olmayacak, ancak ortaklık programındaki bilgiler, banner'ınız için özel gereksinimleri gösterecektir.

Afiş türü

Bannerlar, uygulama yöntemine göre üç kategoriye ayrılır:

Banner oluşturma uygulamaları

Banner oluşturucunun ilk avantajı, çevrimiçi olarak erişilebilir olması ve herhangi bir ek yazılımın yüklenmesini gerektirmemesidir. Ekran görüntüsünde görebileceğiniz gibi, hizmetin kendisi küçüktür ve menü bağlantıları, kontrol düğmeleri ve çeşitli ayarlarla aşırı yüklenmemiştir. Ana sayfada sadece 4 tane var Projelerim ve İlham bölümüne ihtiyacımız olacak. Facebook üzerinden yetkilendirme veya normal kayıt (e-posta + şifre) sonrasında banner, poster veya davetiye oluşturmaya başlayabiliriz.

afiş nasıl yapılır

Hizmet, gerekli tüm araçlara sahiptir. pankart yapmak hızlı ve verimli bir şekilde ve ihtiyacımız olan biçimde indirin. Hazır afişlerin çeşitli görüntü formatları mevcuttur: JPG, PNG ve PDF.

Bir afiş yapmak için sadece başlayın. Tasarımcının web sitesine gidin.

1. Önerilen hazır seçenekler kitaplığından hazır bir tasarım seçebiliriz. Aslında, resim ve tasarımdan memnunsak, metni ancak kendi metnimizle değiştirebiliriz;
2. Veya istediğiniz boyutu ayarlayarak veya önerilen formatlardan (Facebook, Instagram, Poster vb. için) seçim yaparak ve resminizi servise yükleyerek sıfırdan oluşturmaya başlayabilirsiniz.

Şablondan istediğiniz bedeni seçtikten veya kendi bedenlerinizi ayarladıktan sonra banner oluşturma sayfasına gidin. Soldaki menü değişecek ve ekran görüntüsündeki gibi formu alacaktır. Artık galeriden fotoğraflar, arka planlar veya arka plan desenleri ekleyebilir veya kendimizinkini yükleyebiliriz. Kalan bölümlerde Çizgiler, Çerçeveler, Şekiller ve daha fazlasını bulabiliriz.

Eklenen her öğe farklı renklerde yeniden boyanabilir, boyutu, konumu ve şeffaflığı değiştirebilir. Metin ayrı olarak eklenir ve yukarıda listelenen tüm değişiklikleri onunla da yapabilirsiniz. Rusça yazı tipleri hizmette.

Biten proje hesabınızda saklanacak ve gerektiğinde düzenlemeye dönebilirsiniz. Bitmiş afişi veya posteri istediğiniz zaman resim veya PDF formatında indirebilirsiniz. Bir şey sizin için işe yaramazsa, aşağıdaki videoyu izleyin (ses sessiz, ne yazık ki oldu), burada bir afiş yapmaya çalışacağız, iddiasız bir tane ve indirin.

Tasarımcıyla çalışmak için, Chrome tarayıcısını kullanmak daha iyidir, çünkü Mozile'yi kaydederken .png uzantısının sığmadığını fark ettim - bu, dosyayı yeniden adlandırarak ve istenen (indirildiği) ekleyerek çözülür. nokta ve ad (png veya jpg). Bak bu kadar.

2 oy

İyi günler, blogumun sevgili okuyucuları. Sitenizi nasıl çalıştıracağınızı konuşmaya devam ediyoruz. Çok uzun zaman önce, genel olarak ve özel olarak içeriğe dayalı reklamcılık hakkında yazdım. Bu yöntem genç projeler için Yandex Direct'ten biraz daha uygundur.

Bugün biraz farklı bir banner reklam yönteminden bahsedeceğim. Bu bağlamla ilgili değil, yaklaşık bir şey. Bu şekilde kazanma, utandırmak için temeldir ve daha karlıdır.

Sitenizi daha dün açmış olsanız ve sadece 5 kişi ziyaret etseniz bile para alabileceksiniz. Size sitede nasıl banner yapılacağını anlatacağım ve genç bir projeye kat kat daha fazla para getirme şansı vereceğim.

Başlayalım mı?

Banner oluşturma hizmeti

Çevrimiçi servis afişoviç yeni başlayanlar için mükemmel. Biraz zor, teknoloji açısından değil, ancak banner'ı ilk kez alma süreci. Bununla birlikte, sonunda elde ettiğiniz sonuç çok iyidir ve bu makale tüm nüanslarla başa çıkmanıza yardımcı olacaktır.

Harika olan şey, tamamen ücretsiz olarak kullanabilmeniz ve. Photoshop'tan çok daha kolay ve yeni başlayanlar için mükemmelden daha fazlası olan animasyonlu reklamlar oluşturmanıza bile olanak tanır.

Pekala, başlayalım.

Yapmanız gereken ilk şey Bannerovich web sitesine gitmek ve banner oluşturucuya gitmek. Editöre değil, yapıcıya dikkat edin.

Şimdi projenin adını girin. Banner'ın genişliğini ve yüksekliğini, "Afiş Oluştur" düğmesinin üzerindeki kaydırıcıları kullanarak veya görsel küçük resmin kenarlarına sayılar girerek ayarlayın. Lütfen burada tam boyutta sunulmadığını, yalnızca oranların korunmasıyla sunulduğunu unutmayın. Benim sonucum birkaç kat daha büyük olacak.

Editör paneli böyle görünüyor. Burada arka plan, resim, düğme, metin veya animasyon ekleyebilirsiniz.

Her şey, en altta yer aldığı için arka planla başlar. Bu düğmeye tıkladıktan sonra, en uygun olanı seçmeniz gereken birçok seçenek göreceksiniz.

Görüntüler aynı ad ve "Çeşitli" kategorisinde saklanır. Hediyeler, vektör adamlar, oklar vb. ile her türlü resim var. İstediğiniz konuma sürüklemek için seçin ve fareyi kullanın. adam ekledim Bir öğeyi kullanma konusunda fikrinizi değiştirirseniz, üzerine tıklayın ve resmin sağ üst köşesinde "Sil" düğmesi görünecektir.

Şimdi bir düğme ekleyebilirsiniz. Bu öğeye tıklayın, işlevleri hakkında size daha fazla ayrıntı anlatacağım.

Temel ayarlarla herhangi bir sorun olmayacağını düşünüyorum. Elbette, üst ve alt rengin, köşeleri ve metnin yuvarlanmasının ne olduğunu kendiniz anlayacaksınız. Açık Bağlantı Sekmesi hakkında konuşmak istiyorum. Düğmenin kendisi animasyonlu olmadığından, belirli bir zamanda yalnızca görüntüler değiştiğinden, ona bağlantı vermemenizi, ancak görüntünün tamamı için bir bağlantı kullanmanızı öneririm.

Bu durumda, proje ziyaretçisinin tam olarak düğmeye veya resmin başka bir yerine tıklaması durumunda hiçbir fark olmayacak, tam olarak ihtiyacınız olan yere ulaşacaktır. Sadece bu kutudaki hiçbir şeye dokunmayın.

Artık metin ekleyebilirsiniz. Burada da karmaşık bir şey yok.

Banner'ı animasyonlu yapmak istiyorsanız, "Animasyon Ekle"ye tıklayın, resmi tamamen veya kısmen değiştirin ve ardından tekrar "Animasyon Ekle"ye tıklayın. Başka bir çerçeve görünecektir. Birçok çerçeve ekleyebilirsiniz, bunlar birbirinin yerini alacaktır.

Şimdi "Banner Al" ı tıklamanız gerekiyor.

Basit bir form görünecektir. E-posta adresinizi girin ve "Afiş al" ı tıklayın Mektubun postaya gelmesini bekleyin, bir nedenden dolayı sürekli benim için spam'a gitti. Bu kodu girin ve tekrar "Banner alın".

Şimdi, ilk reklam banner'ınızı yaptığınız için tebriklerin yanı sıra kişisel hesabınızdan ve girişinizden bir şifre ile postanıza otomatik olarak başka bir mektup gelmelidir. Bunları girin ve "Hesabım" bölümüne gidin.

Lütfen bu site için bir değeriniz varsa, onu devre dışı bırakmanız gerekeceğini, aksi takdirde projenizi göremeyeceğinizi unutmayın. Kapatın, ardından tekrar "Hesabım" üzerine tıklayın.

Aşağıda, siteye eklemeniz gereken bir proje ve html kodu göreceksiniz. Kopyala.

Tüm sayfalara banner nasıl eklenir

Açın ve "Görünüm - Widget'lar" sekmesine gidin.

Burada Metin widget'ını göreceksiniz, onu ana sütuna, içeriğe veya alt bilgi alanına taşıyın. Buna bağlı olarak kenar çubuğunda, alt veya ana banner yer alacaktır. Farklı seçenekler deneyin.

Bu arada, bu widget'ı tam olarak nereye yerleştirirseniz, görsel olarak nerede konumlandırılacaktır. Benim gibi "Ara" nın üstündeyse, resim bu panelin üzerine çıkacaktır. "Başlıklar" altındaysa, o zaman ... iyi, anladınız.

Kopyalanan metni "İçerik"e yapıştırın ve "a href"den sonra bilgileri tırnak içinde değiştirin, banner'ınızın yönlendirileceği bir bağlantı olmalıdır. Başlıktan sonra tırnak içindeki metni de değiştirin. Bu ipucunuzu ekleyecektir. Şimdi "Banner by Bannerovich" gibi görünecek.

Tüm değişikliklerden sonra bu hale geldim.

Artık sitenin tüm sayfalarında bu resim var.

Bir gönderiye banner ekleme

Belirli bir makaleye resim eklemek istiyorsanız, Gönderiler kategorisini açın ve ardından resim eklemek veya yeni bir tane oluşturmak istediğinizi seçin.

Bilgi giriş alanının sağ üst kısmındaki "Metin" sekmesini açın, html kodunu girin, bağlantıyı ve başlığı değiştirin. Bundan sonra tekrar "Görsel" i açarsanız, bir resim göreceksiniz. İstediğiniz metinle çevreleyebilirsiniz.

Hazır. İşte benim afişim.

Umarım her şeyi kendiniz yapmayı başardınız ve kayıt sırasında herhangi bir sorun olmadı. Eğer öyleyse, yorumlarınızı bu makaleye bırakın. Gelin birlikte çözelim. Bu arada, blogumda site için daha fazlasını okuyabilirsiniz. Biraz daha az güzel olacaklar, ancak sadece html olacaklar.

Bu arada, banner oluşturmak zaten para kazanmanın iyi bir yolu. sana bir kurs önerebilirim Banner oluşturarak nasıl para kazanılır? ". Bu hobi ayda 30.000 ruble getirebilir. Ana şey, iyi bir müşteri bulmak ve resme tıklama sayısını artırmanıza izin veren bazı nüansları bilmek.

Hâlâ ne satacağınızı bilmiyorsanız veya yeni, daha karlı kanallar bulmak istiyorsanız size önerebilirim. bağlı kuruluş programları hakkında web semineri kaydı . Burada iki etkili strateji, kazançları artırma formülü bulacaksınız, ayrıca satış sayfalarını nasıl kopyalayacağınızı ve neredeyse sıfırdan nasıl para kazanacağınızı öğreneceksiniz.

Blog bültenime abone olun ve çok yakında size Photoshop'ta nasıl hızlı ve karlı bir şekilde çalışacağınızı öğreteceğim, iki kat daha sık satan projeler oluşturmanıza yardımcı olacak 10 ipucu vereceğim ve size en iyi tasarımcıların birkaç sırrını anlatacağım.

Tekrar görüşünceye kadar ve çalışmalarınızda başarılar.