Dzięki Illustratorowi nasze logo będzie w pełni wektorowe. Będziemy je mogli dowolnie skalować i będzie się świetnie prezentować zarówno na małej wizytówce, jak i wielkim billboardzie.

Efektem tutorialu będzie logo agencji interaktywnej FoldPage wyglądające, jak na poniższym obrazku:

Utwórz nowy dokument

Utwórz nowy dokument klikając Ctrl+O lub wybierając z menu górnego File > New…  Na potrzeby tego tutorialu utworzyłam dokument o wymiarach 500px x 260px.

Wybierz View > Show Grid oraz zaznacz View > Snap to Grid oraz Snap to Point. Spowoduje to, że wszystkie kształty (figury, punkty) będą przylegały „jak magnes” do siatki i linii pomocniczych

NARYSUJ LINIE POMOCNICZE

Ctrl+R (rulers, linijki) lub wybierz View > Rulers, następnie zacznij  rysować linie pomocnicze. Rysujemy je klikając lewym przyciskiem myszy na linijkę  i przeciągając linie na obszar roboczy.  Do zrobienia loga FoldPage potrzeba 6 linii poziomych oraz 4 linie pionowe.

Linie pomocnicze układamy tak, aby utworzyć 15 kwadracików.

WYBIERAMY KSZTAŁT PROSTOKĄTA (M)

RYSUJEMY PROSTOKĄT 1 KWADRAT NA 5 KWADRATÓW

NASTĘPNIE RYSUJEMY 4 KWADRTY:  DWA W DRUGIEJ KOLUMNIE, ORAZ DWA KWADRATY W TRZECIEJ KOLUMNIE

ZAZNACZAMY PRAWY GÓRNY KWADRAT, WYBIERAMY PEN TOOL I USUWAMY PUNKT POKAZANY NA ZDJĘCIU

Następnie wchodzimy w menu View > Show Grid i wyłączamy siatkę oraz na panelu LAYERES odznaczamy GUIDE LINES

ZAZNACZAMY LITERE F (2 PIERWSZE KOLUMNY) I WYBIERAMY NARZĘDZIE PATHFINDER I KLIKAMY „UNITE”

TWORZYMY TŁO

Narysuj prostokąt (M) z wypełnieniem koloru żółtego R:224, G:173, B:57; bez obramowania

Następnie dodajemy kolor do palety kolorów, klikając z SHIFT-em na kwadracie koloru żółtego, nadajemy nazwę kolorowi i klikamy OK

Upewnij się, że masz zaznaczony prostokąt w tle, wybierz narzędzie GRADIENT i wprowadź ustawienia na obrazku:

Rodzaj gradientu: RADIAL; 2 skrajne kolory są takie same

TWORZYMY ŚRODKOWY KOLOR,

klikając gdzieś przy pasku Gradientu

Wprowadzamy parametry

Ustawiamy parametry środkowego koloru

EFEKT KOŃCOWY TŁA

Tło przesuwamy na dół na palecie LAYERS (WARSTWY), a następnie klikamy obie figury i wybieramy białe wypełnienie. Zaznaczamy tzw. zgięcie i otwieramy panel DROP SHADOW (rzuć cień)

WPROWADZAMY PARAMETRY CIENIA

Możemy teraz przesunąć logo na środek, trochę je zmniejszyć z wciśniętym przyciskiem SHIFT

GOTOWE! Tak właśnie wykonałam swoje logo. Mam nadzieję, że powyższy tutorial pozwoli wam na poznanie technik potrzebnych do stworzenia własnych, wektorowych logów.

Dokładnie rok temu, czy może już dwa lata temu studia się skończyły, ciekawej pracy na horyzoncie brak, więc postanowiłam spróbować założyć własną firmę. Nazwy firmy szukałam długo. Chciałam, aby nazwa domeny i firmy były takie same. Koniecznie. Niestety trzeba mieć niezłego farta, aby dziś to się udało. Gdy wszystkie ciekawe domeny są albo zajęte, albo zaparkowane. Więc, siedziałam na domenach i wpisywałam różne nazwy… Potem wertowałam słownik angielsko-polski oraz Internet. W końcu właściwie przez przypadek wpadłam na to, czego szukałam.

Termin „fold page” odnosi się do kilku różnych kwestii w dziedzinie projektowania stron i nie tylko. Przede wszystkim jest to nazwa modułu, który umożliwia tworzenie rozwijanych nawigacji. Dosłownie „fold page” znaczy zgięta kartka. W terminologi drukarskiej oznacza tę stronę gazety, która jest widoczna powyżej zgięcia.
Ostatnio w SKM-ce spotkałam kolegę – anglistę, który powiedział mi, że to znaczy „pognieciona kartka” oraz stwierdził, że nazwa powinna brzmieć „folded page”. W każdym razie na szczęście to jest nazwa firmy, którą nie obowiązują zasady gramatyki angielskiej

