Photoshop'ta oyun menüsü nasıl yapılır. Bir VKontakte grubunda güzel bir menü nasıl yapılır. Bir VKontakte grubu için güzel bir menü nasıl yapılır: adım adım talimatlar

Bu yazımızda programın üst menü çubuğunun komut yapısına bakacağız. photoshop CS5. Menü çubuğu (1) programın en üstünde bulunur ve bir menü içerir (2) ve iç içe alt menüler (3) .

Bazı alt menüler devre dışı. Neden aktif değiller? Çünkü bunun için belirli koşullar yaratmanız veya belirli eylemleri gerçekleştirmeniz gerekiyor - bu iyi bir ipucu. Menüyü genişletmek için (2) , ilgili isme tıklamanız gerekiyor ve zaten tıklamadan gidebilirsiniz. Ayrıca, eğer bir fareniz yoksa, aşağıdaki yöntemi kullanabilirsiniz: Alt tuşuna basın, böyle alt çizgiler göreceksiniz. (4) menü öğesi adlarının yanında.

Ve herhangi bir ismi açmak için klavyedeki ilgili harfe basmanız yeterlidir. Örneğin, Dosya menüsü için bu, f harfidir. f harfine basıyorum, "Dosya" menüsü açılıyor. Klavyenizdeki okları kullanarak arasında gezinebilirsiniz. Menüde ilerlemek veya başka bir menü öğesine gitmek için ilgili yönde oka basmanız gerekir. Esc tuşu menüyü iptal eder. Alt tuşuna tekrar basmak bizi klavye modundan çıkarır. Bastıktan sonra komutlardaki alt çizgi kaybolacaktır. Bu, fareniz yoksa.

Menüde (2) ve alt menü (3) Photoshop'un neredeyse tüm ayarlamalarına ve komutlarına erişim sağlayan komutlar var. Yaygın olarak kullanılan ve bulunması zor komutların çoğu, komutların sağında listelenen ilgili klavye kısayollarına sahiptir. Bunlar sözde kısayol tuşları.

Kullanımları işi büyük ölçüde kolaylaştırır ve hızlandırır. Bu nedenle, en başından itibaren kısayol tuşlarını hatırlamak ve kullanmak daha iyidir. Bir tuş kombinasyonunu kullanmak için ilk tuşa basmanız ve bırakmadan aşağıdaki tuşlara basmanız gerekir. Yani, sonunda aynı anda birkaç tuşa basılmalıdır. Ardından komut çalışacaktır.

Bazı menü öğeleri komutlara benzemez, ancak onay kutularına benzer (5) fare tıklamasıyla ayarlayın. Örneğin, "Yardımcı öğeler" veya "Cetler" göster. Bu tür komutlar, kural olarak, bazı arayüz öğelerini görüntülemek veya gizlemek veya programı bazı özel modlarda çalışacak şekilde ayarlamak için tasarlanmıştır. Şekil, yardımcı elemanlara, cetvellere ve yakalamaya sahip olduğumu gösteriyor.

Temel Photoshop Komutları

Tüm Photoshop komutları, benzer özelliklere göre gruplandırılmıştır ve birbirinden yatay bir çubukla ayrılmıştır. Şimdi ana ve en sık kullanılan komutlara bakalım.

1) Dosya menüsü- bunlar yeni bir belge oluşturma ve açma komutlarının yanı sıra çeşitli varyasyonlarda bir belgeyi kapatma ve kaydetme komutlarıdır ( basit kaydetme, seçilebilir formatta kaydetme ve dosyayı web'de veya herhangi bir cihazda doğru görüntülenmesi için optimize eden web ve cihazlar için kaydetme). Bunlar ihtiyacımız olan ana komutlar. Diğer komutlar çok sık kullanılmaz ve onlara biraz sonra bakacağız.

2) Menüyü Düzenle - herhangi bir işlem yaparsak gerekli. Örneğin, "Kalem" kullanıyorum. Düzenle menüsünde bu adımı geri alabilir, bir adım geri gidebilir veya bu eyleme geri dönmem gerekirse bir adım ileri gidebilirim. Ayrıca durumu geri alabilir ve geri dönebilirsiniz. Ayrıca "Düzenle" menüsünde çoğu program için standart işlemler vardır - bu, panoya kesme, kopyalama, birleşik verileri kopyalama ve çeşitli yapıştırma işlemleridir.

Ayrıca burada doldurma, vuruş komutları çok sık kullanılır. Katmanlarla çalışmanın yanı sıra ölçeği ve dönüşümü değiştirme komutları biraz daha düşüktür. Bu menü aynı zamanda kendi yarattığımız desen olan fırçayı da tanımlar. Aşağıda program kurulumu, renk ayarı ve temel menü ayarları ( onları da biraz sonra ele alacağız).

3) Görüntü Komutu en gelişmiş takımdır. Burada, seviyeler, eğriler ve diğer görüntü işleme araçları gibi tüm görüntü ayarlama komutlarına ve araçlarına sahibiz. Ayrıca bir görüntüyü yeniden boyutlandırmak, tuval boyutlarıyla çalışmak, görüntüyü farklı açılara döndürmek ve görüntü kanallarıyla çalışmak için de kullanılabilir.

4) Katmanlar menüsü kendisi için konuşuyor. Katmanlarla çeşitli işlemler için tasarlanmıştır. İhtiyacımız olabilecek ilk şey, yeni bir katman oluşturmak, katmanı çoğaltmak, yeni ayar katmanları ve akıllı nesneler oluşturmak. Bütün bunlar, Katmanlar paleti aracılığıyla başka bir şekilde oluşturulabilir ( biraz sonra düşün).

5) Komut Seç seçilen alanlarla çalışmak üzere tasarlanmıştır. Ayrıca, bir dizi renk temelinde veya Hızlı Maske modunda seçimler oluşturmak için de kullanılabilir.

6) "Filtre" menüsünde Tüm Photoshop filtreleri bulunur. Yerleşik filtreler gibi (6) ve dış filtreler (7) "eklentiler" olarak adlandırılan üçüncü taraf üreticiler. Eklentiler belirli klasörlere kurulur ( biraz sonra düşün) ve onlarla tıpkı filtrelerde olduğu gibi çalışabilirsiniz. Filtreler ile (6) Görüntüyü çeşitli şekillerde değiştirebilirsiniz. Örneğin, bir görüntüyü bulanıklaştırın, ona gürültü ekleyin, keskinleştirin vb.

