HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
 Avtor: -primož-    30.10.09
Photoshop vodič za popolne začetnike               
Photoshop - Osnove
photoshop_vodic_thumbLahki začetki s Photoshopom.

Začel bom s predpostavko, da ste si Photoshop že namestili. Če ga še nimate, ga lahko dobite v trgovini s programsko opremo ali pa zastonj na spletu (partis.si, mojblink.com).

To je prvi del vodičev za popolne začetnike: 2. del

Ko ga odprete se vam pokaže prazna siva ploskev. Zgoraj imate meni, pod menijem so dodatne možnosti za orodja, na levi strani pa imate orodjarno.
Na desni strani imate več okenčkov. Eden izmed njih je zagotovo seznam Layerjev (Imenuje se Layers). Poleg njega je tudi zavihek History (Zgodovina – če se zmotite lahko greste tukaj po korakih nazaj).

64_1_photoshop

Ko se vam to odpre morate vedeti, za kaj boste Photoshop uporabljali. Ali boste ustvarili nekaj novega, mogoče animacijo, ali pa boste le modificirali kakšno fotografijo.

Če boste ustvarili nekaj novega si preberite vodič, kako sploh ustvariti nov dokument in nastaviti nastavitve.

Če želite urediti svojo fotografijo jo najprej odprite ... pojdite v meni in kliknite File > Open. Sedaj poiščite sliko na svojem računalniku in kliknite Open.

64_2_file_open

Oglejte si spodnjo sliko in označene dele Photoshopa.

64_3_delovna_povrsina


Ko si boste temeljito pogledali sliko in podobne razmere našli pri svojem Photoshopu  se prepričajte, da imate barvni model nastavljen na RGB. Če barvni model ni RGB pojdite v meni in izberite Image > Mode > RGB Color.

64_4_rgb_barvni_model

Ko boste prepričani glede barvnega modela (RGB) si oglejte točke 1., 2., 5., 8., 11., 12., 18., 22. v vodiču Photoshop orodjarna. Ta orodja so najpomembnejša in jih boste najpogosteje uporabljali. Še posebej dobro si oglejte Marquee Tool, Move Tool in pa Zoom Tool. Brez njih boste kot riba na suhem!


Zakaj se uporabljajo Layerji?

Layer je prosti del, ki ga lahko poljubno premikamo (Move Tool) po Delovni površini (Canvasu). Layerje lahko poljubno razvrščamo; kateri bo na vrhu in kateri spodaj.


Primer:

Imamo sliko družine in sliko kužka. Družina zavzema Layer 1, kužek pa Layer 2. Če bo Layer 2 (kužek) na seznamu Layerjev nad Layerjem z družino bo kužek prekrival družino. Če bo Layer s kužkom pod Layerjem z družino bo družina prekrivala kužka. Oglejte si spodnji video, da boste bolj razumeli.




To bi bilo v tem vodiču vse. Spoznali ste osnove Photoshopa in sedaj vam ne more nihče več reči, da ste popolni začetnik. Sledite povezavam, ki vodijo do drugih osnov, nato pa se lotite vodičev. Če jih uspete izvesti vsaj 5 bo to za Vas velika zmaga in ne pozabite ... vaja dela mojstra!!!


Drugi del: Photoshop vodič za popolne začetnike II

Prijetno photoshopanje vam želim! Very Happy

Komentiraj:
Bruno2 |06-12-2010 18:52
LP
Super stran! Vsak dan malo pobrskam in se naučim kaj novega.V Photoshopu bi rad naredil spletno stran.Canvas bo širok 1000 pix, visok 3-4 jurje.Kaj pa ozadje na monitorju? Koliko pixlov,kako sploh začeti.Koliko lahko naredim v Photohopu do HTMLja in CSSa? Vem,trapasta vrašanja, ampak to mi manjka.Upam, da bom dobil odgovor. Lep pozdrav Bruno
-primož- |07-12-2010 21:11
Pozdravljen Bruno,

ozadje spletne strani mora biti neodvisno od resolucije ekrana, ki jo uporablja obiskovalec spletne strani. En obiskovalec ima lahko resolucijo 1280x1024, drug obiskovalec 1024x768, tretji zopet neko drugo, zato moraš narediti ozadje tako, da bo za vse obiskovalce v redu.

1000px je za širino spletne strani zelo v redu, več ti odsvetujem.

Kako iz PSja v HTML in CSS? Začni definitivno s skico ... jaz vedno z njo začnem. Nariši si svojo spletno stran, kot skupek okvirjev. Nato te okvirje poimenuj in se zamisli, kako bo vse skupaj stalo na strani. Potem začni kodirati. Pri kodiranju pa delaj z DIVi. Določi jim položaj (position:relative/absolute; top: XXXpx; left: XXXpx; ), določi jim širino (pri nekaterih tudi višino) in ozadje. Če se zadeve ponavljajo, kot na primer galerija slik, potem vsaki sliki določi enak stil (float: left; border:, ...).

se nadaljuje spodaj:
-primož- |07-12-2010 20:12
nadaljevanje:

To bi bil nekako zelo površen odgovor na tvoje vprašanje. Za boljšo razlago ti priporočam, da odpreš temo na forumu, lahko pa tudi nadaljujeva to skrito pred očmi javnosti prek e-maila ... trcek.primoz@gmail.com

Lep pozdrav,
-primož-
Ime
E-mail
Spletna stran

!joomlacomment 4.0 Copyright (C) 2009 Compojoom.com . All rights reserved."

 
Sorodni vodiči

Moje-Mesto.com

Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.

 

Facebook oglaševanje

Izdelava spletnih strani

Ustvari.si

Nescafé

Follow us on Twitter
Follow us on Twitter
Follow us on Twitter

Oglasi