Gdy już miałam nazwę, trzeba było wymyślić logo, a następnie stronę Internetową. Jak widać na pierwszym zdjęciu, zaczęłam od szkiców. Widać po lewej stronie pierwszy szkic obecnej strony foldpage.pl

W sieci znalazłam kilka przykładów, które posłużyły mi za inspiracje:

Oba loga zostały wymyślone przez Tkhoury.

Źródło: logofaves.com

Ostateczny wygląd loga FoldPage – agencji reklamowej

]]> http://www.alex.foldpage.pl/blog/pomysl-na-foldpage/feed/ 0 http://www.alex.foldpage.pl/photoshop/nadchodzi-nowa-wersja-photoshopa-cs6-beta-do-pobrania-i-testowania/ http://www.alex.foldpage.pl/photoshop/nadchodzi-nowa-wersja-photoshopa-cs6-beta-do-pobrania-i-testowania/#comments Sun, 22 Apr 2012 16:45:07 +0000 Aleksandra http://www.alex.foldpage.pl/?p=936 Jest już do ściągnięcia za darmo wersja beta najnowszego Photoshopa – CS6. Można się pobawić i protestować wydajność oraz nowe narzędzia.

Adobe udostępnił zarówno wersję na Windows’a, jak i na Mac’a. Zawiera funkcjonalność zarówno wersji CS6, jak i CS6 Extended.

Nie jest wymagane posiadanie numeru seryjnego, ale będzie potrzebne konto AdobeID oraz aktywacja online (przy instalacji albo do 7 dni po zainstalowaniu programu).

Oprogramowanie obsługuje systemy Windows XP (service pack 3), Vista (home premium , business , ultimate, enterprise z sp2) Windows 7 oraz Windows 8. Jeżeli chodzi o Mac’a to OS X w wersji min. 10.6 (i 64-bitowy procesor).

W Photoshop CS6 (beta) znajdziemy, takie nowości, jak:

• nowe możliwości narzędzi typu Content-Aware
• wyższą wydajność oraz nowocześniejszy interfejs użytkownika
• nowe i przeprojektowane narzędzia projektowania
• szybsze możliwości pracy z programem
• automatyczne zapisywanie projektów oraz zapisywanie projektów w tle (tego mi brakowało)
• galeria rozmycia
• filtr farby olejnej
• style tekstowe
• obsługa video
• panel właściwości
• narzędzie do przycinania (Crop Tool)
• ustawienia automatycznej korekcji

Mam nadzieję, że zmiany w stosunku do CS5.5 będą poważniejsze, niż to miało miejsce w CS5 do CS5.5. Z nowoczesnym komputerem (i dyskiem SSD) CS5.5 śmiga pięknie i dla mnie wyższa wydajność, na pewno nie będzie powodem do wydawania kolejnych pieniędzy na aktualizacje.

Fajnie, że pomyślano o automatycznym zapisie. Kilka razy już zdarzyło mi się tracić kawał projektu przez zawieszenie Windows’a/Photoshopa. Co prawda wyrobiłam już sobie nawyk wciskania Ctrl+S po każdej poważniejszej zmianie. Mimo wszystko trochę automatyzacji nie zaszkodzi.

Cóż trzeba się przekonać na własne oczy, czy jest warto. Ruszam z pobieraniem i testowaniem. Trzeba pamiętać też, że to wersja beta i ostateczna wersja może się różnić.

Minimalne wymagania to: procesor 2GHz, 1GB pamięci RAM.

Pobierz Photoshop CS6 Beta

Mawiał mój profesor, że żyjemy w erze obrazków. Już nam, ludziom nie chce się czytać. Wszędzie, gdzie tylko można tekst jest zastępowany obrazkiem. Porównywał to zjawisko do ery kamienia łupanego, gdzie ludzie zaczęli tworzyć pierwsze obrazki na jaskiniach. Coś w tym musi być

Wracając do tematu. Jakiś czas temu miałam okazje zrobić ikonkę gdańskiego „Żurawia”. Zrobiłam ją z frontu, ale być może lepiej by było, gdybym zrobiła ją z profilu. „Żuraw” może nie jest najłatwiejszym budynkiem na Ziemi, ale z efektu pomimo wszystko jestem zadowolona.

