Webdesignový mikroblog

d nového klienta přišel požadavek na vytvoření jednostránkového kresleného příběhu s daným scénářem - s cílením na dětského čtenáře.

Proces tvorby prvního okýnka je vidět na následujících obrázcích - od tužky, přes obtažení perem až po finální obrázek projetý filtrem.

Poslední obrázek je kompletní jednostránkový komix. Osobně s tím spokojen nejsem, krátký časový úsek si vybral svou daň, ale to už je jiná poházka :)

lasická komedie o cestě zpátky časem, tentokrát od Bollywoodu, který když už ne nápady a kvalitou, tak bombastickou výpravou dohání západní filmovou produkci.

Co ale my si z t0hle šílenosti vzít můžeme je právě styl 70tých let, který je úžasně prezentován na plakátech.

opis písma může být pro amatérského designéra oříškem a tak se může hodit následující odkaz.

Jedná se o stránku v rámci webu fontshop.com, která přehledně popisuje výrazy používané při definici písma.

http://www.fontshop.com/glossary.php

Pro našince bohužel v angličtině, nicméně i tak je vidět, že i obyčejné věci jako jsou fonty, mají jisté kouzlo ve své komplexnosti.

A pokud by se někdo až na tolik zamiloval, zde je ke stažení i wallpaper s podobným tématem..

A pokud se toto téma někomu až tak zalíbilo, může pokračovat tudy.

ád bych se podělil o dvě webové aplikace, které vám můžou usnadnit práci...

WhatTheFont!
Aplikace, která podle uploadnutého obrázku najde nejpravděpodobnější font. Hodí se hlavně v případech, kdy navazujete na práci po někom jiném a nemáte informaci, o jaký font se v dané zakázce jednalo - velice často font v logu, případně na různých etiketách a podobných materiálech.

favicon.cc
Pokud zrovna nepoužíváte plugin do photoshopu, pak je vytvoření formátu ico relativně komplikovaná věc. Stačí ale zabrousit na web favicon.cc, který podle uploadnutého obrázku vytvoří klasickou 16x16 faviconu. Rychlé, pohodlné, bez instalace.

rofesionály je vždy radost sledovat při práci. To je fakt, který asi nemá smysl rozebírat. Pokud tedy máte zájem kouknout přes rameno někomu, kdo své práci vážně rozumí, našel jsem pro vás skvělou příležitost.

Na tomto odkaze se nachází unikátní tutorial, který nejen ukáže, jak výsledná kresba vznikala, ale provede vás od začátku i hledáním inspirací, referenčních obrázků, dobových motivů a vůbec všeho co vás kdy mohlo ve spojitosti s kresbou napadnout.

Ať už si na něco podobného troufáte či nikoli, jedná se o velice zajímavé a poučné čtení.

Jen více takovýchto ... ! :)

ak tak člověk brouzdá po webu, narazí na plno zajímavých věcí. Jednou z takových věcí jsou i například PDF šablony pro skycování webu.

Ačkoli sám skycování na papír nepoužívám, musím sám uznat, že své kouzlo má. Zejména, pokud člověk plánuje složitější design (... a nebo pokud tvoříte web ve skupině pomocí kolektivního bainstormingu).

Ale dost už slov, následuje praxe - resp. download:

Z dostupných skycovacích šablon jsem vybral tu, která se mi zdála nejzajímavější. Autorem je Natham Smith a stáhnout si šablonu můžete zde: 960 Sketch PDF template. (zdroj)

Ať už šablony budete používat nebo ne, je to jistě zajímavý způsob alespoň pro spestření. A kdo ví, snad právě používáním obyčejné tužky získáte novou inspiraci pro originální designy a vyzkoušíte věci, které by vás ve photoshopu nenapadlo použít.

áhodou jsem objevil způsob, jak si snadno zajistíte překlad obsahu pomocí překladače google. Služba je pojmenována jednoduše "Translate This" a obejde se bez složitých instalací a framů.

Největší silou Translate This je právě nulová instalace. Stačí umístit kousek kódu na místo, kde si přejete mít tlačítko překladu. Žádné kopírování javascriptových souborů, žádné přepisování cest, nic.

http://translateth.is/

Funkční příklad najdete zde napravo. V nastavení kódu máte možnost zvolit si jazyky, které bude skript nabízet, a samozžejmě i jaký bude vzhled tlačítka. Skript pak pomocí cookies sám překládá každou stránku, dokud uživatel překlad nevypne. Nesporná výhoda tohoto způsobu je ta, že můžete bez obav používat webové formuláře a vůbec veškeré věci bez omezení.

Problém jsem našel jen v občasném problematickém přehazování tagů, které mělo za následek rozpadání designu, ale to jsou spíše mouchy, které se daly odladit zpětnou úpravou problematických částí designu.

