Illustrator'ın adım adım çizimlerini gösteren bu animasyonlu GIF'i anlamak kolay mı?


14

Küçük adım adım çizimler egzersizleri ile Illustrator hakkında kısa animasyonlu gifler yapmaya çalışıyorum.

Bazı karelere açıklayıcı metinler koyabilirim, ancak bunu yapmamayı tercih ederim. Belki daha sonra, nerede biteceğine bağlı olarak, kullanılan araçlarla bir metin satırı ekleyebilirim.

Bu yüzden, aşağıdaki animasyon gibi bir şeyin temel bir AI bilgisine sahip biri için yeterince anlaşılabilir olup olmadığını bilmek istiyorum.

sandalye

Tüm yorumlar için teşekkürler. Bazen bir projeye daldığınızda, ne kadar küçük olursa olsun, biraz kör olursunuz. Bu yüzden soruyu soruyorum. Her yorum çok faydalı ve her şeyi aklımda tutacağım.


Tamamlandığında bizi web sitenize bağlamak ister misiniz?
LateralTerminal

@LateralTerminal yapacağım, ama hepiniz bana çok fazla ödev yaptınız :-) Ne kadar süreceğini bilmiyorum.

Canlı bir kitleye veya çevrimiçi senkron / asenkronize öğretmeyi amaçlıyor musunuz?
meraklı

Amaç öğretmek değil, sadece bir dakika dinleyiciyi yakalamaktır: • Vektör çizimi hakkında fikir sahibi olanlar için, bunun nasıl yapıldığını yorumlamaya çalışacaklardır. • Vektör çizimini bilmeyenler için, kısayollar ve araçlarla adım adım koyarsam bile bu sadece bir animasyon olacaktır. Bu yüzden @Webster'ın cevabını kabul ettim, çünkü bana sadece animasyon için değil, aynı zamanda hedef için de şüphe duydum: - bu sadece bir illüstrasyon süreci hakkında animasyonlu bir grafik -

Yanıtlar:


2

Sandalyeyi oluşturma adımlarını görmek, takip etmek veya anlamak (?) Kolaydır.

Nasıl yapılacağı hakkında hiçbir şey aktarılmıyor, hangi imleç ve vurgulanan düğümler hariç hangi araçların hangi kısayollarla kullanıldığı.

Bu bir öğretici eğitim olacaksa, daha fazla açıklamaya ihtiyacı olacaktır.

Eğer örnekleme süreciyle ilgili bir grafikse o zaman olduğu gibi çalışır.


Kafasına çiviyi vurdun, bu bir öğretici değil ve elbette bir öğretim kaynağı değil, sadece AI araçlarıyla yapılmış bir çizim. Mümkün olduğunca anlaşılır, ama çok fazla gürültü yapmadan basit, net yapmaya çalışıyorum. Tüm yorumları okuduktan sonra, onu kırpacağım ve animasyona bazı tuşlar ve kısayollar ekleyeceğim, ancak ikincil bir şey olarak.

19

Hangi araçların ne yaptığını, hangi kısayolların ne yaptığını ve dolgu / konturu ters çevirme gibi basit şeyleri nasıl yapacağınızı bilmeden, gif deneyimsiz kullanıcılar için ayrıntılı olarak eksik olabilir. Illustrator'daki araçların / kısayolların işlevlerini bilmiyorsanız, yalnızca çok fazla "bilinmeyen" var.

resim açıklamasını buraya girin

Eğer Tersine, bana göre, çok kolay, anlaşılır ve basit yapmak araçları, işlevleri, ve kısayolları anlıyoruz. Belki de çok az bir açıklama ile belirli gif bir "orta kullanıcı" gif olabilir?


Evet, açıklamayı biliyorum ... İngilizce ve İspanyolca olmak zorunda, bu yüzden bundan kaçınmaya çalışıyorum. Evrensel olmadan, metin olmadan açıklamanın bir yolunu bulmak istiyorum. Yorumunuz için teşekkür ederim.

