Artykuł był tylko mocno skrótowym przekrojem przez projektowanie, pora więc na zapowiedziane w owym artykule rozwinięcie, tym razem już w postaci kursu video.

Co zobaczysz w tym nagraniu?

Pokażę Ci krok po kroku jak tworzę design w photoshopie.

Mini kurs składa się z 2 części, pierwszą znajdziesz poniżej, do drugiej części otrzymasz dostęp tylko i wyłącznie po zapisaniu się do mojej listy kontaktów.

Zapis będzie skutkował również powiadomieniami mailowymi w przyszłości o nowych artykułach na blogu oraz moich nowych kursach video. Ale będzie służył tylko i wyłącznie do kontaktu między Tobą a mną. Myślę, że to uczciwy układ

Szanuję Twoją prywatność tak samo jak swoją. Nigdy nie udostępnię Twoich danych osobom trzecim, bądź spokojny nie jestem spamerem.

Ok, koniec wstępu i informacji organizacyjnych, zapraszam Cię teraz do obejrzenia (najlepiej na pełnym ekranie w trybie 1080pHD) poniższej lekcji video:

Uzyskaj dostęp do drugiej części kursu:

Pokażę Ci jak w prosty sposób ściągnąć dowolny materiał ze strony vray-materials.de i nadać na obiekt w 3ds Maxie.

Istotny jest jednak fakt, że udostępniam go całkowicie za darmo na licencji creative commons. Możesz więc dowolnie i bez limitu korzystać z tego modelu w swoich wszelkich, również komercyjnych projektach.

BMW jest w formacie .FBX gotowy do importu w dowolnym programie Autodesku.

A z uwagi na to, że jego oferta na daną chwilę była mało korzystna, pozostała migracja hostingu do innego providera.

Samo skopiowanie plików nie jest może zbyt wymagającym zadaniem, ale zmiana delegacji domeny z zachowaniem ciągłości wyświetlania strony www może okazać się problematyczna…

Rozwiązaniem jest tzw. przekierowanie po IP.

Dzięki temu propagacja DNSów, która może trwać nawet do 48 godzin przestaje być straszna.

Propagacja to rozchodzenie się informacji o adresie Twojej strony www do wszystkich operatorów, dostawców usług internetowych. Oznacza to, że jeśli zmienisz DNSy w swojej domenie, będzie ona poprawnie działać np. dopiero za 2 dni.

Jeśli mamy jakiś działający serwis, stronę www takie opóźnienie może okazać się bardzo niewygodne.

Rozwiązaniem jest, jak już wcześniej wspomniałem przekierowanie po IP, więcej dowiesz się z mojego poniższego materiału video:

W związku z tym chciałem pokazać Ci namiastkę możliwości jaką daje połączenie świata realnego z grafiką 3D.

Tym razem zajmiemy się wkomponowywaniem obiektu 3D w zdjęcie.

Zapraszam Cię do obejrzenia materiału video.

Aby pobrać materiały użyte w tym tutorialu (zdjęcia, rendery, gotowy plik .max) podaj poniżej swój e-mail:

Dla tych, którzy nie dotarli bądź nie mogli dotrzeć ze względu na odległość przygotowałem materiał video.

Zapraszam do obejrzenia:

Na końcu szkolenia był mały konkurs, w którym 2 osoby wygrały mój płatny kurs w wersji DVD:

PROJEKTOWANIE I WIZUALIZACJA w 3DS MAXie

Uniwersytet Jana Kochanowskiego
ul. Świętokrzyska 15, Kielce
budynek G
w sali A8

przeprowadzę darmowe szkolenie z podstaw obsługi programu 3ds Max (2 godzinny wykład).

Jeśli jesteś zainteresowany:

ZAPISZ SIĘ TERAZ

zapisy zakończone

Kurs jest już ukończony, zapraszam Cię do zapoznania się z nim…

Po kilku tygodniach pracy, zbierania materiałów i informacji co ludzie najczęściej chcą osiągnąć w programie 3ds Max powstał ten oto kurs video (kliknij w poniższy link):

PROJEKTOWANIE I WIZUALIZACJA w 3DS MAXie

równolegle zapraszam Cię też do darmowej wersji mini powyższego kursu:

DARMOWY MINI KURS PODSTAWY 3DS MAXA

