Dla tych co majom Sony Ericssony(Jak Zrobić własnego motywa)


(Irobik) #1

Witam was w pierwszym poscie prosiłem o pomoc w sprawie

"MP4 wiekszości formatuw nie działa" w Hardwary,sterowniki Proszę węjdz tam może mi pomożesz.

A teraz pokaz jak zrobić własnego motywa na Sony Ericssona i pochwalić się inym...

Zamieszczam tutaj tutorial mojej roboty, mam nadzieję, że pomoże przy pracy nad motywami. Powodzenia!

Co będzie nam potrzebne?

  1. Themes Creator 5,5 MB

  2. program, w którym tworzymy motywy

2.Adobe Photoshop CS2 9.0 - 330 MB - program graficzny

  1. Windowsowy Paint Wink - j.w

Dlaczego te programy?

Adobe Photoshop jest wg. mnie niezbędny, aby zrobić profesjonalny motyw. Mozna oczywiście wykorzystać GIMP'a, Corel'a lub inny program, lecz w tym poradniku skupiam się tylko na Adobe Photoshop - tzn. ilustracje, opisy itp. Paint'a będziemy używać do prostych edycji, aby nie fatygować photoshopa błachostkami Razz

No, teraz możemy zabierać się za robotę...


  1. Przygotuj sobie 3 tapety. Polecam sciągnąć je z działu "Tapety".

Poniżej 3 przykładowe, na których będzie oparty motyw.

649102060711.jpg


  1. Uruchamiamy Themes Creator.

  2. zostawiamy zakładkę "standby"

  3. dodajemy tapetę przyciskiem "import", a następnie wybieramy tapetę z

listy

12381097lq5.png

  • gdy dodaliśmy juz tapetę, należy wybrać kolory: nazwa operatora, czas oraz "soft key'e"

39079201aa0.png


Co to są te "soft key'e"?

Jest to nic innego jak te przyciski:

27269307lp4.png

Ale chyba nie myśleliście, że zadowolimy się zwykłymi ustawieniami kolorów jeśli o soft key'e chodzi co? Wink Zabieramy się za Photoshopa.


Tworzymy teraz pasek graficzny, który urozmaica nasz motyw. Tworzymy pasek, który znajdzie się tutaj.

80221863ql6.png

a preferuję po prostu zwykłe, białe, trochę przezroczyste paski.

Wersja, którą pobraliście, to wersja tutorial, a więc 30 dniowa. Ja używam Photoshopa CS1, ale między CS2 specjalnej róznicy nie widać

  1. Towrzymy nowy dokument o wielkości 176 x 26, ustawiamy przezroczystość.

45092406lt7.png

  1. Z narzędzi wybieramy prostokąt

53682683vi2.png

  1. Wybieramy kolor biały (domyślny, czyli nic nie zmieniamy)

  2. Przez całą długość naszego przezroczystego pola przeciągamy biały prostokąt

  3. Wciskamy kombinację CTRL + H, aby pozbyć się denerwującego obramowania

  4. Suwakiem (prawy dolny róg) zmieniamy krycie na ok. 20% - 30%

  5. Otrzymujemy coś takiego:

10vl3.png

  1. Tworzymy folder dla naszego motywu, i zapisujemy nasze tworzywo Razz

Plik - Zapisz jako - s.png

! plik nie musi nazywać się "s", ale musi być koniecznie w formacie *.png, które wybieramy z listy "format" !

11nt9.png

  1. Pokaże nam się takie okienko, klikamy na OK.

12hg0.png

  1. Tak wygląda nasz pasek w zwykłym eksplorerze windowsa:

13tt3.png

  1. Teraz dodajemy nasz pasek (s.png) za pomocą przycisku import tutaj:

14zn4.png

Tak wygląda nasz motyw po dodaniu paska:

15ft9.png


Wypadało by też, aby po przyciśnięciu któregoś z soft key'ów, była jakaś zmiana Smile Tworzymy więc grafikę dla tych elementów:

16pt8.png

-1. Tworzymy nowy dokument: plik - nowy