Küçük ek bir şey - nereye tıkladığınızı da gösterin. Birçok ekran kaydedici, tıkladığınız yerden genişleyen küçük "kabarcıklar" kaydeder ve eminim ki bir ekran kaydedicinin alması için bunu ekranda yapacak bir yazılım bulabilirsiniz. (Ayrıca, değiştiriciler genellikle dile agnostik sembollere sahiptir - bir Mac'in Komut sembolü herhangi bir klavye düzeninde aynıdır, AFAIK, konum değişse bile)
Monica'nın Davası

Not: Her zaman
ortada

@ user1306322 Yukarıdaki gif sadece bir örnektir , örnek gifte olduğu gibi rastgele değiştiricilere art arda basmanız pek olası değildir. Çoğu durumda, tüm değiştiriciler bir defada bastırılır.
Scott

Klavye tıklamalarına hangi araç eklenir?
WELZ

10

Bu iyi fikri geliştirmek ve korkunç kılmak için yapabileceğiniz birkaç şey var.

  1. Kesinlikle ekran tuşları eklemeniz gerekiyor.
  2. Adımlara ayırmalı ve sadece bir uzun gif yerine ne yaptığınızı göstermek için birden fazla gif kullanmalısınız. Bu, Scott'ın giflerin çok uzun olduğu konusunu gündeme getirdi.
  3. Gif'e, yaptıklarınızın bir açıklamasıyla destekleyin.
  4. Projenin tamamını içeren bir indirme dosyası sağlayın.

EDIT: Bunu biraz daha düşündüm.

Gif teknolojisi, komik kısa klipler barındırmıyorsanız korkunçtur.

Gif, şimdiye kadar icat edilen en kötü video sıkıştırma. Google ve imgur temel olarak gif'i webm ile tamamen ışınlamaya çalıştı, ancak büyük ölçüde başarısız oldu.

Animasyonlu gifleri aradığınızda Google'ın yaptığı şey, önizlemenin VP9, ​​h264 veya benzeri bir şey olarak yeniden kodlanmasıdır. Çok fazla yer kazandırır ve çok daha hızlı yüklenir. Önizlemeyi tıkladığınızda gerçek gif dosyasını yükler.

Gerçek bir video sıkıştırma formatı kullanmanın birçok dezavantajı olacaktır. Birincisi, h264'ü kullanma lisansı pahalıdır . Ev sahipliği yapmak için YouTube gibi başka bir hizmete güvenmeniz gerekir, böylece dava açılma konusunda endişelenmenize gerek kalmaz. Site ziyaretçileriniz videoları bir gif ile YouTube gibi kolayca indiremez.

YouTube'a bir barındırıcı olarak güvenmek istemiyorsanız, onu açık kaynaklı bir video biçiminde kodlayabilirsiniz.

https://en.wikipedia.org/wiki/List_of_open-source_codecs

Açıkçası bazı açık kaynak kodeklerinin yasallığından bile emin değilim. Bu yüzden google hala berbat AV1 üzerinde çalışıyor.


Sadece YouTube'u kullanın

Hangi kısa klipleri gif olarak kaydederseniz, YouTube'da barındırmanız ve web sitenize yerleştirmeniz gerekir. Herkes gibi uzun bir YouTube öğreticisi yapmak zorunda değilsiniz. Sadece gif ile yaptığınız gibi parçalara ayırın ve videoları giflerle yapmanız gerektiğini söylediğim gibi ek metin açıklamalarının yanına aynı yerlere yerleştirin. Sitenizde her şey çok daha hızlı yüklenecek.


DÜZENLEME 2:

Yorumlarda biraz gürültüyü netleştirmek için.

Bir YouTube videosu ile Gif arasında gerçek bir fark yoktur. İkisi de video biçimidir. Fark, bir YouTube videosunun daha hızlı yüklenmesi, daha iyi renge sahip olması ve duraklatma yeteneğine sahip olmasıdır (duraklatmak çok önemlidir).

.Gif size birçok eser verecek ve renkleri düzgün göstermeyecektir, çünkü gif böyle çalışır.

Web sitenizde nereye giderseniz gidin, 4 saniyelik bir gif olur, bunun yerine 4 saniyelik bir video olur. Neden hala bu noktada gif kullanmak istersiniz? YouTube'dan video kullanıyorsanız, videoları yalnızca web sitenizde görünmesi için herkesten gizleyebilirsiniz.

Sonunda bunu yaparsanız size öneriyorum size çok fazla stres daha küçük bir boyutta daha yüksek kalite sağlamak ve çok yüksek hızda veri olmayan cep telefonlarında kolayca görmenizi sağlar.


Güzel, bir göz atacağım.

Dürüst olmak gerekirse, burada gifler yerine gömülü videolar kullanmalıyız, ancak stackexchange gömülü videoları cevaplara desteklemiyor, bu yüzden gif kullanıyoruz. Burada gif kullanmamızın tek nedeni.
LateralTerminal

Nedeniyle Hizmet Koşullarını, YouTube gibi kullanan hizmetleri fark edebilirsiniz vazgeçmek hakları orijinal içeriğe. Bu her zaman istenen bir seçenek değildir. Heck ... burada bile, bir resim yayınladıktan sonra, Creative Commons Lisansı altındaki herkes için ücretsizdir . Bu tür lisansları önlemenin tek yolu, içeriği en üst düzeyde kontrolünüz olduğu yerde barındırmaktır. Gibi hizmetleri de vardır giphy.com videoyu kullanır ve hangi olabilir YouTube'a daha iyi bir alternatif sunmaktadır.
Scott

@Scott Bu doğru değil. YouTube'a bir şey yüklerseniz bunun için bir onay kutusu seçersiniz. Doğru seçenekleri seçerseniz telif hakkını koruyabilirsiniz. Başka biri telif hakkı talep ederse YouTube videonuzu her zaman silebilir, ancak bu başka bir konudur.
LateralTerminal

Aslında YouTube, yüklenen içeriğe çok benzer bir CC-By lisansı atar: support.google.com/youtube/answer/… Başkalarının YouTube içeriğinizi kullanamayacağını düşünüyorsanız yanılıyorsunuz. CC lisansına bağlı kaldıkları sürece yapabilirler. Buraya resim göndermekle aynı. Telif hakkınızı "bırakmıyorsunuz", yüklediğiniz her şeyin ücretsiz kullanımına izin veriyorsunuz.
Scott

5

Illustrator'ı ara sıra kullanıyorum ancak tam Photoshop bilgisine sahibim.

Hangi araçları kullandığınızı belirsiz bir şekilde tahmin edebilirim, ancak hangi kısa kodlara bastığınızı bilmiyorum ... Bu yolun bir bölümünü nasıl seçeceğinizi ve sonra yaptığınız gibi sihirli bir şekilde ters çevirmeyi bilemezdim.

Yani benim tahminim 'sporadik olarak' anlayabileceğinden daha kapsamlı bilgiye sahip biri, ama sonra böyle bir çizimin nasıl yaratılacağını bilmiyorlar mı diye merak ediyorum?

Kişisel olarak endişelendiğim başka bir şey, bir duraklama düğmesinin olmamasıdır, eğer parçayı kaybedersem geri dönmenin zor olacağını düşünüyorum.


Kısayollar konusunda haklısın. Sorun sadece kısayol değil, aynı zamanda ne yaptığı hakkında açıklama ile takip edilmelidir: Ücretsiz bir ölçek yapmak için "E" tuşuna basın :-(, uzun. Hala nasıl yönetileceğini düşünüyorum.

@Danielillo sadece hızlı bir zihin dönüşü, belki düğme / kombinasyonu köşelerden birinde düzeltebilirsiniz? Kopyalamanız veya benzeri bir şey yapmanız gerekiyorsa 'command + c' yazın. Oyunların bunu sık sık yaptığını gördüm.
Yaz

evet, unutmayın Mac ve Win için olmalı:  + A / Ctrl + A

4

Çok kısa bir animasyon olmadığı sürece gif'ten ayrılırdım ve bunun yerine bir video kullanırım. Duraklatma ve kaydırma yeteneği, kendiniz izlemeyi ve denemeyi çok daha kolay hale getirir.

Bir köşeye basılan tuşları (seçim için V, vb.) Ve ne anlama geldiğini (Seçim aracı), basılan ve basılı tutulan tuşları (kopyayı sürüklemek için Alt) ve farenin ne olduğunu gösterecek küçük bir panel eklerdim düğmeler tıklanır, çift tıklanır veya basılı tutulur.

Ve ilk derste, bu harflerinizin ve incon'larınızın ne anlama geldiğini açıklayın. Sadece panelin ne anlama geldiğini hatırlatmak için başlıkları göstermek için birkaç ilk kareyi feda edebilirsiniz.


Ne demek istediğini biliyorum. Aslında soru gif, gif dönüştürülmüş ve yeniden düzenlenmiş bir video. Gif retro dokunuşunu sevdiğim an için, tasarımı evrensel bir açıklama ile düşünmem gerekiyor. Evrensel dil ve Mac-Win demek değildir.

1
@ Danielielillo, bir sürü insanın her şeyi tekrar tekrar izlediğini hayal edebiliyorum çünkü bir şeyleri kaçırdılar. Bir video formatı kullanarak haklı çıkarmak için ses sahibi olmak zorunda değildir ... Bir videoyu saklarsanız, onu nasıl sunacağınız konusunda daha fazla özgürlüğe sahip olursunuz. Oyun ve duraklatma ve zaman çizelgesi fırçalama gibi çan ve ıslık gibi. Ayrıca, eğer bir gif ise, her şeyi kısa tutmak için büyük bir baskıya sahip olacaksınız, yoksa herhangi bir gif olmak için mantıklı olmak çok uzun. 2 dakika gibi ve bir adım özledim "iyi, sanırım sayfayı tekrar
Joonas

@Joonas Bu yüzden kısaltmam gerekiyor. Her neyse, bu cümle "... bir sürü insan her şeyi tekrar tekrar izliyor ..." Bence biraz abartılı ;-), bu son Gaga videosu değil! Her neyse, soru yorumları üzerine yazdığım gibi, şimdi bütün bir proje yapmak için baskı altında hissediyorum. Eleştirmenleri almanız için her şeyi size bildireceğim.

@Danielillo, eğer gifte yapılanı takip etmek ise, yeni başlayan veya hatta deneyimli bir AI kullanıcısını takip etmek istiyorum. Anladığım kadarıyla bunlar bir çeşit öğretici mi?
Joonas

1
@Danielillo pencerelerinde ctrl, alt ve shift bulunur. Apple'ın kısayolları değiştirmek için farklı düğmeleri vardır. Mümkünse, Ctrl için armut sembolü, Alt için şeftali ve Shift için kiraz kullanabilirsiniz. (Üzgünüm hiç Mac kullanmadım). Veya yukarıdaki Apple kısayolunu ve aşağıdaki Windows kısayolunu görüntüleyin.
Crowley

3

Oldukça şaşırtıcı bir şekilde scott gibi ne yaptığınızı takip hiçbir sorun var, ama sonra bana son resmi gösterdiyseniz yine de nasıl yapacağını bilecekti.

Ama kimlik öğretme deneyimimde şunları söyleyin: GIF hem çok hızlı hem de çok uzun. Daha yavaş olması için gifi geri alamaz veya durduramazsınız, ancak örneği yapmaya çalışırsanız takip etmek çok uzun olur, böylece mümkünse gif'i ayrı giflere bölerim ve ayrı arasında metinsel bir açıklama koyarım adımları tekrarlayın.

Unutmayın ki yapmak görmekten farklı bir bağlamdır. Bu yüzden kullanıcının yapmaya geçmesi gerekiyor, böylece gördükleri çok şey kaybetti. Bu kullanıcıyı geri sarmaya zorlar, bu durumda waie, do, wait, do. Ancak kimlik, açıkça iletildiği ve takip edilmesi gereken daha iyi talimatları gerdiği sürece bir genel bakış olarak iyi olduğunu söylüyor.


Başlangıç, orta seviye ve "yarı" ileri: Ben farklı seviyeleri gif yapacağız sanırım.

2
@Danielillo sahip olduğunuz tek şey bir çekiçse, ya seçeneğiniz her şeyi bir çivi olarak tedavi etmek veya donanım mağazasına gitmek.
joojaa

2

Sorunuzu açıkça cevaplamak için: hayır, anlaşılması kolay değil.

Sorularınız + yorumlarınızdan cevaplara yayılmış olarak aşağıdaki gereksinimlere sahip olduğunuz görülüyor:

  • Kısa animasyonlar
  • Dil yok
  • İşletim sistemine özel talimat yok

Diğer kullanıcılar zaten mükemmel öneriler sundular, ancak son iki gereksinimin onlar tarafından tam olarak karşılanmadığını hissediyorum. @Crowley sağlanan bir cevap ben, özellikle bu bölümü çok yararlıdır düşünüyorum:

Bir köşeye basılan tuşları (seçim için V, vb.) Ve ne anlama geldiğini (Seçim aracı), basılan ve basılı tutulan tuşları (kopyayı sürüklemek için Alt) ve farenin ne olduğunu gösterecek küçük bir panel eklerdim düğmeler tıklanır, çift tıklanır veya basılı tutulur.

Peki Illustrator'da bu panel zaten dilden bağımsız simgelerle oluşturulmuşken neden köşeye bir panel ekleyelim ? Araçlar paneli görüntünün yanında gösterilerek öğrencinin hangi araçların tıklandığını görmesini sağlar:

resim açıklamasını buraya girin

Bu No languagegereksiniminizi karşılar. İnceltmek için, yalnızca gösterilen talimatla ilgili araçları gösteren özel bir Araçlar paneli kullanabilirsiniz:

resim açıklamasını buraya girin

Ancak, işletim sistemine özgü klavye kısayollarını tamamen kullanmaktan kaçınabileceğinizi sanmıyorum. Aksi takdirde , Serbest Dönüştürme Aracını kullanırken Shift45 o veya Shift+ ' ya yaslamak için dönerken birinin basması gerektiğini gösteren herhangi bir yönteminiz yoktur Alt.


Orijinal fikrim Illustrator ile basit animasyonlu çizimler yapmak. Birçok yorum bir Illustrator eğitimine işaret ediyor ve tam olarak kaçınmaya çalışıyorum. İlgim, bir animasyon ve bir alıştırma arasında orta nokta bulmak ve öğreticiden kaçınmaktır. AI arayüzünü üzerine koyarsam, yapmaya çalıştığım işin özünü tamamen kırar.

1
@ Danielillo Tamam, ama bu senin sorunundan belli değildi. Bir dakika boyunca oturup ne sormak istediğinizi ve hangi sınır koşullarına sahip olduğunuzu (yani: bir öğretici değil, dil yok, basit, vb.) Düşünmeniz, cevap kalitesi (ve memnuniyetiniz için) için iyi olacağını düşünüyorum. ..). Ardından soruyu buna göre düzenleyin. Şimdi gereksinimleriniz birden fazla yoruma yayılmıştır, bu da tatmin edici bir cevap bulmayı çok zorlaştırır. Sorunuz açıkça tanımlanmışsa ve "hareketli hedef" yoksa düşünmekten mutluluk duyuyorum.
Saaru Lindestøkke

Tamam, düşüneceğim. Şu anda bana verdikleri için çok minnettarım: çok sayıda dürüst eleştiri ve çok memnun olduğum ve projemi iyileştirmek için iyi bir avantaj sağlayacağım birkaç yorum (sizinkiler dahil). Aslında, bu yorumlar sayesinde bahsettiğiniz sonuçlara ulaştım ve daha önce dikkate almadım.
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.