2016-10-24

Napravite novi dokument u Photoshopu i prenesite slike u njega

Pozdrav dragi posjetitelju!

Danas ćemo pogledati prilično jednostavne, ali u isto vrijeme vrlo potrebne i često izvođene radnje pri stvaranju izgleda dizajna, ovo je kako stvoriti novi dokument u Photoshopu i prenijeti slike iz prethodno primljenih praznina u njega.

• Stvaranje novog dokumenta sastava za zaglavlje dizajna web stranice
• Prijenos slika praznina

Stvaranje novog dokumenta sastava za zaglavlje dizajna web stranice

Na samom početku treba reći da je za one koji se do sada nisu imali posla s grafičkim urednicima poželjno da se prvo upoznaju s njihovim radom, barem s osnovnim alatima, jer u protivnom daljnje radnje neće biti posve jasne. .

To se može učiniti pomoću različitih materijala za obuku o radu s grafičkim uređivačima objavljenim na Internetu, a također možete iskoristiti besplatne video tečajeve dostupne ovdje na web mjestu za Adobe Photoshop - Photoshop za početnike (besplatna verzija), za GIMP - GIMP Video Tutorial .

Kao što je prethodno navedeno, ovo će vam pokazati kako stvoriti izgled dizajna pomoću uređivača Adobe Photoshop CC. Ali, slično, sve to možete učiniti u programu GIMP.

Ranije, prije pravljenja praznina za zaglavlje, rečeno je da je za prikaz teme stranice nastala ideja da se prikaže automobil zaštićen nekom vrstom zaštitne "aure", a pored njega lopov gubitnik s rukama podignuta i uhvaćena u svjetlu reflektora.

Po mom mišljenju, takav će sastav u određenoj mjeri odražavati bit oznaka za protuprovalno staklo, a to je: zaštita automobila zbog malog interesa lopova za njegovu krađu i pojednostavljenje potrage za automobilom i hvatanje lopova u slučaj krađe.

U prethodnom smo članku označili izgled, gdje je zaglavlje dobilo prostor od 1200 * 210 piksela (px), od čega je 50px dodijeljeno izborniku. Dobili smo i praznine za zaglavlje stranice - ovo je slika automobila i lopova koji ga pokušava ukrasti. Koristeći ovo, pokušajmo stvoriti sliku koja odražava temu naše stranice.

Prvo, stvorimo zaseban dokument za zaglavlje. Da biste to učinili, kroz izbornik "file/create" otvorite "new" prozor, unesite dimenzije platna dobivene tijekom označavanja (širina 1200px, visina 160px), kao što je prikazano ispod i kliknite "OK".

Prijenos slika praznina

Zatim ćemo prenijeti elemente slike naših praznina na stvoreno platno zaglavlja. Razmotrimo prijenos elemenata detaljnije, budući da se ova operacija često događa pri stvaranju slika. I učinimo to na primjeru slike automobila.

Prije svega, da bismo mogli raditi s prozirnim i prozirnim područjima slika, pretvorit ćemo „jpg“ format, u kojem smo dobili prazne slike, u „png“ rasterski grafički format.

To se može učiniti na prilično jednostavan način: u glavnom izborniku kliknite lijevom tipkom miša "Datoteka" iu skočnom izborniku koji se pojavi odaberite "Izvoz", a zatim "Brzi izvoz u PNG", kao što je prikazano na sl. 2.

Nakon toga moramo zatvoriti sliku u "jpg" formatu i ponovno je otvoriti u "png" formatu.

Prije nego što prenesemo elemente slike, moramo ih odvojiti od pozadinske pozadine. Photoshop ima nekoliko alata koji vam omogućuju izrezivanje elemenata, kao što su Quick Selection, Magic Wand, Lasso, itd. GIMP ima slične alate.

Budući da naše praznine imaju ujednačenu bijelu pozadinu, u kontrastu sa slikama samih figura, u našem je slučaju prilično prikladno koristiti alat "Čarobni štapić".

Ovaj alat možete pronaći na alatnoj traci u dodatnom izborniku pritiskom na desnu tipku ili pritiskom i držanjem lijeve nekoliko sekundi, kao što je prikazano na slici 3.

