PORADNIKI WYKŁADY AKTUALNOŚCI WYWIADY DOWNLOAD

Czerwiec 2014. Created by Mpc Graphic Team

Gp a s s i o n

G

Long Shadow DesignJest to stosunkowo nowy trend w dzidzinie designu, powstały w połowie 2013 roku, dzięki pomysłowości Jeff'a Eskalante'a. W tym numerze pokażemy wam jak stworzyć Long Shadow Icon.

Smudge Style - tutorialSmudge, jest to styl wykonywany przez nisze artystów, który zach-wyca swoim charakterem i subtelnością. Zapoznaj się z tajnikami tej techniki.

Pomoc dla grafikaW sieci istnieje wiele serwisów, które udostepniają darmowe stocki wysokiej jakości. Ten kto zdobędzie wiedzę jak je znaleźć, nie będzie miał więcej problemu z brakiem materiałów.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - -

GRAFIK PŁAKAŁ

W dzisiejszych czasach na każdym kroku spotykamy się z grafiką. Widzimy ją czy to na reklamach, produk-tach spożywczych, kosmetykach czy książkach. Niestety, im tego więcej, tym więcej wpadek, i projektów które wręcz odpychają. Pragniemy Wam zaprezentow-ać pare takich prac. str. 31

str. 15

ARTANI.ORGPoznaj nowy portal społec-znościowy dla kreatywnych. Znajdziesz tam galerie artysty-czne wszystkich kategorii artystycznych. Dołącz już dziś!

- - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - -

str. 3

BEST OF FAN ARTCodziennie w dziale FanART pojawiają się nowe prace użytkowników naszego forum. W tym numerze, zaprezentuje-my Wam prace które według nas ostatnimi czasy prezetnują się najlepiej.

1AKTUALNOŚCI

ROZRYWKA

JAK PROJEKTOWAŁ?

str. 20

PHOTOMANIPULATION

TOP 10 OF PM

Przedstawiamy Wam listę obrazków które naszym

zdaniem warte są oglądnięcia. Zobacz najlepsze fotomanipu-

-lacje jakie ostatnio pojawiły się w sieci.

str. 16

SMUDGE TAG

SMUDGE TUTORIAL

Lorem IpsumBest of FanART............................................................................................. strona nr 3Lista przydatnych serwisów graficznych....................................................... strona nr 8Long Shadow Icon - Tutorial....................................................................... strona nr 11Artani.ORG................................................................................................. strona nr 15TOP 10 OF PM.......................................................................................... strona nr 16Smudge Style - Tutorial.............................................................................. strona nr 20Graficzne porażki........................................................................................ strona nr 31

2

SPIS TREŚCI:

Best of FanARTNajlepsze prace użytkowników FanART’u

RYSUNKI

3

Rysunek by Atacama

Przedstawiamy Wam prace które ostatnio ukazały się w dziale galerii FanART i według nas zasługująna wyróżnienie.

Ten rysunek znalazł uznanie w naszych oczach nie tylko przez swoje bardzo dobre wykonanie, lecz także dzięki uniwersalnemu przesłaniu. Każdy oglądający może zinterpretować to inaczej, lecz w większości będzie to pamiątka symbolizująca zapomnienie.

W tej pracy świetnie zobrazowana jest harmonia oraz centrum obrazu

odnoszące się do pozostałych jego części. Wydaje się, że oko panuje nad

chaosem a jednocześnie ładem w tej pracy.

Rysunek by Acanther

Link do galerii: http://www.mpcforum.pl/topic/967276-galeriatacama/

Link do galerii: http://www.mpcforum.pl/topic/1187001-acanther-grafiki-wszelakie/

LAYOUTY

4

