Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

[Tutorial][Photoshop] #1 Logo w stylu MPCforum w dziesięciu krokach - Dabestudio

DadekDesign

Przez DadekDesign
w Produkty Adobe

Rekomendowane odpowiedzi

DadekDesign Bywalec

DadekDesign

Opublikowano
Bywalec

DadekDesign

Opublikowano

Cześć!

Chciałbym przedstawić wam tutorial " Jak zrobić logo w stylu MPCforum ".
Z góry przepraszam za takie głupie screen'y...
Będzie przedstawiane na podstawowych czcionkach po to, aby nie robić zamieszania z pobieraniem, skanami itp.
Zaczynamy!

Outcome:

10.jpg

beznazwy1fdb.png

1.

Na starcie tworzymy nowy dokument, o wymiarach szerokość: 500px | wysokość: 400px.

1.jpg


beznazwy1fdb.png

2.
Teraz czas na wybranie koloru tła. Robimy tak jak na screen'ie:

3.jpg


beznazwy1fdb.png

3.

Klikamy lewym przyciskiem myszy na ikonkę farby.
Jeżeli nie ma ikony farby, będzie ona 'kryła' się pod gradientem. Poniżej screen:

2.jpg

Klikając LPM na puste tło powinniśmy uzyskać je w kolorze czarnawym.

beznazwy1fdb.png

4.

Tworzymy napis ( tekst ).
Klikamy na klawiaturze literkę "T"
I tak jak na screen'ie wybieramy czcionkę Arial (Bold) - rozmiar 35pkt.

4.jpg

Wpisujemy "MPC".

beznazwy1fdb.png

5.
Robimy to samo co w punkcie 4, tyle że zamiast czcionki Arial, wybieramy czcionkę: Myriad Pro (OT1) (Light) - rozmiar 30pkt.

Po prawej stronie od napisu "MPC" wpisujemy "forum.pl"
Powinniśmy otrzymać taki efekt:

5.jpg
(zapomniałem dopisać .pl - nie szkodzi)

beznazwy1fdb.png

6.
Czas na dodanie gradientu do naszych napisów.

Na warstwę "MPC" klikamy prawym przyciskiem myszy i wybieramy ( na samej górze ) "Opcje mieszania" / "Blending options".

Przechodzimy w "Nałożenie gradientu" / "Gradient overlay".

Robimy tak jak na screen'ie:

6.jpg


beznazwy1fdb.png

7.
Robimy tak samo z napisem "forum.pl" jak w punkcie 6, tyle że ustawiamy gradient w innych kolorach.
Pierwszy kolor ( po prawej ) na: b1ebf7
Drugi kolor ( po lewej ) na: 90d4e2
Powinniśmy uzyskać taki efekt:

7.jpg


beznazwy1fdb.png

8.

Zapisujemy sobie style, które zrobiliśmy dla naszych dwóch napisów tak jak na screen'ie:

8.jpg


Następnie powielamy warstwy "MPC" i "forum.pl", klikając PPM na warstwę -> powiel warstwę... / duplicate layer... ( domyślnie CTRL+J ).
Warstwy, który powieliliśmy ustawmy pod warstwami głównymi ( przeciągając je )
Teraz do każdej z nich dodajemy ( w opcjach mieszania ) "Blask zewnętrzny" / "Outer Glow".
Tryb mieszania: Ekran
Krycie: 35%
Rozmiar: 35px
Resztę zostawiamy. Gdy już to zrobiliśmy, możemy kliknąć PPM na warstwę, którą powieliliśmy i kliknąć "Rasteryzuj warstwę" / "Rasterize layer" .
Warstwie, która ma blask zewnętrzny ( powieloną ) zmieniamy styl ( na ten, który zapisaliśmy ) - odpowiedni do danego napisu.

beznazwy1fdb.png

9.
Rasteryzujemy warstwy, na których jest blask zewnętrzny.
Kolejna rzecz to 'poruszenie'. Wchodzimy w "Filtr" -> "Rozmycie" -> "Poruszenie" / "Filter" -> "Blur" -> "Motion blur".
Kolejna czynność to ustawienie odległości i kątu rozmycia.
Kąt: 0
Odległosć: 100 px
Powtarzamy to w obu warstwach ( PAMIĘTAJ! W warstwach skopiowanych [powielonych]! ).

Powinniśmy uzyskać taki efekt:

9.jpg

beznazwy1fdb.png

10.
Teraz czas dodać napis pod spodem.
Klikamy "T", zmieniamy czcionkę na Arial (Regular) - 10 px (wygładzanie: Brak).
Jak wygładzić czcionkę? (spoiler)


wygladzenie-tekstu-ps.gif
Obrazek należy do g44.pl

 


Tworzymy nowy napis " multi player cheats_updated "
Zmieniamy opcje mieszania:
Kolor: biały ( FFFFFF ).

Blask zewnętrzny: Krycie - 50%, rozmiar - 30px.

Rasteryzujemy warstwę, powielamy ją. Warstwę powieloną przeciągamy pod tę właściwą i dodajemy poruszenie, takie jak w pkt. 9 :)
Zmieniamy krycie powielonej warstwy na 50%.
Uzyskany efekt:

10.jpg

beznazwy1fdb.png
Kopiowanie poradnika bez mojej zgody jest zabronione!

To by było na tyle!
Wiem, że trochę dużo tego jest, ale chciałem wyjaśnić proces tworzenia krok po kroku ( niestety nie miałem czasu na więcej szczegółów ).
Dziękuję i pozdrawiam!

logowgb.png

Valky Specjalista

Valky

Opublikowano
Specjalista

Valky

Opublikowano

6. Zakaż odświeżania poradników przed upływem jednego tygodnia. Złamanie tego punktu skutkuje warnem w wysokości 5% .

 

