NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: efekt obrysy s barvami

Aktivity
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:6.5.2019 10:23

Potreboval bych z loga udelat takovy light efekt, ze zvyrazni okraje.
Neco, jak jsou soubory a slozky na tomhle obrazku
https://rar.cz/data/560.png
https://upload.wikimedia.org/…8Wine%29.png (to by mohl byt source obrazek)
Logo:
https://mlich.zam.slu.cz/…-41-logo.png

Nevim, jak to pojmenovat a nasledne googlovat :) Nevim, jak by se to mohlo jmenovat v Gimpu. Nazval bych to neco jako line-style.

 
Odpovědět
6.5.2019 10:23
Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovídá na Peter Mlich
Jaroslav Smrž:7.5.2019 9:00

Ahoj, v Photoshopu klikneš pravým tlačítkem na vrstvu s logem, vybereš volby prolnutí / a teď buď tah, kde vybereš barvu, šířku linky atd nebo vnější záře a rozsahy nastavíš dle potřeby. Možná pro tebe bude nejlepší kombinace obou těchto efektů. Je to velmi snadné a rychlé. Jak je to v GIMPu nevím, ale asi to bude podobné.

Nahoru Odpovědět
7.5.2019 9:00
/* Life runs on code */
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:7.5.2019 10:43

Muzes to zkusit vyrobit z toho loga? Pripadne, neni nejaky online navod k photoshopu. Mozna bych si s tim v gimpu uz poradil. Tvuj popis mi neni uplne jasne.
Vrstva prolnuti to tam je. Tahem uz nee. Ale mozna to bude nektery z efektu mimo dialog vrstvy, ktery si sam nejake vrstvy udela. Jeste to zkouknu, dik.
Ja mam pocit, ze tam neco takoveho bylo, ale tehdy jsem to nepotreboval :) Vcera jsem se pokousel to nasimulovat pres ruzne zpusoby detekce hran, ale moc mi to neslo :)

 
Nahoru Odpovědět
7.5.2019 10:43
Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovídá na Peter Mlich
Jaroslav Smrž:8.5.2019 6:39

Klidně bych ti to vyrobil, ale nevím, jaké barvy a tloušťky přesně potřebuješ. Postup je následující:

  • Vytvořit nový dokument např 100 * 100 px (musí být o trochu větší než samotná ikona) s průhledným pozadím
  • myší do něj přetáhnout ikonu a v pravé části s vrstvami klikneš pravou myší a vybereš volby prolnutí (viz screen1)
  • pak už jen přidáš požadovaný tah (viz screen2) a vnější záři, ořízneš (obraz - oříznout podle - průhledných obr. bodů), uložíš jako *.png a máš hotovo
Nahoru Odpovědět
8.5.2019 6:39
/* Life runs on code */
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:9.5.2019 8:14

No, ja se pokousim o takovy light desing. A logo mi tam moc nezapada. Mozna jsem to i spatne popsal, jak koukam na obrazky od tebe.

V prvnim prispevku...

  • link2 wiki, to je 3d ikona slozky, souboru (coz odpovida me 3d ikone rar balicku)
  • link1 rar, to je ikona, kterou nazyvam light. Okraj ikony je barevny a uvnitr je nevyrazna a uz neni jakoby 3d.

A to bych presne chtel docilit s tim logem, balicek raru (link3).
Ani nevim, prave, jak se takovy efekt nazyva. Ze bych to zkusil googlovat.

Chci docilit, aby mi to zapadalo do tohoto vzhledu (zahlavi)
https://mlich.zam.slu.cz/…tuality3.htm

  • oddelovaci racu jsem prave pouzil ikony pro soubory slozky, doladil barvy.
  • celkem light jsou ty ikonky pod carou linux, win a pod
  • a k tomu mi tam prave nezapada to logo, ktere vylozene bije do oci, ze je to jiny graficky styl :)

