Mini kurs projektowania strony internetowej w photoshopie


Front-end (html, css, js)

Wczoraj na blogu psdtube.pl ukazał się artykuł będący wstępem do mojego mini kursu video odnośnie projektowania stron internetowych. Od Pawła Danielewskiego dostałem również informację, że wrzucił go na wykop i ku mojemu zaskoczeniu wpis trafił na stronę główną.

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. Od szkicu przez wstępny projekt, dobór czcionek, kolorystyki aż po finalny efekt.

Zapraszam Cię do obejrzenia pierwszej części poniżej:

Chcesz zobaczyć drugą część tego nagrania?

Przejdź na stronę Darmowego Kursu i załóż konto w serwisie, a otrzymasz dostęp do drugiej części powyższego tutoriala oraz innych darmowych nagrań.



  • Darek

    Nie wiem czemu ale nie mogę się zapisać

    • adrianbienias

      załóż sobie konto na stronie http://designerstron.pl, tam jest druga część oraz inne również darmowe nagrania

  • Reni

    Świetny tutorial, prosto , jasno i przejrzyście. Wielkie dzięki.

  • Remek

    Bardzo fajny tutek. Teraz przydałby się opis pocięcia tego do php i css. Próbuję coś sklecić z poradnika 
    http://tutorial-psd-to-html.adrianbienias.pl/ jednak gubię się jeszcze w css i html (ostatnią stronę robiłem, gdy css dopiero raczkował, a strony się opierały na tabelach). Czy jest gdzieś jakiś fajny kurs css?

    • adrianbienias

      http://tutorial-psd-to-html.adrianbienias.pl/ tworzyłem dość dawno i bardziej na zasadzie przedstawienie sposobu w jaki ja to robię, niż nauki, ale już nie długo ukaże się mój pełny kurs tworzenia stron i zarabiania na tym czyli:
      1. design
      2. pocięcie i kodowanie
      3. wdrożenie do joomli
      4. zdobywanie klientów

      zapisy na ten kurs premium będą już niedługo,
      aczkolwiek wcześniej będzie jeszcze seria małych darmowych video gdzie postaram się poruszyć kwestię cięcia i kodowania

      także jeszcze chwila cierpliwości :)

      • Remek

        Pytanie co do kursu: będzie to kurs stacjonarny czy z wideo i o jakiej kwocie za kurs jest mowa? :)

        • adrianbienias

          będzie to kurs internetowy

          4 moduły o których wspomniałem wyżej do przyswojenia w domowym zaciszu

          PLUS

          co ok tydzień konferencja w internecie na żywo (tzw. webinar) w celu motywacji, odpowiedzi na wszelkie pytania, wskazówki etc.

          wszystko po to aby każdy kursant ukończył pełny program kursu (samemu trudno się czasem zebrać do pracy)

          do tego na koniec pewien bardzo ciekawy eksperyment / motywująca niespodzianka
          ale szczegółów jeszcze nie zdradzam :)

          co do ceny, cały czas tworzę ten kurs, praktycznie codziennie siedzę po 10h starając się zgromadzić jak najwięcej informacji i przełożyć to na prosty zrozumiały język
          także sam jeszcze nie wiem na ile to wycenię

          i chyba najważniejsza rzecz, będzie mocno ograniczona ilość miejsc (właśnie ze względu na webinary i indywidualne podejście) więc myślę, że tak jak w szkole przeciętnie w klasie jest ok 30 osób tak i u mnie będzie tylko 30 miejsc :)

  • Roman

    Bardzo wartościowy materiał. Brakowało mi czegoś takiego. %-)

  • LOKALNY GAMON Z INSO

     
    …a jakby wonsz boa zjadl pajonka to pajonk by ugryzl wonsza od wnentrza?…

    • adrianbienias

      „pajonk” zaprojektowałby stronę „wonszowi” i by się dogadali…

  • SzybkiFurczan

    Zakładam stronę z agencją towarzyską i chciałem się zapytać jak się retuszuje części ciała w fotoszopie? Pytam, gdyż obecnie posiadam jedynie Azjatki a z nimi różnie to bywa, a klienci o zdjęcia proszą.

    • adrianbienias

      proponuję bardzo łatwą technikę zaznaczenia wybranego obszaru i użycia opcji „obrót o 90 stopni” ;)

  • LOKALNY GAMON Z INSO

    koko INSO SPOKO

  • Tutorial spoko, nawet nie nudzi jak to się często zdarza

  • Fajnie tłumaczysz ;)

    To pozostaje jeszcze tutorial wdrożenia jakiegoś szablonu css, xhtml pod wordpressa ;)

    • Damian

       Podpisuje się obiema rękoma

    • adrianbienias

      tutorial na ten temat (co prawda wdrożenia do joomli nie wordpressa) będzie już wkrótce, z tym że w wersji premium ;)