Nie spam bez potrzeby ;)

1363095337-U286162.png

Miyoshi Legenda

Miyoshi

Opublikowano
Legenda

Miyoshi

Opublikowano

A ja mam dwa pytania. Pierwsze: jak klikam na to puste pole w stylach, to znika mi kolor z MPC, a z forum.pl robi się taki... jakiś dziwny niebieski. Tak powinno być? Po drugie - blask zewnętrzny dodajemy w kolorze napisów, czy jak?

DadekDesign Bywalec

DadekDesign

Opublikowano
Bywalec

DadekDesign

  • Autor
Opublikowano

Tak nie powinno być. U mnie nic takiego się nie dzieje. Tutaj masz pomoc od Adobe: http://help.adobe.com/pl_PL/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-789ba.html#WSC0A530BE-499A-4301-A416-4C5C5402B144a
Urywek:

 

Tworzenie nowego gotowego stylu
  1. Na panelu Warstwy zaznacz warstwę zawierającą styl, który ma zostać zapisany jako styl domyślny.
  2. Wykonaj jedną z następujących czynności:

    • Kliknij pusty obszar panelu Style.

    • Kliknij przycisk Utwórz nowy styl u dołu panelu Style.

    • Z menu panelu Style wybierz polecenie Nowy styl.

    • Wybierz polecenie Warstwa > Styl warstwy > Opcje mieszania, a następnie kliknij przycisk Nowy styl w oknie dialogowym Styl warstwy.

  3. Wpisz nazwę stylu, ustaw jego opcje, po czym kliknij OK. "

 



"Po drugie - blask zewnętrzny dodajemy w kolorze napisów, czy jak?"
Po prostu na warstwie z napisem, tam gdzie chcesz dodać blask zewnętrzny klikasz prawym przyciskiem myszy i w "opcje mieszania", tam wchodzisz w "blask zewnętrzny" i robisz tak, jak to opisałem.

SzaroZolty Pomocnik

SzaroZolty

Opublikowano
Pomocnik

SzaroZolty

Opublikowano

Fajny poradnik, Like leci ;-)

 

Moje dzieło :D

7ibozst.jpg

Ehh, nie mogłem znaleźć tej czcionki Myriad Pro (OT1) (Light) więc dałem inną :D

 

btw. Jak zrobić takie ciemno-szare tło w PS? Ja mam standardowe białe vs. CS5

LOL xD

DadekDesign Bywalec

DadekDesign

Opublikowano
Bywalec

DadekDesign

  • Autor
Opublikowano

No i fajnie! Dzięki że jako pierwszy wziąłeś się do roboty :)
Efekt jest dobry nawet bez tej czcionki, którą ja użyłem :P
Co prawda nie wiem jak te tło się robi w CS5, ale spróbuj kliknąć PPM na tło, może będą ustawienia.
Ogólnie wyszło Ci to fajnie, jedynie "forum.pl" jak i "multi..." zmniejsz ( oczywiście jak byś chciał ) i będzie lepiej :)
Pozdrawiam!

Konfitura Mentor

Konfitura

Opublikowano
Mentor

Konfitura

Opublikowano

Tutek spoko, chociaż ja tam pobieram psd logo ze stylu nulled a potem rozmyciami się bawie i wychodzi bardzo bardzo podobnie.

Czcionka w logo mpc to Orbitron :-)

Nieregulaminowa sygnatura

DadekDesign Bywalec

DadekDesign

Opublikowano
Bywalec

DadekDesign

  • Autor
Opublikowano

Dzięki. Tutek zrobiony po to, aby pomóc jakoś ogarnąć pare efektów jakie daje Photoshop dla tych, którzy po prostu tego nie znają... :)

  • 3 tygodnie później...
Macklemore Nowicjusz

Macklemore

Opublikowano
Nowicjusz

Macklemore

Opublikowano

Jak chcecie to mogę wam podesłać PSD loga ze skinu deflection, tam już kolor itp jest, wystarczy edytować czcionkę i wielkość według własnych upodobań.

DadekDesign Bywalec

DadekDesign

Opublikowano
Bywalec

DadekDesign

  • Autor
Opublikowano

@Macklemore i inni,
ten poradnik nie jest po to, aby "kopiować" i mieć gotowe logo, tylko napis zmienić.
Jest dla tych, którzy chcą spróbować zrobić coś sami -> cieszyć się z tego :)
WAŻNE.
Pobierając gotowe logo, możesz z nim robić ( jak wyżej napisałeś ) co chcesz, ale nie będziesz wiedział, jak zostało zrobione :)
Ten tutorial jest po to, aby pokazać początkującym do czego może służyć ten efekt, itp.
TO JEST TO -> zrobić coś samemu i cieszyć się z uzyskanego efektu, a nie otworzyć gotowy plik. Widząc takie logo: Converse_Logo_High_Res_by_kokej69.jpg
zastanawiałem się "jak zrobić taki obrys?!", niedawno do tego doszedłem :P
Reasumując: według mnie, lepiej samemu czegoś się nauczyć, a nie korzystać z "gotowców" ( no chyba, że pojedynczy element, coś innego podpatrzyć, skopiować ). Tyle. :)

  • 2 tygodnie później...
  • 1 miesiąc temu...
  • 3 miesiące temu...
Kevcio™ Uczeń

Kevcio™

Opublikowano
Uczeń

Kevcio™

Opublikowano

Poradnik jest mega , dziękować Tobie.

Napewno z niego skorzystam.

 

A samo logo mpc mogło by być lepsze :p takich grafików tu mamy a tu takie cos :D

338fef45.png


100 - 200 - 300 - 400 - 500 Jeżeli Ci pomogłem liczę na LIKE :D

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...