No, a s tim ostatnim se jeste peru, pismo, text a tak. To jsou spis pokusy. A jakoze nejsem grafik, tak celkem dobry. Vicemene :) Ja vim, je to kazde jiny styl. A prave proto to chci mit aspon trochu.
Zvolil jsem takovou modrou, inkoustove, pro zahlavi. To menu pod carou udelam asi barevne. Jeste nevim. Nakonec to mozna vubec nepouziju :)
Ty obrazky by meli byt licencove neutralni, doufam.
Chtel jsem prave zahlavi nejak ozivit. Proto jsem tam dal tu caru soubory-slozky. A snazil se ji vystinovat do te modre. Obsah jeste nevim, tak asi bude vse cerne, mozna nejake barevnejsi nadpisy. To dvojite je extrem, pokus. Text obsahu neresit, to az pozdeji. Nelibi se mi prave puvodni reseni webu, kde mas aktuality prec selou stranku. Pritom cloveka zajima samozrejme nejnovejsi verze a to ostatni si strste nekam :)

 
Nahoru Odpovědět
9.5.2019 8:14
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:9.5.2019 8:19

https://mlich.zam.slu.cz/…-logo-x1.png
https://mlich.zam.slu.cz/…-logo-x2.png
https://mlich.zam.slu.cz/…-logo-x3.png
Tohle jsou pokusy, co jsem delal minule. Ale nic moc. Vetsinou moc bile.
Chci docilit toho, aby tenka linie, obrys, byl zarivy a bytek jen takove pozadi. Mozna, ze na to musim jinak, pomoci barevnych prechodu. Vybarvit kazdou knizku zvlast.

Editováno 9.5.2019 8:19
 
Nahoru Odpovědět
9.5.2019 8:19
Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovídá na Peter Mlich
Jaroslav Smrž:9.5.2019 8:29

Ahaaa, tak už asi rozumím, jak to myslíš. V průběhu dne vytvořím a hodím ti to sem.

Nahoru Odpovědět
9.5.2019 8:29
/* Life runs on code */
Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovídá na Peter Mlich
Jaroslav Smrž:9.5.2019 10:41

Tak jsem něco vytvořil, snad to pro tebe bude použitelné. Připojuji ještě screen, jak bych to zakomponoval do stránky a jak bych řešil minimalistický světlý design. Když bys to chtěl použít, tak font je Calibri a barvy jsou:

  • Logo: #666666 (Titulek WinRAR), #cccccc (Archivační program)
  • Nadpis: #a7a7a7 (Nabízíme)
  • Text: #666666

Snad ti to pomůže.

Nahoru Odpovědět
9.5.2019 10:41
/* Life runs on code */
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:9.5.2019 10:50

Dik, vyzkousim. Neni to uplne, co bych potreboval, ale mozna bude jednodussi to z toho udelat. To ostatni se mi zrovna nehodi. Ten nadpis, pri mensim okne se zobrazi pod sebou. To neni uplne domyslene. Ano, nad cinou barvou pisma jsem uvazoval u textu archivacni.
Zvazuju, jestli fakt neudelam to zahlavi cerne, sede. Podone, jak to mas. Ale jeste fakt nevim. Mne to prijde malo pestre. Oni ty ostatni stranky jsou dost o nicem, jenom text, tak by to zahlavi pridavalo oziveni.

 
Nahoru Odpovědět
9.5.2019 10:50
Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovídá na Peter Mlich
Jaroslav Smrž:9.5.2019 14:21

Jojo, rozumím. Když bys potřeboval inspiraci, tak teď jsem dělal jeden takový jednoduchý web o 3 barvách. Ještě to není zcela dokončeno, čekám na fotky, potřebuji dodělat pretty url atd., ale texty a barvy už nejspíš zůstanou, jak jsou. Na dočasnou verzi můžeš kouknout na www.kuzelkarna.net

Nahoru Odpovědět
9.5.2019 14:21
/* Life runs on code */
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:17.5.2019 13:26

Zas jsem mel chut a chvilku se s tim drbat. Mam verzi 4 :)
https://mlich.zam.slu.cz/…tuality4.htm
Neni tam nic doladene, jen takovy navrh, takze to moc nereste. Cekam, az se mi bude nejaka verze fakt zamlouvat a pak ukecam brachu, at to vymeni :)

 
Nahoru Odpovědět
17.5.2019 13:26
Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovídá na Peter Mlich
Jaroslav Smrž:17.5.2019 17:08

Přidat padding na :hover u položek menu, vyrovnat do řádky podporu a je to super.

Nahoru Odpovědět
17.5.2019 17:08
/* Life runs on code */
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 12 zpráv z 12.