reslení maskotů a podobných zhovadilostí donutilo nejednoho hledat, jak práci si zjednodušit. Při práci s tužkou a papírem, kdy člověk vymýšlí a předem nic určeného nemá, stává se, že guma více používána je než jest zdrávo.  Papír tím pochopitelně i při sebelepším zacházení známky mrzačení vykazovat započne.

Jelikož sám více variant rád při práci porovnávám, používám při práci ve photoshopu často duplikování. Jenže v momentě, že práce na papíru probíhá, zdá se tento způsob práce nepřístupný. A stalo se, že i přes to jsem si velice jednoduchý a podobný postup osvojil, který práci a zbytečné gumování ušetří. Pomocníkem při kreslení obyčejná levná kopírka se mi stala.

A tak, při dokončení jedné části obrázku, kdy se člověk rozhoduje nad směřováním dalším, jednoduše se z kopírky dvě (či více) verze získají a dva směry zkusí. Následně lepší směr vybrán jest a pokračováno stejně dále.

Než vznikl následující obrázek, bylo během jeho tvorby dáno vzniknouti variantám, že šašek na jiné rybě jede, ruce obě opratě drží a tak dále.

Pochopitelně postup tento prioritně určen pro ten případ jest, kdy předem znám výsledný obrázek není, což samo o sobě pro započení kreslení nejvhodnější predpoklad nebývá :D.

okud design malovaný stvořiti si přejete, existuje způsobů mnoho, jak tohoto docíliti. Na mikrokosmosu samotném rád příklad čtenáři zvídavému ukáži.

Uvnitř článku naleznete postup, jak design Mikrokosmosu samotného vznikal a jak kresba k úpravám ve photoshopu vytvořena a zpracována byla. Snad těchto pár rad pomůže váhavému nový způsob a možnosti vyzkoušeti.

Pokračovat ve čtení…

emusí být člověk zrovna úplný lepml či guma, i lenost a tíseň časová často do práce zasáhne a nezajímavou zakázku je-li potřeba řešiti, času přebytečného věnovati není třeba.

Plnohodnotné logo postupem následujícím samožejmě nevznikne, leč výsledek pro jednoduché řešení postačovat může. (Dalším úpravám a přidávání symbolů meze kladeny pochopitelně nejsou.)

Ideální pro lenochy budiž web www.dafont.com. 

Ubožáci a grafici rázu jednoduššího si s výběrem fontu správného vystačí, zkušenější pak patřičným symbolem doplní.

drojů pro inspiraci na internetu mnoho bývá, vhodnější však nápady hledati je na webech, které specializovány pro prezentace grafiků určeny jsou. Tyto weby (někdy více a někdy méně sociálního zaměření) pak nápady a fantasií překvapí.

Proto pro volnou chvíli, či pro akutní inspiraci, některé uvádím. Tentokráte jednati se bude o graficky zaměřené weby obecně, nikoli tedy jen na webdesign (kterýžto naopak zde četností příliš nehýří).

Artician		Behance Network
Patch Together		deviantART

Seznam tento v budoucnu pochopitelně rozšířen bude, jakmile na další kvalitní zdroj narazím.

ři práci je často dobré mít představu o pixelech. Když už ne přesně, alespoň přibližně. Nikdy jsem si nezvykl používat integrovaná pravítka - a ani jsem vlastně neměl nikdy k tomuto důvod - právě protože jsem objevil JRuler.

Je tomu už nějaký ten pátek co jsem se s JRulerem poprvé setkal. JRuler umožňuje v plovoucím okně (nad všemi okny windows) měřit pixely jak na šířku, tak i na výšku. Základní verze programu JRuler je zdarma a není těžké jejímu používání v podstatě propadnout. Dnes, když reinstaluji systém, je na řadě hned po Photoshopu a PSpadu.

Měřit můžete co vás napadne, především ale různé vzdálenosti objektů přímo ve webovém prohlížeči a podobné věci, které by se musely složitě kopírovat jinam.

Jak už jsem zmínil, cena za program je více než lidová, řekl bych spíše sociální - je totiž zdarma.

Program JRuler naleznete ke stažení na tomto odkaze.

čkoli práce s grafikou živnost mi tvoří, je více mým koníčkem a láskou mou. Nové věci zkoušet a sebezdokonalovat se za cíl zde bych rád si předsevzal.

Práce a návody zdejší sepsány byly, aby práce samouků a laiků pozvednuta byla na úroveň snesitelnější.  Práce zde popisována bude se provádět takřka výhradně v programu Photoshop, jakožto tento přímo k práci snadné, rychlé a intuitivní určen jest. Řadů tutoriálů (jinak též návodů řečeno) je k tomuto programu také za pomoci vyhledávacího nástroje google nalézti možno.

Profesionálové nechť nad úrovní příkladů zdejších se pousmějí a s pochopením na ně hledí. Cílová skupina jest v řadách začátečníků.