Otvorimo prvu prazninu - sliku automobila i odaberemo alat "Čarobni štapić".

Kako biste odabrali element, s uključenim alatom Čarobni štapić pomaknite pokazivač preko pozadine i pritisnite lijevu tipku miša. Nakon toga, element treba istaknuti točkastom linijom. U ovom slučaju, bolje je postaviti toleranciju na ploči s parametrima unutar 30, a također omogućiti "Smoothing" i "Adjacent Pixels", kao što je prikazano na slici 4.

Zatim prenesite odabranu pozadinu na drugi novostvoreni sloj. Da biste to učinili, s odabranim alatom "Magic Wand", trebate pomaknuti kursor preko slike i kliknuti desnu tipku miša. Zatim u izborniku koji se pojavi odaberite "Izreži na novi sloj".

Kao rezultat toga, nakon obavljenih operacija, dobili smo element automobila, odvojen od pozadinske pozadine, koji je premješten na novostvoreni sloj (u našem slučaju, "Layer 1"). To se može vidjeti ako isključite "Layer 1", kao što je prikazano na slici 6.

No, ako pažljivo pogledate sliku automobila, možete vidjeti da još uvijek postoji dio pozadine koji nije uklonjen u području spojlera. Uklonimo preostali fragment pozadine zajedno sa spojlerom. Po mom mišljenju, spoiler bi ovdje bio nepotreban.

Kako biste lakše odabrali željeno područje, povećajte sliku i upotrijebite alat Magnetic Lasso.

Ovaj alat možete pronaći na alatnoj traci u dodatnom izborniku pritiskom na desnu tipku, ili držanjem i držanjem lijeve nekoliko sekundi, kao što je prikazano na sljedećoj slici.

Pomoću alata Magnetic Lasso možete odabrati elemente na sljedeći način. Na početnoj točki, klikom na lijevu tipku, trebali biste se kretati duž konture odabranog područja, povremeno pritiskajući tipku kako biste popravili zaustavljanja na najoštrijim zavojima konture. U ovom slučaju možete primijetiti kako će primijenjena linija odabira biti "magnetizirana" na konturu usput. Tamo gdje se odabrano područje siječe s prethodno odabranom pozadinom, nije potrebno precizno crtanje obrisa.

Nakon zatvaranja odabranog fragmenta potrebno je dva puta kliknuti lijevu tipku miša, nakon čega bi se odabrana linija trebala pojaviti kao točkasta linija, što znači da je fragment spreman za obradu.

Da biste prenijeli odabrani fragment na novostvoreni sloj, morate, kao u prethodnom slučaju, postaviti pokazivač iznad slike i kliknuti desnu tipku miša. Zatim u izborniku koji se pojavi odaberite "Izreži na novi sloj".

U konačnici, nakon svih izvedenih operacija, dobit ćemo element automobila koji je potpuno odvojen od pozadinske pozadine. To se može vidjeti ako isključite "Layer 1" i "Layer 2".

Bolje je spremiti dobivenu sliku za buduću upotrebu, uklanjajući nepotrebne slojeve fragmenata pozadine. To možete učiniti tako da desnom tipkom miša kliknete odabrane slojeve i odaberete “Delete Layers” iz izbornika koji se pojavi lijevom tipkom, kao što je prikazano na slici 10. Nakon čega na standardni način, kroz izbornik “file/save as”, možete datoteku spremiti na željeno mjesto.

Da bismo to učinili, prvo ćemo smanjiti veličinu slike automobila proporcionalno veličini zaglavlja. Smanjimo njegovu širinu, recimo, na 200 piksela, kao što je prikazano na slici 11.

Zatim ćemo promjenom mjerila učiniti veličinu prozora pogodnom za daljnji rad i premjestiti dobivenu sliku u novi prozor. Da biste to učinili, kliknite desnom tipkom miša na ikonu otvorenog prozora i odaberite "Premjesti u novi prozor" u izborniku koji se pojavi.

Prije premještanja slike automobila na platno zaglavlja odaberite alat Premjesti. Ovaj alat možete pronaći na alatnoj traci u dodatnom izborniku pritiskom na desnu tipku ili držanjem i držanjem lijeve nekoliko sekundi.