7) Analiz menüsü özel işler için tasarlandı - pratikte bu menüye ihtiyacımız yok. Burada belirli sayıda nesneyi sayabilir, herhangi bir uzunluğu ölçebilir, ölçüm ölçeğini ayarlayabilirsiniz.

8) 3D menü 3B dosyalar ve 3B nesnelerle çalışmak üzere tasarlanmıştır.

9) Görünüm menüsünde ekran modlarını ayarlayabilir, görüntüyü farklı boyutlarda görüntüleyebilirsiniz ( görüntü ölçekleme), cetvelleri açıp kapatabilir, görüntünün belirli yerlerine kılavuzlar çizebilir ve ayrıca çeşitli özel işlemler gerçekleştirebilirsiniz.

10) Pencere Menüsüçalışma alanlarını yönetmek ve farklı paletleri çağırmak için tasarlanmıştır.

Bu dersimizde site için orijinal bir buton oluşturacağız.

Aşama 1.

Yeni bir belge oluşturun, arka plan rengini #f7f5f6 olarak ayarlayın. aracı etkinleştir Yuvarlatılmış dikdörtgen Aracı (Köşeleri yuvarlatılmış dikdörtgen) yuvarlama yarıçapı 10 pikseldir. Ön plan rengini #2f88bb olarak ayarlayın. Yeni bir katmanda küçük, yuvarlak bir dikdörtgen oluşturun.

Adım 2

şimdi git Katman Stili (Katman stilleri) ve çizilmiş dikdörtgen için başvurun Dış Işıma (Dış Işıma) ve İç Işıma (İç Işıma) aşağıdaki ayarlarla:

Aşama 3

Bir tuşu basılı tutmak üzerine bir seçim yüklemek için dikdörtgen katman küçük resmine tıklayın. Yeni bir katman oluşturun, menüye girin: Seç- Değiştir- Sözleşme (Seçim - Değiştirme - Sıkıştır) ve "sıkıştırma boyutu" parametresinde değeri ayarlayın: 1 piksel.

aracı etkinleştir Eliptik Çerçeve Aracı(Oval seçim alanı) ve tuşunu basılı tutarak , seçimi gösterildiği gibi çıkarmaya başlayın. Seçimin gerekli kısmı kaldıktan sonra, bu seçimi beyaz şeffaf bir gradyan ile doldurun, Gradyan Karıştırma Modunu olarak ayarlayın. üst üste gelmek, katman opaklığı -%48 ve klavye kısayoluna basarak seçimi kaldırın .

4. Adım

Yeni bir katman oluşturun ve aracı kullanın Eliptik Çerçeve Aracı(Oval seçim alanı), gösterildiği gibi bir elips oluşturun. Şimdi aracı kullanarak Gradyan(Degrade), ön plandan şeffafa stil verin ve oval seçim üzerinde bir degrade dolgu oluşturun. Bu gradyan bir gölge görevi görecektir.

Adım 5

Ardından, tuşu basılı tutarak üzerine bir seçim yüklemek için dikdörtgen katman küçük resmine tıklayın. Şimdi menüye girin Select-Ters (Seçim - Ters Çevirme) ve tuşuna basın . Bu eylem ile butondan fazladan gölgeyi kaldıracağız.

6. Adım

Düğme katmanının opaklığını %32'ye ayarlayın. Bir tuşu basılı tutmak , üzerine bir seçim yüklemek için ilk katmanın küçük resmine tıklayın ve ardından tuşunu basılı tutun ve kullanarak Dörtgen İşaretleme Aracı(Dikdörtgen çerçeve), seçimin yarısını çıkarın.

7. Adım

Oluşturulan seçimi beyazla doldurun ve opaklığı %11 olarak değiştirin.

8. Adım

Şimdi yeni bir katman oluşturun ve aşağıda gösterildiği gibi bir daire çizin.

9. Adım

Bu Photoshop eğitiminde, basit bir açılır menü oluşturma sürecinde size yol göstereceğiz.

Bitmiş Resim Önizleme

Aşama 1
Photoshop'u açın, Ctrl+N'ye basın, böylece yeni bir belge oluşturun. Aşağıdaki ayarları girin ve Tamam'ı tıklayın. Izgara görüntüsünü açın: Görünüm > Göster > Izgara (Görünüm > Göster > Izgara) ve ayrıca ızgaraya yaslamayı da açın: Görünüm > Yasla ... > Izgara çizgileri (Görünüm > Göster > Izgara). Şimdilik her 5 pikselde bir yeterli satırımız olacak. Düzenleme > Ayarlar > Kılavuzlar, Izgaralar ve Parçalar menüsüne gidin (Düzenle> Tercihler> Kılavuzlar, Izgara ve Dilimler) ve Izgara (Kılavuz) bölümüne dikkat edin. "Her satırda..." (Her Kılavuz Çizgisi) alanına 5 değerini ve "Dahili bölme ölçütü..." (Alt Bölüm) alanına 1 değerini girin. Son olarak, ızgara rengini #a7a7a7 olarak ayarlayın ve Tamam'a tıklayın.

Tuvalde görünen kalın ızgara sizi korkutmasın. İşinizi kolaylaştırmak için orada. Diğer şeylerin yanı sıra, öğelerinizin ve şekillerinizin konumunu gerçek zamanlı olarak izlemek için bilgi panelinin görüntülenmesini de etkinleştireceğiz: Pencere> Bilgi (Pencere> Bilgi).

Adım 2
Ön Plan rengini #3f8ecf olarak ayarlayın, Yuvarlatılmış Dikdörtgen Aracını seçin ve Yarıçapı 20 piksele ayarlayın. 160x40 vektör yolu oluşturun ve kopyalayın: Control + J. Kopyayı seçin ve beyaz yapın. Dikdörtgen Aracına geçin, üst araç çubuğundaki Kesişim düğmesine tıklayın ve aşağıdaki üçüncü resimde gösterildiği gibi 40x40 piksellik bir vektör yolu çizin. Katmanlar paletine gidin ve katman stili penceresini açmak için beyaz çerçeveye çift tıklayın.

İç ışıma (İç Işıma) ve Strok (Strok) uygulayın, ardından aşağıdaki şekillerde gösterilen parametreleri girin.