Dobre zdjęcie potrafi często zdziałać cuda, bo jeśli fotografia jest profesjonalna to sama w sobie staje się dobrym produktem do którego drobne wstawki typu informacje na ulotce czy plakacie są tylko dodatkiem. Oczywiście nie jest to reguła i wiele naprawdę dobrych projektów graficznych może istnieć bez udziału jakiejkolwiek fotografii to jednak dostęp do zdjęć, które możesz użyć w celach komercyjnych wydaje się bardzo istotny.

Darmowe zdjęcia stockowe to alternatywa dla niskobudżetowych projektów, gdzie nie można sobie pozwolić na kupowanie zdjęcia za 100zł i właśnie w takich przypadkach warto znać listę 6 stron, którą przygotowałem poniżej.

Bardzo ważna rzecz, na którą trzeba zwracać uwagę: przy wyszukiwaniu zdjęć w poniższych portalach wyniki wyszukiwań bardzo często podzielone są na 2 części, zdjęcia darmowe oraz zdjęcia premium (płatne). Portale starają się w ten sposób zachęcać do kupowania płatnych odpowiedników. Aby więc uniknąć rozczarowania należy dobrze przyjrzeć się, z której części wyników wyszukiwania aktualnie wybieramy zdjęcie. Zazwyczaj pierwszy lub ostatni rząd zdjęć (lub oba na raz) są oznaczone jako zdjęcia premium wymagające zakupu, natomiast zdjęcia poniżej wyrażenia Free Stock Photos są w 100% bezpłatne.

foter.com

ponad 190 mln zdjęć w bazie!

nie wymaga rejestracji

sxc.hu

ok 400 tys. zdjęć w bazie,

wymaga rejesracji

stockvault.net

ok 28 tys. zdjęć w bazie,

nie wymaga rejestracji

freerangestock.com

duża baza (bliżej nie znana liczba) dobrej jakości zdjęć

wymaga rejestracji

freeimages.co.uk

ponad 6000 zdjęć w bazie

nie wymaga rejestracji

flickr.com

bliżej nie znana liczba zdjęć, przy wyszukiwaniu należy zaznaczyć opcję na samym dole:

Only search within Creative Commons-licensed content
Find content to use commercially

Find content to modify, adapt, or build upon

nie wymaga rejestracji

Pierwsza i najważniejsza rzecz to klient. Jak go zdobyć to temat na inny artykuł, ale warto regularnie sprawdzać portale ogłoszeniowe dla freelancerów typu oferia.pl czy zlecenia.przez.net.

Gdy już mamy klienta zaczyna się cały proces projektowania strony internetowej. Załóżmy, że klient chce otworzyć sklep internetowy, idealnym dla większości sklepów okazują się rozwiązania oparte na licencji GNU GPL czyli po prostu darmowe. Obecnie najpopularniejszymi tego typu rozwiązaniami są:

• PrestaShop
• Magento
• VirtueMart
• osCommerce

To co wyróżnia sklep internetowy VirtueMart na tle konkurencji to fakt, że jest on jedynie modułem (czuli dodatkiem) do CMSu Joomla. Daje to (przynajmniej w moim odczuciu) o wiele większe możliwości rozbudowy witryny. Masz bowiem do dyspozycji rozbudowany system zarządzania treścią w postaci Joomli plus dodatkowo możesz umieścić wewnątrz swojego portalu oprogramowanie sklepu.

Projektowanie grafiki strony

Tyle teorii, wróćmy do etapów tworzenia sklepu internetowego. Pierwszą i najważniejszą rzeczą jest uzyskanie informacji od klienta, czego oczekuje od strony, jak wyglądają strony konkurencji, kim będą odbiorcy, jaką kolorystykę mają pozostałe elementy identyfikacji wizualnej marki etc.

Bogatsi o szereg istotnych informacji, szkicujemy na kartce wszelkie pomysły podpierając się inspiracjami. Poniżej przedstawiam Ci kilka etapów przez które przeszedł proces projektowania graficznego strony aż do finalnej akceptacji.

Po ustaleniu ilości kategorii na stronie głównej przesłałem dwie propozycje prezentacji produktów.

Następnie otrzymałem kilka sugestii, które naniosłem na projekt graficzny sklepu.

Ostatnie poprawki, zaokrąglone rogi okazały się mniej atrakcyjne od ostrych kantów, pole wyszukiwania zostało umieszczone w wysuwanym pasku razem z newsletterem.

W ten sposób doszliśmy do akceptacji projektu.

Kodowanie grafiki do html i css

W tym miejscu mogę polecić swój szybki darmowy kurs kodowania szablonu, który może rozjaśnić Ci ideę tego etapu tworzenia strony internetowej. W dużym skrócie polega to po prostu na „ożywieniu” grafiki, wprowadzeniu animacji, linków itp. elementów naszej przyszłej strony.

