Photoshop'ta bir afiş çizin. Photoshop'ta animasyonlu afiş

Merhaba arkadaşlar! Yine sizlerleyim - Vladimir Savelyev ve bugün site için afiş oluşturma konusuna devam ediyoruz! Makalenin ilk bölümünde, bunun en çılgın fikirlerinizi gerçekleştirmenize yardımcı olacağını anlattım!

Şimdi size Photoshop'ta nasıl banner oluşturulacağını gösterme zamanı! Aslında, sizi zor ve korkunç bir şey beklemiyor, benden sonra tüm adımları tekrarlayın ve birlikte son finale ulaşacağız, yani ilk reklam banner'ımızı oluşturacağız!

Pekala, kediyi uzun süre toplarından çekmem, hadi gidelim ...

Adobe Photoshop'ta banner yapma

Çalışmaya başlamadan önce, banner'ın yapısını (statik veya hareketli olup olmayacağı, boyutları) doğru bir şekilde modellemek çok önemlidir. Renk şemasına, kurumsal kimliğin kullanımına karar vermek, akılda kalıcı başlıklar ve sloganlar bulmak da önemlidir.

Ardından Photoshop'u zaten başlatabilir ve örneğin 468 x 60 piksel boyutunda saydam bir arka plana (Dosya / Yeni) sahip yeni bir görüntü oluşturabilirsiniz;

“Katman” katmanlarıyla çalışmak için paneli görüntülüyoruz.
Ayrı bir katman olarak bir arka plan oluşturuyoruz - burada, sloganın her harfi için bir katman seçtiğiniz noktaya kadar, çok fazla tasarruf etmemenizi ve afişin göze çarpan herhangi bir öğesini ayrı bir katmana yerleştirmemenizi öneririz.

Ayrı bir katmanda - bir reklam çağrısı ve ayrıca önceden hazırlanmış bir fotoğraf, bir amblem.

Afişin tüm unsurlarını bir araya getirdik ve iş arkadaşlarınızla tartışmayı engellemeyen birkaç olası seçenek oluşturduğumuzdan emin olun.

Tüm seçenekler, çok katmanlı bir sürümdeyken, psd formatında ayrı dosyalara kaydedilir (jpg formatının katmanlar hakkındaki bilgileri “hatırlamadığını” unutmayın, tüm katmanları tek bir katmanda toplayacaktır ve gelecekte bölme artık mümkün olmayacaktır) .

Yapılanları “taze bir görünüm” ile değerlendirmek ve düzeltilecek ve düzeltilecek son versiyonu seçmek için şimdilik bilgisayardan uzaklaşmak, işe ara vermek ve ertesi gün geri dönmek çok faydalı. jpg'ye çevrildi.

Çalışma, Photoshop programının araçlarına, bir psikoloji duygusuna, reklamın etkisine ve konusuna hakim olmanın eşiğinde, doğada büyük ölçüde yaratıcıdır.

Photoshop'ta animasyonlu banner nasıl yapılır (gif dosyası)? Ve yerel Photoshop'umuz bu görevle bir patlama ile başa çıkacak! Sekmeyi açın - pencere - Animasyon.

Bu pencerede, katmanları gizleyerek ve göstererek çerçeveler eklemeniz gerekir. Ayrıca çerçeve gösteriminin hızını ve döngüsünü de belirleyeceğiz!

Zaten bir tür video oluşturduğunuzu anlamalısınız, bu da küçük bir "senaryo" olmadan yapamayacağınız anlamına gelir. En azından, animasyonun tüm karakterini - her bir "katman kahramanının" grubunu doğru bir şekilde modellemek çok önemli olacaktır.

Burada her şeyi tam olarak tanımlamanız gerekir:

• her katmanın davranışının zaman parametreleri;
• şeffaflığının davranışı;
• hareket yörüngesi.

Durum hiç de zor değil ama bu senarist-yönetmenlik mesleğinin ne kadar zor olduğunu size hissettirecek.

Tüm işler ana fikir tarafından sağlanır - çok katmanlı görüntü ve her katmanla birbirinden tamamen bağımsız olarak çalışma yeteneği.

İşte 5 dakikada oluşturduğum böyle bir banner! Tabii ki mükemmel olmaktan çok uzak ama amacım size Photoshop'un olanaklarını göstermekti ve bunu başardım!