Sada je sve spremno za prijenos. Da biste to učinili, pomaknite kursor preko slike, pritisnite lijevu tipku miša i, ne puštajući je, povucite automobil na platno zaglavlja.

Ovo dovršava operaciju postavljanja slike automobila u zaglavlje. Na prvi pogled čini se da je riječ o zahtjevnom zadatku koji uključuje mnogo različitih operacija. Ali to apsolutno nije točno.

Prividna kompleksnost je posljedica činjenice da je ovdje, radi boljeg razumijevanja, prikazano sve do najsitnijih detalja, pa čak i male radnje. Zapravo, ako ne zapišete svaki korak, neće vam trebati više od minute.

Sljedeći korak bit će prijenos figure lopova s ​​podignutim rukama s naše druge praznine na platno. To se radi potpuno istim redoslijedom kao u prethodnom slučaju, samo se širina slike tijekom prijenosa može dodatno smanjiti, na oko 70 piksela. Stoga, po mom mišljenju, nema potrebe za detaljnim opisom ove operacije.

Konačni rezultat prijenosa figure lopova prikazan je na slici 15.

Preneseni oblici kasnije se mogu pomicati u bilo kojem smjeru pomoću alata Pomicanje. Može se pronaći na vrhu alatne trake kao što je prikazano u nastavku.

Također, možemo promijeniti veličinu odabranih oblika u "Free Transform" modu, koji se može odabrati kroz "Edit" izbornik, ili koristiti "Ctrl+T" hotkeys. A ako u isto vrijeme postavite pokazivač iznad odabranog sloja i pritisnete desnu tipku miša, tada u prozoru koji se pojavi možete odabrati druge operacije za promjenu odabrane slike.

U ovom smo trenutku završili s postavljanjem slika naših praznina u zaglavlje stranice i prelazimo na stvaranje kompozicije.

U sklopu ovog članka bilo je planirano prikazati i ovaj dio, ali se pokazalo da je opis prijenosa slike zauzeo previše prostora, pogotovo u smislu grafičkih informacija. Možda je sve ovo ovdje previše detaljno prikazano. Ali možda je ovo bolje.

Stoga ćemo preostali dio, koji će govoriti o izradi sastava zaglavlja web stranice, prenijeti u sljedeći članak.

Srdačan pozdrav, Nikolay Grishin

Drago mi je pozdraviti vas čitatelje bloga. U ovoj ćete lekciji naučiti kako napraviti novi dokument u photoshopu. Za izradu novog dokumenta (u daljnjem tekstu N\d) idite na alatnu traku u odjeljku Datoteka. Na popisu koji se otvori odaberite Novi redak:

Otvorit će se prozor s postavkama svojstva N\A:

Pogledajmo glavne odjeljke:

1. Ime — Naziv vašeg dokumenta
2. Unaprijed postavljeno - ovaj popis sadrži standardne predloške s postavkama
3. Razlučivost (veličina) vašeg N\d. Polje Width označava veličinu širine, a polje Height označava veličinu visine. Sada se mjerna jedinica N\d mjeri u pikselima (pikselima), ali možete navesti centimetre (cm), milimetre (mm), itd.
4. Način rada u boji - ovdje možete odabrati u kojem ćete načinu rada raditi. Sada imamo odabran RGB mod. Ovaj način je prikladan za digitalno uređivanje. S desne strane možete odrediti "bitnu dubinu" buduće slike. Što je više bitova, to će biti bolja kvaliteta uređivanja, ali će se u isto vrijeme koristiti više RAM-a. Nema potrebe postavljati više od 16 bita, ali je bolje prvo postaviti 8 bita.
5. Backqround Contents - u ovom polju možete odrediti kojom bojom će glavni sloj biti ispunjen. Možete odabrati Bijelu, Pozadinsku boju (boja odabrana u paleti alata) ili Prozirnu.

Nakon toga postavite potrebna svojstva i kliknite OK. Ako želite spremiti te postavke, možete kliknuti gumb Spremi unaprijed postavljeno da biste stvorili predložak s postavkama koje se mogu odabrati na popisu unaprijed postavljenih postavki.

