HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
 Avtor: -primož-    07.11.09
RSS ikona               
Photoshop - Oblikovanje

rss ikonaNaredite si svojo RSS ikono z odsevom.

 

 

67_29_rss_ikona


Vsaka stran, tudi moje-mesto.com, ki stalno dodaja nove vsebine mora imeti RSS vir, ki omogoča lažji pregled najnovejših objav. Za RSS vir pa potrebujete tudi RSS ikono. Photoshop vodič vam bo pokazal, kako narediti svojo RSS ikono in ji dodati odsev.

1. Ustvarite nov dokument. Moj bo velikosti 200x200 pikslov.

2. V orodjarni izberite Rounded Rectangle Tool, nastavite radius na 8px, pritisnite in držite tipko Shift in razpotegnite ikono.

67_2_rounded_rectangle_tool
67_1_okvir


3. Okvirčku dodajte Gradient Overlay (Layer > Layer Style > Gradient Overlay).

67_4_gradient_overlay
67_3_barve
67_5_okvircek



4. Sedaj na tipkovnici pritisnite Ctrl+J, da naredite kopijo tega okvirčka. Gradient Overlay spremenite tako, da bo na obeh straneh bela barva (#ffffff). Opacity nastavite na 50%.

67_6_layerji
67_7_bela_barv
67_8_bela



5. Sedaj rasterizirajte okvirček (desni klik > Rasterize Layer). Z Marquee Toolom Wink sedaj označite malo več, kot polovico okvirčka in na tipkovnici pritisnite Delete.

67_9_rasterize_layer
67_10_delete



6. Zdaj bomo narediti stranska robova. Držite tipko Ctrl in kliknite na ikono od Layerja s kvadratkom, da se vam označi. Pojdite v meni in izberite Select > Modify > Expand. Za vrednost nastavite 1px. Ustvarite nov Layer (Layer > New > Layer) in s Paint Bucket Toolom Surprised pobarvajte označbo na belo. Bel Layer nato prenesite pod ostala dva okvirčka.

67_11_ctrl_klik 67_12_layerji
67_13_obroba



7. Sedaj izberite Rounded Rectangle Tool, nastavite Feather 30px in razpotegnite elipso preko ikone. Pritisnite Delete.

67_14_elipsa
67_15_delete


isto naredite še zgoraj

67_16_obroba



8. Sedaj znova držite tipko Ctrl in kliknite na ikono istega Layerja, kot prej, da se vam označi okvirček. Ustvarite nov Layer in označbo pobarvajte na temno rdečo (#a00b03). Ta Layer nesite na predzadnje mesto in mu določite Opacity 60%.

67_17_obroba 67_18_z_obrobo



9. Sedaj uporabite spodnjo sliko s simboli za RSS ikono. Odprite jo v Photoshopu in z Move Toolom Wink prenesite v dokument z RSS ikono. Dodajte ji še Inner Shadow (Layer > Layer Style > Inner Shadow).

67_19_rss_simboli 67_21_layerji

67_22_inner_shadow

67_20_rss_ikona



S tem je v bistvu naša ikona že narejena. Sedaj pride na vrsto le še odsev.

10. V orodjarni izberite Ellipse Tool Sad in naredite nizko elipso, ki bo široka ravno toliko, kot ikona. Dodajte ji Gaussian Blur (Filter > Blur > Gaussian Blur). Vrednost nastavite na 1px.

67_23_senca



11. Sedaj označite vse Layerje, razen ozadja. To naredite tako, da držite tipko Ctrl in klikate na imena Layerjev.

67_24_oznaceni_layerji



Pojdite v meni in izberite: Layer > New > Group from Layers.

 

67_25_skupina_layerjev

 

12. Skupina mora biti označena. Desno kliknite na ime skupine (Group 1) in izberite Duplicate Group. Pojdite v Meni in izberite Edit > Transform > Flip Vertical.

67_26_orbrnjena_za_odsev



13. Z Move Toolom Wink pomaknite skupino navzdol, tako, da ne bo prekrivala pravilno obrnjene ikone.

67_27_narobe_obrnjena_ikona



14. Zdaj izberite Elliptical Marquee Tool, Feather nastavite na 30px in označite del narobe obrnjene ikone, ki bi ga radi izbrisali. Desno kliknite na ime skupine (Group 1 copy) in izberite Merge Group. Pritisnite Delete – večkrat za želeni učinek. Tako ste ustvarili odsev.

67_14_elipsa
67_28_delete



15. In tukaj je naša končana RSS ikona.

rss ikona, photoshop vodič



Zaključek: V tem vodiču za RSS ikono ste se naučili marsikaj, s čimer si lahko pomagate tudi pri drugih stvareh. Spoznali ste Ctrl + klik, kako narediti skupino iz Layerjev, kako narediti senco, kako narediti odsev itd. itd.


Komentiraj:
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