[TUT] Adobe Photoshop CC - Stilizuje za Vas

Započeo #Mikki, Novembar 10, 2016, 15:01:03 POSLE PODNE

prethodna tema - sledeća tema

0 članova i 4 gostiju pregledaju ovu temu.

Štampaj
Idi dole Stranice1
Korisničke akcije

#Mikki

*

Novembar 10, 2016, 15:01:03 POSLE PODNE
Pozdrav sigurno ako se bavite web developerstvom (mislim na front-end.) došli ste u situaciju da prosto na tren 'mozak stane' i ne znate kuda dalje?
Eto rešenja, novije verzije Adobe Photoshop CC -a imaju mogućnost da stilizuju klase za vas!
U narednih par koraka ćemo pojasniti zapravo kako to CC stilizuje za vas.
1) KORAK
'Kupite'PS CC i pokrenite ga.
Pokretanje i dizajniranje ćemo preskočiti, to je individualna stvar.
2) KORAK
Dizajnirajte nešto što želite da CC convertuje.
*Kada dizajnirate pregled vašeg veba, moj Vam je savet da pravilno nazovete te objekte (u CC) kako bi Vam kasnije bilo jednostavnije.


3) KORAK
Pripremite radno okruženje u vašem editoru za pisanje koda.
I ovaj deo ćemo da preskočimo, kako i gde će te da pripremite radno okruženje to je vaša stvar. Ako ne znate to...
4) KORAK
Vratićemo se za kratko na prvu sličicu kada sam vam rekao da objekte u CCu nazovete isto kako i želite da nazovete klase u vašem HTML i CSS kodu.


Kako je ovo i gde, saznajte na nekim drugim tutorijalima gde možete da naučite osnove HTMLa i CSSa.
5) KORAK
Vratimo se na CC i pribavimo CSS kod.


Pribavljanje koda se dobija klikom na Copy CSS.
6) KORAK
Otvorite vaš NotePad i pejstujte dobijeni kod. (To izgleda ovako)


7) KORAK
Ako to nije dovoljno, dobijeni kod prilagodite vama.
U mom slučaju trebam prilagoditi pozadinu. (Prebaciti background-image u background-color, zašto ne želim da objašnjavam...
8 ) KORAK
Kada se sve prilagodi to izgleda ovako:


9) KORAK
Pregledajte vaš rad u vašem web browseru.


Voalá... Kroz par koraka skelet vaše web strane je napravljen.
Jedina mana je ne repsonzivnost! Što naravno može da se sredi kroz par klasa Bootstrap-a ili Materialize-a.
Iskreno se nadam da sam nekome pomogao! Prijatan dan. :)
Poslednja Izmena: Novembar 10, 2016, 15:04:14 POSLE PODNE od #Mikki

#Mikki

*

#2
Novembar 10, 2016, 15:17:31 POSLE PODNE
[quote author=[Bʟᴏᴏá´... Mᴏɴᴇʏ] Sᴏʟá´...ɪᴇʀ link=topic=107147.msg683617#msg683617 date=1478787273]
Odlican tutorijal!  :)
[/quote]
Fala ti :)

Muma

*

#3
Novembar 10, 2016, 16:00:19 POSLE PODNE
[quote author=[Bʟᴏᴏá´... Mᴏɴᴇʏ] Sᴏʟá´...ɪᴇʀ link=topic=107147.msg683617#msg683617 date=1478787273]
Odlican tutorijal!  :)
[/quote]

#Mikki

*

#4
Novembar 10, 2016, 16:01:37 POSLE PODNE
Citat: muma. poslato Novembar 10, 2016, 16:00:19 POSLE PODNE
[quote author=[Bʟᴏᴏá´... Mᴏɴᴇʏ] Sᴏʟá´...ɪᴇʀ link=topic=107147.msg683617#msg683617 date=1478787273]
Odlican tutorijal!  :)
[/quote]
Fala

anderson87

*

#5
Novembar 10, 2016, 20:51:40 POSLE PODNE
Extra  :D Koji je ovo editor
• G A M E M O D E •
Balkan Gaming - Black Mountain
• F I L T E R S C R I P T •
Dynamic Santa Claud
• T U T O R I A L •
Dodavanje server-side custom modela [0.3.8]

Citat
You are what you believe yoursefl to be.

#Mikki

*

#8
Novembar 11, 2016, 13:18:31 POSLE PODNE
Citat: [LB] Andrijevic poslato Novembar 11, 2016, 13:04:04 POSLE PODNE
Odlicno  ;)
Hvala.
Ako vam treba jos koji tut u vezi web dizajna/developerstva (nebitno front end ili back end) zatrazite! :)

#Mikki

*

#10
Novembar 12, 2016, 16:12:34 POSLE PODNE
Citat: berroni poslato Novembar 12, 2016, 12:50:09 POSLE PODNE
Svaka cast
Hvala, ako vam treba jos koji TuT u vezi web dizajna / programiranja u front ili back endu javite :)

Štampaj
Idi gore Stranice1
Korisničke akcije