🎬 1 Bit Studio — Pixel Art Kısa Video Dersleri
@1BitStudio YouTube kanalından 95 pixel art kısa videosu — gömülü oynatıcı, Türkçe ve İngilizce altyazılar ile.
1 Bit Studio
Bu sayfadaki tüm videolar @1BitStudio YouTube kanalına aittir. Kanal, kısa ve öz pixel art eğitimleri ile Aseprite araç kullanımını öğretmektedir. Videoları izleyip beğenmeyi ve kanala abone olmayı unutmayın!
▶ Kanala Git📋 İçindekiler
Başlangıç (Getting Started)
🇬🇧 English
would you like to learn pixel art in a structured way starting from Basics and progressing to Advanced topics well look no further I'm is love the teacher from the bestselling pixelar course and Udi and I'm recreating that course in shorts format right here completely free with a new video every day and this specific video marks the beginning of pixel art shorts course I hope you'll join me on this adventure of pixel art goodness
🇹🇷 Türkçe
Temel bilgilerden başlayıp İleri konulara doğru ilerleyerek yapılandırılmış bir şekilde piksel sanatı öğrenmek ister misiniz? O zaman daha fazla aramayın, ben en çok satan piksel sanatları kursundan öğretmen Udi ve ben bu kursu burada tamamen ücretsiz, her gün yeni bir video ile kısa formatta yeniden oluşturuyorum ve bu özel video, piksel sanatı kısa kursunun başlangıcını işaret ediyor. Umarım bu piksel sanatı güzelliği macerasında bana katılırsınız.
🇬🇧 English
the best place to start learning pixel art is to decide what program you'll be using to draw pixel art because if you don't have any software capable dur pixel art that's basically the end game so if I could use only one software it would be a Sprite without question it's that good you can buy it on their website on Steam on Humble Bundle or you can get it for free if you know how to build it directly from their GitHub page so go ahead and get it because the entire pixel art short scores will be in aprite I'll cover everything you need to know about aprite first so when we start drawing pixel art if you ever get stuck using esprite you can reference these videos
🇹🇷 Türkçe
Pixel sanatı öğrenmeye başlamak için en iyi yer, hangi programı kullanacağınızı karar vermektir çünkü eğer herhangi bir yazılımınız yoksa pixel sanatı için bu temel olarak son aşamadır, bu yüzden yalnızca bir yazılım kullanabilseydim, bu kesinlikle bir Sprite olurdu, çünkü o kadar iyidir ki, onun web sitesinden, Steam'ten, Humble Bundle'dan satın alabilirsiniz veya doğrudan GitHub sayfalarından nasıl inşa edeceğinizi biliyorsanız ücretsiz alabilirsiniz, bu yüzden alın çünkü tüm pixel sanatı kısa notları bir Sprite'ta olacak, ilk olarak Sprite hakkında bilmeniz gereken her şeyi anlatacağım, böylece pixel sanatı çizmeye başlarken, eğer esprite kullanırken takılırsanız, bu videolara başvurabilirsiniz
Aseprite Araçları ve İş Akışı (Aseprite Tools & Workflow)
🇬🇧 English
let's have a quick overview of the home screen and working area in aprite on the right side you have updates on the left side you have recent folders and recent files if you just want to start working at something just click new file use the default settings click okay and you'll be good to go here we have the working area on the left side you have the color palet and the Color Picker tool on the bottom you have the timeline for the animation on the right side you have a bunch of different tools don't worry we'll go over all of them and in the middle you have your main working area where you will be drawing your pixel art and if you ever want to take a break just go back to home screen and click on this little icon of face Sprite and just close your eyes a little bit and take a break
🇹🇷 Türkçe
Hızlı bir şekilde ana ekran ve çalışma alanının genel bir bakışını yapalım. Sağ tarafta güncellemeler var, sol tarafta ise son klasörler ve son dosyalar var. Bir şey üzerinde çalışmaya başlamak istiyorsanız, yeni dosya seçeneğine tıklayın, varsayılan ayarları kullanın, tamam'a tıklayın ve hazır olacaksınız. Burada sol tarafta çalışma alanımız var, renk paleti ve renk seçici aracınız var, en altta ise animasyon için zaman çizelgesi var, sağ tarafta ise birçok farklı araç var, endişelenmeyin, hepsini detaylıca anlatacağız ve ortada ise ana çalışma alanınız var, burada piksel sanatınızı çizeceksiniz ve eğer bir mola vermek isterseniz, ana ekrana geri dönün ve bu küçük yüz sprite simgesine tıklayın ve sadece biraz gözlerinizi kapatın ve mola verin.
🇬🇧 English
and lastly for all of these selection tools if you want to add to your already selected portion of a Sprite just hold shift and keep selecting more and more and if you want to subtract just use the right click of your mouse
🇹🇷 Türkçe
ve son olarak, bu seçim araçlarının hepsi için, eğer zaten seçili olan bir Sprite bölümüne eklemek istiyorsanız, sadece Shift tuşunu tutun ve daha fazla seçmeye devam edin ve eğer çıkarmak istiyorsanız, sadece farenizin sağ tıklamasını kullanın
🇬🇧 English
the first tool is the selection tool shortcut is M or you can just click right here click and hold and make your selection of the Sprite and then you can move it around the second one is ellipse tool or if you hold shift while selecting it will create a proper Circle the next tool is the l tool you can draw whatever shape you want and it will well select the shape the next one is the polygonal Lassa tool and it creates a polygon by clicking and holding the left Mouse button and you can create a custom polygonal shape once you're done just double click and you're ready to go the last one is the magic want tool it selects a specific color on the screen if the contigous is off so if it's unchecked it will select this entire color on the screen so let's take this yellow one you can see it selects it on the entire Sprite but if the continuious is turned on it will select only where that color is before it starts turning to another color
🇹🇷 Türkçe
İlk araç seçim aracıdır kısayolu M'dir veya burada sağ tıklayabilir ve tıklayıp tutabilir ve Sprite'ın seçim yapabilirsiniz ve sonra onu hareket ettirebilirsiniz ikinci araç ise elips aracıdır veya eğer shift tuşunu tutarken seçim yaparsanız düzgün bir daire oluşturacaktır sonraki araç ise L aracıdır istediğiniz herhangi bir şekli çizebilirsiniz ve o şekli seçecektir bir sonraki araç ise çokgen Lassa aracıdır ve sol fare düğmesine tıklayarak ve tutarak çokgen oluşturur ve özel bir çokgen şekli oluşturabilirsiniz tamamladığınızda sadece çift tıklayın ve hazır olursunuz son araç ise sihirli seçim aracıdır ekran üzerinde belirli bir rengi seçer eğer komşuluk kapalıysa yani işaretlenmemişse ekran üzerindeki tüm bu rengi seçecektir bu sarı olanı alalım görebilirsiniz tüm Sprite üzerinde seçiyor ama eğer devamlılık açık ise sadece o rengin olduğu yerde seçecektir başka bir renge dönüşmeden önce.
🇬🇧 English
once you have selected something you will see these little squares in the corners and in the middle of your selection if you hover over them you can resize your Sprite you can also rotate and it will rotate around a pivot point which is this little circle right here so if I move it around let's say here on the top now we're going to rotate around that pivot point if you want to flip your selection horizontally use crl H or if you want to do it vertically use shift V you can also do it here by going to edit flip horizontal or vertical or rotate or transform all of these are going to do the same and if you don't have anything selected by default the program will think you want to flip or rotate the entire Sprite so if I click shift V it's going to flip the entire Sprite so be sure to select whatever you want to be transforming
🇹🇷 Türkçe
Bir şeyi seçtikten sonra köşelerde ve seçiminizin ortasında bu küçük kareleri göreceksiniz eğer bunların üzerine gelirsiniz onları yeniden boyutlandırabilirsiniz Sprite'inizi aynı zamanda döndürebilirsiniz ve bu döndürme pivot noktası etrafında dönecektir ki bu burada küçük dairedir yani eğer onu burada yukarıda hareket ettirirseniz şimdi o pivot noktası etrafında döneceğiz eğer seçiminizi yatay olarak ters çevirmek istiyorsanız crl H kullanın veya dikey olarak yapmak istiyorsanız shift V kullanın bunu burada da yapabilirsiniz düzenleye tersi yatay veya dikey veya döndür veya dönüştür hepsi aynı şeyi yapacaktır ve eğer herhangi bir şey seçmediyseniz varsayılan olarak program tüm Sprite'i ters çevirmek veya döndürmek istediğinizi düşünecektir yani eğer shift V'e tıklarsam tüm Sprite'i ters çevirecek bu yüzden dönüştürmek istediğiniz şeyi seçtiğinizden emin olun
🇬🇧 English
pencil tool is the main tool that you'll be using to draw pixel art it's right here shortcut is B and whichever color you have selected you'll be drawing with that specific color if you want to change a color you can either use the color palet or the Color Picker tool here on the bottom and that's pretty much it now keep in mind that if you want to change the size you can always change the size right here let's say to five pixels or you can also hold control and use your mouse wheel to increase or decrease the size of your brush the second tool for drawing is the spray tool and as the name suggests it works like a spray now this creates a lot of noise and in pixel art we generally don't want that so please use this once Spar if at all personally I never use it
🇹🇷 Türkçe
Kurşun kalem aracı, piksel sanatı çizeceğiniz ana araçtır, tam burada, kısayolu B'dir ve seçili olan herhangi bir renk ile çizeceksiniz, o belirli renk ile. Eğer bir rengi değiştirmek istiyorsanız, ya renk paletini kullanabilirsiniz ya da burada alt kısımdaki Renk Seçici aracını kullanabilirsiniz ve bu neredeyse hepsi bu kadar. Şimdi, aklınızda bulunsun ki, boyutu değiştirmek istiyorsanız, her zaman burada boyutu değiştirebilirsiniz, diyelim ki beş piksele veya ayrıca kontrol tuşunu tutup fare tekerleğinizi kullanarak fırçanızın boyutunu artırıp azaltabilirsiniz. Çizim için ikinci araç ise sprey aracıdır ve adı gibi, sprey gibi çalışır. Şimdi bu çok fazla gürültü oluşturur ve piksel sanatında genellikle bunu istemeyiz, bu yüzden lütfen bunu sadece bir kez kullanın, eğer hiç kullanacaksanız. Kişisel olarak, hiç kullanmam.
🇬🇧 English
one of the amazing things the pencil tool can do is that you can activate the Symmetry on your Sprite canvas so you can just go in the properties and you can toggle horizontal symmetry or vertical symmetry on what this does is well it replicates whatever you draw on white side to the other so for example if I toggle on just the horizontal symmetry whatever I draw on one side it's going to replicate it on the other it's very nice because this way you can create a symmetrical looking face or other objects very quickly you can also do the same thing for the vertical same goes and if you activate both of them you can create some kind of a goodlook mandalas and stuff like that so yeah quite nice
🇹🇷 Türkçe
Yapabilen harika şeylerden biri kurşun kalem aracının, Simetriyi Sprite tuvali üzerinde etkinleştirebilmenizdir, böylece özelliklere gidip yatay simetriyi veya dikey simetriyi açıp kapatabilirsiniz, bu da yaptığı şey, iyi ki, çizdiğiniz her şeyi beyaz tarafta diğerine kopyalar, yani örneğin sadece yatay simetriyi açarsam, bir tarafta çizdiğim her şeyi diğer tarafta çoğaltacaktır, bu çok güzel çünkü bu şekilde simetrik görünen bir yüz veya diğer nesneleri çok hızlı bir şekilde oluşturabilirsiniz, aynı şeyi dikey için de yapabilirsiniz ve ikisini de etkinleştirirseniz, güzel görünümlü mandalalar ve benzeri şeyler oluşturabilirsiniz, yani evet oldukça güzel
🇬🇧 English
one of the most underutilized features in a Sprite is its shading tool on the pencil tool so if you go here on the pencil it has different modes by default it's simple ink and that's just drawing but if you choose shading it will open up the color palette for selection now if I select the colors it will be added to this color palette and this is just a color replacer tool wherever you are starting to draw it will replace the color on the right to its neighboring color on the left side so in this example wherever I would draw and go over this tool you will notice that this yellow color will be replaced by this green tone on the left side and the green tones will be replaced by the darker ones and so on so if I just go this entire grass you will notice that it's very quickly easily changed this tool can save you a lot of time so please use it
🇹🇷 Türkçe
Bir Sprite'daki en az kullanılan özelliklerden biri de kurşun kalem aracındaki gölgeleme aracıdır, bu yüzden buraya kurşun kalem aracına gidersen farklı modları vardır, varsayılan olarak basit mürekkep ve bu sadece çizimdir, ama eğer gölgeleme seçersen renk paletini açacaktır seçim için, şimdi eğer renkleri seçersem bu renk paletine eklenir ve bu sadece bir renk değiştirme aracıdır, nerede çizmeye başlarsan, sağdaki rengi sol taraftaki komşu rengiyle değiştirecektir, bu örnekte nerede çizersem ve bu araca gidersem, fark edeceksiniz ki bu sarı renk sol taraftaki bu yeşil tonla değiştirilecek ve yeşil tonlar daha koyu olanlarla değiştirilecektir ve bu şekilde devam eder, bu yüzden bu tüm çimlere gidersem, fark edeceksiniz ki çok hızlı ve kolay bir şekilde değiştiriliyor, bu araç size çok zaman kazandırabilir, lütfen kullanın.
🇬🇧 English
eraser tool is self-explanatory once you select it shortcut is z you can erase strings from your canvas you can also change its shape as well as size the next tool is the ey dropper tool the shortcut is I and it basically just selects the color that you have chosen on the screen but let's be honest no one uses it like that instead when you are drawing with your brush just hold alt and it will open up this prompt for this ey dropper tool you can select your new color release Alt and you are drawing with this new color
🇹🇷 Türkçe
Silgi aracı kendini açıklar niteliktedir, bir kez seçtiğinizde kısayolu z'dir, tuvaliğinizden dizeleri silebilirsiniz, ayrıca şekil ve boyutunu da değiştirebilirsiniz. Bir sonraki araç ise renk seçici araçtır, kısayolu I'dir ve temelde ekranınızdaki seçtiğiniz rengi seçer, ama dürüst olalım kimse böyle kullanmaz, bunun yerine fırçanızla çizerken sadece Alt tuşuna basılı tutun ve bu renk seçici aracına ait bu istemi açacaktır, yeni renginizi seçebilirsiniz, Alt tuşunu bırakın ve bu yeni renk ile çizmeye devam edin.
🇬🇧 English
did you know that aprite has amazing brush capabilities so let's say I want to create a very simple grass type of thing I can create just a couple of leaves as their basic shapes and now I can select this shape with selection tool Press contrl B and now I have this amazing pattern that I can stamp anywhere that I want and this is an easy way how you can create all sorts of different things let me show you an example by using this shape I'm just going to stamp it a few times then I'm going to increase the color and do that just a couple of my thums and each time I do it I'm using less and less starting from the Shadows all the way to the highlights and just like that you have a very very simple looking grass if you want to clean it up a little bit yes you can only do it and you can imagine this being as a part of a background like let's say here quite cool isn't it
🇹🇷 Türkçe
Biliyor muydun ki aprite inanılmaz fırça yeteneklerine sahip, yani diyelim ki çok basit bir çim türü şey oluşturmak istiyorum, sadece birkaç yaprak oluşturabilirim temel şekilleri olarak ve şimdi bu şekli seçim aracıyla seçebilirim, Ctrl + B tuşuna basarım ve şimdi bu inanılmaz deseni elde ederim ki istediğim yere basabilirim ve bu, çeşitli şeyler yaratmanın kolay bir yolu, sana bir örnek göstereyim bu şekli kullanarak, sadece birkaç kez basacağım, sonra rengi artıracağım ve bunu yapacağım sadece birkaç kez, ve her seferinde daha az ve az kullanıyorum, gölgelerden başlayıp parlaklıklara kadar ve tıpkı böyle, çok çok basit görünen bir çim elde edersin, biraz temizlemek istersen evet, sadece yapabilirsin ve bunu bir arka planın parçası olarak hayal edebilirsin, diyelim ki burada oldukça havalı değil mi
🇬🇧 English
I bet you don't know this one if you want to select a color outside of face Sprite click and hold here on the color palette and it will open up your Color Picker tool but it will also enable it to pick colors outside of face Sprite this is extremely useful if you have plenty of reference images so there you go
🇹🇷 Türkçe
İddia ediyorum ki bunu bilmiyorsun eğer yüz Sprite'ı dışında bir renk seçmek istiyorsan tıkla ve burada renk paletinde tut ve bu senin Renk Seçici aracını açacaktır ama aynı zamanda yüz Sprite'ı dışında renkler seçmene de izin verecektir bu çok kullanışlıdır eğer bolca referans resmi varsa işte böyle
🇬🇧 English
the next two tools are going to be the zoom tool shortcut is z if you left click it's going to zoom in or if you right click it's going to zoom out you can also use your mouse whe to zoom in or zoom out the next one is the hand tool shortcut is H and if you click and hold it will drag your canvas around but to be honest no one uses it like that instead just hold space bar and click and hold and you're good to go
🇹🇷 Türkçe
Bir sonraki iki araç olacak yakınlaştırma aracı kısayolu z'dir eğer sol tıklarsanız yakınlaştıracaktır veya eğer sağ tıklarsanız uzaklaştıracaktır ayrıca fare tekerleğinizi kullanarak da yakınlaştırabilir veya uzaklaştırabilirsiniz bir diğeri ise el aracı kısayolu H'dir ve eğer tıklayıp tutarsanız tuvali etrafında sürükleyecektir ama dürüst olmak gerekirse kimse onu böyle kullanmaz bunun yerine sadece boşluk çubuğunu tutup tıklayıp tutarsanız ve hazır olursunuz
🇬🇧 English
please be careful with this tool the move tool shortcut V what it does is just move the position of your Sprite on a selected frame and layer please keep that in mind this is very important so if I just move it around it's great what the most beginners do is they select something with the selection tool and then they change to this move tool and once they want to move what they have selected which is quite logical but still pay attention if I try to move it's going to move the entire Sprite again on the entire layer and on the entire frame if you want to move the specific selection you have to stay on the selection tool and you can just move it around this will save you a lot of headache and trouble so even though it's not really that intuitive please keep in mind that it's just how it works in Ace Sprite
🇹🇷 Türkçe
Lütfen bu araçla dikkatli olun, hareket aracı kısayolu V, yaptığı şey sadece seçili bir karede ve katmanda Sprite'ınızın konumunu hareket ettirmektir, lütfen bunu aklınızda tutun, bu çok önemlidir, bu yüzden sadece onu etrafta hareket ettirirsem harika olur, en çok yeni başlayanların yaptığı şey, seçim aracıyla bir şey seçmek ve sonra bu hareket aracına geçmek ve seçtiklerini hareket ettirmek istemeleri, bu oldukça mantıklıdır ama yine de dikkat edin, eğer hareket ettirmeye çalışırsam, tüm Sprite'ı tekrar tüm katmanda ve tüm karede hareket ettirecektir, eğer belirli seçimi hareket ettirmek istiyorsanız, seçim aracında kalmalısınız ve sadece onu etrafta hareket ettirebilirsiniz, bu size çok baş ağrısı ve sıkıntı kazandıracaktır, bu yüzden gerçekten çok sezgisel olmasa da, lütfen aklınızda tutun, bu sadece Ace Sprite'ta nasıl çalıştığını gösterir.
🇬🇧 English
very few people use this tool and it's the slice tool if you go here on the Move tool it's hidden quite neatly and what it does it just saves your time when you are trying to export something within your scene on your canvas in the document and the way it works is you can just create a selection and it's going to create a slice of your specific Sprite so this is slice one as you can see and if I just create a few more and you'll notice this slice just appear here on this list now if I go to file export and export as you will notice that usually you have to export the entire area as a canvas however since we have the slices now we can select each and every one of those that we are interested in yes you can always use just the selection but this is a very quick and easy way how you can organize your document if you are working on a larger project this is very useful especially if you are using the N slice method for creating tiles in let's say your favorite game engine
🇹🇷 Türkçe
Çok az kişi bu aracı kullanıyor ve bu dilim aracıdır eğer buraya giderseniz Hareket aracında gizlenmiş oldukça düzgün ve ne yaptığı ise sadece zamanınızı kurtarır bir şeyler dışa aktarırken sahnenizdeki, tuvalinizdeki, belgede ve çalışma şekli ise seçimi oluşturabilirsiniz ve bu, belirli Sprite'ınızın bir dilimini oluşturacaktır böylece bu dilim bir olarak görebilirsiniz ve eğer birkaç tane daha oluşturursam ve fark edeceksiniz ki bu dilim burada listede belirecek şimdi eğer dosya dışa aktar ve dışa aktar olarak gidersem fark edeceksiniz ki genellikle tüm alanı bir tuval olarak dışa aktarmanız gerekir ancak artık dilimlerimiz olduğu için her birini seçebiliriz ve ilgilendiğimiz evet her zaman sadece seçimi kullanabilirsiniz ama bu çok hızlı ve kolay bir yol nasıl organize edebilirsiniz belgenizi eğer daha büyük bir projede çalışıyorsanız bu çok kullanışlıdır özellikle eğer kullanıyorsanız N dilim yöntemi ile karolar oluşturmak için diyelim ki en sevdiğiniz oyun motorunuzda
🇬🇧 English
and the last color mode which happens quite often if you are importing images from the web and you find yourself not being able to draw new colors onto the Sprite is the indexed one this color mode forces you to use your color palette notice that we have only four colors and if I try to draw let's say yellow color I'm not able to draw it it's going to automatically choose the closest color in the color palette to the value of my whichever color here is in the Color Picker okay so I'm going to draw white if I just pull it closer towards the green again it's going to choose the green one now this what happens if I choose the red one it's going to pull it towards the purple and the blue one is going to be in fact the background color so if you are having issues not being able to draw the colors that you have selected from Color Picker please be sure to check your color mode is selected on the RGB color so you can in fact draw new colors
🇹🇷 Türkçe
ve ve en son renk modu ki bu oldukça sık olur eğer webden resimler içe aktarıyorsanız ve kendinizi yeni renkler çizememiş halde bulursanız Sprite üzerine bu renk modu sizin renk paletinizi kullanmaya zorlar fark ettiyseniz sadece dört rengimiz var ve eğer diyelim ki sarı renk çizmeye çalışırsam çizemem o otomatik olarak en yakın rengi seçecek renk paletinde burada herhangi bir renk değeriyle olan en yakın renk seçilecek yani burada Renk Seçici'de herhangi bir renk varsa tamamdır o yüzden ben beyaz çizeceğim eğer onu tekrar yeşile doğru çekersek yine yeşil olanı seçecek şimdi bu ne olur eğer kırmızı seçersem onu mor tarafa çekecek ve mavi olan aslında arka plan rengi olacak yani eğer renk seçici'den seçtiğiniz renkleri çizemiyorsanız lütfen renk modunuzun RGB renk üzerinde seçili olduğundan emin olun böylece yeni renkler çizebilirsiniz
🇬🇧 English
one of the most frustrating things that happened in a Sprite is being in a wrong color mode if you go here on Sprite tab color mode you have three different options RGB color gray scale and index these are the same options that you have when you are creating a new Sprite here in the color mode tabs so the first one is the default one this is the RGB color simply said whichever color you can find here in the Color Picker you can draw here on the canvas quite easy the second one is also straightforward it's a gray scale color mode and it changes whatever is on the canvas well to gray scale so you only have gray colors to work with starting from White all the way to Black
🇹🇷 Türkçe
Bir Sprite'ta olan en sinir bozucu şeylerden biri yanlış renk modunda olmaktır eğer buraya Sprite sekmesine gidip renk modu seçersen burada üç farklı seçenek vardır RGB renk gri tonlaması ve indeks bunlar burada yeni bir Sprite oluştururken sahip olduğunuz aynı seçeneklerdir renk modu sekmelerinde ilk olan varsayılan olan RGB renktir kısaca burada renk seçici de bulabileceğiniz herhangi bir renk ile oldukça kolay bir şekilde çizim yapabilirsiniz ikinci olan da açıktır bu da gri tonlama renk modudur ve tuvaldeki her şeyi gri tonlamasına dönüştürür böylece sadece gri renklerle çalışabilirsiniz Beyazdan başlayıp Siyaha kadar.
🇬🇧 English
paint bucket tool shortcut G is an easy way to quickly fill large areas of color on your canvas notice that there's a property called contiguous if this is unchecked meaning off this means that this pain bucket tool will find this color on your entire canvas and it will change it to whichever color you have selected however if the contigous is turned on as soon as this color touches another it will no longer use the pin bucket tool okay now the important property here is to keep the tolerance zero meaning it will Target only the color that you have chosen if you for some other reason increase it it will automatically try to find the colors that are within this tolerance so in this example if I try to change this yellow notice that it will Target other colors as well see so if it's to to the max like 255 it will select all the colors on the screen and it will change everything so be sure to keep this tolerance always on zero for Pixel Art
🇹🇷 Türkçe
boya kovası aracı kısayolu G, tuvali üzerinde büyük renk alanlarını hızlıca doldurmanın kolay bir yoludur. Dikkat edin ki, contiguous adlı bir özellik var, eğer bu işaret kaldırılırsa, yani kapalıysa, bu durumda bu boya kovası aracı bu rengi tüm tuvalinizde bulacak ve seçtiğiniz renge değiştirecektir. Ancak, eğer contiguous açık bırakılırsa, bu renk başka bir renkle temas ettiğinde, artık boya kovası aracını kullanmayacaktır. Tamam, şimdi burada önemli olan özellik, toleransı sıfır tutmaktır, yani sadece seçtiğiniz rengi hedef alacaktır. Eğer başka bir nedenle artırırsanız, otomatik olarak bu tolerans içindeki renkleri bulmaya çalışacaktır. Bu örnekte, eğer bu sarı rengi değiştirmeye çalışırsam, diğer renkleri de hedef alacağını fark edeceksiniz. Görüyorsunuz, bu maksimum seviyeye, yani 255'e ayarlanırsa, ekrandaki tüm renkleri seçecek ve her şeyi değiştirecektir. Bu yüzden, Pixel Art için her zaman bu toleransı sıfırda tutmaya dikkat edin.
🇬🇧 English
right next to the paint bucket tool we have the gradient tool shift G is going to be our shortcut it essentially takes two colors mainly our foreground color and our background color and it creates a gradient between the two for selecting the foreground color you just use the left click and for the background color you have to use the right click when you are choosing colors here so let's say we have these two colors and if I use this tool notice the gradation that can happen Okay what you can also do from the properties you can select the radial gradient and in this case you can create a round gradient and you can also create detering effects very quickly in this case it's going to use only these two colors and it will automatically fill the area with the closest patterns the bare Matrix 2x2 4x4 or 8X 8 essentially mean how detailed you want to have your detering pattern by default it's going to be this very simple looking one so there you have it
🇹🇷 Türkçe
Boyama kovası aracının hemen yanında gradyan aracımız var Shift G kısayolumuz olacak temel olarak iki renk alır, çoğunlukla ön plan rengimiz ve arka plan rengimiz ve ikisi arasında bir gradyan oluşturur. Ön plan rengini seçmek için sadece sol tıklamayı kullanırsınız ve arka plan rengi için sağ tıklamayı kullanmanız gerekir burada renkleri seçerken, diyelim ki bu iki rengimiz var ve bu aracı kullanırsam fark ettiyseniz geçişi görebilirsiniz Tam olarak yapabileceğiniz şeylerden biri de özelliklerden radyal gradyan seçebilirsiniz ve bu durumda yuvarlak bir gradyan oluşturabilirsiniz ve aynı zamanda çok hızlı bir şekilde detering efektleri oluşturabilirsiniz bu durumda sadece bu iki rengi kullanacaktır ve otomatik olarak alanı en yakın desenlerle dolduracaktır Matrix 2x2 4x4 veya 8x8 temel olarak ne kadar detaylı olmasını istediğinizi gösterir varsayılan olarak bu çok basit görünen bir tane olacaktır işte size bu kadar
🇬🇧 English
line tool shortcut L is used to create straight lines and you can also change the thickness here within the properties right next to is is the curve tool shift L is the shortcut you can click and hold all the way where you want the curvature to end then release your mouse button and now you can create your curvature if you click twice it will lock in this specific curvature but if you click only once you can curve it again in any other direction that you want and once you click the second time it's locked in yeah
🇹🇷 Türkçe
Çizgi aracı kısayolu L düz çizgiler oluşturmak için kullanılır ve burada özellikler içinde kalınlığı da değiştirebilirsiniz, onun hemen yanında eğri aracı vardır Shift L kısayoludur, tıklayıp basılı tutabilirsiniz ve eğriliğin bitmesini istediğiniz yere kadar devam edebilirsiniz, sonra fare düğmenizi serbest bırakın ve şimdi eğrinizi oluşturabilirsiniz, iki kez tıklarsanız bu belirli eğriliği kilitler, ama sadece bir kez tıklarsanız başka herhangi bir yönde eğriltmeye devam edebilirsiniz ve ikinci kez tıkladığınızda kilitlenir, evet.
🇬🇧 English
the rectangle tool shortcut U you can create very quick and easy rectangles and if you hold shift while you are creating your rectangle it will automatically create a square okay and if you also hold control it will automatically Center your Square to whichever point you have started it from keep in mind that again you can increase its thickness if you really want so yeah there's that right next to it you have the field rectangle tool it's going to do the same thing but it will automatically fill in the area right away next to it you have the ellipse tool it creates ellipse and again if you hold shift it will automatically create a perfect circle and if you add control while you hold it it will also Center it as well and lastly the field ellipse tool is going to create an ellipse but it will automatically fill in the area with the color that you have chosen here in the Color Picker tool
🇹🇷 Türkçe
dikdörtgen aracı kısayolu U çok hızlı ve kolay dikdörtgenler oluşturabilirsiniz ve eğer dikdörtgeninizi oluştururken Shift tuşunu tutarsanız otomatik olarak bir kare oluşturacaktır tamam ve ayrıca Control tuşunu da tutarsanız otomatik olarak kareyi başladığınız noktaya göre ortalayacaktır aklınızda bulundurun tekrar eğer gerçekten isterseniz kalınlığını artırabilirsiniz yani evet bu kadar değil mi yanındaki alan dikdörtgen aracıdır aynı şeyi yapacaktır ama alanı hemen dolduracaktır yanındaki elips aracı ise elips oluşturur ve tekrar eğer Shift tutarsanız otomatik olarak mükemmel bir daire oluşturacaktır ve eğer Control tutarken eklerseniz onu da ortalayacaktır ve son olarak alan elips aracı bir elips oluşturacaktır ama otomatik olarak alanı seçtiğiniz renkle dolduracaktır burada Renk Seçici aracında.
🇬🇧 English
Contour tool shortcut D is used when you want to create a custom shape and once it's closed aspr will automatically fill in this area right next to it you have the polygon tool and with it you can create a polygon so click and hold and just create as many different points as you want for your specific polygon and it will again automatically fill it in
🇹🇷 Türkçe
Kontur aracı kısayolu D, özel bir şekil oluşturmak istediğinizde kullanılır ve kapandığında aspr otomatik olarak bu alanı doldurur, hemen yanında çokgen aracı vardır ve onunla çokgen oluşturabilirsiniz, bu yüzden tıklayın ve basılı tutun ve istediğiniz kadar farklı nokta oluşturun, belirli çokgeniniz için ve tekrar otomatik olarak dolduracaktır.
🇬🇧 English
the blur tool shortcut R I don't like this one because well it Blues your pixel art all that hard work to create those clean crisp edges in pixel art gone to waste but in case you want to animate it and create some kind of special effects you can use it right next to it you will find the jumble tool and it jumbles your pixels around again perhaps useful for some kind of special effects but personally I never use it
🇹🇷 Türkçe
bulanıklaştırma aracı kısayolu R bunu sevmediğim çünkü iyi ki de bu yüzden çünkü bu bulanıklaştırır piksel sanatınızı tüm o zor çalışmayla oluşturduğunuz temiz keskin kenarlar boşa gider ama eğer onu canlandırmak ve bazı özel efektler yaratmak istiyorsanız onu kullanabilirsiniz onun hemen yanında bulacağınız karışıklık aracı ve o tekrar pikselinizi karıştırır belki bazı özel efektler için kullanışlıdır ama kişisel olarak hiç kullanmam
🇬🇧 English
and if you have too many frames and you want to be specific which frames you want to play through just select those frames right click create a new tag name it click okay and then your animation will only play Within this tag if I click anywhere outside it's going to play the entire timeline
🇹🇷 Türkçe
ve eğer çok fazla kareye sahipsen ve hangi kareleri oynatmak istediğinizi belirlemek istiyorsanız, sadece o kareleri seçin sağ tıklayın yeni bir etiket oluşturun adını koyun tamamı tıklayın ve sonra animasyonunuz sadece bu etiket içinde oynatılacaktır eğer herhangi bir yere dışarı tıklarsanız tüm zaman çizelgesi oynatılacaktır
🇬🇧 English
the animation or the timeline window you can activate it by pressing tab or you can go here to view and timeline you have few important Concepts to understand the first one are layers whatever is above will cover whatever is below it so in this example let's activate only the cat and the background and the cat is above it but if I move this by clicking and holding this layer behind the background now the background is on top of our cat see if I hide my background layer you will notice that the cat is still there but it's not showing because this layer is covering our four cat to add new layers just right click go to new and new layer to add more frames to the animation click here on the plus icon or just use alt n shortcut you can hide and discover new layers if you want to play your animation just click here on the play animation button and if you want to change the properties or the name of your layers just double click on them and you can change whatever you want to the new name
🇹🇷 Türkçe
Animasyon veya zaman çizelgesi penceresini tab tuşuna basarak etkinleştirebilir veya buraya gidip zaman çizelgesini görebilirsiniz. Anlamanız gereken birkaç önemli kavram vardır. İlki katmanlardır; üstte olan, altta olanı kapatır. Bu örnekte sadece kediyi ve arka planı etkinleştirelim ve kedi onun üzerinde olsun. Ama bunu hareket ettirirsem, tıklayıp tutarak bu katmanı arka planın arkasına taşırsam, şimdi arka plan kedimizin üzerinde olur. Arka plan katmanımı gizlersem fark edeceksiniz ki kedi hâlâ orada, ama görünmüyor çünkü bu katman bizim dört kedimizi kapatıyor. Yeni katman eklemek için sağ tıklayın, yeniye gidin ve yeni katman seçeneğine tıklayın. Animasyona daha fazla kare eklemek için buradaki artı simgesine tıklayın veya sadece alt n kısayolunu kullanın. Yeni katmanları gizleyip gösterebilirsiniz. Animasyonunuzu oynatmak istiyorsanız, buradaki animasyonu oynat düğmesine tıklayın ve katmanlarınızın özelliklerini veya adını değiştirmek istiyorsanız, üzerine çift tıklayın ve istediğiniz her şeyi yeni ada değiştirebilirsiniz.
🇬🇧 English
if you want to enable your grid press contrl G this is very useful especially when you are creating tiles and if you want to change the size of a specific tile go to view grid and grid settings and now you can change how each tile is going to be large so if I want to double it quite simply you can see that our BR outlines which are Target each specific tile is now larger and if I want to put it back well or make it even smaller let's say 8 by8 it's very simple and easy to do
🇹🇷 Türkçe
Eğer ızgaranızı etkinleştirmek istiyorsanız Ctrl G'ye basın bu çok kullanışlıdır özellikle karolar oluştururken ve eğer belirli bir karonun boyutunu değiştirmek istiyorsanız görünüm ızgara ve ızgara ayarlarına gidin ve şimdi her karonun nasıl büyük olacağını değiştirebilirsiniz böylece eğer onu ikiye katlamak istiyorsam oldukça basitçe görebilirsiniz ki hedeflenen her karonun BR sınırları şimdi daha büyük ve eğer onu geri koymak veya hatta daha küçük yapmak istiyorsanız diyelim ki 8'e 8'e çok basit ve kolaydır
🇬🇧 English
if you want to create a tile set you will need a TI map layer right click here go to new new TI map layer or use the shortcut space n it will create a new layer click okay and now on the left side you have two palletes one is for the colors and one is for the tiles there are three different modes for tiling the one on the left is modifying existing tiles so if you have already a tile set it will only change them it will not create new tiles the second one modifies and reuses existing tiles if possible and the last one always creates new tiles and it doesn't modify existing Tiles at all so if here I select tiles and I quickly Draw Something notice that it automatically creates a tile set here and now if I want to switch to tiling mode I can just select here on this tile pallette and I can select which tile I want to draw remember to use the Color Picker tool it's going to select the tile now instead of a specific color and now I can draw this style wherever I want
🇹🇷 Türkçe
Eğer bir karo seti oluşturmak istiyorsanız bir TI harita katmanı gerekirsiniz sağ tık burada yeni yeni TI harita katmanı veya kısayol kullanın boşluk n o yeni bir katman oluşturacaktır tıklayın tamam ve şimdi sol tarafta iki paletiniz var biri renkler için ve biri karo için karo için üç farklı mod vardır sol taraftaki mevcut karoları değiştirmektedir bu yüzden eğer zaten bir karo setiniz varsa sadece onları değiştirecek yeni karolar oluşturmayacaktır ikinci mod mevcut karoları değiştirir ve yeniden kullanır ve üçüncü mod her zaman yeni karolar oluşturur ve mevcut karoları hiç değiştirmez bu yüzden burada karoları seçersem ve Hızlıca bir şeyler çizersem fark edeceksiniz ki otomatik olarak burada bir karo seti oluşturuyor ve şimdi eğer karolama moduna geçmek istiyorsam sadece burada bu karo paletinde seçebilir ve hangi karoyu çizmek istediğimi seçebilirim Renk Seçici aracını kullanmayı unutmayın bu karoyu seçecek şimdi belirli bir renk yerine ve şimdi istediğim yerde bu tarzı çizebilirim
🇬🇧 English
apread has some hidden features like hidden properties if you double click for example on any specific frame it will open up this the opacity and zindex zindex is specifically the position of this frame on this timeline so if I change it to minus notice that our cat disappears because now it's also behind the background it's basically like shifting this entire layer below the background but only for this specific frame very useful also if you click here and show user data it will open up two more properties color and user data this is used if you want to import it to your game engine and color in case you want to change the color of this specific frame this isn't the only thing that has it so apart from that layers also have these capabilities so if you want to color your layers if you want to organize your project this is a very very nice and colorful way to do it and you can also do the same thing for this document if you go to Sprite properties and it opens up a lot of things including again user data
🇹🇷 Türkçe
apread bazı gizli özelliklere sahiptir, örneğin gizli özellikler, eğer herhangi belirli bir kareye çift tıklarsanız, bu sayfa açılır, opaklık ve zindex, zindex özellikle bu karedeki konumu temsil eder, bu yüzden eğer onu eksiye değiştirirseniz, fark edin ki kedimiz kaybolur çünkü artık arka planın arkasında da olur, bu temelde bu tüm katmanı arka planın altına kaydırmak gibidir, ama sadece bu belirli kare için çok kullanışlıdır, ayrıca buraya tıklarsanız ve kullanıcı verisini gösterirseniz, iki tane daha özellik açılır, renk ve kullanıcı verisi, bu kullanılır eğer onu oyununuzun motoruna içe aktarmak istiyorsanız ve renk, eğer bu belirli karenin rengini değiştirmek istiyorsanız, bu onunla sahip olan tek şey değildir, yani bunun dışında katmanlar da bu yeteneklere sahiptir, bu yüzden eğer katmanlarınızı renklendirmek istiyorsanız, projenizi düzenlemek istiyorsanız, bu çok çok güzel ve renkli bir yoldur ve aynı şeyi bu belge için de yapabilirsiniz, eğer Sprite özelliklerine giderseniz ve birçok şey açılır, yine kullanıcı verisi dahil.
🇬🇧 English
did you know that the selection tool has very cool quick features and shortcuts once you make a selection if you press F it's going to fill this area or if you press s it's going to create a stroke within this selected area very useful to do also if you don't want to use shortcuts you can also go to edit and it will do the same thing here by using this fill and stroke shortcuts
🇹🇷 Türkçe
Seçim aracının çok havalı hızlı özellikleri ve kısayolları olduğunu biliyor muydunuz, bir seçim yaptıktan sonra F tuşuna basarsanız bu alanı dolduracak veya S tuşuna basarsanız bu seçili alan içinde bir çizgi oluşturacaktır, çok kullanışlıdır ayrıca eğer kısayolları kullanmak istemiyorsanız, düzen menüsüne de gidebilirsiniz ve burada aynı şeyi yapacaktır, bu doldurma ve çizgi kısayollarını kullanarak.
🇬🇧 English
this is a very quick way to create outlines like glow effects around your character and objects so if you go here to edit effects and let's say use outline it will automatically create an outline around our Sprite again keep in mind that whichever Sprite is currently used on this layer on this Frame okay then you can play around where exactly you want to have your outline it can be on the inside it can be on the outside you can also choose which areas you want to be targeted or not and so on
🇹🇷 Türkçe
bu, karakteriniz ve nesneleriniz etrafında parıltı efektleri gibi taslaklar oluşturmanın çok hızlı bir yoludur, bu yüzden buraya gelip efektleri düzenleye tıklarsanız ve diyelim ki taslak kullanmayı seçerseniz, otomatik olarak Sprite'ımızın etrafında bir taslak oluşturacaktır, tekrar aklınızda bulundurun ki şu anda bu katmanda kullanılan Sprite hangisiyse, bu Çerçevede tamamdır, sonra tam olarak nerede taslağınızı istediğinize oynayabilirsiniz, bu içte olabilir, dışta olabilir, ayrıca hedef almak istediğiniz veya istemediğiniz alanları da seçebilirsiniz ve bu şekilde devam eder.
🇬🇧 English
a Sprite has color adjustment capabilities if you select your Sprite on the layer and on the frame that you want to make the changes go to edit adjustments and you have three options brightness and contrast influence how bright and dark the colors are on the Sprite the contrast influences how contrasted are the colors on the Sprite so you can see it's highly contrasted a bit less and then basically no contrast between with any color whatsoever meaning they're all the same the next one would be the h saturation so you can change the Hue very useful if you are trying to experiment with different designs and characters and color palettes without actually changing the palettes then you have the saturation again you can make it completely washed out in other words gray or you can have it a lot more saturated then you have aot the lightness again how bright something is and then you have the alpha or how transparent something is
🇹🇷 Türkçe
Bir Sprite renk ayarları yapma yeteneklerine sahiptir eğer Sprite'ınızı katmanda ve değiştirmeleri yapmak istediğiniz karede seçerseniz ayarları düzenleye tıklayın ve üç seçeneğiniz vardır parlaklık ve kontrast sprite'taki renklerin ne kadar parlak ve karanlık olduğunu etkiler kontrast sprite'taki renklerin ne kadar kontrastlı olduğunu etkiler böylece yüksek kontrastlı görebilirsiniz biraz daha az ve sonra temelde herhangi bir renk arasında kontrast yoktur anlamına gelirler hepsi aynıdır bir sonraki ise H doygunluktur yani renk tonunu değiştirebilirsiniz çok faydalıdır eğer farklı tasarımlar ve karakterler ve renk paletleriyle deneme yapmaya çalışıyorsanız ve gerçekten paletleri değiştirmeden sonra sonra doygunluk tekrar tamamen soluklaştırabilirsiniz başka bir deyişle gri yapabilirsiniz veya çok daha doygun hale getirebilirsiniz sonra ise aydınlık tekrar ne kadar parlak olduğunu ve sonra ise alfa veya ne kadar şeffaf olduğunu gösterir.
🇬🇧 English
do not ever use jpeg for the export please I'm begging you in the name of every pixel artist everywhere do not do this okay once you have finished your Sprite or animation in pixel art be sure to export it you can go to file export either as a spreadsheet especially for games if you are doing this you will need this a lot or if you go to export as you can choose specific options you can specify which layers you want to export which frames if you want to resize it especially useful for social media because of the compression that happens and even which area lastly and most importantly you can choose which file type you want to save it as by default you can use it PNG if it's a static image or use GIF or GIF however you want to pronounce it for the animations
🇹🇷 Türkçe
Lütfen hiçbir zaman dışa aktarım için jpeg kullanmayın lütfen tüm piksel sanatçıları adına yalvarıyorum bunu yapmayın tamam mı Sprite veya animasyonunuzu piksel sanatta tamamladıktan sonra onu dışa aktaracağınızdan emin olun dosya dışa aktar veya bir elektronik tablo olarak dışa aktar özellikle oyunlar için yapıyorsanız buna çok ihtiyacınız olacak veya dışa aktar olarak giderseniz belirli seçenekleri seçebilirsiniz hangi katmanları dışa aktaracağınızı hangi kareleri özellikle büyütmek istiyorsanız sosyal medya için çok faydalı olur çünkü sıkıştırma olur ve hatta hangi alanı son olarak ve en önemlisi hangi dosya türüyle kaydetmek istediğinizi seçebilirsiniz varsayılan olarak PNG kullanabilirsiniz eğer statik bir görüntü ise veya GIF veya GIF kullanabilirsiniz veya nasıl telaffuz ediyorsanız animasyonlar için.
🇬🇧 English
a Sprite has a dark mode so if you want to activate it go to edit preferences and right here under the team mode you will find light or dark just select dark and you'll be good to go as soon as you click okay or apply
🇹🇷 Türkçe
Bir Sprite'ın karanlık modu vardır, bu yüzden onu etkinleştirmek istiyorsanız, tercihler düzenleye tıklayın ve burada takım modu altında ışık veya karanlık bulacaksınız, sadece karanlığı seçin ve tamam veya uygula'ya tıkladığınız anda hazır olacaksınız.
Çizgiler, Şekiller ve Yaygın Hatalar (Lines, Shapes & Common Mistakes)
🇬🇧 English
you have to avoid this rookie mistake if you want clean lines the only thing that matters is consistency in thickness one pixel thick lines are used the most so how do you ensure that consistency a single Pixel has eight possible neighbors out of those he should only have one or two neighbors if a pixel has more like three neighbors the line becomes thicker in that area and people call these unnecessary pixels doubles a Sprite also has a great feature that will help you out by checking Pixel Perfect property you will create clean lines without worries
🇹🇷 Türkçe
Bu acemi hatadan kaçınmalısın eğer temiz çizgiler istiyorsan tek önemli olan kalınlıkta tutarlılıktır bir piksel kalınlığında çizgiler en çok kullanılır peki bu tutarlılığı nasıl sağlarsın bir Pikselin sekiz olası komşusu vardır bunlardan yalnızca biri veya ikisi olmalıdır eğer bir pikselin daha fazla örneğin üç komşusu varsa çizgi o bölgede kalınlaşır ve bunları gereksiz pikseller çiftler olarak adlandırırlar Bir Sprite ayrıca sana yardımcı olacak harika bir özellik içerir Pixel Perfect özelliğini kontrol ederek temiz çizgiler oluşturabilirsin endişelenmeden
🇬🇧 English
of course you can use the line tool but that's not good enough if you want to become a true Pixel Art Expert you have to understand the essence of straight lines first a diagonal straight line consists of sections like one or two pixels Etc you have to keep these sections as consistent as possible both in length and in the ratio of appearance in cases when you have to mix length of these sections the maximum difference is one pixel so if your line has section that is 2 pixels longer than any other section you've messed up and your line won't be straight won't approve here's a test you can do duplicate and connect your line to itself then zoom out and you will easily notice the difference so if you only use 90 and 45° angles rethink your decision and you might ask yourself why not just use the line tool
🇹🇷 Türkçe
Elbette çizgi aracını kullanabilirsiniz ama bu yeterli değil eğer gerçek bir Piksel Sanat Uzmanı olmak istiyorsanız önce düz çizgilerin özünü anlamalısınız dik açıyla çizilen bir doğru parçası bir veya iki piksel gibi bölümlerde oluşur vb. bu bölümleri hem uzunluk hem de görünme oranı açısından mümkün olduğunca tutarlı tutmalısınız bu bölümlerin uzunluğunu karıştırmanız gerektiğinde maksimum fark bir pikseldir yani eğer çizginizde herhangi bir diğer bölgeden 2 piksel daha uzun bir bölüm varsa yanlış yaptınız ve çizginiz düzgün olmayacak onaylamayacak işte bir test yapabilirsiniz çizginizi çoğaltıp kendisine bağlayın sonra uzaklaştırın ve farkı kolayca fark edeceksiniz bu yüzden sadece 90 ve 45° açılarını kullanıyorsanız kararınızı yeniden düşünün ve kendinize sorabilirsiniz neden sadece çizgi aracını kullanmıyorum
🇬🇧 English
[Music] don't trust the tools blindly yes aprite has wonderful tools but like all other software it was coded by people and thus is PR to human error allow me to show you this on a simple Circle example this one was created using apr's ellipse tool it is 13 pixels in diameter and the other one was custom made it is same in size but it's a bit different personally I think the custom one looks a bit more rounder which one looks better to you
🇹🇷 Türkçe
[Music] körü körüne araçlara güvenmeyin evet aprite harika araçlara sahip ama diğer tüm yazılımlar gibi insanlar tarafından kodlandı ve bu nedenle insan hatasına açıktır bana bunu basit bir Daire örneğiyle göstereyim bu biri apr's ellipse aracı kullanılarak oluşturuldu 13 piksel çapında ve diğer biri özel yapıldı aynı boyutta ama biraz farklı kişisel olarak bence özel olan biraz daha yuvarlak görünüyor hangisi size daha iyi görünüyor
🇬🇧 English
using outlines is not only an artistic choice but also a game design Choice here we have the same rock with three different choices on the left when we don't use outline it Blends quite nicely with the grass which is useful for non-interactable objects in the middle we have a full outline which covers the entire Rock making it more visible it pops from the background and that's quite useful for interactable objects on the right we have a partial outline where the object is still quite visible but because we erased the outline on the bottom Edge The Rock feels more connected to the ground which is quite useful for non-interactable object that could be used as a landmark in the game but we still have one important choice that we need to make regarding the outlines most people only use black outlines however you can also use white outlines you can use colored outlines and so on and you can also use shaded outlines meaning where the object is hitting the light the outline would be of the lighter tone and where the object is in the shadow the outline will be darker
🇹🇷 Türkçe
çizgilerin kullanılması sadece sanatsal bir tercih değil aynı zamanda bir oyun tasarımı tercihi burada aynı kayayı üç farklı tercihle görüyoruz sol tarafta çizgi kullanılmadığında oldukça güzel bir şekilde otlağa karışıyor bu, etkileşim olmayan nesneler için faydalıdır ortada tam bir çizgi var ki bu tüm kayayı kaplar ve onu daha görünür kılar arka plandan sıçrar ve bu, etkileşimli nesneler için oldukça faydalıdır sağda ise kısmi bir çizgi var ki nesne hâlâ oldukça görünürdür ama alt kenardan çizgiyi sildiğimiz için Kaya daha çok yere bağlı hissedilir bu, oyunda bir işaret olarak kullanılabilecek etkileşim olmayan nesneler için oldukça faydalıdır ama yine de çizgilerle ilgili yapmamız gereken önemli bir tercih var çoğu insan sadece siyah çizgiler kullanır ancak siz beyaz çizgiler de kullanabilirsiniz renkli çizgiler de kullanabilirsiniz ve benzer şekilde gölgeli çizgiler de kullanabilirsiniz yani nesne ışık alırken çizgi daha açık tonlarda olur ve nesne gölgede iken çizgi daha koyu olur
🇬🇧 English
mixing pixel size is considered in pixel art one of the greatest scenes and these are called Mixels it's when you want to have different pixel sizes in your image for example you can see that even though this tree is now larger it has different pixel size this is a standard pixel size however here on the side each pixel so to speak is actually 2 x two in other words four pixels beginners often do this when they want to have a larger object and they just don't feel like dropping it from the scratch then they just take the object resize it to the size they want to have and call it a day and this results in Mixel as you can see this looks very unprofessional and if you are doing it just for fun it's all great but if you're trying to sell a game if you're trying to create a product that is visually appealing you definitely want to have your pixel sizes consistent all throughout of course sometimes in games and UI this cannot be avoided but in general you want to have your pixel size consistent
🇹🇷 Türkçe
Piksel boyutlarının karışımı piksel sanatında en büyük sahnelerden biri olarak kabul edilir ve bunlara Mixel denir, bu sizin resminizde farklı piksel boyutlarına sahip olmak istediğinizde olur örneğin bu ağacın şimdi daha büyük olmasına rağmen farklı piksel boyutuna sahip olduğunu görebilirsiniz bu standart bir piksel boyutudur ancak burada yanlarda her piksel yani söz konusu olan aslında 2 x 2'dir başka bir deyişle dört piksel başlangıçta genellikle bunu yaparlar büyük bir nesneye sahip olmak istediklerinde ve onu sıfırdan bırakmak istemediklerinde sonra nesneyi alıp istediği boyuta yeniden boyutlandırırlar ve günü kurtarırlar ve bu Mixel ile sonuçlanır gördüğünüz gibi bu çok profesyonel görünmüyor ve eğer sadece eğlence için yapıyorsanız her şey harika olur ama bir oyunu satmaya çalışıyorsanız bir ürün yaratmaya çalışıyorsanız görsel olarak çekici olmasını istiyorsanız kesinlikle piksel boyutlarınızı tutarlı tutmak istersiniz tabii ki bazen oyunlarda ve kullanıcı arayüzlerinde bu kaçınılmaz olabilir ama genel olarak piksel boyutlarınızı tutarlı tutmak istersiniz
Gölgeleme ve Aydınlatma (Shading & Lighting)
🇬🇧 English
it doesn't matter what you are trying to draw everything can be broken down into these five basic shapes Cube sphere cylinder cone and pyramid and if you learn how to shade these five basic shapes everything will fall into place naturally for example a pencil is a simple combination of a cone at the top and a couple of cylinders a truck is basically just a modified cube with a couple of cylinders for the wheels but that's not all even the human body can be broken down into simple shapes this is why it's so important to understand how to shade these five basic shapes because once you understand that you can draw pretty much anything
🇹🇷 Türkçe
ne fark etmez ne çizmeye çalıştığınız her şey bu beş temel şekle indirgenebilir Küp küre silindir koni ve piramit ve eğer bu beş temel şekli gölgelendirmeyi öğrenirseniz her şey doğal olarak yerine oturacaktır örneğin bir kurşun kalem üstte bir koni ve birkaç silindirin basit bir kombinasyonudur bir kamyon esasen sadece birkaç silindirle değiştirilmiş bir küptür tekerlekler için ama bu kadar değil hatta insan vücudu bile basit şekillere indirgenebilir bu yüzden bu beş temel şekli gölgelendirmenin nasıl yapılacağını anlamak çok önemlidir çünkü bunu anladığınızda neredeyse her şeyi çizebilirsiniz
🇬🇧 English
there are a few simple rules you can follow to ensure good shading for Cube It's one side one color why is that because every side of the cube is flat and the only thing that matters is the angle of this side to the light source in this case it's on the top left side so the top side will be in the light tone the left side we can leave in the mid tone and the far side should be in the shadow tone if you want to increase the contrast of your lights and shadows you can certainly do so but the basic premise stays the same one color per one side a lot of beginners will try to create something like this thinking it's correct because the light source is coming from the top left and naturally the light should be strongest near the source of the light and then fade out slowly this isn't how the light works you really need to have only one side in one color for the cubes because remember all that matters is the angle of the side of the cube to the light source that's all that matters
🇹🇷 Türkçe
Küp için iyi gölgeleme sağlamak amacıyla takip edebileceğiniz birkaç basit kural vardır. Bir yüzey bir renk, neden çünkü küpün her yüzü düzdür ve önemli olan tek şey bu yüzeyin ışık kaynağına olan açısıdır. Bu durumda üst sol taraftadır, bu yüzden üst yüzey açık tonlarda olacak, sol yüzey orta tonlarda bırakılabilir ve uzak yüzey gölge tonunda olmalıdır. Eğer ışık ve gölgelerin kontrastını artırmak isterseniz kesinlikle yapabilirsiniz ama temel prensip aynı kalır: bir yüzey bir renk. Birçok yeni başlayan kişi bunun doğru olduğunu düşünerek böyle bir şey yaratmaya çalışacaktır çünkü ışık kaynağı üst sol tarafından geliyor ve doğal olarak ışık kaynağına en yakın yerde en güçlü olmalı ve sonra yavaş yavaş solmalı. Bu, ışığın çalışma şekli değildir. Gerçekten de küplerin yalnızca bir yüzeyinin bir renk olması gerekir çünkü unutmayın, önemli olan tek şey küpün yüzeyinin ışık kaynağına olan açısıdır, hepsi bu kadar.
🇬🇧 English
in pixel art you'll be often shading as spherical objects meaning a rounded object the first thing you need to decide is where the light source is in this case it's going to be on the top left side then you need to define the light area and even this by itself should be enough if you really want to add more tones you can certainly do so but be careful not to overdo it if you overdo it and introduce too many tones even though you can do it I don't think you really should because this is no longer pixel art in pixel art we are trying to simplify everything and that includes the color palette
🇹🇷 Türkçe
piksel sanatında sık sık küresel nesneler gibi gölgelendirme yapacaksınız yani yuvarlak bir nesne ilk yapmanız gereken şey ışık kaynağının nerede olduğunu karar vermektir bu durumda üst sol tarafta olacak sonra ışık alanını tanımlamanız gerekir ve bunu bile tek başına yeterli olmalı gerçekten daha fazla ton eklemek istiyorsanız kesinlikle yapabilirsiniz ama dikkatli olun abartmayın eğer abartırsanız ve çok fazla ton eklerseniz yapabilirsiniz ama gerçekten yapmamalısınız çünkü bu artık piksel sanatı değil piksel sanatında her şeyi basitleştirmeye çalışıyoruz ve bu da renk paletini içerir
🇬🇧 English
and that's the most important principle dividing into two rules if a surface is flat use one color if a surface is rounded use multiple colors in the direction of the curvature so if you Noti this that the sphere is rounded in all directions which is why you get millions of colors on a sphere if you overdo it and this is why it's important to simplify things in pixel art but it's rounded in all directions so starting from the light it will fade towards the shadow in all directions but in cylinder is a bit different it's not rounded in all directions it's round only in one so it's curving from left to right meaning horizontally which is why it's shifting colors horizontally and only under rounded portion but since it's flat from top to bottom specifically for this middle section it will use only one color vertically and this is why we get these Stripes of color so if you understand this basic principle flat surface one color rounded surface multiple colors you'll be good to go
🇹🇷 Türkçe
ve bu, iki kurala bölünen en önemli ilkedir; eğer bir yüzey düzse bir renk kullanın, eğer bir yüzey yuvarlaktırsa eğrilik yönünde birden fazla renk kullanın; böylece, bunu fark ettiğinizde, küre tüm yönlerde yuvarlaktır, bu yüzden bir küre üzerinde milyonlarca renk görürsünüz, eğer aşırıya kaçarsanız ve bu yüzden piksel sanatında işleri basitleştirmenin önemli olduğunu gösterir; ama o tüm yönlerde yuvarlaktır, bu yüzden ışık kaynağından başlayarak gölgeye doğru tüm yönlerde solmaya başlar, ama silindirde biraz farklıdır, tüm yönlerde yuvarlak değildir, yalnızca bir yönde yuvarlaktır, soldan sağa doğru eğridir, bu da renkleri yatay olarak kaydırdığı anlamına gelir ve sadece yuvarlanan kısımda, ama üstten alta düz olduğu için, özellikle bu ortadaki bölümde, yalnızca bir renk kullanır ve bu yüzden bu renk şeritleri oluşur; bu temel ilkeleri anladıysanız, düz yüzey bir renk, yuvarlak yüzey ise çoklu renkler, iyi gidiyorsunuz.
🇬🇧 English
shading a cylinder should be straightforward if you know just two simple rules and because cylinders are used a lot of times when creating organic things like humans for example it's really important to learn these two rules so first you need to understand the structure of the cylinder we have two flat sides on the top and on the bottom which is invisible and they are connected with this curvature in the middle the cubes since they are flat will only use one color per side and sphere since it's rounded will use multiple colors but in the curvature of the direction from the light source and since cylinders are a combination of both meaning they have a flat and rounded surface we will use only one color to represent the flat side and we will use multiple colors to indicate the roundness of the cylinder starting from the light source and then curving away into the Shadows
🇹🇷 Türkçe
Bir silindiri gölgelendirmek basit olmalı eğer sadece iki basit kuralı biliyorsanız ve çünkü silindirler sık sık kullanılırken organik şeyler yaratırken örneğin insanlar gibi bu iki kurali öğrenmek gerçekten önemli ilk olarak silindirin yapısını anlamanız gerekir silindirin üstte ve altta olmak üzere iki düz yüzü vardır ki bunlar görünmezdir ve bunlar bu eğrilikle bağlanmıştır ortada küpler çünkü düz olacaklar sadece bir renk kullanacaklar her yüz için ve küre çünkü yuvarlak olacaklar birden fazla renk kullanacaklar ama eğrilikteki yön ışık kaynağından ve silindirler her ikisinin birleşimi olduğu için yani düz ve yuvarlak yüzeye sahip oldukları için sadece bir renk kullanacağız düz yüzeyi temsil etmek için ve birden fazla renk kullanacağız silindirin yuvarlaklığını göstermek için ışık kaynağından başlayıp gölgeye doğru eğrilerek uzaklaşan.
🇬🇧 English
okay now that you know the basic principle of shading which is one color for flat sides and multiple colors for a curved side what about cones a cone is nothing more than a cylinder which is tapering on one side towards the point it still has one flat side which is not visible in this specific case but it's here on the bottom and if it was seen we would shade it in one color just like a cylinder but since we can only see this rounded portion which I want to showcase since this entire section is curved we want to use multiple colors starting from the light and going towards the Shadows but notice the big difference between these two since the cylinder has two flat sides on the top and on the bottom we have these Stripes of color but since cone is angled towards the point the shadows will also be angled towards the point so we are still honoring the basic principle multiple colors in the direction of the curvature but it's only going to be one color if the surface is straight or flat in a single Direction meaning in this case from the bottom to the top
🇹🇷 Türkçe
Tamam, şimdi gölgelemenin temel prensibini bildiğine göre, yani düz yüzler için tek renk ve eğimli yüzler için birden fazla renk, koniler hakkında ne düşünüyorsun? Bir koni, sadece bir tarafı uca doğru incelenmiş bir silindirdir, yine de bir düz yüzü vardır ki bu özel durumda görünmüyor ama burada altta yer alır ve eğer görünseydi, onu da silindirde olduğu gibi tek bir renkle gölgelerdik. Ama biz sadece bu yuvarlak kısmı görebildiğimiz için, bu bölümü göstermek istiyorum çünkü bu tüm bölüm eğimlidir, bu yüzden ışık kaynağından başlayıp gölgelere doğru ilerleyen çoklu renkler kullanmak istiyoruz. Ama bu ikisi arasındaki büyük farkı fark et; silindirin üstte ve altta olmak üzere iki düz yüzü vardır, bizde ise bu renk şeritleri bulunur. Ama koni, uca doğru eğimli olduğu için gölgeler de uca doğru eğimli olur, bu yüzden temel prensibe saygı gösteriyoruz; eğriliğin yönünde çoklu renkler, ama yüzey düz veya yatay ise, yani bu durumda alttan üste doğru, tek bir renkle gölgelendirilir.
🇬🇧 English
and finally the last geometric shape to learn is Pyramid It's a combination between a cube and a cone meaning all the sides are flat just like an a cube but it tapers towards the point on one side just like a cone shading is very simple since sides are flat we use only one color per side taking into consideration where exactly is the light source and the common mistake I see from the beginners is that if the light source is from above for example they will do something like this create a gradient of light and Shadow why is this wrong it's because the only thing that matters for flat surfaces is the angle at which they are looking at the light source or if you want to put it in the other way the angle at which the light source is hitting them since the light source is directly above the pyramid both of these surfaces have the same angle towards the light source meaning they will be both in the same tone
🇹🇷 Türkçe
ve sonunda öğrenilecek en son geometrik şekil Piramit. Bu bir küp ve koni arasındaki kombinasyondur, yani tüm kenarlar düzdür tıpkı bir küp gibi ama bir tarafta noktaya doğru incelir tıpkı bir koni gibi gölgeleme çok basittir çünkü kenarlar düzdür sadece bir renk kullanılır her bir yüz için ışık kaynağının tam olarak nerede olduğunu dikkate alarak ve yeni başlayanların sık yaptığı yaygın hata ise eğer ışık kaynağı yukarıdan geliyorsa örneğin böyle bir şey yaparlar ışık ve gölge gradyanı oluştururlar neden bu yanlıştır çünkü düz yüzeyler için önemli olan tek şey ışık kaynağına bakış açısıdır veya başka bir deyişle ışık kaynağının onları vurduğu açı çünkü ışık kaynağı doğrudan piramitin üzerinde ise bu iki yüzey ışık kaynağına aynı açıyla bakar yani aynı tonlarda olacaklardır.
🇬🇧 English
pillow shadding is one of the most common beginner mistakes in pixel art the term comes from shadding pillow specifically in case where the light source is directly coming from the camera meaning you are the light source not only is this a bit unnatural because we are not the light source unless you are in the dark having a flashlight but also the lighting is very boring and while this could work on the pillows in this specific case it doesn't work on other shapes and it is characterized by having a light tone in the middle and bands of Shadows towards the edges let me show you two examples first you have this exagonal shape with some light in the middle but in fact this should be a cube but because the shedding is so poor it loses its readability it loses its shape and three-dimensionality this is why we have those basic rules for shading the other example is where every side of the cube is shaded like a pillow you have light in the middle and then shadows as it goes away from the light so please always stick to the basic principles of shedding that I've mentioned in the previous videos
🇹🇷 Türkçe
Yastık gölgelemesi, piksel sanatında en yaygın yeni başlayan hatalardan biridir, terim özellikle ışık kaynağının doğrudan kameradan geldiği durumda gölgeleme yastığı anlamına gelir, bu durumda siz ışık kaynağısınız, bu sadece biraz doğa dışı çünkü biz ışık kaynağı değiliz, ışık feneriyle karanlıktaysanız hariç, ayrıca aydınlatma çok sıkıcıdır ve bu durum bu özel durumda yastıklarda işe yarayabilir, ancak diğer şekillerde işe yaramaz ve ortada hafif ton ve kenarlara doğru gölgelerin bantlarıyla karakterizedir, size iki örnek göstereyim, ilk olarak bu altıgen şekil var ortasında biraz ışıkla ama aslında bu bir küp olmalıydı, ama gölgeleme o kadar kötü ki okunabilirliğini kaybeder, şeklini ve üç boyutluluğunu kaybeder, bu yüzden gölgeleme için temel kurallarımız vardır, diğer örnek ise küpün her yüzeyinin gölgelendiği yastık gibi, ortada ışık var ve sonra gölgeler ışık uzaklaştıkça, bu yüzden lütfen her zaman önceki videolarda bahsettiğim gölgeleme temel ilkelerine bağlı kalın.
🇬🇧 English
now let's look at a very familiar scene from the Pokémon Red notice where the Highlight is here on the edge of the table even though this is not realistic lighting and where the Highlight would be it still works and since human face is very complex you'll find lots of different shapes and places where you can find highlights here we have a couple of portraits from Chrono Trigger I decided to use this to honor Akira Toyama and here we can find highlights here on the nose if you know that dot on the nose that you'll always find on portraits but you can also find it here on the cheeks on the forehead and so on so the main takeaway from highlights in pixel art specifically is that you can use them to push your shading a bit more towards the realistic side but you can also use them to define the shape more clearly especially if your color palette count is very low regardless of your choice keep in mind that as long as it looks good it's all fine
🇹🇷 Türkçe
Şimdi Pokémon Kırmızı notundan çok tanıdık bir sahneye bakalım, burada Vurgunun burada, masanın kenarında olduğu görülüyor, bu gerçekçi olmayan aydınlatmaya rağmen ve Vurgunun nerede olacağına rağmen yine de işe yarıyor ve insan yüzü çok karmaşık olduğu için burada birçok farklı şekil ve yer bulabilirsiniz ve burada Vurguları bulabilirsiniz, burada Chrono Trigger'dan birkaç portre var, bunu Akira Toyama'yı onurlandırmak için kullanmaya karar verdim ve burada burun üzerinde Vurguları bulabiliriz, burundaki o noktayı biliyorsanız, portrelerde her zaman bulacağınız, ama aynı zamanda yanaklarda, alın üzerinde ve devamında da bulabilirsiniz, bu yüzden piksel sanatında Vurguların ana çıkarımı özellikle şudur: onları kullanarak gölgelendirmeyi biraz daha gerçekçi tarafa itebilirsiniz, ama aynı zamanda şekli daha net tanımlamak için de kullanabilirsiniz, özellikle renk paletinizin sayısı çok düşükse, tercihinize bakmaksızın, aklınızda bulundurun ki, iyi görünüyorsa her şey yolunda.
🇬🇧 English
now that we have covered the basic principles of shading let's talk about highlights and these are very specific in pixel art highlights are a reflection of the light source so if you have an object with sharp edges you can highlight the edge to emphasize it beat on a cube like this a cylinder like this you can even extend the Highlight a little bit into the midtones or even in the shadows which you'll see a bit later or a pyramid but you can also use highlights on rounded objects as well but for this sphere notice how the Highlight is not directly in the middle of this Center light this is because a highlight is a reflection of light towards you so whenever a light rate finds that exact nice angle at which it can directly reflect into your eyes that's where the Highlight will be and lastly you have a cone in this case I'll just place a highlight directly in the middle of the center light
🇹🇷 Türkçe
Şimdi gölgelemenin temel ilkelerini öğrendiğimize göre, parlaklıklar hakkında konuşalım ve bunlar piksel sanatında çok özeldir parlaklıklar ışık kaynağının yansımasıdır bu yüzden keskin kenarları olan bir nesneye sahipseniz kenarı vurgulayabilirsiniz onu vurgulamak için bir küp gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi böyle bir silindirik gibi
🇬🇧 English
Now that we have learned how to shape basic geometric shapes, now we have to expand upon it. First thing you should be doing is trying to combine shapes. Here we have a couple of cylinders, one for the rubber gum, one for the wooden part of the pencil, and yes I know there's a graphite in the middle, but still though for the basic understanding of shapes this is what you should be thinking about, and lastly we have a cone for the tip of the pencil. After you've created some objects by combining shapes, then you need to learn how to start modifying the shapes to fit whatever you need. For example, we have this front part of the truck. I can start by simplifying it into a cube, but then I will start cutting some parts away, specifically this top portion to get the shape that I want. Then on top of it I can introduce some details. And the same thing applies for the wheels or tires. I have just created using this basic cylinder, I have narrowed it down quite a bit, and then I just punched a hole in it. So look up reference images for the things you love drawing the most, and then simplify them into basic shapes, modify the shapes if needed, and then shade them.
🇹🇷 Türkçe
Artık temel geometrik şekilleri nasıl şekillendireceğimizi öğrendiğimize göre, şimdi bunun üzerine genişlememiz gerekiyor. İlk yapmanız gereken şey şekilleri birleştirmeye çalışmaktır. Burada birkaç silindir var, biri kauçuk sakız için, biri kurşun kalemin ahşap kısmı için, ve evet, ortada grafit olduğunu biliyorum, ama yine de şekillerin temel anlaşılması için bu düşünmeniz gereken şeydir, ve son olarak kurşun kalemin ucu için bir koni var. Bazı nesneleri şekilleri birleştirerek oluşturduktan sonra, o nesneleri ihtiyaç duyduğunuz şekilde değiştirmeye nasıl başlayacağınızı öğrenmeniz gerekir. Örneğin, kamyonun ön kısmı var. Bunu bir küp haline basitleştirmeye başlayabilirim, ama sonra bazı parçaları kesmeye başlayacağım, özellikle bu üst kısmı, istediğim şekli almak için. Sonra üzerine bazı detaylar ekleyebilirim. Ve aynı şey tekerlekler veya lastikler için de geçerlidir. Ben sadece bu temel silindiri kullanarak, onu oldukça daralttım, ve sonra içine bir delik açtım. En sevdiğiniz şeyleri çizmek için referans görsellerine bakın, sonra onları temel şekillere basitleştirin, gerekirse şekilleri değiştirin ve sonra gölgelendirin.
🇬🇧 English
Here's how to calculate cast shadows quickly and properly. First, we need to define the position of light source, and we do this by creating two points. One, where exactly the light source is, and the second point is on the ground, which is directly below the light source. Next, we'll define the bottom edges on the cube, and mark them in the same color as the point at the ground. Then we'll cast rays from the point at the ground through each of these points on the cube. Next, we'll cast light rays coming from the light source, but this time directly through the top edges. And a phenomenon will happen. For this side of the cube, notice how two light rays connect, under this specific point right here, and we'll mark that specific point with another color. Then you can clean up the rest, so it doesn't confuse you, and you will do the same thing for the other edges as well. Now you can clean up everything. Now connect this point to its corresponding edge, do this for all other points as well. Then connect the points themselves to each other, and finally fill in the area. That's all. This is how you get a properly calculated cast shadow in relation to the light source.
🇹🇷 Türkçe
İşte hızlı ve doğru bir şekilde gölge hesaplamanın yolu. İlk olarak, ışık kaynağının konumunu tanımlamamız gerekiyor ve bunu iki nokta oluşturarak yapıyoruz. Birincisi, ışık kaynağının tam olarak olduğu nokta, ikincisi ise yerde, ışık kaynağının doğrudan altında olan nokta. Daha sonra, küp üzerindeki alt kenarları tanımlayacağız ve bunları yerdeki noktayla aynı renkte işaretleyeceğiz. Ardından, yerdeki noktadan küp üzerindeki her bir noktaya doğru ışınlar göndereceğiz. Sonra, ışık kaynağından gelen ışınları göndereceğiz, ama bu sefer doğrudan üst kenarların üzerinden olacak şekilde. Ve bir olay gerçekleşecek. Bu küpün bu tarafı için, bu özel noktada iki ışın nasıl bağlanıyor, fark edeceksiniz ve bu özel noktayı başka bir renk ile işaretleyeceğiz. Sonra, sizi karıştırmaması için diğerlerini temizleyebilirsiniz ve diğer kenarlar için de aynı şeyi yapacaksınız. Şimdi her şeyi temizleyebilirsiniz. Şimdi bu noktayı karşılık gelen kenara bağlayın, diğer tüm noktalar için de bunu yapın. Sonra noktaları birbirine bağlayın ve sonunda alanı doldurun. Hepsi bu kadar. Bu, ışık kaynağıyla ilişkili düzgün hesaplanmış bir gölge elde etmenin yolu.
🇬🇧 English
This is a very common technique in pixel art that breaks the rule in traditional art that the darkest light should still be brighter than the brightest shadow. One last great tip when coloring your objects is to reuse your color palette both in light and shadow. This simple box has two sides, one in the light and one in the shadow, and you can easily recognize between these two sides. However, notice how the midtone in the light area is also a highlight tone here in the shadow area, and the shadow tone in the light area is just a midtone in the shadow area. In other words, all of the colors here in the shadow are just shifted by one color within our color palette, with the exception of the darkest color as an outline.
🇹🇷 Türkçe
Bu, geleneksel sanatta en parlak gölge bile en koyu ışık kadar parlak olmalı kuralını bozan piksel sanatta çok yaygın bir tekniktir. Nesnelerinizi boyarken son bir harika ipucu, renk paletinizi hem ışıkta hem de gölgede tekrar kullanmaktır. Bu basit kutunun iki tarafı vardır, biri ışıkta ve biri gölgede, ve bu iki tarafı kolayca ayırt edebilirsiniz. Ancak, ışık alanındaki orta tonun burada gölge alanında bir vurgu tonu olduğunu ve ışık alanındaki gölge tonunun sadece gölge alanında bir orta ton olduğunu fark edin. Başka bir deyişle, gölge içindeki tüm renkler, en koyu renk hariç, renk paletimiz içinde bir renk kaydırmasıyla yer değiştirir, bu en koyu renk ise bir hat olarak kullanılır.
Renk Teorisi ve Paletler (Color Theory & Palettes)
🇬🇧 English
Okay, before we start picking colors and creating our own color palettes, let's just talk about what color actually is. So it's a combination, a formula if you will, of three different things. Saturation, brightness and hue. Here on this rainbow strip you can see all of the colors. This is hue, a red hue meaning red color, blue hue meaning blue color and so on. But that's not enough. If I go to the left side, I will start to desaturate the color, because saturation is the intensity, the vibrancy of the color. So if we remove the saturation, it becomes gray. And finally, if we go up and down, we will influence how much white or black color there is, meaning how bright our color is. So for the example, let's take a brown color. So you can see that the hue is within the orange hue, slightly towards the reddish tone and it's desaturated and darkened. This is how we get a brown color.
🇹🇷 Türkçe
Tamam, renkleri seçmeye ve kendi renk paletlerimizi oluşturmaya başlamadan önce, renk nedir gerçekten onun hakkında konuşalım. Yani, üç farklı şeyin bir kombinasyonu, bir formülü, diyebiliriz. Doygunluk, parlaklık ve ton. Bu gökkuşağı şeridinde tüm renkleri görebilirsiniz. Bu ton, kırmızı ton anlamına gelen kırmızı ton, mavi ton anlamına gelen mavi ton ve devamı. Ama bu yeterli değil. Eğer sola gidersem, renk doygunluğunu azaltmaya başlarım, çünkü doygunluk, rengin yoğunluğu, canlılığıdır. Yani doygunluğu kaldırırsak, gri olur. Ve sonunda, yukarı ve aşağı gidersek, ne kadar beyaz veya siyah renk olduğunu etkileriz, yani rengimizin parlaklığını. Örneğin, bir kahverengi renk alalım. Yani, tonun turuncu ton içinde olduğunu, hafifçe kırmızımsı tona doğru olduğunu ve doygunluğunun azaldığını ve koyulaştığını görebilirsiniz. İşte böyle bir kahverengi renk elde ederiz.
🇬🇧 English
Listen carefully because this is important if you plan on printing your pixel art. The RGB color model uses red, green and blue as primary colors and it's called an additive model because we are combining rays of light into a white color. Your screen right now has red, green and blue emitters of light and if you turn them all on, you will get a white color. So we are combining the colors. This is in case if we are emitting light. And this is great if you only plan on having your art in digital format. However, if you plan on printing it, you will need CMYK model. Here the primary colors are cyan, magenta and yellow. Letter K stands for key or black color. This is called subtractive model because when a white light hits an object, that object will absorb all light except one. So if you have a red apple, once a white light hits that apple, it will absorb all colors except red. Red will be reflected into your eyes and this is why we see the apple as red. And if you overlaid too many colors, that object will absorb all of the light spectrum, meaning we will have only black left. This is how we usually get black color in traditional paintings.
🇹🇷 Türkçe
Dikkatlice dinle çünkü bu önemli eğer piksel sanatını yazdırmayı planlıyorsan. RGB renk modeli kırmızı, yeşil ve mavi'yi temel renkler olarak kullanır ve bu bir katma modelidir çünkü ışık ışınlarını beyaz bir renge karıştırıyoruz. Senin ekranın şu anda kırmızı, yeşil ve mavi ışık yayanlar var ve eğer hepsini açarsan, beyaz bir renk elde edeceksin. Yani renkleri birleştiriyoruz. Bu, eğer ışık yaydığımız durumlar içindir. Ve bu, sadece sanatını dijital formatta tutmayı planlıyorsan harikadır. Ancak, eğer yazdırmayı planlıyorsan, CMYK modeli gerekecektir. Burada temel renkler cam, macenta ve sarıdır. K harfi anahtar veya siyah renk anlamına gelir. Bu, çıkarıcı model olarak adlandırılır çünkü beyaz ışık bir nesneye çarptığında, o nesne tüm ışığı emer, bir tanesi hariç. Yani eğer kırmızı bir elma varsa, beyaz ışık o elmaya çarptığında, tüm renkleri emer, kırmızı hariç. Kırmızı gözlerine yansır ve bu yüzden elmayı kırmızı olarak görürüz. Ve eğer çok fazla renk üst üste bindirirsen, o nesne tüm ışık spektrumunu emer, yani sadece siyah kalırız. Bu, geleneksel resimlerde siyah rengi nasıl elde ettiğimizdir.
🇬🇧 English
The color's value is all about how we humans perceive that color. Some colors we perceive brighter than the others, for example we perceive yellow quite a bit brighter than the blue color, and the way we check the color's value is by transforming it into a grayscale. And how do we do that? Whatever your image is, create a new layer and fill your entire canvas with black color, then double click on that layer, be sure it's on top of everything, and change its mode to color. And then your entire canvas will be in grayscale and then you can check the values how something bright or dark is, and this is especially useful when you are checking the depth of your scene, specifically the difference between the foreground and the background. Understanding values is very important, especially for colorblind people, and if I turn on this color value checker, notice what will happen. They're all the same, they see no difference. All of these colors have the same value, but they are quite different, aren't they?
🇹🇷 Türkçe
Renk değeri, insanların o rengi nasıl algıladıklarıyla ilgilidir. Bazı renkleri diğerlerinden daha parlak algılarız, örneğin sarıyı mavi renkten oldukça daha parlak algılarız ve renk değerini kontrol etme şeklimiz onu gri tonlamaya dönüştürmektir. Ve bunu nasıl yaparız? Resminiz ne olursa olsun, yeni bir katman oluşturun ve tüm tuvali siyah renkle doldurun, sonra o katmana çift tıklayın, emin olun en üstte olsun ve modunu renk yapın. Ve sonra tüm tuvaliniz gri tonlamada olacak ve sonra bir şeyin ne kadar parlak veya koyu olduğunu değerleri kontrol edebilirsiniz, ve bu özellikle sahnenizin derinliğini kontrol ederken, özellikle ön plan ve arka plan arasındaki farkı anlamada faydalıdır. Değerleri anlamak çok önemlidir, özellikle renk körü insanlar için, ve bu renk değeri denetleyicisini açarsam, fark edeceksiniz ki ne olacak. Hepsi aynı, fark göremiyorlar. Bu tüm renkler aynı değere sahip, ama oldukça farklılar, değil mi?
🇬🇧 English
The most common mistake I see pixel art students making when creating color palettes is not hue shifting. As the name suggests, when you are creating your color palette, you must hue shift between midtones. So for this orange color, I will hue shift towards the light source's color, meaning yellow in this case because of the sun. So for the shadow tones, I will just go in the opposite direction from the yellow, in this case towards the blue color or even closer looking towards the red. And the same goes for the darkest shadow as well. And I have here another example of this same color palette but without hue shifting. So observe how this dot on the hue wheel doesn't change at all. And now look at its sprite before and after. This is without hue shifting and this is with hue shifting. Hue shifting brings a lot more life and a tiny bit of realism as well. But because there is a higher contrast in the colors, your sprite will also look more interesting. Without hue shifting, your colors will look very flat and a bit washed out. So be sure to hue shift when you are creating your color palettes.
🇹🇷 Türkçe
En yaygın hata gördüğüm piksel sanatı öğrencilerinin renk paletleri oluştururken yaptığı hue kaydırmama hatasıdır. İsminin de belirttiği gibi, renk paletinizi oluştururken, orta tonlar arasında hue kaydırması yapmalısınız. Bu turuncu renk için, ışık kaynağının rengine doğru hue kaydırması yapacağım, bu durumda güneş nedeniyle sarı. Bu yüzden gölge tonları için, sadece sarıdan zıt yönde gideceğim, bu durumda maviye doğru veya hatta kırmızıya daha yakın bakarak. Aynı şey en koyu gölge için de geçerlidir. Ve burada başka bir örnek var, aynı renk paletinin ama hue kaydırması olmadan. Bu noktayı hue tekerleğinde nasıl hiç değişmediğine dikkat edin. Ve şimdi onun sprite'ına, önce ve sonra bakın. Bu hue kaydırması olmadan ve bu hue kaydırması ile. Hue kaydırması çok daha fazla canlılık ve küçük bir gerçekçilik getirir. Ama renklerde daha yüksek kontrast olduğu için, sprite'ınız da daha ilginç görünecek. Hue kaydırması olmadan, renkleriniz çok düz ve biraz soluk görünecek. Bu yüzden, renk paletleri oluştururken hue kaydırması yapmayı unutmayın.
🇬🇧 English
Let's talk about creating color ramps. The whole point of them is to create a cohesive color palette where we have some multipurpose colors. For example, this white color is a highlight tone not only for this blue color but for this yellow color as well. Likewise, this purple color is a shadow tone not only for these purple and pink colors but also for the blue color as well. And even though this blue color is a midtone between these two colors, it's also a shadow tone for this green color as well. And funnily enough, even this midtone yellow color is a highlight tone for this green color. So when you are creating color palettes, try to find their purpose. We want to create a cohesive color palette but also to optimize it and make it as small as possible. You could consider these multipurpose colors as glue that holds the palette together. You can start with something as simple as black color being the common shadow tone, the darkest shadow tone, for all the colors in the palette, and likewise the same for the white being the brightest.
🇹🇷 Türkçe
Renk rampaları oluşturma hakkında konuşalım. Onların tamamlayıcı amacı, bazı çok amaçlı renklerin olduğu uyumlu bir renk paleti oluşturmaktır. Örneğin, bu beyaz renk sadece bu mavi renk için değil, aynı zamanda bu sarı renk için de bir vurgu tonudur. Aynı şekilde, bu mor renk sadece bu mor ve pembe renkler için değil, aynı zamanda mavi renk için de bir gölge tonudur. Ve hatta bu mavi renk bu iki renk arasında bir orta ton olmasına rağmen, aynı zamanda bu yeşil renk için de bir gölge tonudur. Ve komik bir şekilde, hatta bu orta ton sarı renk bile bu yeşil renk için bir vurgu tonudur. Bu yüzden renk paletleri oluştururken, onların amacını bulmaya çalışın. Uyumlu bir renk paleti oluşturmak istiyoruz ama aynı zamanda onu optimize edip mümkün olduğunca küçük tutmak istiyoruz. Bu çok amaçlı renkleri, paleti bir arada tutan yapıştırıcılar olarak düşünebilirsiniz. Her renkten en koyu gölge tonu olan siyah renk ile başlayabilir, ve aynı şekilde beyazın en parlak renk olması gibi, bu temel olabilir.
🇬🇧 English
In case you don't want to waste time creating your own color palettes and just want to experiment with other people's palettes, you can go to lawspec.com palette list, it's right here, and you can filter a bunch of different palettes depending on tags and number of colors and so on. Likewise, if you go into Aseprite, there's a bunch of different preset colors that you can use if you just want to jump straight into drawing pixel art.
🇹🇷 Türkçe
Eğer zaman kaybetmek istemiyorsanız kendi renk paletlerinizi oluşturmak yerine ve sadece diğer insanların paletleriyle denemek istiyorsanız, lawspec.com palet listesine gidebilirsiniz, buradadır ve etiketlere ve renk sayısına göre çeşitli paletleri filtreleyebilirsiniz ve benzeri. Aynı şekilde, eğer Aseprite'e giderseniz, doğrudan piksel sanatı çizmeye başlamak istiyorsanız kullanabileceğiniz birçok farklı ön ayar renk vardır.
Dithering ve Dokular (Dithering & Texturing)
🇬🇧 English
Dithering is a very specific shading technique in pixel art. Its purpose is to create the illusion of more colors on the screen without actually increasing the color palette size. In the past it was invented only because of technological restrictions, but nowadays it's just a stylistic choice. The most common form you will see is this checkerboard pattern where you take two colors and just create a checkerboard pattern with it, creating this illusion of midtone. You can use it on both flat and rounded objects, and if I use it here on the cylinder, you will notice how the transition between midtones, light and shadows becomes a bit smoother. And if you're still skeptical about its use, I will select this checkerboard pattern and use the blur tool to blur out these colors in order for them to blend. Then I will take this color with the color picker and you will see it's pretty much the same color as up here in the midtone.
🇹🇷 Türkçe
Dithering, piksel sanatta çok özel bir gölgeleme tekniğidir. Amacı, renk paleti boyutunu gerçekten artırmadan ekranda daha fazla renk yanılsaması yaratmaktır. Geçmişte sadece teknolojik kısıtlamalar nedeniyle icat edilmiştir, ama günümüzde sadece stilistik bir tercihtir. En yaygın görülen şekli, iki renk alıp onunla sadece bir dama tahtası deseni oluşturarak orta ton yanılsaması yaratan bu kareli desendir. Hem düz hem de yuvarlak nesnelerde kullanılabilir ve burada silindirde kullanırsam, orta tonlar, ışık ve gölgeler arasındaki geçişin biraz daha yumuşak olduğunu fark edeceksiniz. Ve eğer hala kullanımı hakkında şüpheleriniz varsa, bu kareli deseni seçeceğim ve bulanıklaştırma aracını kullanarak bu renkleri bulanıklaştıracağım, böylece karışacaklar. Sonra bu rengi renk seçici ile alacağım ve göreceksiniz ki, bu renk burada orta tonla neredeyse aynı.
🇬🇧 English
Within the gradient tool you have two options, no dithering and dithering, and within dithering you have bare matrix, each of them are higher and higher, but what do these numbers mean? Luckily, it's quite simple. These numbers represent a size of a tile used for a specific pattern. For example, 2x2 bare matrix means that we are using tiles which are 2x2 pixels in size. Starting from the middle we have this checkerboard pattern, which I'm sure you can recognize right here in the middle. Then if we go to the left towards the black color we have 100% black on the left side, but in between we have 75% black color and 25% white, and vice versa for the white side. Now if I use this bare matrix to go over this entire screen, and I go to view, grid and grid settings and place it width and height 2x2, and I activate the grid, you will notice these patterns, 100% black, 75% black, 50-50 checkerboard pattern, 75% white and 100% white.
🇹🇷 Türkçe
Gradyan aracında iki seçenek vardır, dithering olmadan ve dithering ile, ve dithering içinde çıplak matris, her biri daha yüksek ve daha yüksek, ama bu sayılar ne anlama geliyor? Neyse ki, oldukça basit. Bu sayılar belirli bir desen için kullanılan karo boyutunu temsil eder. Örneğin, 2x2 çıplak matris, 2x2 piksel boyutunda karolar kullandığımız anlamına gelir. Ortadan başlayarak bu satranç tahtası desenini görüyoruz, eminim burada ortada tanıyabilirsiniz. Sonra sola, siyah renge doğru gidersek, sol tarafta %100 siyah var, ama ortada %75 siyah ve %25 beyaz var, ve beyaz taraf için de tam tersi. Şimdi bu çıplak matrisi kullanarak tüm ekranın üzerinden geçersem, görünüm, ızgara ve ızgara ayarlarına giderim ve genişlik ve yükseklik 2x2 yaparım, ve ızgarayı etkinleştirirsem, bu desenleri fark edeceksiniz, %100 siyah, %75 siyah, 50-50 satranç tahtası deseni, %75 beyaz ve %100 beyaz.
🇬🇧 English
There's an easy way how you can create your own dithering pattern. First decide on a bare matrix, meaning how large your tile will be for creating the dithering pattern. The larger the tile, the more complex pattern you can create. In this case I'll use 4x4. Start in the middle and create a perfect 50-50 blend between two colors. In this case it's a checkerboard pattern. Then if I go to the left, I will just keep removing one pixel of the opposite color. In this case I'm going towards a pure white color. So on each tile I'm just removing one extra black pixel and just one by one I keep erasing them until I get pure white color and I can do the same thing for the opposite side as well. But you don't have to use checkerboard pattern. There are plenty of ways how you can start in the middle. For example you can see one of them is here, you can see another one with vertical lines, horizontal lines and so on. So please do experiment.
🇹🇷 Türkçe
Kendi dithering deseninizi oluşturmanın kolay bir yolu var. İlk olarak, çıplak bir matris karar verin, yani dithering desenini oluşturmak için karo ne kadar büyük olacak. Karo ne kadar büyük olursa, o kadar karmaşık desenler oluşturabilirsiniz. Bu durumda 4x4 kullanacağım. Ortada başlayın ve iki renk arasında mükemmel bir %50-50 karışım oluşturun. Bu durumda bu bir dama tahtası deseni. Sonra sola gidersem, sadece karşıt renkten bir pikseli kaldırmaya devam edeceğim. Bu durumda saf beyaz renge doğru gidiyorum. Yani her karo üzerinde sadece bir fazla siyah pikseli kaldırıyorum ve tek tek onları silerek saf beyaz renge ulaşana kadar devam ediyorum ve aynı şeyi karşı taraf için de yapabilirim. Ama dama tahtası deseni kullanmak zorunda değilsiniz. Ortada başlamanın birçok yolu var. Örneğin, bunlardan biri burada, başka biri ise dikey çizgilerle, yatay çizgilerle ve benzeri ile görülebilir. Lütfen denemeler yapın.
🇬🇧 English
An easy way for a beginner to start dithering is to just choose a shape, apply one shadow tone, so you have two tones, one for the light and one for the shadows, then create a checkerboard pattern with these two colors, create a third color for a midtone and shade the object with the said midtone wherever it would go, remember the area of that midtone, select the checkerboard pattern, press CTRL B to create this brush tool, then press G to select the paint bucket tool and click on this midtone area and you will have your dithering effect. This is how you can easily practice where exactly your dithering pattern should go. This also applies to flat surfaces like the cubes and rounded surfaces like spheres. In fact, if I zoom out of this sphere, notice what will happen in Aseprite, it will automatically create a midtone even though I am zoomed out, I am still on the same frame, so if I zoom in you will see the dithering pattern, if I zoom out it will blend it into a single tone. This is how you know the placement of your dithering pattern is good.
🇹🇷 Türkçe
Başlangıç için dithering'e başlamanın kolay bir yolu, sadece bir şekil seçmek, bir gölge tonu uygulamak, böylece iki tonunuz olur, biri ışık için ve biri gölgeler için, sonra bu iki renk ile bir dama tahtası deseni oluşturmak, orta ton için üçüncü bir renk yaratmak ve nesneyi bu söz konusu orta ton ile gölgelendirmek, her gideceği yerde, o orta tonun alanını hatırlamak, dama tahtası desenini seçmek, bu fırça aracını oluşturmak için CTRL B'ye basmak, sonra G'ye basmak ve boya kovası aracını seçmek ve bu orta ton alanına tıklamak ve böylece dithering efektiniz olur. Bu, dithering deseninizin tam olarak nereye gideceğini kolayca pratik yapabileceğiniz yoldur. Bu aynı zamanda küpler gibi düz yüzeylere ve küreler gibi yuvarlak yüzeylere de uygulanır. Aslında, bu küreden uzaklaşırsam, Aseprite'te ne olacağını fark edeceksiniz, otomatik olarak bir orta ton oluşturacaktır, hatta uzaklaştırmış olmama rağmen, hâlâ aynı karedeyim, bu yüzden yakınlaştırırsam dithering desenini göreceksiniz, uzaklaştırırsam onu tek bir tona karıştıracaktır. Bu, dithering deseninizin yerleştirilmesinin iyi olduğunu nasıl bilirsiniz.
🇬🇧 English
Unfortunately, this is not enough. Shading just conveys the information about the shape of the object and of course its relation to the light source. Before we can start creating objects, we also need a texture, a material. And we'll get to study plenty of these when I start covering materials very soon. A basic practice is to create a texture and then wrap it around an object. In this case we have a simple sphere. First create a mid tone for the wood, then add some streaks which are going to be the planks. Since the light source is usually coming above an object, we'll place some highlight tones on the top edge. And then finally we can indicate some wood grains. You don't have to be too precise with this, just relax and have a little bit of fun with it. Experiment. And that's all. This is how we get a very basic wooden texture. But now I have to wrap it around an object. So I can take a sphere, it can be a box, it can be a cylinder, anything. Then we take this basic concept of having few planks and very dark streaks which separate the planks and try to replicate that texture around this sphere.
🇹🇷 Türkçe
Maalesef, bu yeterli değil. Gölgeleme sadece nesnenin şekli hakkında bilgi iletir ve tabii ki ışık kaynağıyla olan ilişkisi hakkında. Nesneleri oluşturmaya başlamadan önce, ayrıca bir doku, bir malzeme de ihtiyaç duyarız. Ve malzemeleri çok yakında ele almaya başladığımda bunlardan bolca öğreneceğiz. Temel bir pratik, bir doku oluşturmaktır ve sonra onu bir nesneye sararsınız. Bu durumda basit bir küreye sahibiz. İlk olarak ahşap için orta ton oluşturun, sonra bazı çizgiler ekleyin ki bunlar tahta plakaları olacak. Işık kaynağı genellikle bir nesnenin üstünden geldiği için, üst kenara bazı vurgulama tonları yerleştireceğiz. Ve sonra sonunda bazı ahşap damarlarını gösterebiliriz. Bu konuda çok hassas olmanıza gerek yok, sadece rahatlayın ve biraz eğlenin. Deney yapın. Ve hepsi bu. Bu şekilde çok temel bir ahşap doku elde ederiz. Ama şimdi onu bir nesneye sarmam gerekiyor. Bu yüzden bir küre alabilirim, bu bir kutu olabilir, bir silindir olabilir, herhangi bir şey. Sonra, birkaç tahta ve tahta ayıran çok koyu çizgiler içeren bu temel kavramı alıyoruz ve bu dokuyu bu küre etrafında taklit etmeye çalışıyoruz.
Kareler ve Tileset'ler (Tiles & Tilesets)
🇬🇧 English
Wanna save a lot of time in game development? Better learn how to create tiles. A tile is a rectangular sprite that can be reused as much as needed in order to quickly create landscapes and it also uses less resources. Here's a Pokemon Gold stage and if you observe closely, you will notice patterns that repeat. These are all tiles. And this entire scene is made of them. And if I turn on the grid, it will be even easier to see and recognize. Some of them are used more often and some of them are used less, of course, but these are all tiles. Have you ever noticed these in your favorite games?
🇹🇷 Türkçe
Oyunda geliştirmede çok zaman kazanmak mı istiyorsun? Daha iyi nasıl karo oluşturulacağını öğren. Bir karo, ihtiyaç duyulduğu kadar tekrar kullanılabilen dikdörtgen bir sprite'tır ve bu da manzaraları hızlıca oluşturmak için kullanılır ve aynı zamanda daha az kaynak kullanır. İşte bir Pokemon Altın sahnesi ve yakından gözlemlediğinde, tekrar eden desenleri fark edeceksin. Bunlar hepsi karolardır. Ve bu tüm sahne onlardan yapılmıştır. Ve eğer ızgarayı açarsam, görmek ve tanımak daha da kolaylaşacaktır. Bazıları daha sık kullanılır ve bazıları daha az kullanılır, tabii ki, ama bunlar hepsi karolardır. En sevdiğin oyunlarda hiç fark ettin mi bunları?
🇬🇧 English
A common problem with tiles is that you can easily see their pattern. The most common mistake is having seams. Seams occur in a tile when you are creating a texture in the middle of a tile and because all of the texture is in the middle of a tile you will get these seams, these streaks which are very obvious and you can notice them at a glance. The easy way to fix this and create seamless tiles is to overlap this texture near the edges and with a little bit of work those tiles become seamless. Yes you can still notice patterns if you pay close attention but it's very difficult to see.
🇹🇷 Türkçe
Karo ile ilgili yaygın bir sorun, desenlerini kolayca görebilmenizdir. En yaygın hata dikişlerin olmasıdır. Dikişler, bir karoda doku oluştururken meydana gelir ve tüm doku karonun ortasında olduğundan bu dikişler, bu çizgiler oldukça belirgindir ve bir bakışta fark edilebilirler. Bunu düzeltmenin ve kusursuz karolar oluşturmanın kolay yolu, bu dokuyu kenarlara yakın üst üste bindirmektir ve biraz çalışma ile bu karolar kusursuz hale gelir. Evet, dikkatli bakarsanız desenleri yine fark edebilirsiniz, ancak görmek çok zordur.
🇬🇧 English
A tileset is a collection of tiles that you can use to create your game. On the screen you can see tilesets from Pokemon Gold, one of my favorite games that I used to play, and it uses tiles of 8x8 pixels in size. As you can see, once you bring a lot of different tiles together, you can create a lot of different combinations and you can create entire maps just made out of these tiles. When you are creating tilesets for your own game, you have to think about their purpose. What do you need and what you don't need, so you don't waste unnecessary time. For example, if you have a ground and water as your base tiles, will these two connect? And if the answer is yes, you need to think about transitioning tiles between these two biomes so to speak. Because when you make these transitions, your world looks fuller, it looks bigger, it looks more fulfilled. Even here in Pokemon Gold you can see even though they do have a specific tile for water and grass, due to the perspective they still have these transitioning tiles that creates this illusion of depth.
🇹🇷 Türkçe
Bir karolar seti, oyununuzu oluşturmak için kullanabileceğiniz karoların koleksiyonudur. Ekranda Pokemon Altın'dan karolar setlerini görebilirsiniz, bu benim favori oyunlarımdan biridir ve oynadığım bir oyundur, ve 8x8 piksel boyutunda karolar kullanır. Gördüğünüz gibi, birçok farklı karoyu bir araya getirdiğinizde, birçok farklı kombinasyon oluşturabilirsiniz ve sadece bu karolardan yapılmış tüm haritalar oluşturabilirsiniz. Kendi oyununuz için karolar setleri oluştururken, amaçlarını düşünmelisiniz. Neye ihtiyacınız var ve neye ihtiyacınız yok, böylece gereksiz zaman kaybetmezsiniz. Örneğin, eğer zemin ve suyu temel karolarınız olarak kullanıyorsanız, bu ikisi bağlanır mı? Ve eğer cevap evet ise, bu iki biyom arasında geçiş karolarını düşünmeniz gerekir sözde. Çünkü bu geçişleri yaptığınızda, dünyanız daha dolu görünür, daha büyük görünür, daha doyurulmuş görünür. Hatta Pokemon Altın'da bile, su ve çimen için belirli bir karo olmasına rağmen, perspektif nedeniyle, bu geçiş karolarına sahipler ve bu derinlik illüzyonunu yaratır.
🇬🇧 English
There's a difference between a tile set and a tile map. A tile set is a set of unique tiles and a tile map is a map made out of tiles. So this would be a tile set, as you can see every tile is different, and this is a tile map where you can see a lot of copies of the same tile.
🇹🇷 Türkçe
Bir karo seti ile karo haritası arasında fark vardır. Bir karo seti benzersiz karoların setidir ve bir karo haritası karolardan yapılmış bir haritadır. Yani bu bir karo setidir, çünkü görebileceğiniz gibi her karo farklıdır, ve bu bir karo haritasıdır, burada aynı karodan çok sayıda kopya görebilirsiniz.
🇬🇧 English
Sometimes you just want to add some variety into your tile set if your tiles that looks like this and it's very plain That's totally fine. And if you want to create more details, there are two ways to go about it This is the first one keep the tileset the same but on a layer above it Add some details as a separate objects that way you can move them around and you have more flexibility Another way would be to create variation tiles This is essentially just taking a tile duplicating it and changing something in the middle It can be something as obvious as these gems But it can also be something less obvious For example, these tiles are a wall of faces and they can be combined between each other as I wish for example These two top tiles are the same but the tiles below are different and you can even notice the same face right here Which is a little bit different on the left side, but nonetheless the edges of a tile are same So the way they connect the way you create seamless tiles is that you overlap the details on the edges and you only change the middle This is why it's important to know how seamless tiles are created because then you can create variation tiles on top of them
🇹🇷 Türkçe
Bazen sadece karo setinize biraz çeşitlilik eklemek istersiniz eğer karolarınız böyle görünüyorsa ve çok sade ise bu tamamen sorun değil. Ve daha fazla detay yaratmak istiyorsanız, iki yol vardır. Bu ilk yol, karo setini aynı tutmak ama onun üzerinde bir katmanda, detaylar eklemek, ayrı nesneler olarak, böylece onları hareket ettirebilir ve daha fazla esneklik kazanabilirsiniz. Bir diğer yol ise varyasyon karo oluşturmak olur. Bu esasen sadece bir karoyu almak, çoğaltmak ve ortasında bir şey değiştirmektir. Bu, bu değerli taşlar kadar bariz olabilir, ama aynı zamanda daha az belirgin bir şey de olabilir. Örneğin, bu karolar bir yüzler duvarıdır ve birbirleriyle istediğim gibi birleştirilebilirler. Örneğin, bu iki üst karolar aynıdır ama alttaki karolar farklıdır ve hatta burada aynı yüzü fark edebilirsiniz. Bu biraz sol tarafta farklıdır, ama yine de bir karonun kenarları aynıdır. Yani, onları bağlama ve kusursuz karolar oluşturma şekli, detayları kenarlarda üst üste bindirmektir ve sadece ortayı değiştirirsiniz. Bu yüzden, kusursuz karoların nasıl oluşturulduğunu bilmek önemlidir çünkü sonra onların üzerine varyasyon karolar oluşturabilirsiniz.
Doğa ve Bitkiler (Nature & Foliage)
🇬🇧 English
By far the easiest and fastest way to create foliage in Aseprite is to create a basic shape with few leaves. Let's start with only 4. Then select this shape and press CTRL B to prompt the paintbrush tool in Aseprite. Make sure paintbrush is selected here. Then starting from the darkest shadow tone in our color palette, we will create a basic shape for our foliage. Remember to click it a few times on the edges. Then as we travel up along this color palette towards lighter tones, we will use less and less clicks. Suppose the light tone is coming from the top left, we will focus our attention on the top left corner. Let's go to a lighter tone, use less clicks, again targeting this layer. Even lighter tone, even fewer clicks. And finally the highlight tone, even less clicks. And now if I zoom out, you can see this is a quickly created bush that we can use anywhere that we want.
🇹🇷 Türkçe
Aseprite'te yapraklık oluşturmanın en kolay ve en hızlı yolu, birkaç yaprakla temel bir şekil oluşturmaktır. Sadece 4 ile başlayalım. Sonra bu şekli seçin ve Aseprite'te boya fırçası aracını çağırmak için CTRL B'ye basın. Burada boya fırçasının seçili olduğundan emin olun. Sonra, renk paletimizdeki en koyu gölge tonundan başlayarak, yapraklığımız için temel bir şekil oluşturacağız. Kenarlarda birkaç kez tıklamayı unutmayın. Sonra, bu renk paletinde daha açık tonlara doğru yukarı giderken, tıklama sayısını giderek azaltacağız. Farz edelim ki, açık ton yukarı sol tarafından geliyor, dikkatimiz yukarı sol köşeye odaklanacak. Daha açık bir tona geçelim, daha az tıklayalım, tekrar bu katmana odaklanıyoruz. Daha da açık bir ton, daha da az tıklama. Ve sonunda, vurgulama tonu, daha da az tıklama. Ve şimdi yakınlaştırmayı kaldırırsam, görebilirsiniz ki bu hızla oluşturulmuş bir çalıdır ve istediğimiz her yerde kullanabiliriz.
🇬🇧 English
You can quickly create a great looking grass style just by following these few steps. First, create two tones, one for the light and one for the shadow. Then refine the edges a little bit so it resembles bundles of grasses or even some leaves. Then on the light area, separate each of these bundles with a shadow tone and refine it even a bit more with a mid tone on this lighter area. On each of these spaces between, add some highlights and with this, the first row of grass is finished. Now to create the second layer of grass beneath it, use the shadow tone as the base tone and use this lighter tone as a highlight tone on this here. Finally, you can add the third layer just by using one shadow tone and that's all. Now to refine this into a tile, I will cut both of the edges and fill in the area so we get a rectangular tile. And in a new file, I can just copy paste this entire pattern, fill the bottom area with the shadow tone and just like that, we get a great looking grass style for platformers with even some angled perspective.
🇹🇷 Türkçe
Hızlıca harika görünen bir çim tarzı oluşturabilirsiniz sadece bu birkaç adımı takip ederek. İlk olarak, iki ton oluşturun, biri ışık için ve biri gölge için. Sonra kenarları biraz daha detaylandırın böylece ot demetlerine veya hatta bazı yapraklara benzer hale gelir. Sonra, ışık alanında, bu demetlerin her birini gölge tonu ile ayırın ve biraz daha detaylandırın bu daha açık alanda orta ton ile. Bu boşlukların her birine, bazı vurgular ekleyin ve böylece ilk sıralı çim tamamlanmış olur. Şimdi, onun altında ikinci bir çim katmanı oluşturmak için, gölge tonunu temel ton olarak kullanın ve bu daha açık tonu burada bir vurgulama tonu olarak kullanın. Son olarak, üçüncü katmanı sadece bir gölge tonu kullanarak ekleyebilirsiniz ve bu kadar. Şimdi, bunu bir karo haline getirmek için, her iki kenarı da kesin ve alanı doldurun böylece dikdörtgen bir karo elde ederiz. Ve yeni bir dosyada, bu tüm deseni kopyala yapıştır yapabilir, alt alanı gölge tonu ile doldurabilir ve işte böyle, platformcular için güzel görünen bir çim tarzı elde ederiz hatta biraz eğimli perspektifle.
🇬🇧 English
If you want foliage with bigger leaves, you need to start with bigger shapes. Always start with only two tones, light and shadow tone, because this is what will define the shape language of your entire sprite. Then to create more depth, decide which leaves are going to be in the forefront and which are going to be in the background. As you can see, these leaves on the bottom will be a bit behind because they don't catch as much light, so they are in the shadow. Likewise, these bigger leaves have a curvature to them and whenever they connect here on the middle portion, I will also darken them a little bit. Then to add some details, I will use a mid tone to create just a little bit of shadow and textures. And finally, you can add some highlights, notice how they go on the middle here, there's a sort of a crown, if you will, and you can target just roughly the middle of each of these leaves. Now you can put this foliage in a pot or we can use it here on this image, here on the edges because the leaves are quite a bit bigger than the ones here on the grass, we will use them here in the foreground. And as you can see, this also adds quite a bit of depth to this entire image as well.
🇹🇷 Türkçe
Daha büyük yapraklara sahip yapraklar istiyorsanız, daha büyük şekillerle başlamalısınız. Her zaman sadece iki tonla başlamalısınız, ışık ve gölge tonu, çünkü bu, tüm sprite'ınızın şekil dilini tanımlayacaktır. Sonra daha fazla derinlik yaratmak için, hangi yaprakların ön planda olacağını ve hangi yaprakların arka planda olacağını karar verin. Gördüğünüz gibi, altındaki yapraklar biraz geride olacak çünkü çok fazla ışık yakalamıyorlar, bu yüzden gölgedeler. Aynı şekilde, bu daha büyük yapraklar bir eğriliğe sahip ve burada ortadaki bağlantı noktalarında, onları biraz daha karartacağım. Sonra bazı detaylar eklemek için, biraz gölge ve dokular yaratmak için orta ton kullanacağım. Ve sonunda, bazı vurgular ekleyebilirsiniz, dikkat edin, burada ortada bir tür taç var, eğer isterseniz, ve her bir yaprağın yaklaşık ortasını hedefleyebilirsiniz. Şimdi bu yaprakları bir saksıya koyabilirsiniz veya bu resimde burada, kenarlarda kullanabiliriz çünkü yapraklar burada çimdekilerden oldukça daha büyük, onları ön planda kullanacağız. Ve gördüğünüz gibi, bu da tüm bu görüntüye oldukça fazla derinlik katıyor.
🇬🇧 English
Drawing clouds in pixel art is very easy. One of the ways is to keep the bottom flat and you just keep on stacking spheres on top of it. If you focus on this area over here, this is the light side of this sphere and this is its shadow side. And you really don't need a lot of colors to make different cloud shapes. And best of all, because these are clouds, you really can't go wrong with shapes because clouds come in all shapes and sizes. If you look at Albo here in the background, you can see a bunch of different shapes and lines and squiggles which are all clouds. When a layer closer, they're a bit more defined and as they come closer to us, they have more and more details. But even these large clouds, if you focus on them, you can only see 3 colors. One for the shadow, one for the light and one for the midtone. So you don't need a lot of colors to create awesome clouds.
🇹🇷 Türkçe
Pikselli sanatla bulutlar çizmek çok kolaydır. Bir yöntem, altını düz tutmak ve üzerine sürekli olarak küreler yığmaktır. Eğer burada bu alana odaklanırsanız, bu bu kürenin ışık tarafıdır ve bu gölge tarafıdır. Ve gerçekten farklı bulut şekilleri yapmak için çok fazla renge ihtiyacınız yoktur. Ve en iyisi, çünkü bunlar bulutlardır, şekillerle gerçekten yanlış yapamazsınız çünkü bulutlar her şekil ve boyutta gelirler. Eğer Albo'ya burada arka planda bakarsanız, çeşitli şekiller ve çizgiler ve zikzaklar görebilirsiniz ki hepsi bulutlardır. Bir katman daha yakın olduğunda, biraz daha tanımlıdırlar ve bize daha yaklaştıkça, daha fazla detayları vardır. Ama bu büyük bulutlar bile, onlara odaklanırsanız, sadece 3 renk görebilirsiniz. Birisi gölge için, biri ışık için ve biri orta ton için. Yani, harika bulutlar yaratmak için çok fazla renge ihtiyacınız yoktur.
🇬🇧 English
In one of the previous videos I've talked about how you can create simple clouds, but these are individual clouds, what about cloud masses like these ones? Well it's quite easy actually. Start with the color of the sky and use a large round brush in white color to stamp out the first layer of clouds. Then reduce the brush size and repeat the process until you are satisfied. Once you have the base layer completed, now you want to use atmospheric perspective. All that means is you are taking the color of the cloud and trying to blend it with the color of the sky, layer by layer. So for each of these layers you can see we are getting closer and closer to the color of the sky. Once you are happy with the layers you can add some extra flare with some extra details and these can range anywhere from simple pixels to squares, small and large circles and so on. These types of clouds are very useful for illustration purposes.
🇹🇷 Türkçe
Önceki videolardan birinde basit bulutlar nasıl oluşturulur hakkında konuştum, ancak bunlar bireysel bulutlar, peki ya bu tür bulut kütleleri hakkında ne düşünüyorsunuz? Aslında oldukça kolaydır. Gökyüzü renginden başlayın ve beyaz renkte büyük yuvarlak bir fırça kullanarak ilk katman bulutları damgalayın. Sonra fırça boyutunu küçültün ve memnun kalana kadar işlemi tekrarlayın. Temel katmanı tamamladıktan sonra, şimdi atmosferik perspektif kullanmak istiyorsunuz. Bu, sadece bulutun rengini alıp gökyüzü rengiyle karıştırmaya çalışmak anlamına gelir, katman katman. Yani bu katmanların her biri için gökyüzü rengine daha da yaklaştığımızı görebilirsiniz. Katmanlardan memnun olduktan sonra, biraz ekstra detay ve süsleme ekleyebilirsiniz ve bunlar basit piksellerden karelere, küçük ve büyük dairelere kadar herhangi bir şey olabilir. Bu tür bulutlar, illüstrasyon amaçları için çok kullanışlıdır.
Materyaller ve Elementler (Materials & Elements)
🇬🇧 English
Anti-aliasing is an advanced technique in pixel art that we are using to blend the transitions between shapes and lines. When used on a straight line, it creates the illusion of the line becoming thinner on the edges. On curved lines, it creates the illusion of the curvature being a bit more smooth. And it's always good to keep the anti-aliasing on the inside of an object because if you change the background color, that way the anti-aliasing is still there. The color values of the anti-aliased pixels should always be between the two colors which we are anti-aliasing. The best way to start practicing is to create some clouds because they are unpredictable. Use two colors, one for light and shadow. And the third color will be used for anti-aliasing and then try to recognize either the straight lines or the curvatures and use anti-aliasing to blend them. For example, if I recognize this specific shape as a straight line, I can anti-alias one portion of it. Likewise, if I recognize this as a curvature, I can anti-alias the middle of it. And then you just keep on going until your entire sprite is finished.
🇹🇷 Türkçe
Anti-aliasing, şekiller ve çizgiler arasındaki geçişleri harmanlamak için kullandığımız gelişmiş bir piksel sanatı tekniğidir. Düz bir çizgi üzerinde kullanıldığında, çizginin kenarlarının daha ince görünmesini yanılsaması yaratır. Kavisli çizgilerde ise, kıvrımın biraz daha düzgün görünmesi yanılsamasını yaratır. Ve her zaman bir nesnenin iç kısmında anti-aliasing tutmak iyidir çünkü arka plan rengini değiştirirseniz, bu şekilde anti-aliasing hala orada olur. Anti-aliased piksellerin renk değerleri her zaman anti-aliasing yaptığımız iki renk arasında olmalıdır. Pratik yapmaya başlamak için en iyi yol, biraz tahmin edilemeyen bulutlar oluşturmaktır. İki renk kullanın, biri ışık ve gölge için. Ve üçüncü renk anti-aliasing için kullanılacak ve sonra ya düz çizgileri ya da kıvrımları tanımaya çalışın ve onları harmanlamak için anti-aliasing kullanın. Örneğin, bu belirli şekli düz bir çizgi olarak tanırsam, onun bir bölümünü anti-alias yapabilirim. Aynı şekilde, bunu bir kıvrım olarak tanırsam, ortasını anti-alias yapabilirim. Ve sonra tüm sprite tamamlanana kadar devam edersiniz.
🇬🇧 English
There are plenty of ways to create rocks in pixel art, but there is one which is by far the easiest. You only need three colors, one for the light and two for the shadows. The brightest tone will showcase the top portion of the rock, one shadow tone will showcase the bottom left side of the rock, and the darkest shadow will showcase the bottom right side of the rock. If you clean it up, there we go, an easy rock just like that. Even when you want to create larger rocks like this one, the basic process is the same. If I remove the unnecessary details which I've added later, you will still notice there are only three colors used as a base. Because once the base is there, you can easily add details on top of it, you can add extra colors and so on.
🇹🇷 Türkçe
Piksel sanatıyla kaya yaratmanın birçok yolu vardır, ama bunlardan biri en kolay olanıdır. Sadece üç renge ihtiyacınız var, biri ışık için ve ikisi gölgeler için. En parlak ton, kayanın üst kısmını gösterecek, bir gölge tonu kayanın sol alt tarafını gösterecek ve en koyu gölge kayanın sağ alt tarafını gösterecek. Eğer temizlersen, işte bu kadar, kolay bir kaya böyle olur. Bu kadar büyük kayalar yaratmak istediğinizde bile, temel süreç aynıdır. Eklediğim gereksiz detayları kaldırırsam, yine de sadece üç renk kullanıldığını fark edeceksiniz, temel olarak. Çünkü temel orada olduktan sonra, detayları kolayca ekleyebilirsiniz, ekstra renkler ekleyebilirsiniz ve devam edebilirsiniz.
🇬🇧 English
If you want to focus on the outer layer like the tree bark, it's usually good to focus on a rough texture they provide. When close up you can think of tree bark in this specific case as some sort of cylinders that wrap around this sphere and each of them has its light, mid tone and shadow tone. If you replicate this on a tile, you can still see the darker lines separating each of these cylinders where the light is hitting on the top side and the shadow on the bottom side. And this style is useful for a very rough barky texture of a tree house for example. But if you want to practice wooden planks, like cut trees, try to imagine a sphere and planks being on top of it. Remember to curve the texture, you can still see each and every single plank individually and if we apply this on a tile, this is what you'll simply get. Remember that each of these tiles are still separated with a darker line but you are trying to replicate the wooden texture, the wooden grains with some lines. Keep in mind there are plenty of different trees so you might have a lighter wood or a darker wood. Or you might have to have a more polished wood or a more rough texture or even a tree bark like this.
🇹🇷 Türkçe
Eğer dış tabakaya, örneğin ağaç kabuğu gibi, odaklanmak istiyorsanız, genellikle sağladıkları kaba dokunuşa odaklanmak iyidir. Yakınlaştırıldığında, bu özel durumda ağaç kabuğunu, bu küreyi saran bazı silindirlere benzetebilirsiniz ve her birinin ışık, orta ton ve gölge tonu vardır. Eğer bunu bir karoda tekrar ederseniz, yine de bu silindirlerin her birini ayıran daha koyu çizgileri görebilirsiniz, burada ışık üst tarafta vuruyor ve gölge alt tarafta. Ve bu tarz, örneğin bir ağaç evinin çok kaba kabuklu dokusu için faydalıdır. Ama eğer ahşap plakalar, kesilmiş ağaçlar gibi, pratik yapmak istiyorsanız, bir küre ve onun üzerinde plakalar hayal etmeye çalışın. Dokuyu eğmek için hatırlayın, her bir plakanın bireysel olarak görülebileceğini ve eğer bunu bir karoda uygularsanız, bu basitçe elde edeceğiniz şeydir. Unutmayın, bu karoların her biri hala daha koyu bir çizgiyle ayrılmıştır, ama siz ahşap dokusunu, ahşap damarlarını bazı çizgilerle taklit etmeye çalışıyorsunuz. Akılda tutun, pek çok farklı ağaç vardır, bu yüzden daha açık bir ahşap veya daha koyu bir ahşap olabilir. Ya da daha cilalanmış bir ahşaba veya daha kaba bir dokuya veya hatta bu tarz bir ağaç kabuğuna sahip olabilirsiniz.
🇬🇧 English
The best way in pixel art to show that something is made of metal is to include reflections. And we draw those with highlights, usually a white color or something very bright. This is a standard sphere without any extra materials on it and you can see the gradations from light to shadow. In pixel art we usually don't draw reflected light and that's when the light is hitting the ground and bouncing off to target also some of the darker areas of the object. But for metallic materials it's also good to include that. As you can see the darkest area is roughly in the middle where the core shadow would be. The brightest area is usual, but you also have some reflected light. Depending on your color palette you certainly can create multiple different metals. You can think of polished metal as a mirror that reflects the surrounding area. The more polished it is, the more details you would be able to see from its surrounding area. Depending on your resolution you don't have to overdo it because sometimes just a simple highlight will be enough.
🇹🇷 Türkçe
Pixel sanatında bir şeyin metal yapıldığını göstermek için en iyi yol yansımaları içermektir. Ve biz bunları parlaklıklarla çizeriz, genellikle beyaz bir renk veya çok parlak bir şeyle. Bu, üzerinde herhangi bir ek malzeme olmayan standart bir küredir ve ışık ile gölge arasındaki geçişleri görebilirsiniz. Pixel sanatında genellikle yansıtılan ışık çizilmez ve bu, ışığın yere çarpıp hedefe ve ayrıca nesnenin bazı karanlık alanlarına sıçradığı zamandır. Ama metalik malzemeler için de bunu dahil etmek iyidir. Gördüğünüz gibi en karanlık alan yaklaşık ortadadır, burada ana gölge olurdu. En parlak alan genellikle, ama ayrıca biraz yansıyan ışık da vardır. Renk paletinize bağlı olarak kesinlikle farklı metalleri yaratabilirsiniz. Parlak metal, çevresini yansıtan bir ayna gibi düşünebilirsiniz. Ne kadar parlaksa, çevresinden o kadar fazla detay görebilirsiniz. Çözünürlüğünüze bağlı olarak, aşırıya kaçmanıza gerek yok çünkü bazen sadece basit bir parlaklık yeterli olacaktır.
🇬🇧 English
Transparency and highlights. These are all the things you need for your water to look great. Because water is transparent you will be able to see some of the objects beneath the water as long as the water is clear enough and shallow enough. For this scene it means you will be able to see some of these cliffs beneath the surface of the water, but not too deep. And because water is easily influenced by the elements like the air, it will always create some sort of waves or ripples which you can simply indicate with some highlights. So if your water tile is just a simple blue color with no details, just try adding a simple line with a dot which will indicate those reflections from tiny waves. And if you animate these it will be even better.
🇹🇷 Türkçe
Şeffaflık ve vurgular. Bunlar, suyunuzun harika görünmesi için gereken tüm şeylerdir. Çünkü su şeffaftır, su yeterince temiz ve sığ olduğu sürece, suyun altındaki bazı nesneleri görebileceksiniz. Bu sahne için bu, suyun yüzeyinin altında bu kayalıkların bazılarını görebileceğiniz anlamına gelir, ama çok derin değil. Ve çünkü su, hava gibi unsurlardan kolayca etkilenir, her zaman bazı dalgalar veya dalgacıklar oluşturacaktır ki bunları basitçe bazı vurgularla gösterebilirsiniz. Bu yüzden su kartanız sadece detaysız basit bir mavi renk ise, sadece küçük dalgalardan yansıyanları gösterecek basit bir çizgi ve nokta eklemeyi deneyin. Ve bunları hareket ettirirseniz, bu daha da iyi olur.
🇬🇧 English
Drawing snow in pixel art is fairly easy. Start with a basic white color, add some light blue color for the shadow. To add a bit of roughness just add some dots here and there to indicate some roughness or even marks of the animals. And if you want to add more details and depth you can add even an extra color. This by itself though should be enough because you only need white color and a little bit of blue to indicate that something is happening on the snow.
🇹🇷 Türkçe
Pixellerde kar çizmek oldukça kolaydır. Temel olarak beyaz bir renk ile başlayın, gölge için biraz açık mavi renk ekleyin. Biraz pürüzlülük eklemek için burada ve orada bazı noktalar ekleyin, bazı pürüzlülükleri veya hatta hayvanların izlerini göstermek için. Ve daha fazla detay ve derinlik eklemek istiyorsanız, hatta ekstra bir renk bile ekleyebilirsiniz. Ancak bu kendi başına yeterli olmalıdır çünkü kar üzerinde bir şeylerin olup bittiğini göstermek için sadece beyaz renk ve biraz maviye ihtiyacınız vardır.
🇬🇧 English
In pixel art there is an easy way how you can differentiate between ice and water. For water we are using curved lines which are indicating its liquid state and these tiny little reflections which imply that there are many different tiny waves and ripples on the surface of the water so we can catch these reflections of light. For ice however, we want to focus on straight lines. These can be diagonal straight lines or horizontal or vertical. Essentially we are trying to create sharp edges because ice is solid and it has that capability. Water doesn't so you won't be able to see any sharp edges on the water but ice can and if you want to exaggerate it even more you can add some icicles at the edges.
🇹🇷 Türkçe
Piksel sanatta buz ve suyu ayırt etmenin kolay bir yolu vardır. Su için kıvrımlı çizgiler kullanıyoruz, bunlar onun sıvı durumunu gösterir ve bu küçük yansımalar, suyun yüzeyinde birçok küçük dalga ve kıpırtı olduğunu ve bu yüzden ışık yansımalarını yakalayabildiğimizi ima eder. Ancak buz için, düz çizgilere odaklanmak istiyoruz. Bunlar diyagonal düz çizgiler olabilir veya yatay veya dikey olabilir. Esasen, keskin kenarlar oluşturmaya çalışıyoruz çünkü buz katıdır ve bu özelliğe sahiptir. Su ise böyle değildir, bu yüzden su üzerinde keskin kenarlar göremeyeceksiniz, ama buz görebilirsiniz ve bunu daha da abartmak istiyorsanız, kenarlara buz sarkıtları ekleyebilirsiniz.
🇬🇧 English
Lava is nothing more than a molten rock so let's start with rocks. If you remember the previous lesson, we only need three colors to make a good looking rock. So if I remove the mid-tone details and highlights, you will notice that each of these pieces of rocks has the top side in light, bottom left side in shadow, and bottom right in the darkest shadow. Though we still have this darkest color to indicate the crevices between each of these rocks. So if we remove these, it's even a bit clearer to see. So if you start from here, just add some darkest shadow for the crevices, some highlights on the edges, and some mid-tone to indicate some roughness. Because lava is the liquid, it will go wherever there's least resistance, in this case between each of these crevices. For lava we usually use yellow, orange, and red colors. And some people might stop here, but this is not enough. Lava has a very interesting property and that is emitting light. And the best way to showcase that property is to change the surrounding area a little bit towards the color of the lava. This means we will change the gray colors from the rock towards the purplish side. And of course you can play around with how much lava has melted the rocks. If you want an even more liquid state, you just have to create a very thick looking liquid with few pieces of rocks floating on top of it, keeping in mind that these yellow parts of the lava are also rocks that have been melted down.
🇹🇷 Türkçe
Lav sadece erimiş bir kayaçtır, o yüzden kayalarla başlayalım. Eğer önceki dersi hatırlıyorsanız, iyi görünen bir kaya yapmak için sadece üç renge ihtiyacımız var. Yani orta ton detaylarını ve parlaklıkları kaldırırsam, fark edeceksiniz ki bu kaya parçalarının her birinin üst yüzü açık, sol alt taraf gölge, ve sağ alt taraf en koyu gölgede. Ancak, bu kaya parçalarının arasındaki çatlakları göstermek için en koyu renk hâlâ kullanıyoruz. Eğer bunları kaldırırsak, daha da net gözükecektir. Yani buradan başlarsanız, sadece çatlaklar için en koyu gölge ekleyin, kenarlarda biraz parlaklıklar, ve biraz da pürüzlülüğü göstermek için orta ton ekleyin. Çünkü lav sıvıdır, en az direnç gösteren yere gider, bu durumda bu çatlaklar arasına. Lav için genellikle sarı, turuncu ve kırmızı renkler kullanılır. Ve bazı insanlar burada durabilir, ama bu yeterli değil. Lavın çok ilginç bir özelliği var ve o da ışık yaymasıdır. Ve bu özelliği en iyi şekilde göstermek için çevre alanı biraz lavın rengine doğru değiştirebiliriz. Bu, kayadaki gri renkleri morumsu tarafa doğru değiştirmek anlamına gelir. Ve tabii ki, lavın ne kadar çok kayayı erittiğiyle oynayabilirsiniz. Daha akışkan bir durum istiyorsanız, sadece üzerinde birkaç kaya parçası yüzen çok kalın görünen bir sıvı oluşturmanız yeterlidir, unutmayın ki bu sarı lav parçaları da erimiş kayalardır.
🇬🇧 English
In pixel art we are drawing glass by not drawing it. Because glass is transparent we are able to see whatever is behind and all we have to do is define the shape of the glass, add some highlights, in this case it's going to be on the top left side so we are adding highlights on that side as well as on the bottom right. Because glass is transparent the light will pass through and hit on the bottom side as well and we can further emphasize that by adding some highlights in the teardrop shape because this is a sphere, again on both sides but the smaller one will be on the bottom side. The light itself should be enough but you need to also draw background because this is what will sell the illusion of transparency for our object. And if your glass is in a certain shape like a lens, it will also refract the light meaning it will bend the light as it's passing through making distortions of whatever is behind. In this case it's almost like a magnifying glass.
🇹🇷 Türkçe
Piksel sanatında biz camı çizmeyerek çiziyoruz. Çünkü cam şeffaftır, biz arkasında ne varsa görebiliyoruz ve yapmamız gereken sadece camın şeklini tanımlamak, biraz parlaklık eklemek, bu durumda üst sol tarafta olacak şekilde parlaklıklar ekmek, ayrıca alt sağ tarafta da olacak şekilde. Çünkü cam şeffaftır, ışık geçecektir ve alt tarafa da vuracaktır ve bunu daha da vurgulamak için damla şekliyle bazı parlaklıklar ekleyebiliriz çünkü bu bir küre, yine her iki tarafta ama daha küçük olan alt tarafta olacak. Işık kendisi yeterli olmalı ama aynı zamanda arka planı da çizmelisiniz çünkü bu, nesnemizin şeffaflık illüzyonunu satacaktır. Ve eğer camınız belirli bir şekildeyse, örneğin bir mercek gibi, o zaman ışığı kıracaktır, yani ışığı bükerek arkasında ne varsa bozulmalar yapacaktır. Bu durumda neredeyse büyüteç gibi.
🇬🇧 English
Every material has different properties and in pixel art we have to focus on those because of tiny resolution and limited color palettes. If it's emitting light, show that light is influencing the other surrounding area. If the object is transparent, show the background behind it. If the object's surface is smooth or soft to the touch, use less colors and few imperfections in the sprite. If the surface is very rough, show more imperfections regardless if the surface is round or flat. If the material is liquid, use curves and round shapes. If it's hard, use straight lines and sharp edges. Depending on the liquid's viscosity, the blobs can be either very small like on water or they can be very big like on lava because lava is denser. If the surface is reflective, focus on reflected light or even more on reflections. And all of these are guidelines. Of course there are hard objects that are not using straight lines like a metallic sphere and so on, but when you are studying materials, try to capture in as low resolution as possible whatever your material truly is. So pay attention to its properties and practice.
🇹🇷 Türkçe
Her malzemenin farklı özellikleri vardır ve piksel sanatında bunlara odaklanmamız gerekir çünkü küçük çözünürlük ve sınırlı renk paletleri vardır. Eğer ışık yayıyorsa, o ışığın diğer çevre alanı etkilediğini göster. Eğer nesne şeffaftaysa, arkasındaki arka planı göster. Eğer nesnenin yüzeyi pürüzsüz veya dokunulduğunda yumuşaksa, daha az renk kullan ve sprite'ta az kusur bırak. Eğer yüzey çok pürüzlü ise, yüzey yuvarlak veya düz olursa olsun daha fazla kusur göster. Eğer malzeme sıvıysa, eğriler ve yuvarlak şekiller kullan. Eğer sertse, düz çizgiler ve keskin kenarlar kullan. Sıvının viskozitesine bağlı olarak, damlalar ya su gibi çok küçük olabilir ya da lavada olduğu gibi çok büyük olabilir çünkü lav daha yoğun. Eğer yüzey yansıtıcıysa, yansıyan ışığa veya hatta daha çok yansımalara odaklan. Ve bunlar tümüyle kılavuzdur. Elbette, metalik küre gibi düz çizgiler kullanmayan sert nesneler de vardır, ama malzemeleri incelerken, malzemenizin gerçekten ne olduğunu olabildiğince düşük çözünürlükte yakalamaya çalışın. Bu yüzden özelliklerine dikkat edin ve pratik yapın.
Nesneler ve Eşyalar (Objects & Items)
🇬🇧 English
because every pixel matters and has its purpose. Let me show you this on a gem. Start with a base color, add some shine and highlights, then some shadows, even darker shadows within that and do it again, add some reflected light, within the shadow add the darkest color possible to add some depth and then emphasize the reflected light even more. Now let's recreate this but on a smaller gem. Start with a base tone, add some highlights, then shadow, darker shadow within that, again add some reflected light, add the darkest color to increase the depth and emphasize the reflected light. And there we go, even though this gem is only 7x7 pixels, it still looks wonderful. This is exactly why I love pixel art.
🇹🇷 Türkçe
Çünkü her piksel önemlidir ve amacına sahiptir. Bunu bir mücevher üzerinde göstereyim. Bir temel renk ile başlayın, biraz parlaklık ve vurgular ekleyin, sonra gölgeler, bunun içinde daha koyu gölgeler ve tekrar yapın, biraz yansıyan ışık ekleyin, gölgenin içinde mümkün olan en koyu rengi ekleyin derinlik katmak için ve sonra yansıyan ışığı daha da vurgulayın. Şimdi bunu daha küçük bir mücevher üzerinde yeniden oluşturalım. Bir temel ton ile başlayın, biraz vurgular ekleyin, sonra gölge, bunun içinde daha koyu gölge, tekrar yansıyan ışık ekleyin, derinliği artırmak ve yansıyan ışığı vurgulamak için en koyu rengi ekleyin. İşte bu kadar, bu mücevher sadece 7x7 piksel olmasına rağmen yine de harika görünüyor. İşte bu yüzden piksel sanatını seviyorum.
🇬🇧 English
Cloth is a very flexible material and can come in many different shapes. The main thing to pay attention to are the folds. If the flexible material like the cloth or a paper are stretched very thin, they are under tension and you will see no folds. However, if you take that same material and reduce the tension a little bit, gravity will start to influence it, and it will create folds. And this is the main concept on the flexible materials. The more tension there is, the less folds there are, and the less tension there is, the more folds there will be. Folds will usually come either in cylindrical shapes like this one, or this one, or they will come in cone-like shapes like these ones.
🇹🇷 Türkçe
Kumaş çok esnek bir malzemedir ve birçok farklı şekillerde olabilir. Ana dikkat edilmesi gereken şeyler katlardır. Eğer kumaş gibi esnek malzeme veya kağıt çok ince gerilirse, gerilmiştir ve katlar görünmez. Ancak, aynı malzemeyi alıp biraz gerilimi azaltırsanız, yerçekimi onu etkilemeye başlar ve katlar oluşturur. Ve bu, esnek malzemelerdeki ana kavramdır. Ne kadar gerilim varsa, o kadar az kat olur, ve ne kadar az gerilim varsa, o kadar çok kat olur. Katlar genellikle ya bu şekilde silindirik şekillerde olur, ya da bu şekilde, ya da koni gibi şekillerde olur.
🇬🇧 English
Let's make a pixel art coin. Start with a simple yellow shape for a gold coin. Add some black outline so it's easily seen. Coins usually will have something in the middle because of the currency so let's add just some shadow tone in the middle. And because gold is metal we want to add some highlights to indicate that as well. Now to animate the coin. This will be the first frame. On the second frame we will reduce its length by one pixel on both sides. This will indicate its rotation. On a third frame we will do that yet again. And remember to just shade the outer edge in the same color as the base tone, meaning the yellow color. And for the last frame we want to copy paste the second frame but we will flip it around. And that's all. We have a rotating coin.
🇹🇷 Türkçe
Bir piksel sanatı madeni para yapalım. Altın bir madeni para için basit sarı bir şekil ile başlayın. Kolay görülebilmesi için biraz siyah dış hat ekleyin. Paralar genellikle para birimi nedeniyle ortada bir şey olur, bu yüzden sadece ortada gölge tonu ekleyelim. Ve çünkü altın metal olduğu için, bunu göstermek için biraz parlaklık da eklemek istiyoruz. Şimdi madeni parayı hareketlendirelim. Bu ilk kare olacak. İkinci karede, her iki taraftan birer piksel uzunluğunu azaltacağız. Bu onun dönüşünü gösterecek. Üçüncü karede bunu tekrar yapacağız. Ve unutmayın, sadece dış kenarı aynı renk olan temel tonla gölgelendirin, yani sarı renk. Ve son kare için, ikinci kareyi kopyalayıp yapıştırmak istiyoruz ama onu çevireceğiz. Ve hepsi bu kadar. Dönen bir madeni paramız var.
🇬🇧 English
In pixel art we are always trying to simplify things so they are recognizable even at low resolutions and you need to be able to break down every object. Let's take an arrow for example. We have the arrow shaft, the arrow head and we have the feathers on the back. This by itself is enough to recognize this is indeed an arrow. Now if I were to recreate this in a high resolution I would be able to also include the notch and even some branding names on the shaft itself and so on. But when you are creating something be sure to experiment always. We can rework the arrow head in multiple different ways. We can also introduce a little bit of shading. You can change the colors and so on. The opportunities are endless so always experiment.
🇹🇷 Türkçe
Piksel sanatıyla her zaman şeyleri basitleştirmeye çalışıyoruz böylece düşük çözünürlükte bile tanınabilir olurlar ve her nesneyi parçalara ayırabilmeniz gerekir. Bir örnek olarak bir ok alalım. Ok gövdesi, ok başı ve arkadaki tüyler var. Bu kendisi başlı başına bu nesnenin gerçekten bir ok olduğunu tanımak için yeterlidir. Şimdi bunu yüksek çözünürlükte yeniden oluşturursam, aynı zamanda çentik ve hatta gövde üzerinde bazı marka isimlerini bile ekleyebilirim ve benzeri. Ama bir şey yaratırken, her zaman denemeler yapmaktan emin olun. Ok başını birçok farklı şekilde yeniden düzenleyebiliriz. Ayrıca biraz gölgeleme de ekleyebiliriz. Renkleri değiştirebilirsiniz ve benzeri. Fırsatlar sonsuzdur, bu yüzden her zaman denemeler yapın.
🇬🇧 English
Something looks off, doesn't it? That's because this is one of the most common beginner mistakes for lightsabers. Coloring the middle of the blade in the color of the lightsaber itself. So if it's a red lightsaber, beginners try to color the middle in the red color and then try to give it a glow again in red color. What you should be doing is coloring the middle of the lightsaber in pure white color and then coloring the glow into a color that you want. In this case it's red, but it can be green, blue, any other color and so on. So now that you know this, you can have a nice looking lightsaber.
🇹🇷 Türkçe
Bir şeyler ters görünüyor, değil mi? Bu çünkü bu, ışın kılıcı için en yaygın başlangıç hatalarından biridir. Kılıcın ortasını ışın kılıcının kendisinin rengiyle boyamak. Yani eğer kırmızı bir ışın kılıcıysa, başlangıçlar ortayı kırmızı renkle boyamaya çalışır ve sonra tekrar kırmızı renkte bir parıltı vermeye çalışır. Yapmanız gereken şey, ışın kılıcının ortasını saf beyaz renkle boyamak ve sonra parıltıyı istediğiniz bir renge boyamaktır. Bu durumda kırmızı, ama yeşil, mavi, başka herhangi bir renk olabilir ve devam eder. Bu yüzden şimdi bunu bildiğinize göre, güzel görünümlü bir ışın kılıcı yapabilirsiniz.
🇬🇧 English
Let's combine these two materials, wood and metal, into a sword, and quite a big one at that. Start with the shape of the blade, and the shape of the handle, then add a crossguard to protect our hands, and a pommel for some extra offensive strength. Now it's time to shade, first add the shadow tone for the blade, carve out at the middle so we reduce the blade's weight, add a little bit of details on the light side, and then the same thing at the shadow side, add some highlights on the crossguard, and introduce some shadows on the crossguard so we define the round shape of it, then add shadows and highlights on the pommel, and finally some shading and texturing for the wood. As you can see, we don't need a lot of colors even at high resolutions to create cool looking blades, but pixel art isn't about that, we don't need a lot of resolution to represent something. For example, even this tiny blade with little to no details is quite mightier than it seems.
🇹🇷 Türkçe
Bu iki malzemeyi, ahşap ve metal, bir kılıca, ve oldukça büyük bir kılıca dönüştürelim. Önce kılıcın şekliyle başlayalım, ve sapın şekli, sonra ellerimizi korumak için bir çapraz koruyucu ekleyelim, ve biraz ekstra saldırı gücü için bir tepe ekleyelim. Şimdi gölgeleme zamanı, önce kılıcın gölge tonunu ekleyin, ortada oyuk yapın böylece kılıcın ağırlığını azaltın, ışık tarafında biraz detay ekleyin, ve sonra aynı şeyi gölge tarafında yapın, çapraz koruyucuya bazı vurgular ekleyin, ve çapraz koruyucunun yuvarlak şeklini tanımlamak için gölgeler ekleyin, sonra tepenin üzerinde gölgeler ve vurgular ekleyin, ve sonunda ahşap için biraz gölgeleme ve doku ekleyin. Gördüğünüz gibi, harika görünen kılıçlar yaratmak için yüksek çözünürlükte bile çok fazla renge ihtiyacımız yok, ama piksel sanatı bununla ilgili değil, bir şeyi temsil etmek için çok çözünürlüğe ihtiyacımız yok. Örneğin, bu küçük kılıç, çok az detayla bile, göründüğünden çok daha güçlüdür.
🇬🇧 English
This is how you draw a pixel art potion in Aseprite using its default color palette on 8x8 canvas. Use black color for the background, then use this blue tone, we will outline the shape of our vial, like so. Then we will use this brown color for the potion cork. Because this potion is made of glass, we will color the inside in the red color for a health potion. And now for the shading. For the cork, we will use this shadow tone on the inside of the bottle as well as here, and just one highlight tone here on the upper edge. For the red liquid, we will use this brighter red tone to indicate where the light would be. For the glass itself, we will use white color to indicate some highlights. And then for the shadow tones, we will use this color. And to introduce another shadow tone, we will just go one step further down even more. Because light is passing through, we will not be darkening everything like so, but rather we will just keep it like that. And there you have it, an easy pixel art potion.
🇹🇷 Türkçe
İşte Aseprite'te varsayılan renk paletini kullanarak 8x8 tuvalde bir piksel sanatı iksir nasıl çizilir. Arka plan için siyah renk kullanın, sonra bu mavi tonu kullanın, şişemizin şeklini böyle çizeceğiz. Sonra bu kahverengi rengi iksir mantarına kullanacağız. Çünkü bu iksir camdan yapılmış, içini kırmızı renk ile boyayacağız sağlık iksiri için. Ve şimdi gölgeleme için. Mantar için, bu gölge tonunu şişenin iç kısmında ve burada kullanacağız, ve sadece burada üst kenarda bir vurgulama tonu kullanacağız. Kırmızı sıvı için, ışığın nerede olacağını göstermek için bu daha parlak kırmızı tonu kullanacağız. Cam için ise, bazı vurguları göstermek için beyaz renk kullanacağız. Ve sonra gölge tonları için, bu rengi kullanacağız. Ve başka bir gölge tonu eklemek için, sadece bir adım daha aşağıya ineceğiz. Çünkü ışık geçiyor, her şeyi böyle karartmayacağız, bunun yerine sadece böyle bırakacağız. İşte bu kadar, kolay bir piksel sanatı iksir.
🇬🇧 English
Now let's draw a pixel art shield in Aseprite using its default color palette on 8x8 canvas. Start with a black color for the background. Then use this blue color to indicate the outer edge of the shield, which will be made out of metal, and we can use even this symmetry tool to speed up the process a little bit. Because the inside of the shield is made out of wood, we will use this brown color to indicate that. And we can even add a little bit of metal in the middle for some extra sturdiness. Now it's time for shading. We will use the white color as a highlight for the metal itself. Then proceeding to the shadow tone, we will create some shadows on the bottom right edge and repeat the process with an even darker tone. But we will keep the bottom right edge a bit brighter and even use this light tone to indicate the reflected light a bit more. For the wood itself, we will use the shadow tone on the bottom right edge and the light tone on the upper left edge. And finally, just one little bit of shadow on the middle portion as well. And that's all. There you have it, a simple pixel art shield.
🇹🇷 Türkçe
Şimdi Aseprite kullanarak varsayılan renk paletiyle 8x8 tuvali üzerinde bir piksel sanatı kalkan çizeceğiz. Arka plan için siyah renk kullanın. Sonra bu mavi rengi kullanarak kalkanın dış kenarını göstereceğiz, bu metalden yapılmış olacak ve bu simetri aracını kullanarak süreci biraz hızlandırabiliriz. Çünkü kalkanın içi ahşaptan yapılmış, bunu göstermek için bu kahverengi rengi kullanacağız. Ve hatta biraz metal ekleyebiliriz ortada biraz daha sağlamlık için. Şimdi gölgeleme zamanı. Metalin kendisi için parlaklık olarak beyaz rengi kullanacağız. Sonra gölge tonuna geçerek, sağ alt köşede gölgeler oluşturacağız ve işlemi daha da koyu bir tonla tekrarlayacağız. Ama sağ alt köşeyi biraz daha parlak tutacağız ve hatta bu açık tonu kullanarak yansıyan ışığı biraz daha göstereceğiz. Ahşap için, sağ alt köşede gölge tonunu, üst sol köşede ise açık tonu kullanacağız. Ve sonunda, sadece orta kısımda biraz gölge ekleyeceğiz. Ve hepsi bu kadar. İşte size basit bir piksel sanatı kalkan.
🇬🇧 English
Let's draw a pixel art sword, an 8 by 8 canvas, in Aseprite using its default color palette. Start with a black color for the background, then use white color to draw the sword's blade, we will focus on this upper edge, then extend even further down to draw the handle itself and the pommel, but I want a brown color for the handle, so I will do just that, and then add the crossguard. And lastly, I will use this blue color to shade the blade itself a little bit, and I will leave this one streak of white color as a highlight, which is a reflection on the sword. And there you have it, a simple pixel art sword.
🇹🇷 Türkçe
Bir piksel sanatı kılıcı çizelim, 8'e 8'lik bir tuvali, Aseprite kullanarak ve varsayılan renk paletini kullanarak. Bir arka plan için siyah renk ile başlayın, sonra kılıcın bıçağını çizmek için beyaz renk kullanın, bu üst kenara odaklanacağız, sonra daha da aşağı uzanıp tutacak kısmını ve topuzunu çizin, ama tutacak için kahverengi bir renk istiyorum, bu yüzden sadece onu yapacağım, sonra çapraz koruyucu ekleyin. Ve son olarak, bu mavi rengi kullanarak bıçağı biraz gölgelendireceğim, ve bu beyaz renkli bir şerit bırakacağım bir parlaklık olarak, bu kılıç üzerindeki bir yansıma. Ve işte, basit bir piksel sanatı kılıcı.
🇬🇧 English
Let's draw and animate a pixel art torch on 8x8 canvas. Start with the black color, then for the wood we will start from the darkest tone and just diagonally start increasing 1 pixel per color until we get these 4 colors. Then for the flame we will use white, yellow, orange and red color. Finally to give it some shape we will surround everything with the orange color and a little bit of this red color. To animate the torch we just need to move around these few pixels for the flames and only targeting the top portion and we only need 4 frames, no need to overdo it because we are all we are trying to replicate is the flickering effect of a flame. And there you have it, a simple pixel art torch.
🇹🇷 Türkçe
8x8 tuvali üzerinde bir piksel sanatı meşale çizecek ve hareketlendireceğiz. Siyah renk ile başlayın, sonra ahşap için en koyu tonlardan başlayacağız ve sadece diyagonal olarak renk başına 1 piksel artırarak bu 4 rengi elde edeceğiz. Daha sonra alev için beyaz, sarı, turuncu ve kırmızı renkleri kullanacağız. Son olarak, ona biraz şekil vermek için her şeyi turuncu renk ve biraz da kırmızı renk ile çevreleyeceğiz. Meşaleyi hareketlendirmek için sadece bu birkaç pikseli alevler için hareket ettirmemiz yeterli olacak ve sadece üst kısmı hedefleyeceğiz, toplamda 4 kareye ihtiyacımız var, fazla abartmaya gerek yok çünkü tek yapmaya çalıştığımız şey bir alevin titreme efektini taklit etmek. İşte size basit bir piksel sanatı meşale.
İleri Teknikler (Advanced Techniques)
🇬🇧 English
How to draw a pixel art pot, a giant terracotta earthware, with a detouring lesson as a bonus. First start with the silhouette, add some shadows on the bottom where it connects with the ground, then add shadow to show where the inner portions of the vessel are, finally add the light tone, and within that light tone create another light tone which is even brighter, then add some highlights on the edges, then to smoothen the transition between light and shadow we will create some midtones, and then finally within the shadows we will give it even darker shadows as well. This by itself should be enough, so if I darken the background you can see this is a quite nice looking earthware pot. And the last thing you could do is detour the edges between all of these tones, and you would get something like this. As you can see, not only does this create the illusion of extra colors, it also changes the perceived texture of the object. Before it was a rather smooth, and now it feels very rough, so even though detouring is a shady technique in pixel art, it can also have some side effects of creating a rougher texture.
🇹🇷 Türkçe
Bir pixel sanatı testi, dev bir toprak çömlek, ile bir yan dersi bonus olarak nasıl çizilir. İlk olarak silüeti ile başla, yere bağlandığı yerde biraz gölgeler ekle, sonra iç kısımların nerede olduğunu göstermek için gölge ekle, sonunda parlak tonu ekle ve o parlak ton içinde daha parlak başka bir parlak ton oluştur, sonra kenarlarda birkaç vurgular ekle, sonra ışık ve gölge arasındaki geçişi yumuşatmak için bazı orta tonlar oluştur ve sonunda gölgeler içinde daha koyu gölgeler ver. Bu kendi başına yeterli olmalı, bu yüzden arka planı koyulaştırırsan bu oldukça güzel görünen bir toprak çömlek olduğunu görebilirsin. Ve son yapabileceğin şey, tüm bu tonlar arasındaki kenarları dolaylı hale getirmek olurdu ve böyle bir şey elde ederdin. Gördüğün gibi, bu sadece fazladan renk illüzyonu yaratmakla kalmaz, aynı zamanda nesnenin algılanan dokusunu da değiştirir. Önceden oldukça pürüzsüzdü ve şimdi çok kaba hissettiriyor, bu yüzden dolaylı hale getirme pixel sanatında gölgeleyen bir teknik olsa da, aynı zamanda biraz daha kaba doku yaratmanın yan etkileri de olabilir.
🇬🇧 English
Sometimes the resolution won't allow for details. At this size it's easy to paint a texture, but what if the resolution is too small? Remember that in pixel art, no matter the resolution, the most important thing is that the object is recognizable. Details come in second place. For example, if I have just a tiny resolution and I want to draw a sword, even this will be enough because you can still recognize all the important elements of the sword. It has a blade, crossguard and a handle. And I can even add the pommel. At this resolution, I simply don't have enough space to create a rough texture for the boot handle and I don't have to. I also don't have enough space to create some imperfections on the blade itself, but I do have enough space to just create some highlight, which is a reflection on the sword, that gives us information that this is made of metal. Creating pixel art in lower resolution is probably the best thing you can do to develop your skill as a pixel artist. So if you are a beginner, try to ignore the high-resolution stuff and focus on low-resolution stuff first, later you can easily upscale the objects and add more details if needed.
🇹🇷 Türkçe
Bazen çözünürlük detaylar için izin vermez. Bu boyutta bir doku boyamak kolaydır, ama ya çözünürlük çok küçükse? Unutmayın ki piksel sanatında, çözünürlük ne olursa olsun, en önemli şey nesnenin tanınabilir olmasıdır. Detaylar ikinci planda gelir. Örneğin, eğer sadece küçük bir çözünürlüğüm varsa ve bir kılıç çizmek istiyorsam, bu bile yeterlidir çünkü kılıcın tüm önemli unsurlarını hala tanıyabilirsiniz. Bir bıçağı, çapraz muhafazayı ve bir sapı vardır. Ve hatta topuz ekleyebilirim. Bu çözünürlükte, bot tutacağı için kaba bir doku oluşturmak için yeterli alanım yok ve buna da gerek yok. Ayrıca, bıçağın kendisinde bazı kusurlar yaratmak için yeterli alanım yok, ama sadece birkaç vurguyu, yani kılıç üzerindeki bir yansıma olan bir yansıma eklemek için yeterli alanım var, bu da bize bunun metalden yapıldığını gösterir. Daha düşük çözünürlükte piksel sanatı yapmak muhtemelen piksel sanatçısı olarak becerilerinizi geliştirmek için yapabileceğiniz en iyi şeydir. Bu yüzden eğer yeni başlıyorsanız, yüksek çözünürlükle ilgilenmeyi bir kenara bırakın ve önce düşük çözünürlükle ilgilenin, sonra nesneleri kolayca büyütebilir ve gerekirse daha fazla detay ekleyebilirsiniz.
🇬🇧 English
Here's the reason why you should not be resizing your pixel art if you want to redraw it in a smaller resolution. If I take this sword which is on a 64x64 pixel canvas and resize it to 16 pixels, here's what I will get. As you can see, these two swords look nothing alike. The resized sword is missing the crossguard, it's missing the double-bladed edge, and those are certainly some of the features that this big sword simply has to have. However, if I try to redraw this sword in this same resolution, this is what I can get. These two swords are actually very similar because both of them have a double-bladed edge, they have the indentation in the middle of the blade, a sharp tip at the blade, a rounded crossguard, and even a round pommel.
🇹🇷 Türkçe
İşte küçük bir çözünürlükte yeniden çizmek istiyorsanız, piksel sanatınızı yeniden boyutlandırmamanız gerektiğinin nedeni. Eğer bu kılıcı alıp 64x64 piksel tuvali üzerinde ve 16 piksele yeniden boyutlandırırsam, işte alacağım şey bu olur. Gördüğünüz gibi, bu iki kılıç hiçbir şekilde birbirine benzemiyor. Yeniden boyutlandırılmış kılıçta çapraz muhafaza eksik, çift kenarlı kenar eksik ve bunlar kesinlikle bu büyük kılıcın sahip olması gereken özelliklerden bazılarıdır. Ancak, bu kılıcı aynı çözünürlükte yeniden çizmek istersem, işte alabileceğim şey bu olur. Bu iki kılıç aslında çok benzerdir çünkü ikisi de çift kenarlı kenara sahiptir, bıçağın ortasında girinti vardır, bıçakta keskin bir uç vardır, yuvarlak çapraz muhafaza ve hatta yuvarlak topuz vardır.