[#1] How to create a simple avatar | Jak stworzyć prosty avatar [ENG/PL]

in #art7 years ago

header #1.png


avatar v1.png


admission.png
point 1.png

The most important element in the creation of graphics is the selection of appropriate dimensions, but it is best to do it in a higher resolution than is given to us, because you can always reduce it, and when zooming will lose quality.
As we know, the avatar has the shape of a square, and mainly dimensions are:

  • 150x150
  • 200x200
  • 250x250

Therefore, it is best to create it in dimensions 500x500 or larger.


point 2.png

If you have no idea on what topic to create your avatar, think about your favorite game, character, pet or something that describes you. There's a lot of options.


point 3.png

Normally the coloring is selected under the background or some element on the avatar, which occupies a significant part of the space.
In this guide you will be able to choose the color you want.


create process.png
step 1.png

  • After creating a new 500x500 or larger image, we choose the background that we want to use (https://www.google.com/imghp?hl=en)
    tlo v2.png
    ∟ In my case, this is the background from Bound by Flame

  • Then set the background in our image as it suits us
    tlo.png
    ∟ I wanted to take the hero, not the demon, so I did it that way

  • Under the layer with the background, we put the color 10;10;10 | #0a0a0a on the RGB scale and then set the opacity of the layer with the background to 10%
    tlo v3.png
    ∟You should get something like this

  • We add another layer in the color in which we want to make our avatar and change the layer mode from ordinary to color
    tlo v4.png
    ∟My avatar will be in red 245;15;15 | #f50f0f on the RGB scale

  • Now the only thing left for us is to paint on the top and bottom with this brush in this way
    tlo v5.png
    ∟We do this to emphasize the center
    tlo v6.png
    ∟ And this is how our background should look like


step 2.png

  • We create a inscription that takes a little more than half the width of our avatar and set it in the middle
    napis v1.png
    ∟It is important to choose the right font. In my case this is the font "Jhiaxus"
    napis v2.png
    ∟If you want, you can also add a slogan or signature. When you decide to make a slogan / signature and if you want it to be in white, make it in light gray I suggest color 230;230;230 | #e6e6e6 on the RGB scale

  • Now we are going to edit the text. We add a top --> down (-90 °), gray --> white gradient to it a scale over 100% and the "Linear dimming" mode
    napis v3.png

  • Then, we add to both our nickname and the slogan / signature an internal glow, whose range is 1%, opacity is 80%, and the "Soft light" mode
    napisy v4.png
    ∟ That should be the end result of our work


wstep.png
punkt 1.png

Najważniejszym elementem podczas tworzenia grafiki jest dobranie odpowiednich wymiarów, ale najlepiej jest zrobić w większej rozdzielczości niż jest nam to podane, ponieważ zawsze można go zmniejszyć, a podczas powiększania straci jakość.
Jak wiemy avatar ma kształt kwadratu, a głównie jego wymiary wynoszą:

  • 150x150
  • 200x200
  • 250x250

Dlatego najlepiej go tworzyć w wymiarach 500x500 lub większych.


punkt 2.png

Jeśli nie masz pomysłu na jaki temat stworzyć swój avatar, to pomyśl o swojej ulubionej grze, postaci, zwierzaku lub o czymś co cię opisuje. Opcji jest naprawdę wiele.


punkt 3.png

Normalnie kolorystyka jest dobierana pod tło lub jakiś element na avatarze, który zajmuje znaczną część miejsca.
W tym poradniku będziecie mogli wybrać kolor dosłownie jaki chcecie.


proces tworzenia.png
krok 1.png

  • Po stworzeniu nowego obrazu 500x500 lub większego, wybieramy tło, którego chcemy użyć (https://www.google.com/imghp?hl=pl)
    tlo v2.png
    ∟ W moim przypadku jest to tło z gry Bound by Flame

  • Następnie ustawiamy tło w naszym obrazie tak jak nam pasuje
    tlo.png
    ∟ Ja chciałem wziąć na pierwszy plan bohatera, a nie demona więc zrobiłem to w ten sposób

  • Pod warstwę z tłem podkładamy kolor 10;10;10 | #0a0a0a w skali RGB po czym ustawiamy krycie warstwy z tłem na 10%
    tlo v3.png
    ∟Powinno wyjść coś takiego

  • Dodajemy kolejną warstwę w kolorze, w którym chcemy zrobić swój avatar i zmieniamy tryb warstwy ze zwykłej na barwę
    tlo v4.png
    ∟Mój avatar będzie miał kolor czerwony 245;15;15 | #f50f0f w skali RGB

  • Teraz jedyne co nam pozostało, to na górze i na dole pomalować pędzlem w ten o to sposób.
    tlo v5.png
    ∟Robimy to po to, żeby uwydatnić środek
    tlo v6.png
    ∟ A tak powinno wyglądać nasze tło


krok 2.png

  • Tworzymy napis który zajmuje trochę więcej niż połowa szerokości naszego avatara i ustawiamy go pośrodku
    napis v1.png
    ∟Ważnym jest wybrać odpowiednią czcionkę. W moim wypadku jest to czcionka "Jhiaxus"
    napis v2.png
    ∟Jeśli chcesz możesz również dodać jakiś slogan lub podpis. Jak zdecydowałeś się na zrobienie sloganu/podpisu i jeśli chcesz by był w kolorze białym, zrób go w kolorze jasno-szarym proponuję kolor 230;230;230 | #e6e6e6 w skali RGB

  • Teraz przechodzimy do edycji tekstu. Dodajemy do niego gradient góra-->dół (-90°), szary-->biały w skali ponad 100% i trybem "Ściemnianie liniowe"
    napis v3.png

  • Następnie zarówno do naszego nicku jak i sloganu/podpisu dodajemy blask wewnętrzny, którego zakres wynosi 1%, krycie wynosi 80%, a tryb jest ustawiony na "Łagodne światło"
    napisy v4.png
    ∟Taki powinien być efekt końcowy naszej pracy

Sort:  

Congratulations @lizcon, you have decided to take the next big step with your first post! The Steem Network Team wishes you a great time among this awesome community.


Thumbs up for Steem Network´s strategy

The proven road to boost your personal success in this amazing Steem Network

Do you already know that awesome content will get great profits by following these simple steps that have been worked out by experts?

Congratulations @lizcon! You received a personal award!

Happy Birthday! - You are on the Steem blockchain for 1 year!

You can view your badges on your Steem Board and compare to others on the Steem Ranking

Do not miss the last post from @steemitboard:

Are you a DrugWars early adopter? Benvenuto in famiglia!
Vote for @Steemitboard as a witness to get one more award and increased upvotes!