fikat.com

fikat.com

Cursuri de design & IT by request

Construiere fundal – Custom background

Construiere fundal - Custom background Request
pink_panther:
as vrea sa stiu cum fac asemenea backgrounduri «link»

.

Cam 5 minute dureaza, cu conditiia sa stii sa faci un decupaj, sau sa-l ai deja facut :) Am scris mai demult un articol pe tema asta, aici.

Construiere fundal - Custom background

Imaginea este luata de pe www.sxc.hu si are codul 653368_35735461.

Construiere fundal - Custom background

Asadar, am decupat gagica cu aceeasi tehnica descrisa anterior aici.
Construiere fundal - Custom background

Incep sa consturiesc fundalul din “blocuri”. O voi face pe un layer nou, direct sub subiect. Pentru a creea un layer direct sub altul, ctrl+click pe iconul marcat mai sus.

Construiere fundal - Custom background

Dupa ce am dat fill cu alb (ctrl+backspace in cazul meu, negrul fiind in foreground si albul in background la culorile de lucru), am ales shape tool din stanga si am facut un dreptunghi, cu negru.

Construiere fundal - Custom background

Mai departe am multiplicat dreptunghiul desenat mai sus. Pentru a dubla layerul, tin apasat pe Alt si trag de dreptunghi; cursorul imi indica faptul ca voi crea o dublura. Fiecare dreptunghi il asez la distanta constanta fata de precedentul, atat ca-l plasez mai sus sau mai jos.

Am construit toate dreptunghiurile intr-un singur folder, pentru a le manipula mai usor. ele pot fi mutate si ulterior. Pentru a crea un folder, am marcat butonul cu un cerc in poza de sus; pot inchide/deschide continutul folderului prin sageata din dreptul acestuia.

Construiere fundal - Custom background

La fel am construit si liniile orizontale; tot in folder nou, de data asta mai inguste si cu culoare alba (stiu, albul nu-i culoare, dar…sa zicem).

Construiere fundal - Custom background

Pasul asta sincer nu-si mai are rostul, dar am zis sa mai fac curat prin paleta de layere. Deci am rasterizat fiecare folder, cu comanda prezentata mai sus.

Construiere fundal - Custom background

Deasupra layerului “grids” voi construi unul nou, pentru a adauga norii aia.

Construiere fundal - Custom background

Dupa ce am creat un layer transparent deasupra, am dat alt+backspace pentru fill cu alb. De data asta, albul era ca si foreground la culorile active.

Voi crea norii c-o functie predefinita in Photoshop: Filters > Render > Clouds. Photoshopul imi va crea niste nori compusi doar din culorile principale, definite (alb si negru, in cazul meu).

Construiere fundal - Custom background

Asa ar trebui sa arate si norii tai :)

Construiere fundal - Custom background

Ultimul pas, magia: selectez multiply ca si mod de transfer al norilor (primul cerc) si micsorez opacitatea layerului (al doilea cerc).

Asta e. Cat a durat?

9 Comments, Comment or Ping

  1. yzabela

    cum pot pune gene false? si cum pot schimba culoarea rujului?

  2. Salut! Ca sa nu mai deschid topic nou, am o intrebare la aceasta tema! Si eu ma aflu in situatia unui decupaj, pe care vreau sa-l suprapun peste o alta imagine .gif, cu photoshop! E drept sunt incepator, dar m-am chinuit extraordinar de mult si n-am reusit! Ca si mai sus, am decupat personajul iar pe spate, am eliminat backgroundul! Sub personajul decupat vreau sa apara o imagine care este “mai lata decat decat latimea” layerului in care se afla personajul! De asemenea, subiectul decupat va trebui sa stea jumatate in imaginea de care vorbesc si jumatate in afara ei! Va rog mult sa-mi spuneti, ce tool-uri ar trebui folosite, cum latesc layerul ca sa aiba loc noul background, cum introduc imaginea in background??? Merci mult!!!!!

  3. Lyvyoo, am sa-ti raspund punctual:
    1. spatul de lucru il maresti fie folosing crop tool (faci un crop cat toata suprafata existenta, apoi tragi de capete in ce directii vrei), fie din meniul IMAGE > CANVAS SIZE. Dar eu iti recomand varianta si mai usoara – nu aduce fundalul sub decupaj, ci importa (poti face cu drag&drop) decupajul peste imaginea-fundal.
    2. folosind recomandarea, vei vedea cum practic controlezi pozitia decupajului; il pozitionezi unde vrei tu.

    in caz ca nu iese, o sa fac un demo video. bafta!

  4. alina

    de unde iau programul asta?e soper dragutz

  5. alina, il poti descarca si rula gratuit pt 30 de zile de aici: https://www.adobe.com/cfusion/tdrc/index.cfm?product=photoshop

    sau il cumperi direct de aici: http://www.price.ro/?action=search&text=photoshop

  6. nu pot gasi poza pe sxc.hu … ma poti ajuta te rog ?

  7. @christian, probabil au scos-o.
    eu de acolo am luat-o, ai si codul mai sus (653368_35735461)

  8. Dar nu stiu unde sa caut dupa cod.

  9. florin pop

    Buna cum pot sa decupez o persoana care este pozata pe fundal cromakey verde si are parul din cap sub forma de tepi sau periuta sa zicem.Am photoshop CS2 si nu pot sa decupez o imagine de acest gen.Astept un raspuns din partea dvs sau care ma poate ajuta.Mersi mult.Adresa mea de mail este popflorinradu@yahoo.com.

