Bu gibi şık büyüteç efektleri nasıl tasarlanır?


13

Son zamanlarda yazılım satan sayfalarda (masaüstü veya web uygulamaları) gördüğüm büyüteç efektini nasıl oluşturabileceğimi merak ediyorum.

İşte iki örnek. İlkini gerçekten seviyorum (ilk gördüğüm yer de)

Things Uygulaması: örnek 1

SupportBreeze: example2

Yanıtlar:


18
  1. Arka planın üstüne yeni bir katman oluşturun, ardından dairesel bir seçim yapın (mükemmel bir daire olduğundan emin olmak için kaydırmayı basılı tutun) ve istediğiniz herhangi bir renkle doldurun.
  2. Katmanlar paletindeki% dolgusunu% 0 olarak ayarlayın.
  3. FX katmanına gidin ve bir kontur (siyah) ve iç parıltı (beyaz) ekleyin.
  4. Daireyi seçili tutarak arka plan katmanına gidin ve ctrl + c (kopyala) tuşlarına basın.
  5. Arka planın üstünde ancak büyüteç altında yeni bir katman oluşturun, kopyalanan parçayı yapıştırın, oldukça iyi hizalayın, ctrl + t (serbest dönüşüm) düğmesine basın ve ardından her iki kaydırma (orantılı tutmak için) ve alt (tutmak için) merkez sabit).
  6. Ctrl + katman paletindeki büyüteç katmanı simgesini (adım 1'de yaptığınız, adım 3'te okşadı vb.) Tıklayın ve ardından seçimi ters çevirmek için Ctrl + Üst Karakter + i tuşlarına basın.
  7. Yakınlaştırılmış içerik katmanı seçiliyken (5. adımdan) delete tuşuna basın.
  8. Yakınlaştırılmış içerik katmanı için FX'i açın ve üzerine bulanık bir gölge ekleyin.

Bundan sonra, büyüteç için bir sap yapın ... muhtemelen en kolay yol yeni bir katman oluşturmak, uzun, dar bir seçim yapmak, siyahla doldurmak ve daha sonra üzerinde sıvılaştırmak olacaktır. Daha zor (ama daha iyi sonuçlar) yolu yeni bir katman oluşturmak, ince dalgalı bir üste sahip bir yol oluşturmak için kalem aracını kullanmak, ardından yol paletine gitmek, yolu sağ tıklamak, "Seçim Yap" ı seçmek olacaktır. ve ardından Düzenle-Kontur'u kullanın. Yalnızca üst kısmı tutarak sol, sağ ve alt tarafları silin. Ardından, büyüteç katmanından (kontur ve iç parıltı olan) kontur ile aynı hizada olacak şekilde yerleştirin.

İşte bir örnek:

resim açıklamasını buraya girin

Ayrıca, yakınlaştırılmış içerik üzerinde küreleştirmeyi de kullanabilirsiniz, ancak metni büyük ölçüde deforme edecektir:

resim açıklamasını buraya girin


michael mümkünse ekran görüntüsü ekleyin, nasıl yaptınız, bu herkes için anlaşılması kolay olacak ...
Jack

Dunno ... benim için oldukça açıklayıcı görünüyor. Oradaki bir adımı kaçırmış olabilirim, aslında yapmadan önce nasıl yazdığımı görüyorum ... ama yaptıktan sonra bile okudum ve iyi çalışacak gibi görünüyor.
Michael

Sonunda filter-> distort-> spherize'den az dinamik sonuç için bazı küreleştirme efekti ekleyebilirsiniz. % 20 yapmalı ..
Sisir

@Michael - Küresel versiyonunu SEVİYORUM
Dan Hanly

1
@Michael, etkinin derecesini azaltmak gerçekçiliği koruyacak ve işlevsel aşamaya geri döndüreceğini düşünüyorum.
Dan Hanly

2

Çok tembel olduğum için üzgünüm, sanırım yer imleri varsa, her adımı oluşturmak ve göstermek yerine onları yaymak daha iyi olur, bu şeyi, anlaşılması kolay bu tür öğreticilerden öğreniyorum,

lütfen bir göz atın ve aynı izleyin ...

  1. Photoshop Büyüteç
  2. Photoshop Magnify
  3. Photoshop'ta Yakınlaştırma Efekti
  4. Sıfırdan büyütme
  5. Bu harika

Ve Micheal zaten harika bir iş çıkardı ....


Ben de bir Spherize yapmayı düşündüm, ama sorun şu ki metni oldukça kötü deforme edecek. Bozulmayı göstermek için cevabımı düzenleyeceğim.
Michael
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.