gfx passion 2
DESCRIPTION
Po długiej przerwie, pragniemy przedstawić Wam kolejny numer magazynu grupy MPC Graphic Team - GFX Passion. W ramach rekompensaty, przygotowaliśmy dla Was jeszcze więcej materiałów i informacji. W tym numerze przeczytasz między innymi o: - najlepszych pracach użytkowników FanART - najciekawszych fotomanipulacjach - przydatnych serwisach graficznych, nieodzownym elemencie pracy grafika - tajnikach Smudge Style'u - graficznych porażkach Mamy nadzieję wydać kolejny numer w nie dłuższym czasie niż dwa miesiące. Zapraszamy do czytania, oceniania i komentowania ;-) Miłej lektury życzy: MPC Graphic TeamTRANSCRIPT
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 ;)