Aşama 3
Önceki adımda oluşturulan mavi yuvarlak dikdörtgeni yeniden seçin ve çoğaltın: Control + J. Kopyayı seçin, beyaz yapın ve Dikdörtgen Aracına geçin. Üst araç çubuğundaki Kesişim düğmesine tıklayın ve aşağıdaki ikinci resimde gösterildiği gibi 120x40 piksellik bir vektör anahattı çizin.

Katmanlar paletine geri dönelim. Önceki adımda oluşturulan beyaz anahatta sağ tıklayın ve “Katman Stilini Kopyala” seçeneğini seçin. Ardından, bu adımın başında oluşturulan beyaz anahatta sağ tıklayın ve “Katman Stilini Yapıştır” (Katman Stilini Yapıştır) öğesini seçin.

4. Adım
Yazım Aracını seçin ve metninizi aşağıdaki resimde gösterildiği gibi yazın. Metin rengini #a1d8ff olarak ayarlayın, ardından katman stili penceresini açın ve aşağıdaki resimlerde gösterilen ayarları girin:

Adım 5
İkinci adımda oluşturulan mavi yuvarlak dikdörtgene dönerek Layer Style penceresini açın ve aşağıdaki ayarları girin. Bu şekli çoğaltın: Control + J, kopyayı seçin, katman stili penceresini tekrar açın ve aşağıdaki ayarlarla Gölge (Alt Gölge) uygulayın. Şimdiye kadar oluşturulan tüm şekilleri seçin ve bunları gruplayın: Control + G. Bu, kapalı açılır menünüz olacaktır. Son adımda, onu biraz daha geliştireceğiz.

6. Adım
Katmanlar paletine geri dönelim. Önceki adımda oluşturulan gruba sağ tıklayın ve Grubu Çoğalt'ı seçin. Yeni oluşturulan grubu seçin, aşağıya sürükleyin ve aşağıdaki resimde gösterildiği gibi konumlandırın.

7. Adım
Bir önceki adımda oluşturulan grupla çalışmaya devam edelim. Her şeyden önce, buradaki metni düzenlemeniz gerekir. Rengi #b4b4b4 olarak değiştirin, ardından üzerine sağ tıklayın (katmanlar paletinde) ve “Katman Stilini Temizle”yi seçin. Katman stili penceresini açın ve aşağıdaki ayarlarla gri metin olan Shadow'a (Drop Shadow) uygulayın.

8. Adım
Ön Plan rengini #f5f5f5 olarak ayarlayın, Yuvarlatılmış Dikdörtgen Aracını seçin ve Yarıçapı 20 piksele ayarlayın. 160x35 piksellik bir vektör yolu oluşturun, aşağıdaki ilk resimde gösterildiği gibi konumlandırın, ardından çoğaltın: Control + J. Kopyalamayı seçin ve beyaz yapın. Dikdörtgen Aracına geçin, üst araç çubuğundaki Kesişim düğmesine tıklayın ve aşağıdaki ikinci resimde gösterildiği gibi 40x35 piksellik bir vektör yolu çizin.

Katmanlar paletine gidelim. Bu konturun dolgu opaklığını (Fill) %0'a düşürün, ardından katman stili penceresini açarak aşağıdaki resimlerde gösterilen ayarları uygulayın:

9. Adım
Önceki adımın başında oluşturulan yuvarlatılmış dikdörtgeni yeniden seçin ve çoğaltın (Control + J). Kopyayı seçin, öne taşıyın: Shift + Control + ], dolgunun (Fill) opaklığını %0'a düşürün, katman stili penceresini açın ve aşağıdaki ayarları girin:

Adım 10
8. adımda oluşturulan ikinci yolu yeniden seçin ve kopyalayın: Control + J. Kopyayı seçin, öne getirin: Shift + Control + ]. Ardından, katman stili penceresini açın ve aşağıda gösterildiği gibi Gölge katman stili ayarlarını yapın.

11. Adım
Son adımları tamamlama sürecinde oluşturulan şekillerin sağ tarafı ile ilgilenelim. Ön plan rengini #ebebeb olarak ayarlayın, Dikdörtgen Aracını seçin, 10x15 px vektör yolu oluşturun ve aşağıdaki ilk resimde gösterildiği gibi yerleştirin. Bu küçük dikdörtgeni seçin. En üstteki seçenekler çubuğunda Seçime Ekle düğmesini tıklayın ve aşağıdaki ikinci resimde gösterildiği gibi başka bir 10x15 vektör yolu çizin. Son oluşturulan yolun hala etkin olduğundan emin olarak Control + T tuşlarına basın, 45 derece döndürün ve Enter tuşuna basın.

Katmanlar paletine gidelim. Ctrl tuşunu basılı tutun ve önceki adımda oluşturulan vektör yolu katmanının küçük resmine tıklayın. Sonuç olarak, boşta seçimi yüklenecektir. Şimdi Seçim Aracını (Seçim Aracı) seçin ve vektör anahatlı katmanın - ok - etkin olduğundan emin olun.

Okunuzu aşağıdaki beşinci resimde gösterildiği gibi hizalamak için üst seçenekler çubuğundaki "Dikey merkezleri hizala" ve "Yatay merkezleri hizala" düğmelerini tıklayın. Ardından, katman stili penceresini açın ve aşağıdaki stilleri aşağıdaki ayarlarla uygulayın.

Adım 1/2
Bir araç Metin (Yazım Aracı) seçin ve aşağıdaki resimde gösterildiği gibi basit bir metin yazın. Rengi #b4b4b4 olarak ayarlayın, ardından katman stili penceresini açın ve resimde gösterilen ayarlarla Gölge'yi uygulayın. Son dört adımda oluşturulan öğelerle bu yeni metni seçin ve hepsini gruplayın: Control + G.

Adım 13
Son oluşturulan grubun dört kopyasını daha oluşturun. Yeni grupları aşağıda gösterildiği gibi düzenleyin ve etiketleri değiştirin.

Adım 14
“Öğreticiler” olarak belirlediğim menü alt maddesine dikkat edin, ok şekli için katman stili penceresini açın ve aşağıdaki parametreleri girin:

Adım 15
"Öğreticiler" metnini seçin ve rengini #2c95dd olarak değiştirin. Ayrıca metnin altındaki gri yuvarlak dikdörtgeni seçin, katman stili penceresini açın, aşağıdaki ayarlarla Gradient Overlay (Gradient Overlay) uygulayın.

