DOT THE I

Wallpaper #1

2009-03-13T08:56:00Z

Ja skatos salīdzinājumā ar mani - tad ir tā, ka ar vienu wallpaer ilgi izdzīvot nevar. Ļaunākais sākas tad, kad nevar atrast kādu arī online pēc savas gaumes un noskaņojuma. Tad nu tā - ķēros klāt un sagatvoju aprakstu, ja arī jums tā gadās, lai var pāris minūtēs, tikt pie vēlamā... kas pat var izrādīties ātrāk kā internetā sameklēt citu.

No sākuma uzzīmē taisnstūri pa visu lapu un fona krāsu piešķir melnu.

Lai uzzīmētu taisnstūri, izmanto Rectangle (M) pogu no sānu rīkjoslas.

Kad tas veiksmīgi izdarīts, uzzīmē vēl vienu taisnstūri, kurš ir tādā pat platumā kā fons. Šim taisnstūrim krāsu pārslēdz uz Gradient color (skatīt attēlā). Un iezīmēt to gradienta esi, kurā balta krāsa un nomainīt to uz sarkanu.

Kad tas izdarīts, tad izvēlas Gradient Transform(G) no sānu rīkjoslas un nomaina gradientu no augšas uz leju (skatīt attēlā)

Pēc gradienta sakārtošanas, šo uzzīmēto mazo taisnstūri sašķiebj (skatīt attēlā)

Tad izpilda komandu Object/Envelope Distort/Make Wrap Group (skatīt attēlā)

Tiek izveidots tāds kā režģis. Tagad tam veic sekojošas korekcijas (izveido tādu kā vilnīti). Šīs modifikācijas var veikt, ja pārslēdzas uz .

Tad uzzīmē vēl vienu taisnstūri - ar tādu pašu krāsu un gradientu, tikai šaurāku.

Un atkārto arī šim taisnstūrim tādas pašas modifikācijas

Tad izmantojot uzzīmē līniju zem pirmā taisnstūra un noņem pildījuma krāsu. Iestata līnijas biezumu uz 10 un tās krāsu nomaina, izmantojot gradientu.

Lai tā izskatītos labāk un saplūstu kopā ar taisnstūri, izmanto un iet Effects/Grausian blur. Šo efejtu uzliek divas reizes.

To pašu izdara arī otram taisnstūrim.

Tad sazīmē vēl līnijas, izmantojot , lai varētu izveidot dažus gaismas efektus

Katrai šai līnijai, līnijas biezums ir 5 px. Kad visas līnijas sazīmētas, katrai no tām piešķir Photografic/Neon Glow un tad Effect/Grausian Blur, ko var izdarīt, ejot uz .

Tad izvēlas Paintbrush (B) un šai otai izvēlas krāsu līnijai melnu, ar 70% intensitāti un, kad tā uzzīmēta, novieto slānī zem gaismas efektiem.

Kad šīs pēdējās korekcijas veiktas, var veikt darbību File/Export un izveidoto wallpaper exportēt uz vēlamo formātu.

Mans gala rezultāts sanāca šāds:

Protams, kā vienmēr, krāsas katrs var likt pēc sirds patikas un gaumes, kas kuram vairāk iet pie sirds :)

Pielikumā esmu pievienojusi zip ar Expression Design un gala rezultāta attēlu!

Matrix wallpaper izveide, izmantojot Expression Design

2009-03-12T13:01:00Z

Šis ir piemērs, kas īpaši piemērots filmas Matrix faniem. Šeit tiek dots ieskats, kā ātri un vienkārši izveidot sev tīkamu Wallpaper ar sev tīkamām krāsām. Šo „gara darbu", protams, var papildināt arī ar kādu tekstu vai cita veida objektiem un zīmējumiem.

Bet visu pēc kārtas!

