Eskiz Öğreticileri

Owen Wilson'ı “Wooow!” (Tonlarca GIF!

Başlığı referans almadıysanız, bu videoyu izlemeniz için yalvarıyorum. Rica ederim :)

Bir uygulamada en sevdiğim şeylerden biri, tüm ayarların ve menülerin etrafını dürtmek. Bazen klavyemdeki rastgele tuşlara bile basarım, öğrencinin kredisini sihirli bir şekilde ödeyecek gizli bir özelliği tetikleyip tetiklemediğini görmek için.

Bu konuda henüz şans yok.

Etrafa alay ederek uygulamayı kırmaya çalıştığımdan değil. Sadece ne olduğunu görmek için sınırlarını zorlamayı seviyorum.

Burada dolaşırken ortaya çıkardığım bazı hilelerin hızlı bir listesi:

1. Karalama Yöntemi

Hadi bir patlama ile başlayalım, olur mu?

Bu yöntemi bir ay önce keşfettim ve ilk buluşmalarda benim gizli yeteneğim oldu. Piliçler kazıyor, sana söylüyorum. Yan not, bu numarayı zaten grafikler hakkındaki makalemden biliyor olabilirsiniz.

Kalem aracıyla bir kreş gibi karalamalar yaparak başlayın (klavyede P tuşuna basın). Daha yoğun alanlar için, aynı yerde bir demet karalayın. Biraz aykırı oluşturmak için karalama kütlenizden çıkmayı unutmayın.

Kenarlığınızı geniş bir çizgi aralığı ve kavisli uçları olacak şekilde ayarlayın. Presto! Az önce rastgele saçılma verileri yarattınız. Buraya koy ortağı

2. Bireysel Vertices Üzerindeki Sınır Yarıçapı

Böylece artık sınır yarıçapı kutusuna eğik çizgi kullanarak farklı kenar yarıçapı ayarlayabileceğinizi biliyoruz:

BÜYÜK ANLAŞMA. Jk, oldukça havalı!

Fakat! Ayrıca, tek tek köşeleri tek seferde hedefleyebilirsiniz, bu da daha karmaşık çokgenler için gerçek bir zaman tasarrufu sağlar.

3. Sınırlayıcı Kutuyu Sıfırlamak için Döndürülmüş Şekilleri Düzleştirin

Bunu hayal edin: Daha yeni bir rad şekli oluşturdunuz ve yaklaşık 45 ° döndürdünüz. Şimdi her şey kokain dolu, yeniden boyutlandırma riskli ve sanki bir dalganın altına çekilmiş gibisin, çünkü hangi yolun ne olduğunu bilmiyorsun.

Sınırlayıcı kutuyu iyi bir ol 'dikdörtgenine sıfırlamak için düzleştirin:

4. Option-Drag, ardından Command-D ile Şekilleri ve İşlemleri Çoğaltın

Öğelerin bir listesini yapmak? Bir aptal gibi şekilleri / grupları kopyalamayı, yapıştırmayı ve taşımayı bırakın.

Şekli / grubu istediğiniz konuma sürüklerken seçeneği basılı tutun, daha sonra çoğaltmak için Command + D tuşlarına basın. Sadece şekli çoğaltmakla kalmayacak aynı zamanda taşıdığınız mesafeyi de çoğaltacaktır:

Pssst… bu da sanat tahtalarıyla çalışıyor!

5. Kombine Şekillerdeki Pathfinder Ayarlarını Değiştirin

Bir grup şekli bir araya getirmeye çalıştığınızda bu size kaç kez oldu:

Oldukça can sıkıcı, özellikle de LobsterFest köşeyi dönünce ve LOGO, JON.

Tamam, nefes al. Sadece birleştirilen nesne şekillerini seçin ve onları Birliğe ayarlayın:

Bunun işe yarayacağını düşünebilirsiniz, ancak harflerin deliklerini oluşturan şekiller olduğu için bunlar da birliğindir. Olağanüstü.