Bardzo popularnym i jednocześnie efektownym narzędziem jest biblioteka jQuery którą szczerze polecam. Dzięki niej można w bardzo prosty sposób wprowadzić naprawdę ciekawe animacje, które biją na głowę pod względem funkcjonalności i późniejszej edycji wszelkie flashowe odpowiedniki.

Wdrażanie szablonu do Joomla

Pierwszą i najistotniejszą informacją na tym etapie jest fakt, że aby wdrożyć jakikolwiek szablon do Joomla musisz mieć zainstalowany ten CMS. A jako, że jest to system oparty na php powinieneś mieć zainstalowany serwer Apache z obsługą PHP i MySQL na swoim komputerze. Bardzo niewygodnym rozwiązaniem jest wdrażanie strony bezpośrednio na ftp hostingu, bowiem wszelkie zmiany czy edycja plików trwają o wiele dłużej niż na własnym komputerze. Z pomocą przychodzą tutaj gotowe pakiety jak WAMP czy XAMPP, które po instalacji umożliwiają uruchamianie z poziomu przeglądarki wszelkich skryptów PHP (a co za tym idzie i Joomli) na Twoim prywatnym komputerze.

Gdy już zainstalujesz i skonfigurujesz jeden z wyżej wymienionych pakietów (niestety jest to dość obszerny temat i nie będę opisywał tego krok po kroku w tym artykule) wystarczy, że zainstalujesz Joomle i będziesz miał gotową bazę do wszelkich testów funkcjonalności nowej strony internetowej.

A w przypadku dość złożonej struktury VirtueMart w połączeniu z Joomla gwarantuję Ci, że dopracowywanie szczegółów będzie pracochłonne. Edycja koszyka, strony zamówień, wyświetlania produktów, przycisków, strony logowania i rejestracji etc. jest tego dość spora ilość i w tym miejscu gorąco polecam dwa wręcz niezbędne narzędzia:

• firebug (dodatek do firefoxa)
• total coomander

Dzięki nim odnajdywanie istotnych elementów w szablonie VirtueMart przychodzi o wiele łatwiej. Przykład: klikasz prawym przyciskiem myszy na element strony np. tekst „zapytaj o produkt” i wybierasz z rozwijanego menu „zbadaj przez firebug”. Firebug wyświetli Ci kod strony danego elementu, który w tym wypadku będzie wyglądał mniej więcej tak:

<a class=”ask-seller” (…) Zapytaj o produkt</a>

Włączasz total commandera, wchodzisz do katalogu instalacji Joomla wybierasz „szukaj” i najwspanialszą z opcji dla webmastera „znajdź tekst” gdzie wpisujesz ask-seller.

Total commander przeszuka wtedy wszystkie pliki wewnątrz pokazując w wynikach tylko te które zawierają wpisaną przez Ciebie frazę w polu „znajdź tekst”. Dzięki temu otrzymujesz informację, że link odnośnie zadawania pytań o produkt jest zdefiniowany w pliku \administrator\components\com_virtuemart\html\shop.product_details.php

BAAAARDZO ułatwia to pracę.

Przeniesienie strony na hosting

Migrację instalacji Joomla wraz ze sklepem Virtuemart można dokonać na wiele sposobów. Osobiście po licznych testach znalazłem złoty środek którym się z Tobą podzielę.

Jest nim moduł Akeeba Backup dzięki któremu tworzysz spakowany do jednego pliku backup całego folderu instalacji Joomla razem z bazą danych!!! Później wystarczy, że skopiujesz plik backupu razem z plikiem przywracania kickstart.php do folderu na hostingu i dosłownie w kilka minut masz zainstalowaną świeżą stronę internetową.

Należy pamiętać o małym bugu tj. po przywróceniu kopii na hostingu musisz edytować plik \administrator\components\com_virtuemart\virtuemart.cfg.php

i zmienić w nim ścieżkę z localhost na wskazującą na właściwą domenę pod którą będzie widniał sklep VirtueMart.

Podsumowanie

Jak widzisz cały proces projektowania strony w dodatku ze sklepem internetowym to dość złożona i pracochłonna czynność. Po stronie klienta nie widać masy czynności, które jako webdesigner musisz wykonać aby końcowy rezultat był zadowalający. Na koniec jako ciekawostkę przedstawię Ci jeszcze video instrukcję, którą nagrałem aby ułatwić administrowanie sklepem.

 Zobacz sklep na stronie dogabinetu.pl