Internet je jednostavno prepun Photoshop tutorijala. Jednom davno i ja nisam imao nikakve veze s web dizajnom. I, unatoč raznim video zapisima i člancima za obuku, suočio sam se s činjenicom da na mreži nema apsolutno nikakvih informacija o takvim osnovama kao što je, na primjer, kako stvoriti novu datoteku u Photoshopu. Ili dokument ili list... Kako vam je zgodnije... Ali suština se ne mijenja. Čini se kao najjednostavnija stvar, ali bez nje nećete daleko stići. Mislim da ste i sami više puta naišli na lekciju koja počinje riječima "stvori novi dokument...", ali sigurno je izostavljeno kako se to radi. Stoga mislim da je ovaj put vrijedno usmjeriti pažnju na to i pozabaviti se problemom.

Pokušajmo stvoriti novi list od 1000 x 1000 piksela u Photoshopu. Da biste to učinili, pokrenite program i okrenite pogled na gornju ploču. Zanima nas kartica "datoteka". Kliknite na njega i s padajućeg popisa odaberite naredbu "kreiraj". Ili, za one koji vole vruće tipke, koristimo kombinaciju ctrl+n.

Na ekranu se pojavljuje prozor s postavkama pomoću kojih možemo postaviti veličinu nove datoteke. Neka bude 1000 puta 1000 piksela.

Ovdje možete postaviti rezoluciju.

Ili upotrijebite postojeće postavke koje će vam omogućiti stvaranje dokumenta u jednom od najčešćih formata.

Stvaranje nove datoteke veličine A4 u Photoshopu također je vrlo jednostavno. Ovu funkciju pronaći ćete u kartici "Zapošljavanje". S padajućeg popisa trebali bismo odabrati "međunarodna veličina papira". I u polju "veličina" odaberite A4 s padajućeg popisa.

U polju "Naziv" možete navesti naziv dokumenta. Gdje se nalazi, pogledajte sliku.

Ovako izgleda novi radni list u Photoshopu.

Recimo da ste pogriješili prilikom izrade i sada morate promijeniti veličinu stvorenog dokumenta. Kartica na gornjoj ploči pod nazivom "Slika" pomoći će vam u tome. Kliknite na nju i odaberite "veličina slike" s padajućeg popisa.

U prozoru koji se pojavi možemo postaviti novu veličinu radnog lista.

Vidite kako je jednostavno stvoriti novi list za rad u Photoshopu? Želio bih napomenuti, kako bih pobudio vaše zanimanje za ovaj prekrasan program, da je većina operacija jednako jednostavna kao one koje su vam upravo pokazane. A njihove kombinacije stvaraju nevjerojatne efekte. Iskreno se nadam da ćete nastaviti učiti web dizajn i uroniti u svijet magije koji je Adobe Photoshop.

Jedna od osnova rada u grafičkom uređivaču je mogućnost mijenjanja veličine uređene slike. Upravo ovu tehniku ​​želim opisati u današnjem članku, jer je poznavanje osnovnih vještina neophodno za daljnje proučavanje tako ozbiljnog programa kao što je AdobePhotoshop.

Dakle, prije svega, otvorite naš crtež. Nakon ovoga trebat će nam kartica Slika. Tamo odabiremo stavku Veličina slike.

Ispred nas će se pojaviti prozor u kojem ćemo promijeniti veličinu slike.

Imajte na umu da u postavkama veličine postoje dva polja - ovo su Dimenzija I Veličina ispisa. Koja je razlika među njima? Veličina ispisa odražava širinu i visinu ispisanog dokumenta, odnosno kada se pošalje na printer, dobit ćemo, u ovom slučaju, sliku na papiru dimenzija 20,11 x 14,66 cm rezolucije 72 piksela/inču. Ali što se događa ako promijenimo razlučivost na 300 piksela/inču? U tom se slučaju veličina ispisa neće promijeniti, ali će se promijeniti Dimenzija. Sada je 2375 x 1708 piksela.

Objasnit ću što se dogodilo. Photoshop je pomoću svojih algoritama proširio sliku na razlučivost od 300 piksela/inču, dodajući tamo nekoliko stotina piksela.