Tātad no sākuma atveram MS Expression Design un ar File/New izveidojam jaunu darbu ar sev vēlamo izmēru. Kad tas veiksmīgi izdarīts, no sānu rīkjoslas izvēlamies Rectanhle (M) un uzzīmējam taisnstūri pa visu lapu.

Kad esam to izdarījuši, uzklikšķinām uz šī taisnstūra (tā to iezīmējot) un dodamies, lai sāktu veidot Matrix cienīgu efektu :). Zem sadaļas Effect, nospiež . Izvēlas Photographic/Grain (skatīt attēlā)

Grain vērtības iestata pēc gaumes un vēlēšanās.

Lai panāktu tādu skatu, kā attēlā, tiek izvēlētas šādas vērtības: Graininess = 100; Grain type = Vertical; Contrast = 87 (skatīt attēlā)

Kad šīs vērtības iestatītas, dodas vēlreiz un izvēlas Photographic/Neon Glow (skatīt attēlā):

Tad pēc vēlēšanās iestata vērtības un krāsas. Iestatot Glow size vērtību 4 un Glow Brightness vērtību 31, iegūst šādu rezultātu (skatīt attēlā):

Pēc šīm darbībām, vēlreiz dodas uz un izvēlas Paint/Accented Edges (skatīt attēlā):

Lai iegūtu rezultātu, kā attēlā, tiek iestatītas šādas vērtības: Edge width= 2; Edge brithness = 33; Smoothness = 4.

Bet, protams, šeit netiek ierobežota jūsu fantāzija, un vērtības variet iestatīt atbilstoši savai gaumei un vajadzībām.

Tātad ar vienkāršu trīs soļu palīdzību, esmu ieguvusi šādu Wallpaper ar sev tīkamām krāsām :). Droši izmēģiniet roku sava Matrix Wallpaperveidošanā!

Pielikumā pievienoju zip failu, kurā ir gala rezultāts un Expression Design fails ar izveodoto attēlu!

Kā izveidot ziepju burbuļus izmantojot MS Expression Design...

2009-03-06T10:36:00Z

Mēģinot realizēt vienu no savām idejām attiecībā uz dizaina lietām, nonācu pie secinājuma, ka nu ir ziepes. Onlinā ir pieejami ļoti daudzas pamācības, kā dažādus elementus izveidot ar Adobe Photoshop palīdzību, jo neapšaubāmi - ar šo programmatūru strādājošo ir lielākā daļa. Taču izvēloties kādu alternatīvu - var pamatīgi „ieberzties", jo bieži vien nav kam lūgt padomu un beigās tāpat šī iemesla dēļ esi spiests atgriezties pie tā, ko lieto visi J.

Pārlūkojot nelielu daļu no web(ā) pieejamās informācijas, nonācu pie secinājuma, ka „ziepju burbuļu" efekts ir modes lieta, ko daudzi izmanto gan fotogrāfiju papildināšanai, gan arī dažādu akcentu izveidei. Līdz ar to mēģināšu ieskicēt, kā šādu efektu var izveidot un panākt ar MS Expression Design palīdzību.

Tātad, pirmais solis kā vienmēr ir atrast pamata bildi vai fonu, kuru papildinās un palaist attiecīgo programmatūru (šajā gadījumā MS Expression Design), lai sāktu pildīt darbības soli pa solim J

Kad programma atvērta, izpildot komandu File/Open - atveru izvēlēto bildi, uz kuras veidošu burbuļus.

Tad darbam pievieno klāt jaunu slāni (Layer - attēlā solis, kas apzīmēts ar viens) un pārsauc to par burbuli. Kad slānis pievienots, uzzīmē apli, izvēloties no izvēlnes Ellipse un lai uzreiz uzzīmētu apli, pietur taustiņu Shift (attēlā solis, kas apzīmēts ar divi). Šim uzzīmētajam aplim fona krāsai izmanto gradientu (attēlā solis, kas apzīmēts ar trīs).