Adım 16
Son adımları tamamlamak için hücre boyutu 1 piksel olan bir ızgaraya ihtiyacımız var. Bu nedenle, Düzenleme> Ayarlar> Kılavuzlar, Izgaralar ve Parçalar (Düzenle> Tercihler> Kılavuzlar, Izgara ve Dilimler) menüsüne gidin ve “Her Satır…” (Kılavuz Çizgisi Her) alanına 1 değerini girin. Fore Color'ı #a1d8ff olarak ayarlayın, Rectangle Tool'u seçin, 6px'lik bir kare oluşturun ve aşağıdaki ilk resimde gösterildiği gibi yerleştirin. Ardından, Doğrudan Seçim Aracını seçin ve oluşturulan vektör yolunun alt kısmına dikkat edin. Sağ bağlantı noktasını seçin ve 3 piksel sola hareket ettirin. Bağlantı Noktasını Silme Aracına geçin ve silmek için kalan alt bağlantı noktasına tıklayın. Sonuç olarak, kareniz bir üçgene dönüşmeli!

Bitmiş Resim

Herkese selam! Bu sefer sizler için "Violet Coffee" isimli hayali bir kahve dükkanı için nasıl baskıya hazır kitapçık oluşturabileceğinizi anlatan bir eğitim hazırladık. Bu eğitim, kitapçığı tamamlamak için daha sonra Adobe InDesign'a aktaracağımız arka planı ve birkaç yardımcı nesneyi hazırlama hakkında olacak. Hazır? Gitmek!

Başlamadan önce

Bu eğitim, baskı tasarımı sanatını yeni öğrenmeye başlayanlar için bir rehber olma iddiasındadır. Burada belge ayarları, ölçü ve boyut birimleri, düzen, girintiler ve bunlarsız yazdırma, renkle çalışma, tipografi ve hatta bir şeyler yazdırma ile ilgili birkaç önemli konuya değineceğiz.

Öğreticiyi iki bölüme ayırdım, bunlardan biri Photoshop araçlarını kullanarak menü ve birkaç tasarım öğesi için bir arka plan oluşturmakla ilgili ve ikinci bölüm, Adobe InDesign'da ilkinin sonuçları üzerinde çalışmakla ilgili olacak. içerik, belgeyi yazdırma için hazırlayın ve aslında yazdırın.

Çalışma, X müşterisinin bize kitapçık için birkaç resim ve metin içeren bir Word belgesi sağladığı hayali bir efsane çerçevesinde gerçekleşecek. Eh, bir tasarımcı olarak göreviniz, tüm bunlardan güzel bir düzen oluşturmak olacak, bunu basmaktan ve müşteriye göstermekten utanmayacaksınız.

Hadi başlayalım. Ders için aşağıdakilere ihtiyacınız olacak:

• kahve fincanı,
• Sigara içmek,

Belge işaretleme

Kalem ve kağıdın her zaman önce geldiğini unutmayın! İstenen sonucu ve bunu başarmak için seçenekleri ana hatlarıyla belirtin. Aşağıda, daha fazla yaratıcılık için bir başlangıç ​​noktası olarak hizmet edecek olan taslağım yer almaktadır. İki sayfa olmalıdır: ön ve arka.

Ön sayfa kapak düzenini içerecek ve menü metninin kendisi arkada olacaktır. El ilanı bir kitapçık gibi ikiye katlanır. Ana renkler, arka plan için mor ve siyah ve metin için neredeyse beyaz olacaktır. Tuvalin boyutları değişebilir, ancak bence “çift harf” iyidir. Böylece her sayfa için kendi harf formatımız olacak (215,9 × 279,4 mm). Menüleri büyük formatlarda yazdırmak genellikle kabul edilir, ancak sonuçta hepsi tercihlerinize bağlıdır. Hedeflere ve fikirlere karar verdikten sonra devam edebilirsiniz.

1 adım

Üzerine firma adını yerleştireceğimiz ve bir fincan kahve uygulayacağımız arka plana sahip bir şablon için bir belge oluşturalım.

Photoshop'u açın ve Dosya > Yeni'ye gidin. İlk olarak, hangi kağıt boyutunu kullanmak istediğinize karar verin (bu, müşterinin bütçesine de bağlı olabilir). Letter boyutunda 8,5 x 11 inç (215,9 x 279,4 mm) ile başlamanızı öneririm. Çözünürlüğü bu aşamada ayarlamak da çok önemlidir (deneyimlerime göre basım baskı için minimum çözünürlük 300 dpi (300 ppi)). Ve aynı aşamada CMYK renk modunu ayarlamamız gerekiyor.

Kitapçığın kapağı bir bütün olacak ve önceden basılmış menü sayfası ikiye katlanarak elde edilecektir. Bu nedenle, arka planın istenmeyen çerçeveler ve geçişler olmadan düzgün olması için, onu tek bir belge olarak oluşturacağız, bu da şablonun orijinal boyutunun iki katı anlamına gelir (“Çift Harf”).

Letter kağıdın genişliğini 17 inç'e yükseltin. Girilen parametreleri kontrol ettikten sonra Tamam'a tıklayın.

Adım 2

Artık normal olarak basılmış bir kanvasımız var, ancak yine de, kenarlıksız yazdırırken güvenlik ağı için çevre çevresinde ek boşluk bırakmaya dikkat etmekten zarar gelmez. Cetvelleri etkinleştirin (Cetveller, Ctrl + R) ve çalışma alanına dört kılavuz getirin (cetvele tıklayın ve tuvale sürükleyin), belgenin her bir kenarlığı için bir tane. Ardından Görüntü > Tuval Boyutu'na gidin ve belgeyi üstten, alttan ve yanlardan 1/8 inç büyütün. Bu, aşağıdaki çizimimde gösterildiği gibi, sadece yükseklik ve genişliğe 0,25 inç ekleyerek başarılabilir. Çapa'nın ortalandığından emin olun ve Tamam'ı tıklayın.

Arka plan geliştirme

3 adım