Jasno je da to neće poboljšati kvalitetu crteža, odnosno da će slika postati mutna. Ali u usporedbi s, recimo, Paintom, Photoshop puno bolje izglađuje piksele. Na slici lijevo je ikona uvećana 10 puta pomoću Paint-a, desno – pomoću Photoshopa.

Za svaki slučaj, podsjetit ću vas da kad smanjite sliku, kvaliteta slike također osjetno opada, kao kad je povećate. Stoga se ne biste trebali previše zanositi ovim alatom. Iznimka je rad s vektorskom grafikom. U ovom slučaju možete promijeniti Dimenzijašto god želite, kvaliteta slike neće patiti.

Još jedan zanimljiv alat u Photoshopu je Veličina platna. Ovaj alat također vam omogućuje da utječete na veličinu slike. Uz njegovu pomoć možete odrezati dio slike s bilo koje strane ili, obrnuto, dodati nekoliko piksela.

Na primjer, imamo ovu sliku, veličine 120 x 80 piksela.

Od njega želimo dobiti ikonu dimenzija 64 x 64 piksela. Iskoristimo alat Veličina platna. Da biste to učinili, odaberite s izbornika Slika paragraf Veličina platna.

U prozoru koji se pojavi potrebno je naznačiti koju veličinu slike u pikselima (mm, postotak, inči) želimo primiti. Strelicama označite s koje strane želite ukloniti ili dodati piksele.

Kao rezultat toga, dobivamo ikonu veličine koja nam je potrebna.

to je sve Mislim da će ovaj članak biti koristan svima koji se počinju upoznavati s Adobe Photoshopom.

I opet vas pozdravljam, dragi čitatelji i posjetitelji mog bloga o informatičkom opismenjavanju za početnike. Danas ćemo nastaviti naše nedavno započete lekcije u Photoshopu i savladati ga. Danas ćemo imati jednostavnu lekciju u kojoj ćemo naučiti kako stvoriti novi dokument u Photoshopu. Čini se da je sve jednostavno, ali čak iu ovoj fazi postoje neke nijanse koje ćemo analizirati.

Susreo sam se mnogo puta kada ljudi nisu znali kako izraditi dokument ili čak .

Pa, hajde, idi u svoj Photoshop, a onda ćemo proći kroz točke. Pritisnite izbornik Datoteka na samom vrhu i zatim odaberite "Stvori dokument". Sada počinje najvažniji proces. Otvara se prozor s postavkama izrade.

Pa, ovdje je sve vrlo jednostavno. Samo ćete morati dati ime svom projektu koji ćete oživjeti. Ovo isto ime će se koristiti prema zadanim postavkama kada spremite svoju sliku. To ovdje ne igra nikakvu ulogu, pa čak možete nazvati projekt "Prodrmao sam vam kuću".

Širina i visina

Zapravo, nakon postavljanja naziva trebao bi biti "Vrsta dokumenta", ali o tome ćemo kasnije, tako da ćemo se za sada usredotočiti na širinu i visinu.

Ovdje bi vam, mislim, sve trebalo biti jasno. Postavite željeni broj točaka vodoravno i okomito. Odnosno, ako želite da vaša buduća slika bude točno veličine ekrana, onda pogledajte rezoluciju vašeg ekrana i unesite iste brojeve za širinu i visinu, na primjer 1366 i 768.

Samo pazite da mjerna jedinica bude "Pikseli", inače sam nekako slučajno postavio veličinu na 520x300 samo u centimetrima. Oh, kakva je to velika stvar ispala. Kao što vidite, možete postaviti različite mjerne jedinice. Ali ako radite s jednostavnim digitalnim slikama, odaberite veličinu u pikselima.

Pa, ako trebate prilagoditi list na format A4, tada postavite veličinu na 210 u širinu i 297 u visinu (to je upravo veličina papira ovog dobro poznatog formata). I naravno, ne zaboravite staviti mjerne jedinice u milimetre. Jeste li shvatili poantu? Onda idemo dalje.

Dopuštenje