Pełen profesjonalizm w tym layout`cie możemy poznać już patrząc na samo logo oraz górną część strony. Klimat nadaje również tło pracy.

Layout by WrednaLink do galerii: http://www.mpcforum.pl/topic/1156123-wredna-feistygraphic/

TAGI

5

Autor pracy pozwolił sobie na igraszki czerwonego z niebieskim, kolorami dominującymi w tej pracy. Świetnie położenie świetlików oraz flar.

Ta sygnatura przyciąga uwagę. Zawiera w sobie nutkę nowoczesności

z klasycznym charakterem. Cała praca jest przykładem świetnie

dobranej kolorystyki i kompozycji.

Praca bardzo przyjemna dla oka.Delikatne kolory i idealnie dopasowane światło. Nie mogło jej zabraknąć w naszej czołówce.

Sygnatura by Julietta

Sygnatura by Equener

Sygnatura by Rain

Link do galerii: http://www.mpcforum.pl/topic/755419-julietta/

Link do galerii: http://www.mpcforum.pl/topic/1033939-mullook/

Link do galerii: http://www.mpcforum.pl/topic/982718-deszcz/

FOTOGRAFIE

6

Mroczna fotografia, wprowadzająca w

melancholijny nastrój. Według nas, najlepsza

fotografia Acanther'a.

Bohater zdjęcia jest prawdopodobnie gwiazdą wśród zwierząt, wie jak pozować do zdjęcia. Doskonała głębia, ukazana przez odległość.

Fotografia by AcantherLink do galerii: http://www.mpcforum.pl/topic/1187001-acanther-grafiki-wszelakie/

Fotografia by AtacamaLink do galerii: http://www.mpcforum.pl/topic/1161607-fotografia-atacama/

FOTOMANIPULACJE

7

Na tym zdjęciu, idealnie została uchwycona chwila. Zachód słońca i górska sceneria, czynią tę fotografię tak atrakcyjną.

Przekaz tej ilustracji, każdy może interpretowac na swój sposób.

Jest to niewątpliwie ciekawa, przyjemna dla oka kompozycja, która

musiała znaleźć się na naszej liście.

Fotografia by VetrieLink do galerii: http://www.mpcforum.pl/topic/1165712-fotografia-vertie/

Fotomanipulacja by SwARTLink do galerii: http://www.mpcforum.pl/topic/1194351-sw-art/

Pomoc dla grafikaLista przydatnych serwisów graficznych

Freeimages.com1

8

Praktycznie każdy gra�k tworząc jakiś projekt korzysta z zasobów, jakie dostarcza mu internet. Sieć pełna jest serwisów dla gra�ków, lecz MGT chce przybliżyć Wam dzisiaj 10 sprawdzonych i zaufanych stron inter-netowych, które przyspieszą Waszą pracę, nauczą czegoś nowego lub zainspirują Was do stworzenia jakiejś pracy. Życzymy miłej lektury.

Link do strony: http://www.freeimages.com

Strona ta, dawniej nazywana sxc.hu dostarcza nam ogromnej ilości darmowych stocków i zdjęć, które możemy użyć w swoich pracach. Po zarejestrowaniu, a następnie zalogowaniu się na stronie uzyskuje-my pełny dostęp do galerii zdjęć, które możemy pobierać.

SimpleIcons.org3Link do strony: http://simpleicons.org

Niech nie przerazi Cię ten minimalistyczny wygląd! Znajdziesz tutaj 140 darmowych do użytku ikon serwisów społecznościowych, tematycznych czy aplikacji. Wszystko dostępne w wielu rozmiarach i w dwóch kolorach - białym i czarnym.

WebdesignerDepot.com2Link do strony: http://www.webdesignerdepot.com

Tworzysz layouty? Kodujesz strony? Dzięki temu serwisowi odnajdziesz masę przydatnych każdemu webdesignerowi poradników, freebies (darmowych zasobów), a także będziesz miał okazję przeczytać ciekawe artykuły na temat grafiki.

9

GRAFMAG.pl4Link do strony: http://grafmag.pl

Magazyn graficzny w ojczystym języku tworzonym zarówno przez czytelników (możemy przesłać swój artykuł), jak i redakcję. Nowinki, ploteczki, tutoriale, a także darmowe zestawy, mockupy, czy fonty - polecamy.

PSDBox.com5Link do strony: http://psdbox.com

Videotutoriale jak i klasyczne poradniki tekstowe, pomoc przy wyborze tabletu, efekty zdjęciowe - to tylko namiastka tego, co znajdziesz na PSDBox.com. Fotomanipulacja to dla Ciebie ciężkie zadanie? Z poradnikami redaktora to będzie dla Ciebie pestka!

GrafikiNaFP6Link do strony: https://www.facebook.com/GrafikiNaFP

Przydatny Fanpage z wymiarami każdego dostępnego na nim obrazka - czy to wydarzenia, czy to tła, czy avatara. Tworzysz fanpage dla serwera? Skorzystaj z tych informacji, sprawdzone - polecamy!

BestGFX.biz7Link do strony: http://bestgfx.biz

Ogromna baza plików graficznych, trójwymiarowych modeli czy poradników, wszystko znajdziesz na tej stronie. Brakuje Ci materiałów? Wpadnij.

FromUpNorth.com8Link do strony: http://www.fromupnorth.com

Brak pomysłów? Obudź swoją kreatywność i znajdź inspirację na From Up North! Typografia, ilustrac-ja czy trójwymiar - około tysiąca świetnych grafik znajdziesz właśnie tutaj.

10

To wszystko na dzisiaj, mamy nadzieję że skorzystacie z polecanych przez nas stron i pomogą one Wam w codziennej, jakże ciężkiej pracy gra�ka.

abduzeedo.com9Link do strony: http://abduzeedo.com

Kolejna strona, na której codziennie znajdziesz inspirujące i pobudzające kreatywność prace innych grafików, a także darmowe mockupy czy TOP tygodnia.

findIcons.com10Link do strony: http://findicons.com

Bardzo przydatny silnik wyszukiwania ikon wszelakiej maści. Można znaleźć tutaj praktycznie wszyst-ko, co aktualnie potrzebujemy. Strona jest bardzo przejrzysta i prosta w użyciu. Polecamy!

Long ShadowIcon tutorial

Long Shadow Icon, jest to stosunkowo nowy trend, który od razu przyjął się swoim schludnym, prostym w odbiorze wyglądem. Polega na zastosowaniu w konstrukcji ikonki tytułowego długiego cienia, padające-go pod kątem ok. 45*, o długości 2,5 raza większej niż sama ikonka. Pokażemy Wam, jak w szybki sposób wykonać taką ikonke.

1. Tworzymy projekt o dowolnych rozmiarach.

KROK 1

KROK 2

11

2. Tworzymy/wklejamy tekst, logo lub obrazek i nadajemy mu kolor obojetnie jaki, byle nie czarny.

Long Shadow Icon, jest to stosunkowo nowy trend, który od razu przyjął się swoim schludnym, prostym w odbiorze wyglądem. Polega na zastosowaniu w konstrukcji ikonki tytułowego długiego cienia, padające-go pod kątem ok. 45*, o długości 2,5 raza większej niż sama ikonka. Pokażemy Wam, jak w szybki sposób wykonać taką ikonke.

1. Tworzymy projekt o dowolnych rozmiarach.

KROK 3

KROK 6

12

6. Dojeżdżamy naszym obiektem do końca obszaru roboczego i wszystkie warstwy łączymy.

3. Kopiujemy nasze logo/tekst/obrazek (CTRL+J) i nadajemy mu czarny kolor. 4. Przenosimy skopiowaną warstwe o jedną w dół. Przesuwamy skopiowany obiekt do dołu i w prawo. 5. Nastepnie powielamy, znów kopiujemy i przesuwamy (jezeli zrobimy juz tak okolo 5 razy można scalić warstwy i przesunąć o 5 w prawo i 5 do dolu).

KROK 7

KROK 9

13

7. Następnie tworzymy tło dla ikonki. Wybieramy narzedzie kwadratu z zaokraglonymi krawędziami. Przenosimy warstwę na dół stosu. Ustawiamy nasze logo z cieniem na środku kwadratu, po czym tworzymy warstwę cienia maską przecinąjacą. [PPM + Utwórz maskę przecinąjacą (Release Clipping mask)] Nasz cień ograniczy się tylko do pola tla.

8. Regulujemy także krycie cienia, do ok. 60%.

9. Ustawiamy kolor tła byle nie biały. Nanosimy także kolor na warstwe z naszym logo/obrazkiem.Klikamy dwukrotnie na warstwe, otworzy się panel stylu.

Zaznaczamy okienko [nałozenie koloru (color overlay)] i wybieramy dowolny kolor.

KROK 10

14

Więcej o Long Shadow Icon:

10. Na końcu dokonujemy finalnych poprawek. Oto efekt naszej pracy:

To prosty ale jakże efektowny sposób na przedstawienie loga/napisu. Mamy nadzieje że wzbogaci ona Waszą kolekcje 'specjalności'

http://www.hongkiat.com/blog/long-shadow-design/

15

TOP 10 OF PMZbiór najlepszych fotomanipulacji

16

Airship of Doom by Koshelkov

W sieci możemy znaleźć mnóstwo interesujących fotomanipulacji. Z pośród wielu rodzajów i kategorii prac jakie aktualnie spodkamy w wirtualnych galeriach każdy znajdzie coś dla siebie. Pragniemy Wam przedstawić 10 prac, które szczególnie przykóły naszą uwagę, i są według nas warte oglądnięcia.

http://koshelkov.deviantart.com/art/Airship-Of-Doom-387098027

Inferno by skam4http://skam4.deviantart.com/art/Inferno-120764822

Vain waves by Julie-de-Waroquierhttp://julie-de-waroquier.deviantart.com/art/Vain-waves-453217426

17

Earth 1.0 Space Museum by aiivenhttp://aiiven.deviantart.com/art/Earth-1-0-Space-Museum-Desktopography-2011-269989867

Lone Survivor by CryoGfxhttp://cryogfx.deviantart.com/art/Lone-Survivor-Advanced-Photomanipulation-431137812

18

Kraven's apartment by duster132http://duster132.deviantart.com/art/Kraven-s-apartment-453536502

Recreating Love by FatherofGodhttp://fatherofgod.deviantart.com/art/Recreating-Love-192667627

19

After Us by Kurtzanhttp://kurtzan.deviantart.com/art/After-Us-453217433

The Cage Keeper by thefifthorderhttp://thefifthorder.deviantart.com/art/The-Cage-Keeper-148359816

We're young by eclipsyhttp://eclipsy.deviantart.com/art/We-re-young-453311409

Smudge TutorialTutorial Praktyczny Adobe Photoshop

Dzisiaj nauczysz się podstaw dotyczących wszelkiego rodzaju wykorzystywania stylu ‘Smużu’ w sygnaturach. Można go tworzyć tradycyjnie za pomocą myszki lub po przez tablet graficzny, który w znaczynm stopniu ułatwia nam prace. Dzięki niemu mamy większąkontrole nad efektem, chodź dla sprawnych operatorów myszki też nie powinno sprawić to większego problemu.

Ten poradnik będzie bardziej teoretyczny, więc nie będziesz w nim potrzebować żadnych plików.

Samo narzędzie “Smużenie” znajdziemy w przyborniku między Gradientem a Rozjaśnieniem. Stan-dardowo jest tam Rozmyanie.

Wracając do tabletu, jeśli go posiadamy to warto włączyć Dynamikę kształtu a sterowanie przełączyć na Nacisk pióra. Chodź nie jest to niezbędne. Ustawiania pędzla możesz przywołać za pomocą

klawisza F5.

Przed rozpoczęciem smużenia trzeba pamiętać aby intesywność ustawić na około 90%.

KROK 1

20

Pliki:

1. Teraz zmożemy przystąpić do ćwiczenia nad smużem. Na początku zróbmy koło zwykłym pod-stawowym brushem z twardością nastawioną 100%.

2. Następnie najeżdżamy na koło zatrzymując się przed końcem.

3. Wracamy rozmazująć nasze koło.

4. Powtarzamy tę czynność kilku krotnie, najlepiej jakby to był płynny ruch bez zatrzymań.

5. Staramy się poszeżyć nasz smuż na całe koło w trakcie tych płynnych róchów.

7. Oczywiście najlepszy efekt końcowy uzys-kamy jeśli nałorzymy na siebie dwa różne ‘Smuże’. Można to zrobić po przez rozpoczęcie jednego na drugim.

KROK 2

21

Ogólnie jest kilka rodzajów smużu, tutaj przedstawie inny sposób. Technika jest taka sama przy wszys-kich po prostu kreujemy nowe krztałty, możliwości jest sporo.

Teraz kiedy znamy teorie, możemy spokojnie brać się za robienie sygnatury.

KROK 2

22

Inny Sposób:

OutcomeKROK 2

KROK 3

23

KROK 1

Zaczynamy od stworzenia nowego dokumentu o wartościach 500x208 px. Następnieumieszczamy nasz render mniej więcej na środku, po czym tworzymy nową warstwęi pokrywamy ją kolorem #201827. Drugi kolor #495240 posłuży na do smużu rozprowadzamy go po całej powiechni, u mnie tak to wygląda.

Teraz tworzymy wzorki wedle naszego upodobania, tutaj trzeba być kreatywnym, im ciekawszy wzór zrobimy tym lepszy będzie efekt końcowy, jednak nie należy przesadzać, zostawiamy też miejsce na inne efekty.

KROK 2

KROK 3

24

KROK 2

U mnie wyszło to tak, jest to początkowy etap, wszysko robię na jednej warstwie.Poniże znajduje się już jej wykończenie.

Postanowiłem wymazać prawy dolny róg, wedłu mnie psułby trochę efekt. Było by tego za dużo. Tak samo możesz zauważyć że gdzie nie gdzie zostawiam trochę miejsca by wszysko na siebie się nie nachodziło. To miejsce posłuży nam do zrobienia dodatkowego smużu.

KROK 2

KROK 3

25

KROK 3

Dodałem tutaj “smuż w smużu” to wymaga trochę praktyki i nie przejmuj się jeśli nie wyjdzie Ci za pierwszym razem. Ogólnie trzeba sporo ćwiczyć, bo musi to zostać zrobione niezwykle precyzyjnie. Ten smuż jest wykonany na drugiej warstwie.

Po smużowaniu możemy się wziąć już za ulepszanie pracy za pomocą różnychfiltrów itp. Pierwszym z nich będzie Mapa Gradientu. Poniżej wypisałem kolory.Pierwsza na kryciu warstwy 30%. Tryb: Łagodne Światło.

Teraz dodajemy drugą o taki wartościach. O kryciu warstwy 25%. Tryb: Ekran.

KROK 2

KROK 3

26

KROK 4

Teraz dodajemy efekt “Krzywe” . RGB trochę obniżyłem. Czerwone i Zielone trochę pod-wyżyłem a Niebieskie dałem o ciut wyższe, ale tylko na końcu. Da nam to lepszy efekt końcowy. Ogólnie polecam korzystanie z tej funkcji, w bardzo łatwy sposób można polepszyć wygląd pracy.

Później dodajemy kolejną mapę Gradientu.O kryciu warstwy 100%. Tryb: Nakładka.

Następnie dodajemy efekt Barwa/Nasycenie. Zmieniamy tu tylko pierwszy tryb:Orginał.Ustawiamy kolejno Barwe na:-6 Nasycenie na:+13 i Jasność na:+10. Tak powinna wyglądać nasza sygnatura na tą chwilę.

KROK 2

KROK 3

27

KROK 5

Możemy już dodać trochę światła w naszej sygnaturze. Na początek wkleimy zielonefractale. Gdy już je wypozycjonujemy, możemy dodać efekt Wyszukiwanie kolorów i ustawić na Crips_Warm.look wyostrzy nam to prace. Następnie tworzymy efekt Jasność/Kontrast i dajemy Jasność na: 19 a Kontrast na: 21. Po tych wszystkich operacjach sygnatura powinna wyglądać mniej więcej tak.

Teraz przydałoby się ściemnić naszą prace, ja to zrobiłem za pomocą zwykłego czarnego brusha. Pociemniłem w prawym dolnym rogu i na górze sygnatury. Później dodajemy Kolor Selektywny. Mamy tu sporo możliwości do wyboru, sami możecie kombinować tak aby uzyskać swój unikalny efekt. Ja to zrobiłem tak. Krycie warstwy dałemna 58%.

KROK 2

KROK 3

28

KROK 6

Teraz dodajemy fractale drugiego typu, te czerwone. Pozycjonujemy je wedle uznania a następnie tworzymy Mapę Gradientu, naciskamy na nią PPM i tworzymy maskę przycinającą do fractali o takich wartościach. Krycie zostawiamy na 100% a Tryb dajemy na: Łagodne Światło.

Tak powinna wyglądać warstwa z maską przycinającą.

KROK 2

KROK 3

29

KROK 7

To już jest końcówka, zbliżamy się do finałowego outcome. Pozostaje na tylko dodać Wypełnienie Gradientem o takich właściwościach. Jej krycie ustawiamy na około 40%.Tryb dajemy na: Łagodne Światło.

Oraz dodanie ostatniej Mapy Gradientu. Krycie dajemy na 30% a Tryb na Różnica. Wy-mazałem także efekt z twarzy renderu, dla jego lepszej widoczności. Możecie to zrobić na masce, która jest obok naszej Mapy gradientu za pomocą zwykłego brusha koloru czarnego.

By jeszcze ulepszyć efekt ja dodałem Wyostrzenie. najpierw jednak tworzymy nową warstwę, zaznaczamy ją i idziemy do Obraz->Zastosuj Obraz. Dzięki temu będziemy mieli naszą syg-naturę na jednej warstwie. Teraz idziemy w Filtr->Wyostrzenie->Inteligentne Wyostrzenie i usatawiamy suwaki tak aby nasza praca zyskała na ostrości. Po lewej stronie mamy podgląd, co znacznie uławia kontrole nad efektem.

KROK 2

KROK 3

30

KROK 8

Został już tylko końcowy napis. Jest tu spore pole do popisu, w zależności od kolorów i efektów na sygnaturze można zrobić swój unikatowy podpis. Ja w swojej pracy użyłem czcionki: Sequi. Daje ona dość fajny efekt. Dodatkowo skopiowałem całość napisu i dałem pod spodem w innym kolorze by lepiej się on komponował.

Render Lulu: http://www.deviantart.com/art/League-of-Legends-Lulu-Render-394605208Fractal by Platinification: http://platinification.deviantart.com/

Pliki użyte w tutorialu:

Graficzne PorażkiZbiór obrazków ku przestrodze

31

Niebiański obrazek

Smakowita reklama

Wspaniała pamiątka ślubu

Przedstawiamy Wam zbiór gra�k, które zwróciły naszą uwagę, lecz nie z uwagi na pozytywy- wręcz przeciwnie - nagromadzenie elementów do siebie nie pasujących, fatalnego maskowania, odrażające kompozycje i źle dobrane kolory. Chcemy przez to pokazać Wam jak kończy się produkcja, bez poczucia smaku i często umiejętności.

OSTRZEGAMY! Ten artykuł może spowodować zażenownie i zwątpienie w świat gra�ki. Jeżeli obawiasz się braku weny lub depresji gra�cznej, pomiń ten temat ;)

Typografia - kategoria wędliny. Przekonałaby Was reklama? Bo nas nie za bardzo. :)

Zostaniesz moim aniołem? Potem Cię zjem! Uwaga, tylko nie spadnijcie z parapetu! :)

32

Mistrz i... okładka książki

Piękność w zbożuSzczeże, balibyśmy się przczytać tą ksiązkę.

Kolejna okładka. Może w książce będzie coś o ściętej głowie? :)

Dziękujemy za poswięcony nam czas. Mamy nadzieję że każdy znalazł tu coś dla siebie.Wyczekujcie kolejnych numerów GFX Passion ;)

Zespół MPC Graphic Team

JOIN MGT: http://www.mpcforum.pl/forum/675-aplikacje-do-mpc-graphic-team/

Skoro dotarłeś już tutaj i chcesz spróbować swoich sił w zespole MPC Graphic Team, napisz aplikację już teraz i dołącz do forumowych zapaleńców ;)