Neyse ki, Sketch zekidir ve birleştirilmiş şekildeki her bir alt şekil için farklı yol birleştirme işlemleri ayarlamanıza olanak tanır; böylece bu delikleri kolayca çıkarabiliriz:

EDIT: Bireysel katman birleştirme işlemlerini ayarlayabileceğinizi bilmek hala iyi olsa da, Steffen Karspeck harika ve Doldurma Tercihimi ayarlayarak ilk adımdaki deliklerden kaçabileceğime dikkat çekti. Bunu yüzlerce kez gördüm, ancak iki seçeneğin ne anlama geldiğini okumak için zaman ayırmadım. Kendimi biraz başağrısından kurtarmış olabilirim :)

Sağol Steffen!

6. Nesne Durumları için Sembol İstifleme

Hayatım boyunca bu tekniği ilk gördüğüm yeri hatırlamıyorum, bu yüzden bunun için kredi almayacağım. Ama cehennem kadar zeki, bu yüzden yine de gidiyoruz.

Uygulama navigasyonunuz için bir sembol kullanmak harikadır çünkü onu sayfalar arasında paylaşabilirsiniz. Dezavantajı ise, etkin sayfayı gezinmek için her zaman bir tür Seçilmiş Nav Öğesi katmanına sahip olmanız gerekecek.

"İstifleme" olarak adlandırdığım bir tekniği kullanarak fazladan katman yapalım:

Navigasyonunuzu tasarlarken, tüm sayfa durumlarınızı birbiri üstüne istifleyin. İstediğiniz kadar yığını isteyin, ancak temsil etmek istediğiniz veya temsil etmek istediğiniz birçok durum için.

İşiniz bittiğinde, hepsini büyük bir sembol yapın!

Çizim, farklı sembol örneklerinde özel metinlere izin verdiğinden, metni her durum katmanında özelleştirebilirsiniz. Bir durumu kapatmak için, o metin katmanı durumunu "temizlemek" için bir boşluk bırakmanız yeterlidir. Aşağıdaki GIF’de, Ayarlar’ın seçilmesini ve diğerlerinin beyaz olmasını istiyorum (varsayılan durumum):

Yukarıdaki GIF'te, her biri sembol istifleme tekniğini kullanarak farklı durumları temsil eden aynı sembollerin dördüne bakıyorsunuz. Bu harika, çünkü yazı tipi ve yazı tipi boyutu gibi şeyleri özelleştirmek artık çok daha kolay, çünkü üstündeki Seçilmiş Nav Öğesi katmanını güncelleme konusunda endişelenmenize gerek yok.

7. Katman Bul

Çalışma yüzeyinde bir nesneyi Command-Tıklattığınızda katman katman listesi görünümünde değilse, vurgulandığını görmezsiniz. Bu oldukça can sıkıcı bir durum.

Neyse ki, katman listesindeki bir katmanı ortaya çıkarmak ve onu kaydırılabilir görünüme getirmek için yarı gizli bir özellik var. Komut-Shift-J kullanın:

Bu, SÜPER'i doğrudan seçilen katmana, ardından o grubun içindeki kardeş katmanlarının etrafındaki Sekmeye hızlıca atlamayı kolaylaştırır.

Bir katmanı Command-tıklatın, sonra katmanı katman listesinde ortaya çıkarmak için Command-Shift-J tuşlarına basın.

Bonus İpucu

Katmanları daraltmanıza yardımcı olacak bir eklentiniz yoksa, tüm içeriğini hızla daraltmak için bir klasörü Option-tıklayın:

Daraltacağınız bir liste açtığınızda, çocukların da daraltılmış olduğunu göreceksiniz.

8. Hızlı PNG'ler - 4 Yol!

Bazen sadece bir PNG'yi kopyalamanız gerekir, ancak dışa aktarma ayarlarınızı yapılandırma zorluğundan geçmek istemez, daha sonra lanet olası şeyin kaydedildiği yeri bulmak için dosyalarınızı kazarsınız.