Gerçek grafiklerle başlayalım. İlk önce Gradyan Dolgu Katmanını uzatalım. Katman > Yeni Dolgu Katmanı > Degrade'ye gidin ve degrade renkleri şu değerlere ayarlayın: Mor (C:80, M:100, Y:30, K:25) ve Siyah (C:70, M:70, Y: 70 ve K): 95), zengin siyahın genelleştirilmiş bir anlamıdır (tipografide Zengin Siyah) ve çok iyi çalışır. Açıyı 90 dereceye ayarlamayı unutmayın.

4. Adım

Şimdi arka plana bazı efektler uygulayalım. Gradyan katmanının üzerinde yeni bir katman oluşturun, ön plan rengini C:80 M:70 Y:60 K:80 olarak ayarlayın ve arka plan rengini beyaz olarak ayarlayın. Ardından Filtre > Oluştur > Bulutlar'ı açın. Bu katmanın karıştırma modunu Kaplama olarak değiştirin. Ardından Filtre > Bulanıklaştır > Hareket Bulanıklığı'na gidin, Açıyı 90 dereceye ve Mesafeyi 999 piksele ayarlayın. Son olarak, efekti tamamlamak için Seviyeleri (Ctrl + L) aşağıdaki resimde gösterildiği gibi ayarlayın.

Adım 5

Kalem Aracını (P) kullanarak aşağıdaki resimde gösterildiği gibi bir şekil oluşturun. Yolu C:10, M:15, Y:0, K:0 ile doldurun. Katmanları doğru sırada tutmak için grupları kullanın. Yaptığım ilk şey, “Doğru Eğriler” adlı bir grup oluşturmak ve tuvalin sağ tarafı için tüm eğrileri içine koymaktı. Bundan sonra, Katman > Katman Maskesi > Tümünü Gizle'ye gidin ve şeklin yalnızca sol tarafını görünür hale getirerek beyazdan siyaha yatay bir gradyanla doldurun. Son olarak, katmanın Opaklığını %25'e düşürün ve Karıştırma Modunu Renk Soldurma olarak ayarlayın.

6. Adım

Şeklinizi birkaç kez çoğaltın (Alt tuşunu basılı tutup katmanı sürükleyerek) ve aşağıdaki çizimin içeriğine benzer bir şey elde etmek için kopyaların her birini değiştirmek için Dönüştürme Aracını kullanın. İstediğiniz kadar çok eğri getirebilirsiniz. Mümkün olan en ilginç efekti elde etmek için şekillerin her birinin Opaklık değerleriyle oynamayı deneyin.

Ardından "Sağa Eğriler" grubunu seçin ve tuvalin sağ tarafına sürükleyin. Ardından kopyalayın (bu, Alt tuşunu basılı tutup sürükleyerek de yapılabilir) ve kopyayı yatay olarak görüntülemek için Düzenle > Dönüştür > Yatay Çevir. Ardından "Sola Eğriler"i yeniden adlandırın ve tuvalin sol tarafına sürükleyin.

7. Adım

"Eğriler"in üstünde yeni bir katman oluşturun. Elips Tool (U) ile pembe bir daire çizin (C:5 M:55 Y:0 K:0). Daireyi doğru şekle getirmek için, uzatırken Shift tuşunu basılı tutun. Ardından Filtre > Bulanıklaştır > Gauss Bulanıklığı'na gidin (katmanı rasterleştirmeniz istenecektir - bunu yapın), bulanıklık yarıçapını 50 piksele ayarlayın ve Tamam'ı tıklayın. Ardından, katmanın Karıştırma Modunu Renk Soldurma olarak değiştirin, Opaklığı %50'ye ayarlayın ve bu lekeyi herhangi bir eğrinizin üzerine yerleştirin.

Bu katmanı istediğiniz kadar çoğaltın, Opaklığı değiştirin, her kopyanın boyutuyla oynayın ve aşağıdaki resme benzer bir şey elde etmeye çalışın. Dairelerle işiniz bittiğinde, hepsini "Işık Küreleri" adı verilen ayrı bir klasöre taşıyın.

8. Adım

Bu adımda Star Brush Set'i açmanız gerekecek. Yeni bir katman oluşturun ve üzerine farklı yerlere beyaz yıldızlar çizin. Ardından, Katmana bir Dış Işıma stili ekleyin, Ekran karışım modu, boyut 70 piksel, renk C:15, M:55, Y:0, K:0 olarak ayarlayın. Son olarak, katmana yaklaşık %70'lik bir Opaklık verin.

Başlık ekleme

9. Adım

Bir sonraki adım bir logo eklemektir. Tabii ki, kelimenin tam anlamıyla logo olarak adlandırılamaz, çünkü bir logo daha karmaşık bir tasarım öğesidir, bu yüzden ona basitçe “şirket adı” diyeceğiz. Şimdi dikey bir kılavuz kullanarak belgenin sağ yarısını iki sütuna bölün ve sayfayı eşit yükseklikte dört satıra bölmek için üç yatay sütun daha çıkarın. Daha sonra Type Tool (T) kullanarak ikinci satıra belgenin sağ tarafına beyaz büyük harflerle "MOR" kelimesini yazın. Ticari bir Avant Garde yazı tipi kullandım, ancak mevcut analoglardan herhangi birini kullanabilirsiniz (Futura, Century Gothic, vb.). Metin seçenekleri aşağıdaki resimde gösterilmektedir. Bundan sonra bir “O” harfi seçin ve rengini C:10, M:85, Y:0 ve K:0 olarak değiştirin. Son dokunuş, Doğrusal Yakma, %75 Opaklık ve 90 derecelik bir açıyla griden beyaza renklerle metne bir Degrade Kaplama stili uygulamaktır. Çizime bakın:

10 adım

Şimdi metin katmanına bir yansıma katmanı ekleyelim. Bunu yapmak için yazınızı çoğaltın, rasterleştirin (bunu yapmanın hızlı bir yolu, metin katmanının altında boş bir katman oluşturmak, metin katmanını ve az önce oluşturduğunuz boş katmanı seçmek ve bunları birleştirmek için Ctrl + E tuşlarına basmaktır) ve Düzenle > Dönüştür > Dikey çevir'e gidin. Başlığın hemen altına bir kopya yerleştirin. Fikri tamamlamak için, yansıma katmanını geçersiz kılmamız gerekiyor ve bu, katmana bir maske ekleyerek yapılabilir: Katman > Katman Maskesi > Tümünü Gizle, ardından Gradient Aracı kullanılarak siyahtan beyaza bir gradyanla doldurulması gerekir. (G).

