Projektowanie stron internetowych

Przez wszystkie lata, że ​​używam Adobe Fireworks, zawsze miałem do wykonania jedno zadanie w każdym projekcie: usunąć tło z logo. Większość czasu, to dlatego, że klient nie ma oryginalnego pliku RAW, że ich poprzednie projektant używane do tworzenia logo firmy, lub dlatego, że trzeba pracować z wieloma logo partnerskie, które ściągnąłem z internetu i nie wszystkie nich informacji, przejrzystości.

Z logo prostokątne lub eliptyczne, po prostu ślad po nim w kształcie i przekształcić go w maskę. Ale kiedy śledzenie maska ​​jest niepraktyczne (jak o skomplikowanych kształtach lub tekstowych logo), kiedyś po metody, które wymyśliłem dla wydobycia logo w Adobe Fireworks, że nie opiera się na przerażające narzędzie Magic Wand. Ta metoda skorzystał z kilku efektów na żywo usunąć tło i zachować formę logo. To było proste, ale również prymitywne: to działa idealnie tylko wtedy, gdy kontrast między logo i tła był już idealny i postaci logo miał tylko jeden kolor. W przeciwnym razie, skończyło się z postrzępione krawędzie.

I od tego czasu znacznie usprawniło proces obsługi multi-kolorowe logo i bez białego tła; działa najlepiej na jednolitym kolorem tekstu i kształtów z wyraźnymi konturami. Ponieważ wiąże się niesamowite funkcje, Fireworks i narzędzi, ta metoda jest szybkie i proste rozwiązanie, które można włączyć do sieci Web i zalety projektowania interfejsu.

I tak, nadal nie ma magiczne narzędzie Różdżka.

Zacznijmy!

Na początek, Odpal Adobe Fireworks i załadowania obrazu logo na płótnie. W poniższym przykładzie, stworzyłem trzy kolor tekstu logo, otoczony blu-owski odcień, na płótnie z przezroczystym tłem.

Utwórz kopię zapasową obrazu, wybierając go za pomocą narzędzia Pointer ( V na klawiaturze), klonowanie to ( Shift + D , lub w menu Edycja → Clone) i ukrywanie go ( L , lub View → Wybór Ukryj). Musisz to back-up pod koniec procesu, ale na razie, niech to będzie ukryte.

Umieść obraz logo na płótnie Fireworks.

Wskazówka: Można również użyć zduplikowane ( Ctrl/Cmd + Alt/Opt + D , lub Edycja → Powiel) zamiast Clone, aby skopiować obraz. Różnica polega na tym, że zduplikowane przesunięcia pozycji skopiowany obiekt o 10 pikseli w dół i 10 pikseli w prawo, natomiast Clone tworzy kopię w tym samym miejscu dokładnie jak oryginalny obiekt.

Oryginalny obraz i ukryte back-up w panelu Warstwy.

Krok 1: Podział

Aby być w stanie radzić sobie z różnymi kolorami logo oddzielnie, najpierw musimy zerwać logo w dół do "sztuki", jeden kolor pierwszego planu za sztukę. Za pomocą narzędzia Wskaźnik, aby wybrać obrazek, logo, a zastosowanie jednego lub kilku bitmap narzędzia selekcji (marquee lub Oval Marquee ( M ), Lasso lub Lasso wielokątne (L) – zestaw Edge "Hard" w panelu Właściwości)wybrać kawałek logo. Upewnij się, że kawałek wybrać tylko jeden kolor (nie licząc obrazu w tle). Wytnij i wklej wybrany kawałek ( Ctrl/Cmd + X , a następnie Ctrl/Cmd + V ), aby oddzielić go od reszty. Zrób to dla każdej sztuki; anulować wybór Marquee ( Ctrl/Cmd + D lub Esc , lub w menu Select → Usuń zaznaczenie) i powrócić do narzędzia Pointer ( V ), jeśli chcesz wybrać obrazek, logo ponownie.

Wskazówka: Podwójne kliknięcie na obiekt zdjęcia, aby szybko przełączyć się z narzędzia Wskaźnik, aby narzędzie Marquee.

Zaznacz fragment logo.

W naszym przykładzie użyłem (prostokątne) Marquee, ale można użyć Oval Marquee na kolistym lub eliptycznym wybory, Lasso lub Lasso wielokątne o nieregularnych kształtach.

Pocięte logo na kawałki.

Jeśli logo ma tylko jeden kolor, pomiń ten krok i traktują cały obraz jak tylko kawałek.

Krok 2: Desaturate

Wybierz wszystkie elementy obrazu, logo przy użyciu narzędzia Pointer, a zastosowanie Hue / Saturation filtr (w panelu Właściwości, przejdź do Filtry: [+] → Dopasuj kolor → Hue / Saturation …). Przesuń suwak Nasycenie całą drogę w lewo (-100) w celu zmniejszenia logo w skali szarości. Upewnij się, że lekkość jest ustawiony na 0, a Koloruj jest zaznaczona przed kliknięciem przycisku "OK".

Desaturate wszystkie kawałki.

Artykuł ten jest autorstwa 'Smashing Magazine' i jego pełną wersję możesz znaleźć na http://smashingmagazine.com My przedstawiamy tylko tłumaczenie żebyś mógł go łatwiej odnaleźć.