Brilliant Technicolor GIF ™ 'de, bir PNG'yi sallamanın 4 yolu:

Yöntem 1: Çalışma yüzeyini sürükleyinYöntem 2: Çalışma yüzeyini dışa aktarma / dilimi sürükleyinYöntem 3: Bireysel Grup veya Katmanı SürükleYöntem 4: Çizimden Çık, Diğer Uygulamalara
Hızlı İpucu: Kalıcı bir tasarım üzerinde çalışıyorsanız, “alt katman” için bir PNG kullanın. Uygulamanın tamamını modalın altındaki tasarım tasarımını çoğaltmak zorunda kalmaz ve aşağıdaki katmanları yanlışlıkla tıklatmaktan kurtarır.

Bonus! Tyler Howarth, PNG'leri de yalnızca katman veya çalışma yüzeyinin kendisini kopyalayarak dışa aktarabileceğinizi hatırlattı. Bunu makaleye koymak için tamamen boşluk bıraktık, böylece Tyler bunun için güvenir. İşte ekleme:

Taslak içinde veya dışında herhangi bir çalışma yüzeyini / grubu / katmanı kopyalayabilir / yapıştırabilirsiniz. Bir çalışma yüzeyini kopyalayın, Orta / Slack konumuna geçin, yapıştırın ve gidin!
- Tyler

Sosisli sandviç dostum. Bu bir kural!

9. Hızlı Desen Dolguları

Bu, bire bir pazarlık ipucudur.

1. İpucu: Sorunsuz bir desen oluşturmak için kare bir çalışma yüzeyi sembolü oluşturun ve onu kendi örnekleriyle çevreleyin. Bu, bitmiş kalıbınızın nasıl görüneceği hakkında bir fikir vermenize yardımcı olacaktır.

2. İpucu: Bunu hızlı bir şekilde başka bir şekle doldurmak için, 8. Adımda öğrendiğimiz bir tekniği kullanacağız.

Deseninizle doldurulacak şekli seçin, “Resimle Doldur” menüsünü açın ve temel desen çalışma yüzeyinizi resim önizleme kutusuna sürükleyin:

10. Lens Bokeh

Açıkçası her zaman en iyisini sona saklamalısın.

Ben amatör fotoğrafçıdan daha iyi ama profesyonel olmayan bir fotoğrafçıyım ve en iyi fotoğraf efektlerinden biri bokeh. Muhtemelen kelimeyi hiç duymamışsınızdır, ancak on binlerce kez gördünüz.

bokeh (n): özellikle belirli bir lens tarafından oluşturulduğu gibi, bir fotoğraf görüntüsünün odak dışı alanlarının görsel kalitesi.
(resim kaynağı)

Bu gerçekten çok güzel bir etki ve abartılı bir alan derinliği hemen fotoğrafın netleme kısmına dikkat çekiyor.

Scribble Method'umla dalga geçiyordum, farklı boyutlarda deniyordum, farklı karalanmış satırları kaplıyordum ve her birine efekt ekledim.

Aşağıdaki resim, fotoğrafsız,% 100 Eskiz. Farklı renk, opaklık ve gauss bulanıklığına sahip üç "karalama metodu" satırına sahip, sadece ince bir gradyan arka planı. Kaplama'ya ayarlanmış bir gürültü katmanı ekleyin ve üstüne camsı bir metin yerleştirin (üstte ve altta iç kenarda degrade dolgu). Oldukça ikna edici görünümlü bir bokeh efektine sahip olacaksınız:

Beni Medium / Twitter'da takip et, UX Power Tools yayınına abone ol ve güncellemeler, yeni içerik ve diğer harika şeyler için bizi Twitter'da takip et. Seviyorsan, sevin ve paylaşsan paylaş!

Seni seviyorum millet.