Przede wszystkim trzeba pamiętać o kilku kwestiach. Tworzenie ikon to proces dosyć czasochłonny, a jego efekty są czasem mizerne. Projektując ikonę trzeba pamiętać o wybraniu odpowiednich szczegółów, które mają charakteryzować dany przedmiot. Zbyt duże „przeładowanie” szczegółami może doprowadzić do jej nieczytelności, oraz używać możliwie jak najmniej kolorów. Ilość szczegółów oczywiście może wzrastać wraz z wielkością obrazka, ale rozmawiamy tutaj o małych ikonkach z przeznaczeniem na strony internetowe.

Polecam wszystkim swoim przyszłym klientom zapoznanie się z komiksem;) Z pewnością powoli to uniknąć wielu nieporozumień.

Chyba każdy grafik zetknął się z niektórymi, z przedstawionych w komiksie problemami. Klient, który wie wszystko najlepiej i działa na niekorzyść własnej strony zdarza się dość często, ale na szczęście coraz rzadziej. Warto jednak tłumaczyć i negocjować wprowadzane zmiany (szczególnie te bardziej radykalne). Wiele osób ustępuje w forsowaniu błędnych rozwiązań, jeżeli się mu wytłumaczy, dlaczego tak, a nie inaczej. Udało mi się dzięki temu uratować kilka fajnych projektów;]

Warto też zabezpieczyć się (tam gdzie to możliwe) stosownymi zapisami w umowie. Żeby nie było, że będziemy robić stronę w nieskończoność, dostosowując ją do dziwacznych „widzimisiów” klienta (jego żony, córki, szwagra, znajomego).

Tak ekstremalnych sytuacji, jak te opisane w komiksie na szczęście nie miałam, ale pojedynczo niektórych z nich, w mniejszej lub większej skali było mi dane doświadczyć.

Zapraszam do zapoznania się z komiksem (kliknij żeby powiększyć):

Źródło: http://theoatmeal.com/comics/design_hell

Powyższe obrazki stały się inspiracją do stworzenia mojej własnej typo-ekspresji słowa „disappointment” (z ang. rozczarowanie). Mam ochotę sobie nawet to wydrukować i powiesić, gdzieś na ścianie czy drzwiach;)

Postanowiłam poszukać innego dodatku i udało się znaleźć aż dwa:

Screenshot Pimp

FireShot

Już jakiś czas temu zapisałam się do newslettera Fab.com.  Od tamtej pory codziennie otrzymuję dawkę inspiracji i propozycję zakupu ciekawych przedmiotów, żeby nie napisać „designerskich”. Ce

ny zawsze są niższe niż w sklepach. Osobiście jeszcze nic nie kupiłam, ale kto wie:) Niektóre przedmioty są naprawdę nie dość, że ciekawe i z duszą to są tak zaprojektowane, aby były użyteczne.

A oto screen z newslettera:

Newsletter, logo i całą ich stronę zaprojektowała Veerle Pietras. Dziś jeszcze można dostać $10 na zakupy;)

W związku z dystansem jaki nas dzieli (pani Agnieszka jest z Gliwic, a ja jestem z Rumi) nie mogłyśmy się osobiście spotkać. Cała komunikacja odbywała się za pośrednictwem maili, a od czasu do czasu rozmawiałyśmy sobie na czacie w gmailu. Od razu pragnę napisać, że pani Agnieszka jest przesympatyczna i bardzo miło mi się z nią współpracowało.

Sklep jak i cała strona została postawiona na WordPress -sie. Do zalet WordPress -a należy przede wszystkim łatwość pozycjonowania treści w wyszukiwarkach. Treści napisane w tym CMS-ie bardzo łatwo same się pozycjonują. Jest to na pewno dobre rozwiązanie na początek, dla wszystkich tych, których nie stać na drogie pozycjonowanie SEO (ang. Search Engine Optimisation ? optymalizacja dla wyszukiwarek internetowych).

Z projektem graficznym udało mi się trafić w gust pani Agnieszki już za pierwszym razem. Chciałam, aby strona była w delikatnych klimatach, takich w jakich prezentują się zaproszenia ślubne, czy nawet sam sakrament małżeństwa. Dlatego strona jest pastelowa, klasyczna i dzięki temu swoim wyglądem nie przytłacza piękna zdjęć.

Część sklepowa została oparta na wtyczce WP e-commerce. Założenia projektu jednak odbiegały dość mocno od podstawowej funkcjonalności wtyczki i potrzebne były spore modyfikacje. Napisane zostały nowe funkcje, a spora część istniejących mocno zmodyfikowana. Nawet udało się zlokalizować i usunąć kilka pomniejszych bugów.

Strona znajduje się pod adresem: ArteSonado.pl

Zapraszam również wszystkich czytelników do zapoznania się z blogiem pani Agnieszki: Blog ArteSonado.
Będzie tam z pewnością dużo pięknych ślubnych inspiracji!