Forum Pasja Informatyki - Najnowsze z tagiem wycinanie

gimp-szarość

Mon, 08 Jun 2020 08:53:49 +0000

Zaznaczam desaturację i nie zmienia mi się obrazek na szaro

Gimp - wycięcie warstwy

Thu, 06 Jul 2017 16:37:37 +0000

Witam!

Nie mam doświadczenia w pracy z programami do obróbki grafiki, ale ostatnio coraz częściej muszę pociąć PSD i wyodrębnić z niego elementy do zakodowania w HTML. Zainstalowałem Gimpa, żeby próbować działać w temacie.

Link do plikus PSD: https://www.dropbox.com/s/hhh7fmc5fivqur3/d8starter-1170px.psd?dl=0

Mam problem z wycięciem górnego tła oraz tych czterech niebieskich ikon tuż nad stopką. Pomimo zaznaczenia elementu, następnie wybieram 'Oderwij' i potem 'Wytnij' to pok wklejeniu do nowego pliku w Gimipie niestety nic się za bardzo nie dzieje.

Ktoś, coś?

Warstwy Inkscape - SVG

Wed, 26 Apr 2017 13:07:08 +0000

Cześć,

Mam podzielone zdjęcie na warstwy (poprzez pióro - rysowanie), jak uzyskać taki kod:

<img usemap="#map" alt="" src="adres">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 793.75 475.19168">

    <g id="0"><path fill="#f00" d="m34.77 446.24l-.756-43.845 279.7-11.339 411.24 34.02.756 20.411-415.77 8.315z" /></g>
    <g id="1"><path fill="#f00" d="m34.02 402.39v-40.821l282.73-30.994 409.73 72.57-1.512 21.923-411.24-34.02" /></g>
    ...
    
</svg>

SVG Photoshop

Wed, 26 Apr 2017 11:41:19 +0000

Cześć,

Mam kilka warstw w Photoshopie (np. 4), jak mogę wyodrębnić te warstwy do takiej postaci:

<img usemap="#map" alt="" src="adres">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 793.75 475.19168">

    <g id="0"><path fill="#f00" d="m34.77 446.24l-.756-43.845 279.7-11.339 411.24 34.02.756 20.411-415.77 8.315z" /></g>
    <g id="1"><path fill="#f00" d="m34.02 402.39v-40.821l282.73-30.994 409.73 72.57-1.512 21.923-411.24-34.02" /></g>
    ...
    
</svg>

Macie jakiś pomysł?

Px w photoshop vs px w css

Mon, 24 Apr 2017 06:33:28 +0000

Hej!
Podczas cięcia i przenoszenia szablonu na stronę napotkałam problem. Mierząc wielkość liter wybranego tekstu gdy wstawiam w nim kursor tekstowy to czcionka ma rozmiar 36px, jednak gdy mierze ją za pomocą ,,zaznaczenia", gdzie widzę każdy pixel - jest 26px. To ma sens? Do tego po wpisaniu rozmiaru w kodzie css w przeglądarce wyświetla się jeszcze inny rozmiar, nieadekwatny do tego w psd-ku. Jak mierzyć czcionki w photoshopie aby wyświetlać ich prawidłową wielkość w przeglądarce?

Problem z wycinaniem tablicy

Sat, 01 Apr 2017 17:15:18 +0000

Cześć.
Napisałem stronę do losowania tytułów książek. W skrypcie, oprócz losowania, zawarłem również sprawdzanie czy dane pole nie jest puste, jeśli jest to aby je wyciął z tablicy. Niestety po wycięciu nadal losuje puste miejsca. I robi to tylko w przypadku, kiedy mamy więcej pól np. 7 i tylko 3 losowo zapełnione.
Proszę o pomoc ;)

Pozdrawiam, Konrad

PS. Funkcja losująca to funkcja rob(), w konsoli pojawia się wylosowana liczba, a wylosowany tytuł powinien pojawić się pod "Losowanie wygrywa...".


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>What to read next?</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link href="https://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet">
</head>
<body>
    <div id="container-head" class="container-fluid">
        <div id="header">WHAT TO READ NEXT?</div>
        <div id="zz">
            <div id="txt">Wylosuj swoją następną książkę</div>
            <div id="down"><span class="glyphicon glyphicon-chevron-down"></span></div>
        </div>
    </div>
    <div class="container-fluid">
            <div class="container pad" id="opis">
                <h1 class="tyt">Gdzie jestem?</h1>
                <p id="o">Skończyłeś czytać książkę i nie wiesz na którą następnie się zdecydować? Pozwól, że nasz zaawansowany bot z napędem jonicznym oparty na skomplikowanych algorytmach i skryptach dokona wyboru za Ciebie!</p>
            </div>
    </div>
    <div id="wpisz" class="container-fluid panel-con">
            <div class="container pad">
                <h1 id="tyt2" class="tyt">Po prostu wpisz tytuły!</h1>
                <div id="ile" class="form-group form-group-lg">
                    <input type="text" class="form-control inputs">
                    <input type="text" class="form-control inputs">
                </div>
                <div id="przyciski" class="row container">
                    <div id="dodaj" class="col-sm-6" onclick="dodaj()"><span class="glyphicon glyphicon-plus"></span> Dodaj</div>
                    <div id="usun-disactive" class="col-sm-5 col-sm-offset-1 gz"><span class="glyphicon glyphicon-remove"></span> Usuń</div>
                </div>
                <div class="row" id="guzik"><button type="button" id="losuj" class="btn btn-primary col-xs-4 col-xs-offset-4" onclick="rob()">Losuj!</button></div>
                <div id="wygrana" class="nie">
                    Losowanie wygrywa...<br>
                    <h2 id="tyt-wyg">Tytuł</h2>
                    Nie trać więcej czasu, bierz i czytaj! ;)
                </div>
            </div>
    </div>
    <div class="container-fluid panel-con">
        <div class="container pad">
            <h1 class="tyt" id="tyt3">Twórcy</h1>
            <div id="mik" class="panel-con">
                <div class="row container">
                    <div id="kon" class="col-sm-3 col-sm-offset-3">
                       <div class="zdj" id="kon-zdj"></div>
                       <div class="imie">Konrad</div>
                   </div>
                   <div id="mac" class="col-sm-3">
                       <div class="zdj" id="mac-zdj"></div>
                       <div class="imie">Maciek</div>
                   </div>
               </div>
            </div>
            <div id="zap">
                <h3 id="zap2">Zajrzyj na naszego książkowego bloga!</h3>
                <div id="mikbooks-zdj"><a href="http://mikbooks.esy.es/"><img src="zdj/mikbooks.png"></a></div>
            </div>
        </div>
    </div>
