SSCR
bla, bla... takie tam ;p forum programu SSCR - najprostszej przeglądarki świata napisanej na własne potrzeby... ;~
FAQ
Szukaj
Użytkownicy
Grupy
Galerie
Rejestracja
Profil
Zaloguj się, by sprawdzić wiadomości
Zaloguj
Forum SSCR Strona Główna
->
Grafiki w ASCII
Napisz odpowiedź
Użytkownik
Temat
Treść wiadomości
Emotikony
Więcej Ikon
Kolor:
Domyślny
Ciemnoczerwony
Czerwony
Pomarańćzowy
Brązowy
Żółty
Zielony
Oliwkowy
Błękitny
Niebieski
Ciemnoniebieski
Purpurowy
Fioletowy
Biały
Czarny
Rozmiar:
Minimalny
Mały
Normalny
Duży
Ogromny
Zamknij Tagi
Opcje
HTML:
NIE
BBCode
:
TAK
Uśmieszki:
TAK
Wyłącz BBCode w tym poście
Wyłącz Uśmieszki w tym poście
Kod potwierdzający: *
Wszystkie czasy w strefie GMT
Skocz do:
Wybierz forum
SSCR 3
----------------
Wersja Lite
SSCR 2 FINAL
----------------
Błędy
Patch
SSCR 2 Beta2
----------------
Błędy
SSCR 2 Beta1
----------------
Błędy
Pozostałe
----------------
Starsze wersje programu
Propozycje
Grafiki w ASCII
Przegląd tematu
<table border="0" cellpadding="3" cellspacing="1" width="100%" class="forumline"> <tr> <th class="thCornerL" width="22%" height="26">Autor</th> <th class="thCornerR">Wiadomość</th> </tr> <tr> <td width="22%" align="left" valign="top" class="row1"><span class="name"><a name=""></a><b>kudlaczpl</b></span></td> <td class="row1" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%"><img src="http://picsrv.fora.pl/subSilver/images/icon_minipost.gif" width="12" height="9" alt="Post" title="Post" border="0" /><span class="postdetails">Wysłany: Nie 10:24, 30 Kwi 2006<span class="gen"> </span> Temat postu: Tutorial: Pierwsza grafika w ASCII krok po kroku.</span></td> </tr> <tr> <td colspan="2"><hr /></td> </tr> <tr> <td colspan="2"><span class="postbody"><span style="font-weight: bold">1. Co jest potrzebne?</span> <br />Do pracy potrzebujemy następujące programy: <br /></span><table width="90%" cellspacing="1" cellpadding="3" border="0" align="center"><tr> <td><span class="genmed"><b>Kod:</b></span></td> </tr> <tr> <td class="code">Java Ascii Versatile Editor <br />Notatnik <br />Adobe Photoshop lub jakiś inny program graficzny</td> </tr></table><span class="postbody"> <br /> <br />Program Java Ascii Versatile Editor możemy pobrać ze strony <a href="http://www.jave.de/" target="_blank">http://www.jave.de/</a> (jeżeli jest niedostępna to goglujemy fkorz ;>). <br /> <br /><span style="font-weight: bold">2. Instalacja i uruchomienie JAVE</span> <br />Najpierw pobieramy program Java Runtime 1.2 lub wyższą (http://java.sun.com/getjava/), następnie ją instalujemy. Nie będę opisywał przebiegu instalacji Javy, ponieważ jest ona dosyć prosta. Wreszcie pobieramy program JAVE (http://www.jave.de/download/jave5.zip) i rozpakowywujemy go. To jeszcze nie koniec. Aby praca była przyjemniejsza pobieramy dodatkowo czcionki FIGlet, czy cuś takiego (gdzieś tam są na tym sajcie). <br /> <br />Po rozpakowaniu jave5.zip ujrzymy coś takiego: <br /><a href="http://www.slibe.com/image/d996bee9-shot1_jpg/" target="_blank" class="postlink"><img src="http://www.slibe.com/imagestumb/d996bee9-shot1_jpg.jpg" border="0" /></a> <br /> <br />Te Figlety rozpakowywujemy i kopiujemy do folderu fonts tam, gdzie wypakowaliśmy JAVE (Pulpit/jave5/fonts). To wszystko. JAVE odpalamy w ten sposób: <br /><a href="http://www.slibe.com/image/01a899bb-shot2_jpg/" target="_blank" class="postlink"><img src="http://www.slibe.com/imagestumb/01a899bb-shot2_jpg.jpg" border="0" /></a> <br /> <br /><span style="font-weight: bold">3. Zmalujmy coś pierwszy raz</span> <br />Rysowanie za pomocą ASCII jest prostsze niż mogłoby się wydawać. Wiem, z początku przychodzą myśli "Jezuu! To musi być wyjątkowo żmudne." Chodzi o to, żeby się takimi myślami nie zniechęcać. Odpalamy JAVE i macamy, znaczy się badamy obszar działania. <br /><a href="http://www.slibe.com/image/bc7285b1-shot3_jpg/" target="_blank" class="postlink"><img src="http://www.slibe.com/imagestumb/bc7285b1-shot3_jpg.jpg" border="0" /></a> <br /> <br />Następnie ładujemy jakiś obrazek przez File -> Open. Po tym zabiegu powinno się pojawić nam takie okno: <br /><a href="http://www.slibe.com/image/eb10bd2f-shot4_jpg/" target="_blank" class="postlink"><img src="http://www.slibe.com/imagestumb/eb10bd2f-shot4_jpg.jpg" border="0" /></a> <br /> <br />Przycisk Batch Convertion wywołuje dialog służacy do zapisywania obrazka w postaci ciągu literek i cyferek, ale nie tego chcemy. <br /> <br />W zakładce Image processing regulujemy obrazek. Sugeruję niczego nie zmieniać, gdyż potem będzie to wyglądało nieciekawie. ; ) <br /> <br />Conversion i Output pomagają nam ustalić jak to ma wszystko wyglądać, czyli odstępy między literkami i takie inne. Ja użyłem do swojej pracy algorytm "Felt Pen". <br /> <br />Po zabawie suwakami klikamy na Insert. Program zapyta czy użyć skonwertowanego obrazu jako znaku wodnego. Klikamy co chcemy, gdyż nie jest zbyt to nam potrzebne. <br /> <br />Po kliknięciu na Yes powinno wszystko wyglądać tak: <br /><a href="http://www.slibe.com/image/314d9a1d-shot5_jpg/" target="_blank" class="postlink"><img src="http://www.slibe.com/imagestumb/314d9a1d-shot5_jpg.jpg" border="0" /></a> <br /> <br />Wybieramy Save As z menu File i zapisujemy w postaci pliku tekstowego. <br /><a href="http://www.slibe.com/image/c0bb2254-shot6_jpg/" target="_blank" class="postlink"><img src="http://www.slibe.com/imagestumb/c0bb2254-shot6_jpg.jpg" border="0" /></a> <br /> <br />No i w zasadzie to już wszystko. Wygląda nieciekawie w czerni, wiem. Pobawimy się teraz w pokolorowanie tego czegoś za pomocą Adobe Photoshop. <br /> <br /><span style="font-weight: bold">4. Majstrowanie w Photoshopie</span> <br />Najpierw odpalamy obrazek, który użyliśmy na samym początku w JAVE. <br />Z menu Edit wybieramy Deffine Pattern i wpisujemy coś tam. <br /><a href="http://www.slibe.com/image/768e9810-shot7_jpg/" target="_blank" class="postlink"><img src="http://www.slibe.com/imagestumb/768e9810-shot7_jpg.jpg" border="0" /></a> <br /> <br />Tworzymy nowy obszar działania. Najlepiej, żeby miał TAKIE SAME wymiary jak nasz obraz. Z Notatnika wycinamy te nasze literki i wklejamy do Photoshopa w postaci tekstu. Jeżeli tekst się nie mieści to dopasowywujemy go. <br /><a href="http://www.slibe.com/image/6dcd7be4-shot8_jpg/" target="_blank" class="postlink"><img src="http://www.slibe.com/imagestumb/6dcd7be4-shot8_jpg.jpg" border="0" /></a> <br /> <br />Zbliżamy się powoli do końca. Jeszcze tylko zaznaczamy warstwę tekstu wybieramy Layer - Layer Style - Pattern Overlay i to co wczesniej zdefiniowaliśmy. ;) <br /><a href="http://www.slibe.com/image/5b49f24c-shot9_jpg/" target="_blank" class="postlink"><img src="http://www.slibe.com/imagestumb/5b49f24c-shot9_jpg.jpg" border="0" /></a> <br /> <br />Czasami literki mogą się rozkleić, o coś takiego: <br /><a href="http://www.slibe.com/image/7046c1fa-shot10_jpg/" target="_blank" class="postlink"><img src="http://www.slibe.com/imagestumb/7046c1fa-shot10_jpg.jpg" border="0" /></a> <br /> <br />Wtedy klikamy w Pattern Overlay na "Snap to Origin" i tyle. <br /> <br />Enjoy! <br /> <br /><a href="http://www.slibe.com/image/91c74b6a-ascii_jpg/" target="_blank" class="postlink"><img src="http://www.slibe.com/imagestumb/91c74b6a-ascii_jpg.jpg" border="0" /></a></span></td> </tr> </table></td> </tr> <tr> <td colspan="2" height="1" class="spaceRow"><img src="http://picsrv.fora.pl/subSilver/images/spacer.gif" alt="" width="1" height="1" /></td> </tr> </table>
fora.pl
- załóż własne forum dyskusyjne za darmo
Powered by
phpBB
© 2001, 2005 phpBB Group
Regulamin
FAQ
Szukaj
Użytkownicy
Grupy
Galerie
Rejestracja
Zaloguj się, by sprawdzić wiadomości
Zaloguj