11. Adım

Son akor, metne Yıldız Fırçası setinden bir çift parlak beyaz yıldız uygulayacaktır. Katmanın Opaklığını %85'e düşürmeyi unutmadan aşağıdaki çizimi tekrarlayın.

Adım 1/2

Şimdi "kahve" kelimesini hemen sağına ve "Menekşe"nin altına koyalım. Bunu yapmak için herhangi bir yazı tipi Komut Dosyasını kullanabilirsiniz (örneğin, Edwardian Komut Dosyasını aldım). Ardından, C:10, M:85, Y:0, K:0 ila C:15, M:55, Y:5, K:0 arasındaki renklere sahip bir Degrade Yerleşimi stili ekleyin. Bundan sonra, sözde şirket logosu ile ilgili tüm katmanlar “Logo” adı verilen ayrı bir klasöre yerleştirilmelidir.

Kompozit katmanlar

Adım 13

Automated Script kullanarak tasarımın iki farklı versiyonunu iki ayrı dosyada saklayabilmek için Layer Comps kuralım.

İlk olarak, Katman Kompozisyonları paletini açın (Pencere > Katman Kompozisyonları). “Logo” klasörünün görünür olduğundan emin olun ve yeni bir kompozisyon katmanı oluşturmak için Katman Kompozisyonları paletinde Yeni düğmesine tıklayın. "Kapak" olarak yeniden adlandırın. Bundan sonra "Logo" klasörünü gizleyin (görünürlüğü kapatın) ve "Inner" adlı yeni bir kompozisyon katmanı oluşturun. Sonunda her şeyin doğru yapıldığından emin olmak için ortaya çıkan katmanların görünürlüğünü değiştirebilirsiniz.

Adım 14

Şimdi Dosya > Komut Dosyaları > Katman Kompozisyonlarını Dosyalara Açın. İletişim kutusunda, PSD dosya türünü seçin, dosyalarınızı kaydetmek istediğiniz klasörü açın, adlarını "Violet" gibi ayırt edici bir önek olarak ayarlayın ve geri kalan ayarları varsayılan olarak bırakın. Çalıştır'ı tıklattıktan sonra Photoshop, her bir kompozisyon katmanı için bu katmanların adlarını içeren dosya adlarıyla otomatik olarak bir dosya oluşturur.

Grafik öğeleri ekleme. Bir fincan kahve

Adım 15

Kahve fincanı görüntüsünü Photoshop'ta açın, düzenlenebilir hale getirmek için Katmanlar paletindeki “Arka Plan” katmanına çift tıklayın. Ardından, bardağın ana hatlarını izlemek için Yollar modunda Kalem Aracını (P) kullanın. Bundan sonra, ekranın üst kısmındaki aracın Seçenekler çubuğundaki Çakışan Yol Alanlarını Hariç Tut düğmesine basın ve tutamağın iç dairesini izleyin. Ardından, yollarla işiniz bittiğinde, yolu bir vektör maskesine dönüştürmek ve kupayı arka plandan ayırmak için Katman > Vektör Maskesi > Geçerli Yol'a gidin.

Adım 16