Reply to “Construiere fundal – Custom background”


Cere un tutorial

Ultimul mesaj acum 3 zile, 10 ore
2 vizitatori sunt online.
  • Antispam: Inainte de a scrie, trebuie sa calculezi chestia de mai jos. Hai ca nu e greu!
  • cage : programu se numeste photoshop
  • Adriana : ?
  • Adriana : qm s enum prg asta de modificat
  • Tweet : cineva va rog am nevoie
  • Tweet : Va rog poate cineva sa.mi trimita si mei photoshop-ul >?
  • Guest_375 : De unde pot downloada Photoshop gratis ??
  • cage : imi spune cineva cum pot sa pun ca fundal la o poza un peisaj sau alta imagine??
  • Guest_4936 : buna
  • Guest_166 : un tutorial pentru plastic transparent dar realistic, am gasit unul in engleza dar e foarte greu, nu-mi iese nimic si acela era chair realistic, (combinatie intre sticla si plastic. please :)
  • Guest_3040 : 20
  • Guest_4271 : daa cumm se face la photoshop ca nu ma pprea descurc
  • BadLollipop : sal
  • @nonim : daca ma puteti ajuta va rog sa nu ezitati sa-mi lasati mesaj pe adresa de mail: «email» :D
  • @nonim : Multumesc Anticipat!!!
  • @nonim : 2.De unde pot adauga "efecte speciale", de ex. sa fac un obiect din imagine mai stralucitor etc
  • @nonim : 1. De unde pot modifica culoarrea background-ului?
  • @nonim : salut! tocmai m-am apuct si eu sa modific poze in photosop si as avea cateva intrebari.
  • allyna : «link» colaborare?
  • Guest_1421 : laura tool-ul se numeste slice nu ruler...slice inseamna felii
  • Maria : wet ink. pe bune, un typography, un text a carui cereneala se prelinge :D ?
  • ral : bun
  • Guest_1396 : as vrea un sait sami pun foto in rame
  • AndrusK : As dori si eu un tutorial despre cum sa fac acele linii pe diagonala , am vazut in multe poze asa ceva.
  • Guest_192 : vreau si eu asa programa,please! !
  • laura : cum export textul in .html astfel incat sa nu il vada cel care imi intra pe site ca o simpla imagine? Vreau ca textul sa se poata selecta....pls help!!! E posibil sa fi pus niste intrebari stupide....dar cand nu te pricepi.... Va rog sa ma ajutati cu un raspuns cat mai detaliat....ca pentru incepatori. Multumesc mult!!!
  • laura : Documentul html obtinut, dupa ce il export din photoshop il deschid cu dreamweaver si de aici ma blochez pentru ca textul este o imagine.... Nu ma pricep f bine nici la dreamweaver ca as pune textul acolo...ma puteti ajuta, va rog? Daca incerc sa pun textul acolo pagina se deformeaza, imaginile se muta dupa bunul plac....un haos total. 2. daca as lucra tot siteul in photoshop si as pune legaturile intre pagini cu image ready, ma lovesc de aceeasi problema....cum export textul in .html astfel in
  • laura : Buna, 1. am desenat toate paginile unui site in photoshop, dar mai departe nu stiu exact cum sa procedez. am tot vazut in tutoriale ca se delimiteaza imaginile cu ruler tool inainte (are vreo importanta asta sau?), insa nu stiu cum sa fac exact…. Si apoi se foloseste slice tool insa cum export (save for web&devices) apoi?? Fiecare imagine in parte sau toate odata? Si mai ales cum export textul din photoshop in dreamweaver astfel incat sa NU mi-l ia ca o poza ci ca text? Documentul html obti
  • ZuZu;x : Hey..vreau sh eu scris` misto la photoscape:(cum ar fi SCRIPT ala..sh eO nu`l am:((..
  • Chocolate : salut ..am cateva intrebari