Razlučivost ovdje nije ista postavka koju smo koristili gore. Ovdje je malo drugačije. Ali bit ostaje ista: što je veća rezolucija, to je slika bolja. Najvjerojatnije to nećete primijetiti tijekom normalnog gledanja, ali kada povećate sliku, kvaliteta će se brže izgubiti na fotografiji koja ima manje točaka po inču.

Zadana mjerna jedinica je 72 piksela po inču. Ovo je standardna razlučivost u standardnim jedinicama. Za rad s običnom slikom ili fotografijom to vam je dovoljno, no ako vam je potrebna apsolutna točnost, kvaliteta ili samo želite pripremiti dokument za ispis gdje je potrebno da sve bude savršeno, tada postavite rezoluciju na 300 dpi.

Kvaliteta će biti bolja, ali kao i obično, veličina konačne slike će se povećati. Sami možete vidjeti kako se veličina vaše buduće slike mijenja kada promijenite rezoluciju, ali i druge parametre. Da biste to učinili, pogledajte u donjem desnom kutu prozora za izradu dokumenta. Samo nemojte biti posebno zabrinuti, jer ako se spremi u drugom formatu, veličina će biti manja.

Način rada u boji

Ovaj način rada određuje s kojim ćete raditi. Ali za najčešće svrhe i tijekom početne obuke, postavite samo RGB i nemojte se sramiti. I ne zaboravite staviti 8 bita. Ovo nam je dovoljno. Ili mislite da 16 milijuna boja neće biti dovoljno?

Ako želite, koristite 16 i 32 bita, ali nećete vidjeti razliku, a veličina slike će se povećati.

Pozadinski sadržaj

Ovdje određujemo kakvu ćemo pozadinu imati na početku. Prema zadanim postavkama, pozadina je uvijek bijela. a najčešće se koristi za izradu slika. Dakle, možete ga ostaviti. Ali također možete postaviti pozadinu određene boje, koju možete postaviti sami, te prozirnu pozadinu.

Prozirna pozadina je zabavni dio. Vrlo zgodna stvar za stvaranje nekih logotipa ili drugih slika gdje pozadina nije potrebna. Zahvaljujući ovoj prozirnosti, crteži se mogu oblikovati bilo gdje u druge slike i neće ih pokvariti jer ih pozadina neće blokirati. Takve datoteke s podrškom za transparentnost pohranjuju se u PNG formatu. O ovom formatu raspravljali smo u članku o .

Pa, prije svega, postavite bijelu pozadinu, jer je s njom najlakše raditi.

Vrsta dokumenta

Kao što sam obećao, vraćam se na ono što sam propustio. Ovdje možemo odabrati jedan predložak za neke specifične formate. Na primjer, gore sam vam rekao da možete odrediti širinu i visinu u milimetrima kako biste dobili format A4. Ali u stvari, sve se može učiniti puno lakše. Samo kliknite na "Vrsta dokumenta" i odaberite s padajućeg popisa "Međunarodna veličina papira", nakon čega će polje "Veličina" postati aktivno i možete odabrati gotov A4 format koji se automatski konfigurira.

Ista stvar se događa ako želite format fotografije 10x15. Samo odaberite set "Fotografija", a zatim u stupcu veličine "10x15". Također možete pogledati druge formate i veličine. Stoga vam ovaj postupak može olakšati stvaranje novog dokumenta.

Na temelju svih ovih nijansi možete izraditi dokument, prilagođavajući ga svojim potrebama. Ne brinite, ovdje nema ništa loše. U svakom slučaju, za svaki pojedinačni članak reći ću vam koje parametre postaviti. Pa pokušajte sami. Ništa loše se sigurno neće dogoditi.

Pa, ovdje završavam lekciju. Nadam se da je sve bilo jasno. Ako imate pitanja, svakako ih postavite. Pa, općenito, ako želite naučiti Photoshop u najkraćem mogućem roku, bez nepotrebne muke i razumjeti ga s A +, onda vam savjetujem da svakako pogledate odličan video tečaj o radu u Photoshopu od nule. Ovo je zapravo samo sjajan tečaj, u kojem je sve složeno u redu, a ne u neredu, i ispričano ljudskim jezikom sa svim objašnjenjima.

Srdačan pozdrav, Dmitry Kostin