Evet, neredeyse size keşfimden bahsetmeyi unuttum Son makalede, Sergey Buibarov'un video kurslarını satın aldığım gerçeğinden, bunun nasıl yapılacağından bahsetmiştim. afiş oluştur ve onlardan kazan! Ayrıntılı bir çalışmadan sonra (bütün gün Serezha'nın püf noktalarının videosunu izledim), Runet'te bu tür kursların çok gerekli olduğunu anladım! kesinlikle almanızı tavsiye ederim...

nasıl ders animasyonlu bir afiş oluşturun düzenleme araçlarına sahip olmayan yeni başlayanlar için Photoshop'ta. İçinde grafik dosyalarını açabilmek yeterlidir. Sadece gerçek bir bağlı kuruluş barındırma banner'ı oluşturmam gerekiyor. Boyutu 468 x 60 piksel olacaktır - bu standart boyutlardan biridir (sayfanın alt kısmında hazır afiş).

1. Programın ana menüsünde "Dosya - Yeni"ye tıklayın (Ctrl + N):

Pencerede, Adı, boyutları ayarlamanız ve Saydam arka plan'ı seçmeniz gerekir - diğer parametrelere dokunmanıza gerek yoktur, Tamam'a tıklayın. Photoshop'un farklı bir sürümüne sahipseniz endişelenmeyin, tüm eylemler ve araçlar aynı olacaktır. Boş bir başlık üzerine sunucuların bir görüntüsünü yerleştirdim ve kendi başlığınızı açmanız gerekiyor: “Dosya - Aç” (Ctrl + O).

Bannerımızın yüksekliği 60 pikseldir, kendi boyutunuza göre ayarlayın: "Resim - Resim Boyutu" (Alt+Ctrl+I).

2. “Dikdörtgen Seçim Çerçevesi” aracı (1) veya bir kısmı ile seçin, ardından “Düzenle – Kopyala” (Ctrl + C). Şimdi boş bir başlıkta yaklaşık ekleme alanını seçin ve ardından: “Düzenleme - Yapıştır” (Ctrl + V). Taşıma aracıyla (2) konumunu ayarlayın:

3. Banner'ın boş bir alanına tıklamak için Doldurma aracını (3) kullanın. Resminiz JPG formatındaysa, arka planı kalacaktır, üzerine tıklayın - çalışmayabilir, kullanışlı alan boyanacaktır. İdeal olarak, arka planı olmayan bir PNG görüntüsüne sahip olmak ve onu zaten doldurulmuş bir banner'a yapıştırmak daha iyidir. gayet iyi anladım:

Bir renk ayarlamak için kareye (5) tıklayın ve açılan “Renk Paleti”nde ihtiyacınız olanı seçin, sarım var: #f9f100 - paletin altındaki alana girebilirsiniz :

4. Banner'ın orta kısmındaki dikdörtgeni Rectangular Marquee Tool (1) ile seçin, beyaz rengi seçin: Color Picker'dan (5) #ffffff ve Fill Tool (3) ile alanı doldurun. Herhangi bir eylemi geri almak için "Düzenleme - Geri adım" (Alt + Ctrl + Z) kullanın. Şimdi Metin aracı (4) ile çalışacağız:

5. Yatay Metin aracını (4) seçin ve beyaz alana tıklayın - ihtiyacınız olan metni yazın. Konuma dikkat etmeyin, ardından bitmiş yazıyı “Taşı” aracı (2) ile hareket ettirin. (6) ve (7) düğmelerinin yazı tipini, boyutunu, keskinliğini ve rengini ayarladığı yatay Kontrol Panelinde - aynı "Renk Paleti" (5). Sadece imleçle yapılan yazıyı vurgulayın ve bu parametreleri değiştirin.