</body>
</html>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
 
    function dodaj()
    {
        var parent = document.getElementById("ile");
        var input = document.createElement("input");
        input.classList.add("form-control");
        input.classList.add("inputs");
        parent.append(input);
        spr();
    }
 
    function usun()
    {
        document.getElementsByClassName("inputs")[document.getElementById("ile").children.length-1].remove();
        spr();
    }
 
    function spr(){
 
        var i = document.getElementsByClassName("gz")[0];
 
        if (document.getElementById("ile").children.length>2) {
            i.id = "usun";
            i.addEventListener("click",usun);
        }
 
        if (document.getElementById("ile").children.length==2) {
            i.id = "usun-disactive";
            i.removeEventListener("click",usun);
        }
    }
 
    function rob(){
        if (document.getElementById("ile").children.length==2 && document.getElementsByClassName("inputs")[0].value=='' || document.getElementsByClassName("inputs")[1].value=='') alert("Podaj conajmniej 2 tytuły!");
        else{
 
        var ile = document.getElementById("ile").children.length;
        var pula = new Array();
 
        for(var j=0; j<=ile-1; j++)
        {
            pula[j] = document.getElementsByClassName("inputs")[j].value;
        }
 
        for(var j=0; j<=ile-1; j++)
        {
            if (pula[j]=='') pula.splice(j,1);
        }
 
        ile = pula.length;
         
        var w = Math.floor(Math.random() * ile);
        console.log(pula.indexOf("2"));
        console.log(w);
 
        document.getElementById("tyt-wyg").innerHTML = pula[w];
        document.getElementById("wygrana").classList.remove("nie");
        }
    }
</script>

Algorytm tworzenia nowego ksztaltu na bazie zdjecia.

Wed, 08 Mar 2017 18:25:15 +0000

Czesc, probuje zrobic algorytm ktory na tworzy mi nowy ksztalt na podstawie podanego mu obrazka dziala to tak algorytm usuwa cale tlo jesli mu damy parametr jakim jest kolor ktory ma byc wylaczony z obrazka to tworzy nam ksztalt ktory nie obejmuje akurat takiego koloru pikseli.

Dla zobrazowania mamy obrazek z przezroczystym tlem, algorytm zwraca nam ksztalt obrazka(np. tekstury lub ikonki)

Sprobowalem to zrobic w taki sposob ale cos nie dziala bo kiedy wywoluje Polygon.area() zwraca mi 0.

Kod napisalem w Javie+LibGDX

https://hastebin.com/meleveyeka.java

Slyszalem jeszcze o czyms takim jak Delaunay triangulation oraz o algorytmie liniowym Bresenhama ale nie mam pojecia jak to zastosowac i tymbardziej zaimplementowac.

Z gory dzieki za pomoc jesli ktos umie mi powiedziec co jest skopane w tym algorytmie to z gory dzieki.

Photoshop i strony internetowe

Fri, 06 Jan 2017 19:54:33 +0000

W jaki sposób można tworzyć strony internetowe z/w Photoshopie?

Jaki tutorial/kurs w internecie jest najlepszy, by się tego nauczyć?

Jaki Photoshop ?

Wed, 04 Jan 2017 15:55:36 +0000

Jaka wersja PS do cięcia layautów?

Ilustrator/photoshop warstwy

Sun, 14 Aug 2016 18:13:30 +0000

Czy wie ktoś jak zrobić zeby dodac dwa obrazy np. jedno zdjecie, a drugi jako czysta kartke ale o przezroczystosci np 50% że by bylo mozna odrysowac

Photoshop - wycinanie grafik z psd.

Fri, 05 Aug 2016 11:50:48 +0000

Pisze ja sobie stronki www. Na razie samym HTML i CSS, ogólnie idzie mi coraz lepiej, ale zazwyczaj, kiedy przychodzi mi wstawienie jakiegoś img to po prostu ustalam wysokość i szerokość i daje jakiś background color. Zazwyczaj koduję w oparciu o darmowe PSD. Jak na przykład z takiej strony: https://dcrazed.com/free-photoshop-psd-website-templates/ . Gdzie znajdę jakiś tutorial/tutoriale gdzie będzie pokazane jak wycinać z takiego PSD. Znaczy ogólnie pewnie to nie problem, ale kiedy przyjdzie wyciąć tło z drugiego od góry (z strony wcześniej podanej, las) PSD'ka to już średnio bym powiedział. Szukając na YT, zazwyczaj trafiałem na jakieś tutoriale dla designerów którzy mają dopiero coś takiego zaprojektować... Ktoś coś?
I na czym właściwie polega "cięcie PSD"?