Tad atver Effect izvēlni un izvēlas Effects/Drop Shadow, iestatos šādas vērtības: Softness=2; Offset=2; Opacity=1 (skatīt attēlā).

Tad Properties sadaļā zem Object iestata Blend Mode vērtību Color Burn (izvēlas no izkrītošā saraksta). Attēlā var redzēt, kā izmainās uzzīmētā apļa krāsa, kad šī vērtība tiek iestatīta.

Kad tas paveikts, uzzīmē vēl vienu apli - nedaudz mazāku kā iepriekšējais un tā pildījumu un līnijas krāsu iestata melnu (Balck) un līnijas biezumu ar vērtību „1".

Tad pievērš uzmanību, vai pildījuma un līnijas vērtības nav saistības (skatīt attēlā bultiņu, kas norāda uz link). Ja šīs vērtības ir sasaistītas, pārtrauc sasaisti un pildījuma vērtību iestata uz „0" (skatīt attlēlā).

Kad tas izdarīts, izvēlnē zem Effects, izvēlas Gaussian Blur un tā vērtību Radius iestata uz „6". (skatīt ttēlā).

Tad tikko uzzīmēto apli nocentrē pa vidu apakšējam aplim. To var paveikt, iezīmējot abus apļus, tad nospiežot peles labo pogu un izpilda sekojošu darbību: Transform/Reflekt Vertikal un pēc tam Transform/Reflekt Horizontal.

Tad izmantojot Ellipse vēlreiz uzzīmē mazu ovālu un novieto to burbuļa augšējā kreisajā stūrī, piešķirot baltu pildījuma krāsu un iestatot Effect/Gaussian Blur ar vērtību Radius=1. Rezultātā iegūst šādu „burbuli"

Izmantojot šos soļus, izveido tik daudz „ziepju burbuļus", cik sirds kāro. To daru arī es un gala rezultātā iegūstu šādu uzlabotu bildi.

Ceru, ka šis apraksts JUMS noderēs, iemēģinot roku ar MS Expression Design!

Pielikumā ievietoju arī savu sākuma bildi, MS Expression Design dokumentu un gala rezultātu :)

Lai veicas! :)

Gaismas vītnes efekta izveidošana izmantojot MS Expression Design

2009-02-04T15:58:00Z

MS Expression Design piedāvā daudz un plašas iespējas dažādu ideju realizēšanai. Lai tuvāk iepazītu šo rīku un tā iespējas, piedāvāju nelielu aprakstu, kā izveidot ap objektu apvijušās neona gaismas efektu.

Tātad, pielikumā ir pievienots arhīva fails, kurā ir sākuma fails, kurā dots skrūves attēls, kurš tiks izmantots piemērā, kā arī fails, kurā glabājas piemēra galarezultāts.

Pirms attēla veidošanas, atveram failu ar nosaukumu sakuma_fails Expression Design darba vidē.

Izveidojam jaunu dokumentu, spiežot File/New un iestādām sekojošus parametrus:

Tad, no kreisā pusē esošās rīkjoslas izvēlas zīmēt četrstūri ar fona krāsu „melns” un uzzīmē to lapas lielumā – tātad 500px x 500px.

Lai piešķirtu uzzīmētajam četrstūrim melnas krāsas pildījumu, tas jāiezīmē un jāizvēlas labajā pusē, sadaļā Appearence melnā krāsa:

Tad pievieno vēl vienu papildus slāni (Layer), ko var izdarīt lapas labajā apakšējā stūrī:

Uz jaunizveidotā slāņa tiks veidota gaismas līkne, kas apskauj skrūvi. Lai to uzzīmētu, no kreisā pusē esošās rīkjoslas izvēlas elementu B-Spline un uzzīmē līkni:

Un uzzīmētajai līknei izvēlas noformējumu – līnijas tips Watercolor Dark Center Wet Brush:

Iegūst šādu kopainu:

Pievieno Neon efektu – zem sadaļas Effect:

Tad pievieno vēl vienu slāni un uz tā iekopē no sākuma_fails esošo skrūvi. Piemēro izmērus.

Kad tas paveikts, otro slāni (Layer 2), kurā atrodas gaismas vītne, pārvelk uz augšu, lai tas atrastos virspusē (lai iegūtu slāņu secību, kā attēlā), un sagriež gaismas vītni vēlamajā slīpumā:

Lai sadalītu tās daļas, kurām jāpaliek aiz skrūves, rīkojas sekojoši – ar Add Anchor point pievieno tajās vietās papildus punktus, kur, nepieciešams, lai tas atrastos aiz skrūves, tad ar Direct selection iezīmē, jaunizveidotos papildus punktus un izdzēš, nospiežot Delete (vairākus punktus iezīmēt vienlaicīgi var pieturot taustiņu Shift).

Kad tas izdarīts, galarezultātā iegūst sekojošu attēlu J

Lai saglabātu šo iegūto attēlu, jāiet File/Export un izvēlas sev vēlamo faila noglabāšanas vietu un formātu:

Deep Zoom piemērs

2009-01-05T14:09:00Z

Ir nācies daudz piemēru skatīt un klausīties par tādu brīnumu kā Deep Zoom. Deep Zoom ir daudz pielietojumu, netikai savu atvaļinājumu bilšu skaistai atrādīšanai draugiem vai kolēģiem - iedomājieties šādā veidā pasniegt biznesa prezentāciju partneriem vai klientiem ;), domāju, ka vienozīmīgi šādā veidā tiks ats'tats laba prezentētāja iespaids. Šeit ir atrodams neliels piemers.

Kā tad izveidot šādu "gara darbu" un kas tas īsti ir?

Deep Zoom ir viena no Seadragon tehnoloģijām, kura izmanto Microsoft Silverlight. Šī tehnoloģija dod iespēju tās lietotājiem pietuvināt (piezoomot) vai pārlūkot lielas izšķirtspējas vai lielas kolekcijas attēlus. Šī tehnoloģija ietaupa laiku, kas nepieciešama attēla pārlūkošanai, jo tā lejupielādē tikai to attēla daļu, kas tiek apskatīta.

Lai sāktu savu attēlu Deep Zoom piemēra veidošanai, nepieciešams lejupielādēt un uzinstalēt programmu Deep Zoom Composer. Kad programma uzstādīta, to atver.

izvēlas New Project;
Nospiež uz pogas Add image.. un pievieno sev vēlamās bildes;

Nospiež uz pogas Compose un pievienotos attēlu secību un kārtību sakārto pēc savas vēlēšanās;
Tad nospiež pogu Export, izvēlas vāka attēlu un ieraksta projekta nosaukumu;
Pārslēdzas uz sadaļu Custom un nospiež Export;

Nospiež "preview in browser".

P.S. Lai izmēģinātu izveidot Deep Zoom, lietotājam ir jābūt savam Live ID!

Krāsu nozīme veidojot dizainu

2008-12-15T11:54:00Z

Ķeroties klāt dizaina veidošanai savam blogam vai mājas lapai, ļoti rūpīgi jāpārdomā krāsas, kuras vēlas izmantot. Krāsas ne vien rada efektīvāku pirmo iespaidu, bet gan arī to, kā tiks uztverta pasniegtā informācija un kādu attieksmi pret šo blogu vai web lapu atstās.

Katrai krāsai un toņu gammai ir piešķirta kāda simbolika vai arī emocijas, ko tā rada vai izsauc. Lai veiksmīgāk sameklētu atbilstošos krāsu toņus un prasmīgāk sakombinētu saderīgās krāsas, ir izveidota mājas lapa „colour lovers”, kurā apkopotas daudz labas un noderīgas idejas atbilstošākā dizaina izveidei. Tātad atliek vien smelties idejas un izvēlēties atbilstošākos ieteiktos toņus, lai panāktu tādu rezultātu, kāds plānots.