szerokość: 88 (ponieważ 176 : 2 = 8Cool

wysokość: 26

zawartość tła: przezroczyste

  1. Z przybornika wybieramy prostokąt, oraz kolor biały (domyślnie). Zamalowujemy nasze przezroczyste pole.

  2. Z suwaka ustawiamy przezroczystość na 40 - 50 %

  3. Zapisujemy nasz plik jako left.png

! pamiętaj o wybraniu z listy "format" format png !

  1. Przywracamy themes creatora i wstawiamy nasz obrazek za pomocą przycisku import tu:

17ma9.png

Teraz tworzymy przycisk taki sam, tyle że prawy

  1. Plik - Nowy

szerokość: 176

wysokość: 26

zawartość tła: przezroczyste

  1. Gdy utworzylismy już nowy plik, wchodzimy w menu plik - otwórz - left.png (czyli plik, który przed chwilą zrobiliśmy)

  2. Zawartość pliku kopiujemy do naszego nowego dokumentu

a0fa296742f6acdf.png

  1. Wcześniej skopiowany element wklejamy do naszego dokumentu, i przesuwamy go na koniec prawej krawędzi

e49373338d9fc826.png

Do pobrania: Tutaj wszystkie trzy elementy graficzne:

PIERWSZA CZESC ZAKONCZONA ! Smile Teraz przechodzimy do zakładki Deskop...


  1. Przechodzimy do zakładki "Deskop"

  2. Importujemy do elementu "Deskop" 2-gą tapetę

bc7fb976d49a6b3e.png

  1. Przechodzimy do tworzenia podświetlenia ikonek w menu.

  2. Tworzymy w Photoshop'ie nowy dokument, przezroczysty o rozmiarach 83 x 62

  3. Z przybornika wybieramy elipsę

aee2ba02f8f469fa.png

  1. Rysujemy coś takiego i za pomocą CTRL + H usuwamy obramowanie

3d241641c16f054d.png

  1. Zapisujemy plik (Plik - Zapisz - h.png - pamiętaj, aby z listy "format" wybrać rozszerzenie *.png)

  2. Znów pojawi nam się okienko, klikamy na OK

  3. Importujemy nasze podświetlenie za pomocą przycisku 'import' tu

5db84c31f7b35301.png

5db84c31f7b35301.png

  1. Teraz dobieramy kolory; zawartość "title tex" zmieniamy na biały (#ffffff), a deskop na dowolny (tylko bez szaleństw Wink)

e0a77749462a4fd3.png

ZAKONCZONA 3 CZESC! teraz przechodzimy do zakładki "Navigation"


  1. Wgrywamy za pomocą przycisku import 3 tapetę (Background)

5b20dfc3b7bdd4cf.png

  • W Adobe Photoshop wybieramy: Plik - Nowy - 169 x 32 i oczywiście przezroczystość

  • Wybieramy czarno - biały grandient

8a1ec28ac5de6340.png

  • zaznaczamy grandient przeciągając go z góry na dół i powstaje coś takiego

0132d5ecdab3db50.png

  • zmniejszamy krycie do ok. 20 - 25 %

fddf111a298852ea.png

  • zapisujemy jako h2.png (plik - zapisz - h2.png i pamiętaj, aby z listy format wybrać pozycję '*.png')

  • gdy pokaże się okienko, kliknij OK

przypominam, że ten plik importujemy tu:

5b20dfc3b7bdd4cf.png

To jeszcze nie koniec.

Teraz wybieramy odpowiednie kolory, proponuję ustawić je tak jak na ilustracji poniżej

eb827a8107fd561f.png


background zmieniaj jak chcesz, bo on nie ma większego wpływu na to, co stworzyliśmy Wink Jest to poprostu okienko, które wyskakuje, gdy np. podłaczymy słuchawki.


Tworzymy ten element:

e7725de4d0dd2c7f.png

  1. Nowy dokument Photoshop: Plik - Nowy - 169 x 55 - Przezroczysty

  2. Wybieramy prostokąt, o białym kolorze

  3. Przeciągamy przez całą długość obrazka

  4. Ustawiamy krycie na 30% - 35%

  5. Zapisujemy plik jako h3.png Plik - Zapisz - h3.png (pamiętaj o wybraniu formatu z listy!)

  6. Okienko które wyskoczy zatwierdzamy za pomocą przycisku OK

  7. Importujemy obrazek za pomocą przycisku import:

e7725de4d0dd2c7f.png

Teraz robimy "Tab selected"

606d4e70785ddcb7.png

  1. Nowy dokument Photoshop: Plik - Nowy - 51 x 27 - Przezroczysty

  2. Wybieramy grandient

  3. Z listy w lewym, górnym rogu wybieramy czarno - biały grandient

  4. Przeciągamy go z góry na dół

  5. Krycie ustawiamy na 30%

  6. Zapisujemy jako tab_se.png (pamiętaj o wyborze formatu *.png z listy)

  7. Wyskakujące okienko zatwierdzamy przyciskiem OK

  8. Grafikę importujemy przyciskiem import do

606d4e70785ddcb7.png

Teraz tworzymy "tab unselected"

dbe4d672075dcd75.png

  1. Nowy dokument Plik - Nowy - 35 x 23 - Przezroczysty

  2. Wybieramy prostokąt, o kolorze białym

  3. Całe pole naznaczamy prostokątem

  4. Krycie ustawiamy na 25 %

  5. Zapisujemy jako tab_un.png (pamiętaj o wybraniu *.png z listy 'format')

  6. Na wyskakujące okienko wciskamy OK

  7. Importujemy do

dbe4d672075dcd75.png

kolory:

f7ed976b342076d2.png

ustawiaj według swojego gustu.xD

--------------------------------------------------------------------\

Przechodzimy do kolejnej części, czyli Popup.

Niestety, w tej części nie możemy zastosować żadnych przezroczystości, więc pozostaje nam manipulacja kolorami oraz dodawanie niektórej grafiki.

Do "popup title" dodajemy plik h2.png

7e56f8134f7c8eec.html

Do popup highlighting możemy stworzyć takie samo, pół prześwitujące, białe podświetlenie, tylko że w innych wymiarach. Poniżej do ściągnięcia własnie taki plik, który nazwałem h4, i dodałem jeszcze wzorek, który okazał się być praktycznie niewidoczny./

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

Przechodzimy do podpunktu more list.

tutaj także nie możemy robić przezroczystości Ekhm... , ale możemy robić przezroczyste podświetlenia. Do highlighting można użyc h2.png, a ustawiając odpowiednio kolory można uzyskać ładny efekt.

44d92db2e508e5d7.png

-------------------------------------------------------------\

Teraz idziemy dalej:

Input 1 Input 2

Nie ma chyba potrzeby aby opisywać specjalnie te podpunkty Wink Wystarczy dobrze wybrać kolory, lub zrobić tło, za pomocą wyżej opisanych metod w programie Photoshop Smile


Activity Menu:

Activity Menu: Tworzymy tło przezroczyste białe lub grandient, a także inne kolory grandietu itp. Wink Tutaj mamy dowolność, za równo tak jak inne grafiki w tym podpunkcie


Misc:

Dodaję tutaj opis kolorów tak, abyś mógł sam dobrze je wybrać Wink

3f0970776aa5f523.png

Teraz pozostaje nam ten motyw zapisać: File - Save as... - motyw.thm

i wrzucamy go na telefonik !

Do pobrania motyw, który wykonałem przy pracy nad tutorialem.

Pobierz

Look_at_That_by_Jedi_Darkstar.gif


(Virusbond) #2

fajnie na pewno się przyda pozdro :smiley: :smiley: :smiley: :smiley:


(Levan23) #3

fajne to ale temat popraw:

mają nie majom


(Ronaldinjo) #4

Spoko :slight_smile:

Proponuję:

1.zmienić tytuł na np. "Tworzenie własnego motywu - SonyEricsson"

2.Przeniesienie do działu sprawdzone porady lub telefony komórkowe.


(xomo_pl) #5

raczej ten 2 dział bo to frum jest o kompach głównie a telefony to taki "odatek"


(sdar) #6

Zanim ewentualnie cokolwiek z tym tematem zostanie zrobione proszę autora o:

  • Zmianę tytułu na bardziej konkretny

  • Poprawienie błędów

  • Zastąpienie obrazków (zwłaszcza tych większych) linkami.


(Norbert Stepniakowski) #7

a dokładniej mają nie majom

formatów nie formatuw

własny motyw, nie własnego motywa

innym nie inym :slight_smile:

no ale przyda się, przyda