Artık bardağı çalışma kağıdınıza aktarabilirsiniz. İsteğe bağlı olarak bu katman rasterleştirilebilir (Katmanlar paletinde katmana sağ tıklayın ve Katmanı Rasterleştir'i seçin). Fincan katmanına "kahve fincanı" adını verin.

Ardından, 10. adımda özetlenen tekniği kullanarak kaba bir yansıma ekleyin, ancak bu sefer maske modunda büyük ve yumuşak bir siyah fırça (Fırça Aracı, B) kullanarak, resimde gösterildiği gibi yansımanın açısal kenarlarını gizleyin. aşağıda.

Adım 17

Küçük bir detay olarak bardağa bir gölge ekleyeceğiz. Fincan ve yansıması arasına zengin bir siyah elips çizmek için Elips Aracını kullanın. Ardından Filtre > Bulanıklaştır > Gauss Bulanıklığı'nı açın, görünen pencerede bulanıklık yarıçapını 35 piksele ayarlayın ve Tamam'a tıklayın.

18. adım

Mor havayı kaydetmek için, bardağın üstünde bir Fotoğraf Filtresi Ayarlama Katmanı kullanın (Katmanlar paletinin altındaki Yeni Dolgu veya Ayar Katmanı düğmesi). Kırpma Maskesi modunda eklendiğinden emin olun ve tonunu C:40, M:80, Y:0, K:0, Yoğunluk %25 olarak ayarlayın. Bundan sonra tüm fincan katmanlarını "Kahve fincanı" adı verilen ayrı bir gruba taşıyın.

Adım 19

Şimdi bir fincan kahveden gelen küçük bir kokuyu gözümüzde canlandıralım. Duman fotoğrafını açın ve düzenleme moduna geçirmek için "Arka Plan" katmanına çift tıklayın. Ardından görüntünün renklerini tersine çevirmek için Ctrl + I tuşlarına basın. Ton / Doygunluk penceresinde (Ctrl + U), buğuya mor bir ton vermek için Ton değerini -92 olarak ayarlayın.

Şimdi dumanı fotoğraftan çıkaralım. Kanallar paletinde (Pencere > Kanallar) Kırmızı kanalı çoğaltın, bir kopyasını panoya kaydetmek için Ctrl + A, Ctrl + C tuşlarına basın, ardından çoğaltılan katmanı silin, görüntüyü orijinal rengine döndürmek için RGB kanalına geri dönün .

Katmanlar paletinde, pus katmanını seçin ve Katman > Katman Maskesi > Tümünü Gizle'ye gidin, ardından görünür hale getirmek için bu maskeyi Alt tuşuna basarak tıklayın. Ardından daha önce panoya kopyaladığınız görüntüyü maskenin üzerine yapıştırın. Orijinal katman küçük resminize geri döndüğünüzde, bu numaranın nasıl çalıştığını göreceksiniz.

Adım 20

Duman katmanını ana belgemize sürükleyin. Sonra rasterleştirin ve "Duman" olarak adlandırın. Sadece bir fincan kahvenin üzerine koyun. Bu katmana bir maske ekleyin ve kahve aromasının üst kısmını gizlemek için beyazdan siyaha bir gradyanla doldurun.

Son olarak "Duman" katmanını çoğaltın, kopyayı orijinal katmanın üstüne yerleştirin ve yaklaşık %35 bulanıklık yarıçapıyla Filtre > Bulanıklaştır > Gauss Bulanıklığı'na gidin. Bu, duman tabakası için güzel bir parlayan aura yaratacaktır.

Adım 21

Şimdi, bardağı daha da büyüleyici hale getirmek için, arka plan için 7. ve 8. adımlarda yaptığımız gibi, bazı ışık noktaları ve yıldızlar ekleyin. Bundan sonra, duman, yıldızlar ve vurgular dahil olmak üzere fincanla ilişkili tüm katmanları bir çerçeveye yerleştirin. "Kahve" adında ayrı bir klasör.

Grafik öğelerini dışa aktarma

Adım 22

Şu anda katmanları olan iki önemli grubumuz var: "Kahve" ve "Logo". Her iki grup da daha sonra InDesign'a aktarmamız gerekecek ek grafik öğeleridir. Bu nedenle, şimdi onları hazırlamamız ve ayrı dosyalara aktarmamız gerekiyor. "Logo" grubuyla başlayalım. Kopyalayın (grubu Katmanlar paletindeki Yeni düğmesine sürükleyin), bu kopyaya gidin ve rasterleştirmek için Ctrl + E tuşlarına basın. Aynısını “Kahve” grubu için de yapın.

23. Adım

"Logo Copy" katmanını seçin, ardından üzerine sağ tıklayın ve Duplicate Layer'ı seçin. Açılan iletişim kutusunda yeni bir ad verin ve Hedef Belge alanında Yeni'yi seçin. Bu, orijinalle aynı boyutlara sahip yeni bir belgede katmanın bir kopyasını oluşturacaktır. Kırpma Aracının yardımıyla, kopyanın boş alanlarını kaldırın ve belgeye "Logo.psd" gibi açıklayıcı bir ad vererek belgeyi kaydedin. "Kahve kopyası" katmanı ile aynı işlemi tekrarlayın.

Çıktı dosyaları

Adım 24

Bugünlük Photoshop ile bu kadar. Bu noktada, bunları öğreticinin ikinci bölümünde kullanabilmek için aşağıdaki temel öğelere sahip olmalısınız: arka planı olan iki PSD dosyası (biri kapak için, biri iç sayfalar için), şeffaf bir arka plan üzerinde bir logo ve yine şeffaf bir arka plan üzerinde bir fincan kahve içeren bir PSD dosyası.

Artık InDesign'da, müşteri tarafından sağlanan bilgiler de dahil olmak üzere, baskıya hazır bir belge oluşturmak için ihtiyacımız olan her şeye sahibiz.

Bu bölümde, nasıl bir menü yapılacağını anlamaya çalışacağız.tekrarlamak. Bunu yapmak için yazılımı kullanıyoruz -photoshopCS. Özellikle, komutun çalışıp çalışmadığını kontrol etmeniz gerekir.Düzenle>DüzenlemekiçindePhotoshop, dosyaya çift tıklamanız gerekiyorpsd açıldıphotoshopCS ve diğer yazılımlar değil (örneğinACDSee ve diğer izleyiciler). Bunu yapmak için uzantılı bir dosya alıyoruzpsd.

Üzerine sağ tıklayın ve içerik menüsünden son satırı Özellikler'i seçin. Ve görünen pencerede, orada değilse, Uygulamanın karşısında photoshopCS, Değiştir düğmesini tıklayın.

Ve görünen listede, öğesini seçin.photoshopCS, ardından Tamam.

Herkes genişlemeyi göze aldı.

Şimdi menünün nelerden oluştuğunu görelimEncore ve neden diğer programlardan gelen ön ayarları doğrudan kullanamıyorsunuz, örneğin -Ulead.

fırlatıyoruztekrarlamak.

Menümüzün nelerden oluştuğunu görmek için projeyi açınÖlçek.nkor.

Düzenle menüsü penceresini seçin. biz yürütürüzemretmek Düzenle>Photoshop'ta Düzenle (Shift+Ctrl+M). Veya araç paletindeki düğmeye basın.

Ve menümüz açılacakphotoshopCS.

Paletin sağ alt köşesindeKatmanlar menüsünün tüm yapısını göreceğiz.

Menü bir katmandan oluşurArka plan (arka plan resmi), bazı menülerin bir babası vararka fonkapatılabilen \ taşınabilen çeşitli arka plan öğelerine sahip ayrıntılar (örneğin, bir buket çiçek vb.)

Şimdi bakalım babalar kendi içlerinde neler saklıyor (+)şerit vekurdelevideo, butonlarımızın içeriğini tahmin etmek zor olmadığı için. Klasörleri açalım ve aşağıdaki resmi görelim. Anlayalım.

(+) şerit normal bir düğmedir.

(+) kurdelevideo bir video düğmesidir.

Buradaki ana unsurlar (=1)vurgulamak ,T - düğmenin adı ve (%) ile metin katmanıvideo,sınır &şerit dekorasyon unsurlarıdır. (=1)vurguAlt resim, bu öğe ile uzaktan kumandadan seçildiğinde etkin düğmeyi vurgularızDVD - oynatıcı veya fare imleci ile üzerine geldiğinizde.Alt resim menüde gezinmek için kullanılır, buton açılırken/oluşturulurken kapalı durumda olmalıdır.

T daha önce de belirtildiği gibi değiştirebileceğimiz bir metin katmanıdır.

bordür dekoratif bir bordürdür.

(%) video, filmimizin ilk karesini göreceğimiz yer olan video düğmesinin kendisidir.

şerit - metin için dekoratif şerit.

Kendi düğmenizi oluşturmaya çalışmanın zamanı geldi, bunun için aşağıdaki dosyalara ihtiyacımız var - indir

fırlatıyoruztekrarlamak.

Tıklamakctrl +N,ctrl +Ben ve üç dosya içe aktarın 1.mpg2.mpg3.mpg .

Menümüzü içe aktarmaDosya>İçe aktarmakolarakMenü (Üst karakter +ctrl +i) dosyaAltın_Menü.psd.

Ve görüyoruz ki arka planımız (%)video siyahtan griye dönüştü. Komutu yürütürkenDosya>İçe aktarmakolarakMenü - herhangi bir videoküçük resim gridir. Video düğmemizi video materyaline bağlayana kadar griYer tutucu.

Tüm pencereyi tam olarak görmek için sol alt köşedeki ölçeği %50 olarak değiştirin.

1. dosyamızı sürükleyelim.yer iminden mpgİlk butonumuza proje, ikinci dosyaya ikinci buton, üçüncü penceredeki üçüncü buton

Menümüzü fare ile seçip yer imine geçiyoruzKatmanlar. açalım (+)altın 1 ve yeterli katman olmadığını görün (=1)sözde vurgulamakAlt resim . Devre dışı bırakmak (%)video , gözü çıkarma.

Yalnızca katmanı etkin bırakınçerçeve ve klasörü seçinAyarla>(+)altın 1. Komutu yürütünnesne >OluşturmakAlt resim .

Aynı işlemi klasörler (+) ile yapıyoruzaltın 2, (+)altın 3. Şimdi menümüzü önizlememiz gerekiyor -Dosya>Ön izleme.

Ve başlatma sırasında aşağıdaki iletişim kutusunu alırsak.

- İptal'e tıklayın. Sen ve ben önce ne çalacağımızı ayarlamayı unuttuk. Bu gözden kaçırmayı düzeltelim - yer iminden seçin Menümüzü projelendirin.

Ardından sağ tıklayın ve içerik menüsünden seçinAyarlamakolarakÖncelikleOyna.

Prosedürü tekrarlıyoruzDosya>Ön izleme.

Veya araç çubuğundaki kırmızı daire içindeki butonunu kullanabilirsiniz.

Bir pencere açılacakprojeÖn izleme.

Resimde seçilen orta düğmeyi görüyoruz. eğer renkAlt resim bize uymuyor pencereyi kapatÖn izleme. Menümüzü seçiyoruz veDüzenle>DüzenlemekiçindePhotoshop.

Photoshop'ta, katmanı geçici olarak kapatarak sırayla katmanlarımızı seçin (%)video veçerçeve . Ve tersi, katmanı (=1) dahil ederek.

Sonuç çizim tarafından kontrol edilir.

Tıklamakctrl +L ve görünen penceredeSeviyeler .

Aşağıdaki eylemi gerçekleştiriyoruz - kaydırıcıları aşağıda gösterildiği gibi hareket ettirin.

Her şey bize uyuyorsa tıklayınctrl +S ,ctrl +Q(Dosya>çıkış). biz yaparızEncore-Yeni ürünümüzü önizleyin ve izleyinAlt resim .

Pencereyi kapatÖn izleme. Düğmelerimize menüye metin eklemek bize kalır. Elbette bu Photoshop'ta yapılabilir, ancak şimdi nasıl yapılacağına bir göz atalım.tekrarlamak. Yer işaretine geçKarakterler.

İçinde yazı tipini seçin -GaramondBookCTT , stil -Kalınİtalik, yazı tipi boyutu (boyutu) - 36 ve renk. Ayarlar yapıldıktan sonra araç çubuğunda - T'yi seçin.

Ve butonların altına yazımızı girmeye başlıyoruz.

Yer işaretine geçişKatmanlar Metin içeren üç yeni katmanımız olduğunu görüyoruz.

Şimdi yer iminde vurgulanıyorKatmanlar üst katman Bitir, yer imine gitStiller, metin için ön ayarları aç - T, düğme kırmızı kare içinde daire içine alınır. Bir kurulum seçinayarla >Yenilik ve listeden bir stil seçinSarıAltıneğimgirinti(Metin ).psd.

Ve aynı işlemleri Film, Albüm katmanları ile yapıyoruz. YapmakDosya>Ön izleme.

Ve sonuçlarımıza bakıyoruz.

Bu dersin amacı, güzel ve sıra dışı bir menü oluşturmak değil, en basit menünün nelerden oluştuğunu ve kendiniz nasıl yapacağınızı görmektir.

Uyulması gereken bir tavsiye daha:

Menüde sırasıyla üç düğmeniz, üç grafiğiniz olduğunda bir durum ortaya çıkabilir, ancak hepsi bir açılış ekranı ile başlar. Ve üç özdeş düğme alacaksınız. Yoksa siyah bir çerçeveyle başlayan arsalardan birine sahip misiniz ( Solmaya), res. ve video düğmesi siyah bir resim ile olacaktır. Durumu düzeltebilirsiniz, bu seçeneği öneriyorum - projemizin kaydedildiği dizine gidin, örneğin - C:\Belgelerim\Ölçek \Kaynaklar\menüler. Ve bu babayı açarken, dosyaları görüyoruz.psd , ancak ilkiyle ilgileniyoruzMenü_Bpgc_Dsf _1933415418, _ ile biten diğer geçici dosyalarsıcaklıkpsd #1bir (2A,1B ....) ihtiyacımız yok. Bu dosyaya çift tıklayın, Photoshop'ta açın, istediğiniz düğmenin katmanını değiştirin (%)İhtiyacımız olan resme video. Vectrl +S - kaydet.

ctrl +S - Photoshop'tan çıkın.

Herşey. Aynı menüyü önceden hazırlayabilirsiniz, ancak diğer video katmanları ile adını kopyalayın ve dosyayı değiştirin. Menü_Bpgc_Dsf_1933415418.

Doğal bir soru ortaya çıkıyor, ancakEncore, takımDüzenle>DüzenlemekiçindePhotoshop menümüzü gönderPhotoshop ve değiştirmemizi yapın. Değiştirilen menüyü şu şekilde kaydedersekctrl +S , o zaman onları çok etkileyeceğiz _sıcaklıkpsd #1bir (2A,1B ....) ve değiştirilmiş katman (%)

Aynı ada sahip mevcut bir dosyayı değiştirmek isteyip istemediğimiz sorulduğunda. Tamam'ı tıklayın. KapatPhotoshop-ctrl +Q. VeEncore da bizleri diyalogla karşılıyor.

KullanabilirsinizAyarlamakAfişFrame , zaman çizelgesine bir film eklerken otomatik olarak ayarlanan ilk işaretçi üzerindeki etkisini düşünün. Göstergeyi ihtiyacımız olan yere taşıyoruz. Monitör penceresinde istenilen kareyi kontrol ediyoruz.

İşaretçiye sağ tıklayın, kırmızıya dönecek ve açılır listeden seçim yapacaktır.