İlk “hosting” yazısı için (font KabelCTT Medium, 36pt boyutu, renk #444444), “Deform Text” aracı (6) kullanıldı, ekran görüntüsünde; ikinci "0,4 dolardan" panel "Sembol" (7) için - genişlik ve yükseklik, yoğunluk vb. Karakterlerin daraltılması-gerilmesi ve tüm yazıt değil, tek tek karakterler - ayrı ayrı vurgulanması.

İkinci yazıtta: Arial yazı tipi, boyutu aynı değil, “0.4” için kalınlık siyah, “from..$” için kalın, renk kırmızı #ff0000. Yazıyı kaydetmek için onay işaretine (8) tıklayın ve bitişik düğme, metinle birlikte kaydedilmemiş tüm eylemleri iptal eder. Bundan sonra, Taşı aracı (2) ile yazıyı taşıyabilir ve hizalayabilirsiniz:

İlk yazıt için "Gölge" efekti uygulandı, ikincisi için - "Kontur" efekti, bunları aynı ana menüden kullanabilirsiniz: "Katmanlar - Katman Stili". Deney. Aşağıda "Katmanlar" panelini görüyorsunuz (ana menü öğesiyle karıştırılmamalıdır) - Photoshop çalışma penceresinin sağında, orada değilse: "Pencere - Katmanlar" (F7). İçinde katmanlarla çalışacağız, üç tane var - iki metin.

6. Bu arada üç katmanımızı birleştirelim: "Katmanlar - Görünür Birleştir" (Shift + Ctrl + E) - hepsi gözlü. Göz, katmanı görünür kılar, üzerine tıklarsanız, gözü çıkarırsanız, bu katman görünmez olacaktır. Ve bunu farklı şekilde yapabilirsiniz: tıklayarak tüm katmanları seçin, ancak Shift tuşu basılı tutularak her katmanda ve ardından: "Katmanlar - Katmanları Birleştir" (Ctrl + E). Bir katman kalacak, adını doğrudan “Katman 1” yazısının üzerine çift tıklayarak değiştirebilirsiniz (daha sonra kullanışlı olacaktır):

7. "Düzenle - Anahat" katmanını seçerek başlığı ana hatlarıyla belirtin, burada gri renk #999999'dur:

8. Hazır iki banner alanımız var, üçüncüsü animasyonlu olacak. Bu oldukça hızlı bir şekilde yapılır. "Katman 1" e ve ardından ana menüde "Katmanlar - Katmanı Çoğalt" seçeneğine tıklayarak bir kopya katman oluşturmanız yeterlidir:

Adını "Katman 2" koyalım:

9. Üçüncü bölümde bu katmanda, aşağıdaki ekran görüntülerinde olduğu gibi bir yazı yazacağız - "Metin" aracını (4) kullanın. Başka bir katman oluşturulur - metin, tekrar "Katman 2" ile birleştirin. Birleştirilmiş katmanın adının yanlış olduğu ortaya çıkarsa, adın kendisine kesinlikle çift tıklayın ve "Katman 2" ile değiştirin:

10. "Katman 2"yi tekrar çoğaltın, "Katman 3"ü alın - öyle kalacak (metinle). Ve “Katman 2” de bir tıklama ile seçerek içi dolu bir dikdörtgen oluşturacağız. Dikdörtgen Seçim Çerçevesi Aracını (1) kullanarak, ekran görüntüsündeki gibi yazının olduğu alanı seçin:

Seçim alanını birkaç kez kuvvetli bir şekilde tıklatarak, Renk Seçici'de (5) gri renk #999999 olan Doldurma Aracı (3) ile doldurun:

Üç katmanımız var: "Katman 1" - boş, "Katman 2" - doldurulmuş bir dikdörtgenle, "Katman 3" - bir yazı ile. Onlara benzeterek, iki yazıt daha eklemeniz gerekir (bitmiş afişe bakın), yani. altı katman daha - toplam dokuz:

11. "Animasyon" panelinde banner'ı canlandırmak için kalır, sağ panelde değilse, ana menüden çağırın: "Pencere - Animasyon".

Düğmeye (9) basarak, yinelenen bir çerçeve oluştururuz (biri zaten orada olacaktır), bir tıklama ile seçin - bir çerçeve içinde olacaktır. "Katmanlar" paneline gidin, "Katman 1"den gözü çıkarın, "Katman 2"de gözü açın ve tıklayarak katmanı seçin. Animasyon paneline gidin, üçüncü bir kopya kare oluşturmak için düğmeyi (9) kullanın - aynı anda dokuz kare oluşturabilirsiniz. İlke basittir: çerçeve 3 - "Katman 3" (gözü açın ve seçin), çerçeve 4 - "Katman 4", vb.

Düğme (10) gereksiz kareleri silmek için kullanılır, üçgende (11) her kare için süreyi ayarlıyoruz, bizim durumumuzda: 0.1 sn. - 0 sn. - 1 saniye ve sonra analoji ile. "Başlat" düğmesi (12) banner animasyonunu başlatır.

Herkese selam. Bu yazımda size Photoshop kullanarak nasıl gif banner yapılacağını göstereceğim. Genelde banner ve animasyonlar yapmaya alışığım . Doğal olarak Photoshop, animasyon işlevselliği açısından bu paketle karşılaştırmaz. Ama yine de Photoshop'ta oldukça basit ve ilginç banner'lar yapmak mümkün, çünkü CS5'ten başlayarak yeni sürümlerinde bildiğim kadarıyla şeffaflık, ölçekleme, perspektif vb. animasyonlar oluşturmak mümkün hale geldi. Makalenin başlığında yer alan çalışma örneğinde Photoshop'ta bir gif banner oluşturma işlemini düşünün.

Yeni bir belge oluşturalım 600 ila 200piksel. Arka fon - #589fff

İlk olarak banner'ı statik bir formda birleştirelim. Ana karakterimizin katmanına yerleştirelim - işiniz için ücretsiz kaynaklar alabileceğiniz bir balık, "" makalesinde yazdım:

aracı ile " keyfi şekil» Katmana diyalog içeren bir belirtme çizgisi yerleştirin.

Aracı kullanarak bir şekli (vektör nesnesi) düzenleyebileceğinizi hatırlatmama izin verin. Düğüm seçimi.

Ben de öyle yaptım - ilk şekle sahip katmandaki gereksiz öğeleri sildim ve bu diyalog bulutunun balığın ağzından geliyormuş gibi görünmesi için 3 Elips daha ekledim. Aşağıdaki çıktı.

Şimdi metni, görüneceği sırayla belgenin katmanlarına yerleştirelim. Metin tek tek görüneceğinden, statik versiyonda katmanların üst üste gelmesi doğaldır. Son metin katmanı devre dışı bırakılmış olarak tüm katmanları göstereceğim.

Ve sahip olduğumuz metin katmanlarının, metnin artık görünemeyeceği bir çerçeve görevi görmesi için diyalog bulutu şekli katmanının boyutuna kırpılması gerektiğini unutmayın.

Böylece tüm katmanları hazır hale getirdik. Göründükleri sırayla (aşağıdan yukarıya) düzenlenmiştir. Animasyona başlayabiliriz.

Bir öğe seçin Pencere - Zaman Çizelgesi. Görünen panelde düğmesini seçin Bir video zaman çizelgesi oluşturun. Sonuç olarak, zaten hareket ettirebileceğimiz ve canlandırabileceğimiz tüm katmanlarımızla birlikte bir zaman çizelgesi oluşturulacaktır.

Kilitli bir arka plan katmanımız olduğundan, zaman çizelgesinde görüntülenmeyecek, her zaman değişmeden mevcut olacaktır. Arka planı canlandırmak istiyorsanız, farenin sol tuşu ile 2 kez tıklayarak katmanındaki kilidi serbest bırakın.

Zaman çizelgesindeki her katman için animasyon özellikleri sağlanır. Katman adının solundaki listeyi genişletirseniz bunları görebilirsiniz. Konumu, opaklığı, stili değiştirebiliriz.

Ayrıca, zaman çizelgesi izinde katmanın tam adına sağ tıklarsanız, ek animasyon eylemlerinin bir listesi açılır.

Animasyon özniteliğinin adının karşısındaki saat simgesine tıklayarak bir katmana sahip belirli bir iz için ana karelerin oluşturulmasını etkinleştirebilirsiniz.

Zaman işaretçisinin zaman çizelgesinde olduğu yerde sarı bir elmas (ana kare simgesi) görünecektir. Örneğin, başlangıçta. Konum gibi bir nesne özniteliğinin değerini değiştirebilirsiniz ve değeri o ana kare için saklanır. Ardından, yeni bir değer ve yeni bir ana kare ayarlamak için zaman işaretçisini yeni bir konuma taşımanız gerekir. Özellik adının yanındaki elmas simgesini tıklayın (zaman çizelgesinde yeni bir animasyon karesi simgesi görünecektir) ve nitelik için yeni bir değer belirleyin. Örneğin, bir nesneyi yeni bir konuma taşıyın.

Şimdi edinilen bilgiyi uygulamaya çalışalım. Balığımız soldan sağa görünmeli ve opaklığı %0'dan %100'e değişmelidir. Bu durumda zaman çizelgesi böyle görünecek.

Balık yumurtladıktan sonra, parçalar halinde bir diyalog bulutu belirecektir. Önce elipsler, sonra şeklin kendisi. Zaman çizelgesinde her katmanın izlerini hareket ettirebiliriz, böylece konumlarını istenen zaman aralığında görünecek şekilde dağıtacağız ve animasyonu parametreye ayarlayacağız. opaklık her katman için.

Şekil için aynı işlemleri uyguluyoruz.

Şimdi aynı algoritmayı kullanarak metin için bir animasyon oluşturalım. Yalnızca metnin Konum değil, Perspektif parametresi olacaktır, ancak yalnızca konumu değil, aynı zamanda metin hareket etmeye başladığında ölçeği daha küçükten büyüğe değiştirebiliriz. Bunu yapmak için standart nesne dönüştürme aracını kullanın ( Ctrl+T). Başlangıçta metin katmanları şeklin şekline göre kırpıldığından, yalnızca içinde görünür olacaklardır. İkinci metnin stilini de değiştirdim. Katman karıştırma seçeneklerine bir degrade eklendi.

Şimdi sondaki parçaların tüm kenarlarını hizalayalım. Bunu yapmak için, her parçanın sağ kenarını çekmeniz ve her şeyi aynı anda ayarlamanız gerekir. Böylece tüm nesneler aniden kaybolmaz. Her parça için opaklıktaki değişikliği 0'a ayarlayabilirsiniz. Ne olduğunu oynatın. tuşuna basabilirsin Uzay.

Photoshop bir tür karmaşık animasyon için tasarlanmasa da (ve bu makul), ancak bu kadar basit eylemlerin yardımıyla, bir gif afişi oluştururken iyi bir sonuç elde edebilirsiniz. Özellikle Photoshop'ta Flash'tan daha rahatsanız.

(2 252 kez ziyaret edildi, bugün 1 ziyaret)

Banner, bir ürün, şirket veya web sitesi için birçok reklam seçeneğinden biridir. Bu tür reklamlar, reklamverenler arasında çok popülerdir. Gazetelere, stantlara yerleştirilir, basitçe binalara yapıştırılır veya sokakta dağıtılır.

Bu tür reklamları profesyonel olarak yapan bir kişi çok iyi para kazanıyor. Geniş bir çalışan kadrosuna sahip birçok firma var ve bu bir şey söylüyor.

Farklı tiplerde olabilir. Örneğin, statik afişler, yazı, telefon vb. içeren bir resimdir. Ve üzerlerine çizilenlerin görüntülerini periyodik olarak değiştiren dinamik olanlar var. Ayrıca, çeşitli güzel efektler uygulayarak görüntülerde değişiklik yapabilirsiniz.

Buna inanmayabilirsiniz, ancak zaten tanıdık hale gelen reklam panosundaki devasa reklam da bir afiş, sadece çok büyük.
Photoshop, Corel ve daha birçok programda banner yapılabilir. Ayrıca internette kolayca yapılabileceği ve dekore edilebileceği birçok hizmet var.

Dört ana görüntü formatı vardır:

1. JPG yapması en kolay olanıdır, sadece bir resimdir.
2. gif bu animasyonlu bir görüntü formatıdır, üzerinde manzara, metin vb.'nin değiştiği "canlı" bir resmi kaydetmek için kullanılır. Bu arada, herkesin favori ifadeleri aynı biçimde kaydedilir.
3. PNG iyi olan şey, kaynağın kaydedilmiş bir kopyası varsa düzenlemenin kolay olmasıdır, ancak bir GIF dosyasından çok daha fazla "ağırlıklıdır". Bu, kullanıcının düşük veri aktarım hızına sahip bir İnternet bağlantısına sahip olması durumunda sitenin yüklenme hızını etkileyebilir.
4. FLAŞ hem hacim hem de yaratılış prensibi açısından en "ağır" format, ancak kendini haklı çıkarıyor. Adobe Flash programında bu uzantıya sahip bir dosya yapılır ve gerçekten bir başyapıt yapabilirsiniz, ancak deneyimi olmayan bir kişinin üzerinde çalışması pek olası değildir.

Herhangi bir tasarımcı ve web yöneticisi, bu tür reklamların önemini ve vazgeçilmezliğini anlar çünkü web sitesi trafiğini artıracaktır.
Bu yazıda Photoshop'ta banner yapmanın ne kadar kolay olduğunu öğreneceksiniz.

Dinamik afiş

Bu yüzden programı çalıştırın ve ihtiyacınız olan boyutta yeni bir belge oluşturun (dosya yeni). Hemen şeffaf olup olmayacağını düşünün, bu belge oluştururken menüden de ayarlanabilir. Tabii ki, arka plan daha sonra silinebilir, ama neden fazladan iş yapsın. Photoshop'ta şeffaf bir arka plana sahip bir afiş yapmak istiyorsanız, onu jpg olarak kaydetmeyin, tüm çabaların boşuna olacağını unutmayın. Bu amaçla, sadece arka planı şeffaf tutmakla kalmayacak, aynı zamanda animasyonu oynatmanıza bile izin verecek harika bir gif formatı var.

Resmin şeffaf arka planı ilginç çünkü herhangi bir rengin yüzeyine yerleştirilebilir, asıl şey yüksek kalitede bir afiş yapmaktır.

Photoshop'ta yeni bir belge oluşturduktan sonra İnternette uygun bir resim bulun. Bilgisayarınıza kaydetmenize gerek yok, sadece kopyalayın (Ctrl + C) ve ardından oluşturduğumuz belgeye (Ctrl + V) yapıştırın.

Resim doğru boyutta değilse, üstteki "Düzenle" menüsünden "Serbest Dönüştür" seçeneğini seçerek kolayca düzenleyebilirsiniz. Resmin etrafında, istediğiniz boyutu ayarlamak için fareyi kullanabileceğiniz bir çerçeve belirecektir.

Photoshop'ta, sağ altta yeni bir katman oluşturmanız gerekir - simgelerin üzerine gelin, bir ipucu açılır. Veya klavye kısayollarını kullanın (Shift + Ctrl + N) ve katmanı renklendirdikten sonra kaybolmaması için aynı yerde arabanın altına sürükleyin.

Şimdi soldaki panelden Dolgu aracını kullanarak bu katmanı istediğiniz renkle renklendirin veya Gradyan aracını kullanın, daha güzel olacaktır.

Gradyan, Photoshop'ta o kadar ilginç bir araçtır ki, yeteneklerini daha ayrıntılı olarak düşünmeye değer.

Mükemmel Erkeğinizi Bulduğunuz 20 İşaret

Kot pantolondaki küçük cep ne için?

Burnunuzun şekli kişiliğiniz hakkında ne söylüyor?

Arka planı akıcı bir renkle renklendirmenize olanak sağladığı için bunu kullanarak çok güzel bir banner yapabilirsiniz. Örneğin, ilk kırmızıyı ve son maviyi seçtiniz. Ardından kırmızı rengin sorunsuz bir şekilde maviye dönüşeceğini ve farklı tonlar oluşturduğunu göreceksiniz.

Böylece, afiş farklı bir renk haline geldi. Şimdi “canlı”, hareketli bir afişin nasıl yapılacağı hakkında konuşuyoruz, sadece statik bir afiş çizmekten daha zor.
Resmi gif olarak kaydedin, animasyondaki ilk karemiz olacak.

Muhtemelen zaten anladığınız gibi, animasyon efekti, belirli bir frekansta kareleri değiştirerek elde edilir. Birkaç resimden animasyon yapmak zor değil, bunun için birçok program var ama Photoshop kullanılarak da yapılabilir.

Animasyon bu şekilde oluşturulur. Banner için hazırlanmış birkaç fotoğrafı aynı anda programda açın. Sonunda birkaç açık pencereyle karşılaşacaksınız.

Animasyonun en başında görüntülenecek resmi seçin ve listenin en üstündeki katmanlar alanına yerleştirin. Ardından, fareyi kullanarak onları ana resme aktarın ve bu kadar. Gelecekteki banner'ımızın her biri sağ alttaki katmanlarda görünen farklı resimlerle dolu olduğunu göreceksiniz. Bundan sonra, ana hariç diğer açık resimler kapatılabilir.

Program kontrol panelinin en üstünde bir menü öğesi vardır. Üzerine tıklayın ve "Animasyon" bölümünü seçin. İlk karenin görüneceği bir pencere açılacaktır, ancak bu normaldir. Gerisini eklemek için, bu dar pencerede küçük bir düğmeyi tıklamanız gerekir, üç satır gibi görünür, ardından açılır menüden "Katmanlardan çerçeveler oluştur" seçeneğini seçin, bunlar görünecektir.

Ancak, hepsi bu değil. Çerçevelerimizin bulunduğu pencerenin en altında oynat butonuna tıklayarak banner'ımızın nasıl görüneceğini görebilirsiniz. Görüntüler çok hızlı mı yanıp sönüyor? Sorun değil, herhangi bir kareye tıklayın, görüntüleme süresini ayarlayın.

Aynı yerde, görüntüleme türünü seçin - döngülü (sürekli tekrarlama) veya bir kez. Bu komutu verirseniz animasyon son karede duracaktır.
Yakışıklı mı? Kim şüphe eder ki. Şimdi başyapıtımızı düzgün bir şekilde kaydetmemiz gerekiyor. Bunu yapmak için en üstteki "Dosya"ya tıklayın ve alt menüden "Web ve Cihazlar için Kaydet"i seçin. Büyük bir pencere açılacak, renk sayısını seçip kaydedin. Dosya biçimi orijinal olarak gif'tir, değiştirmeyin.

İpucu: Unutmayın, bir komut seçerken yanlış bir şey yaptıysanız veya hata yaptıysanız, üst menüdeki "Düzenle"de istediğiniz zaman "Geri adım" komutunu seçebilirsiniz.

Statik banner nasıl yapılır?

Programda, "Dosya" yı, içinde "Oluştur" öğesini tıklayın ve gelecekteki afişin boyutunu ve arka planını seçin. Kolaylık sağlamak için genişliği ve yüksekliği piksel veya santimetre olarak seçebilirsiniz. Varsayılan olarak, RGB renginde ve yetmiş iki piksel çözünürlüğe sahip yeni bir belge oluşturulur, bu ayarları değiştirmeyin, İnternet'te görüntülemek için idealdirler. Hazırlanan görüntünün boyutuna göre boyutları seçin, yüksekliği elli veya altmış piksel daha ayarlayın, düğmeyi oraya yerleştireceksiniz.

Hazırlanan çizimi açın ve fare ile yeni oluşturulan belgenin üzerine sürükleyin. Gerekirse fotoğrafın boyutunu değiştirebilir, bunun için boşluğu etkinleştirebilir ve ardından "Görüntü" menüsünden "Görüntü Boyutu"nu seçebilirsiniz. Şimdi ihtiyacınız olan boyutu verin.

Tavsiye. "En boy oranını koru"nun yanındaki kutunun işaretini kaldırırsanız, resmi uzatabilir veya daraltabilirsiniz.

Her şey hazır olduğunda ve afişi beğendiğinizde, "Dosya" yı ve içindeki "Farklı Kaydet" i tıklayın ve resmi bilgisayarınıza kaydedin.
.
Programda birçok şey yapabilirsiniz - fotoğraflar için güzel tasarımlar, kolajlar, sadece çizimler. İnternet bu tür fotoğraflarla dolu, sadece Photoshop'un yetenekleri hakkında hayal gücüne ve bilgisine ihtiyacınız var.

Yeni başlayan biriyseniz, öğrenmek için çevrimiçi olarak ücretsiz programları ve öğreticileri kolayca bulabilirsiniz.

video dersleri

Her birimiz televizyon izlerken, internette gezinirken, sokaktayken, alışveriş merkezindeyken ve çok daha fazlasını yaparken her gün reklamlarla karşılaşıyoruz. Bu yazıda en popüler reklam türlerinden biri olan afişlerden bahsedeceğiz. Photoshop'ta banner'ların ne olduğunu, ne tür olduklarını ve bir banner'ı öğreneceksiniz.

banner reklam nedir

Afiş reklamcılığı - reklam niteliğindeki bir grafik görüntüsü. Sokaklardaki reklam panoları, mağazalardaki flamalar, İnternet'teki web sitelerindeki resimler, tıklandığında başka bir siteye gidiyorsunuz - bunların hepsi afiş. Sokak pankartları uzun zaman önce ortaya çıktı, daha bir radyo bile yoktu. Ancak 1994 yılında internete sızdılar ve hızla popülerlik kazanmaya başladılar. Günümüzde hiçbir iş reklamsız ve özellikle internette reklamsız yapamaz ve afişler, mal ve hizmetlerin tanıtımında en etkili araçlardan biridir.

Ne tür afişler vardır

• Açık hava reklam afişi. Özel bir PVC film, vinil, lateks veya naylon kağıttan yapılmıştır. Üzerine reklam bilgilerinin basıldığı çeşitli ebatlarda dikdörtgen bir kanvastır. Baskı, geniş format baskı - çiziciler için yazıcılar tarafından yapılır.
• İnternette reklam afişleri. İlk başta, bunlar parlak, akılda kalıcı resimlerdi, ancak teknolojinin gelişmesiyle, kısa bir video klip şeklinde animasyonlu içerik ve hatta etkileşimli mini oyunlar ile afişler ortaya çıktı. Her durumda, bu bir reklamdır, bu nedenle belirli bir siteye giden bir köprü içerir. Banner'a tıklamasanız bile reklam niteliğindeki bilgi görseli hafızanızda kalacaktır.

Uygulama yöntemlerine göre İnternet afiş türleri

Photoshop'ta nasıl banner oluşturulacağını öğrenmeden önce, bunları uygulamanın çeşitli yollarını öğreneceğiz.

• Statik. En basit afiş, reklam içeriğine sahip bir resimdir. Dosya boyutu küçüktür, bu nedenle yavaş bir İnternet bağlantısıyla bile hızlı yüklenir. Hem "Photoshop"ta hem de diğer grafik düzenleyicilerde banner oluşturmak kolaydır.
• Animasyonlu. Statik olanlardan birkaç kat daha ağırdırlar ve bu nedenle daha yavaş yüklenirler, ancak kullanıcı için daha dikkat çekicidirler. Photoshop'ta böyle bir reklam afişi oluşturmak zaten çok daha zor.
• Zengin metin. Grafik bileşeni olan bilgilendirici bir makaleye benzeyen bir afiş.
• HTML5, JS, flash animasyon. Bunlar zaten etkileşimli mini programlar olan afişlerdir. Örneğin: çeşitli testler, ilkel oyunlar, anketler. Photoshop'ta böyle bir reklam afişi oluşturmak, anladığınız gibi çalışmayacaktır.

Banner Boyutlandırma

Photoshop'ta bir afiş düzeni oluşturmayı öğrenmeden önce boyutlarına karar vermeniz gerekir. Standart 100 x 100 pikseldir. En sık kullanılan seçenekler 468 x 60 ve 234 x 60'tır. İlk rakam genişliği, ikincisi ise uzunluğu belirler. Örneğin dikey bir afiş 60 x 468 piksel olacaktır. Bu nedenle, banner'ınızı nereye yerleştireceğinizi bilmek önemlidir.

Nereden başlamalı

Böylece Photoshop'ta hem büyük hem de minyatür bir afiş oluşturabileceğinizi öğrendik. Ancak acele etmemelisiniz ve programı açmadan önce, herhangi bir yaratıcı işte olduğu gibi bir banner oluşturmak için tasarımı ve içeriği tahmin etmeniz gerekir. Bunu kağıt ve kalemle yapmanızı tavsiye ederiz. İlk olarak, gelecekteki afişin oranlarını dikkate alarak bir dikdörtgen çiziyoruz. Gerekli reklam metnini buluyoruz. Ardından arka planın ne olacağını belirliyoruz. Bütün bunları çizmeye gerek yok, sadece planladıklarını kelimelerle yazman yeterli. Ardından, olası bir şirket logosu da dahil olmak üzere hangi resimlerin eklenebileceğini ve şık bir şekilde nereye yerleştirilebileceğini zaten anlayabilirsiniz. Büyük olasılıkla, ortaya çıkan kağıt şematik bir plan gibi görünecektir. Hazırlığın son aşaması: Fikrinize uygun resimleri internette araştırıyoruz. Telif hakkını hatırlamak önemlidir, bu nedenle ücretsiz kaynaklardaki resimleri seçiyoruz.

Banner reklamınızı yapmak

Yani düzeniniz hazır. Şimdi doğrudan ana işleme geçelim.

Bu yazımızda Photoshop CS6'da "iPhone 5 indirimli. Kaçırmayın" metinli 468 x 60 piksel statik yatay banner reklam yapacağız.

Bu, yeni başlayanlar için bir afiş oluşturmak için minimum düzeyde ayrıntılı talimatlar içeren bir giriş makalesiydi. İnternette çok sayıda özel literatür ve video eğitimi var. Bu harika programı incelemek için birkaç gün ayırarak çok daha iyi banner reklamlar oluşturabilirsiniz. Hafif işlevselliğe sahip benzer ürünlerin yanı sıra özel olarak oluşturmak için yapılmış uygulamalar olduğunu da belirtmekte fayda var.