een stripboek voor het ontwerp van de thema 's, photoshop: //europa.eu.int /comm /+ CSS (1),,,,,,,, de Aanpassing van de code training.En deze keer geef ik je een leuke les voor iedereen.Deel 1, zullen we alle stripverhaal fans op het creëren van zeer originele ontwerp.We zullen het creëren van een blog lay - out te beginnen met photoshop in een paar tips om het ziet er geweldig uit.En dan, in deel 2, we leren hoe in de code, en klaar om te zetten in een van de thema 's blog.Ben je er klaar voor?,,, - die fase beschikbaar is, code fase (2) kan nu les in onze zus site NETTUTS!Als je klaar bent met dit ontwerp fase, hoofd van de afdeling en NETTUTS http: //europa.eu.int /code van de CSS.De follow - up van de feedback van alle eisen van iedereen en bedankt.Voor we beginnen, laten we beginnen!Ter bespoediging van het lezen, ik zal een van de meest fundamentele interpretatie te voorkomen (bijvoorbeeld het creëren van een laag masker te bewerken of bezier vector vormen).Je moet een van de grondbeginselen van geleide laag. Laag, maskers, borstel, de pen, en de tekst (karakter en de leden van deze handleiding), de activa:,, textuur van afval, de vorm, het lettertype lettertype eekhoorn (komika strips komika titel en tekst), sociale media. Standaard pakket van Como media, de eerste stap is het creëren van een simulatie, graffiti, of zelfs maar een schets op een servet, lay - out.Er is een ruwe structuur van websites, zodat de in het ontwerp van de elementen kunnen worden geplaatst.Dan zie je een eenvoudige schematische voorstelling, een kopbal, de volgende elementen: en het symbool, zoeken naar een bar en sociale media verband, naast de navigatie, een vlag, de kenmerken van de post, de aandacht van de tekst na zijn geplaatst, aan die over de schuim " "; - een stripboek. Een inhoud van de regio 's, een reeks van twee kolommen van de post per post, met foto' s en de tekst is in verband met de Speech Bubbles. Een lijst met de blog,,, archivering en populaire posten, de laatste opmerkingen en auteursrecht, informatie, documentatie, stap 1: vaststelling, open photoshop, 960 downloaden van 12 kolom photoshop. Of het creëren van een nieuw document 960px breed en een gids.Links en rechts de grens.Verhoging van het district, en kijk hoe het is in een brede resolutie gezien, meer hoogte.Ik 1420px dossier afmetingen 1200px zeer breed.Tot slot ga laag > nieuwe vullen. > kleur van...En het opzetten van een zwarte (# miljoen) voor de doek achtergrond. Stap 2: de titel, de achtergrond van de Top van 450px grens getrokken in horizontale richting, zullen we het gebruiken als een referentie voor de toevoeging van de schaduw bovenaan de bladzijde.Met behulp van de rechthoek instrument, het gebruik van deze kleur voor de nieuwe foto 's een breedte van de rechthoekige (# aa0001).En dan de toepassing van de gradiënt van laag masker (zwart op wit) rechthoekig, om het te verbergen voor de bodem.Tip: niet gebruikt, tegen de achtergrond van de gradiënt van laag, want als de hoogte (in het ontwerp van een van de meest voorkomende praktijken) op de achtergrond wordt verstoord.,,, stap 1: toevoeging aan de achtergrond van de textuur, open " de textuur van de activa van het kopiëren en plakken "rode gradiënt laag boven.Om het aan te passen aan de grenzen van het ontwerp, de verandering van mengen. Lineaire verbranden.We zullen het zo groot als een achtergrond, maar betere voorstellen, we moeten subtiel met papier en de rand van de zwarte achtergrond, het instrument, de donkere gebieden dicht bij de rand van de textuur van links en rechts.Je kan met een grote, zachte borstel van hardheid (0%), hou altijd je organisatie, heeft twee lagen papier " "; en"; rechthoekig ") naar een map, genaamd" hoofd BG ",,, stap 1: zon, gaan de komische stijl. Laten we een streep door Toevoeging van op als een symbool van een dramatische achtergrond, open "; de rijzende zon " de vorm van de activa.In aangepaste vorm - instrument, de keuze van je favoriete vorm van gitaar schilderijen in de rode gradiënt laag.In de vorm van een model worden geplaatst in de nabijheid van de grens van 960 (weergave van de werkingssfeer van de tovenaar zien).Is van toepassing op de zon "laag"; de geleidelijke verandering van de laag masker (in het centrum en het zwart - wit).Wijziging van de laag niet voor 50% van de transparantie.Facultatief: het gebruik van een onregelmatige borstels, zwarte laag masker met het creëren van meer afval tussen de zon en de achtergrond van de verf.,, stap 1: kleur, met het oog op de versterking van de stijl van strips, zullen we in het hoofd regionale context nog een halve toon.Het creëren van een nieuwe laag boven de "; de rijzende zon " laag, en geeft een zwarte en witte wolken (filter > die > wolk).En dan naar de filtratie > gepixeld > de kleur van de helft.Een halve toon veranderd "en"; laag hybride model te vermenigvuldigen, en nog een laag masker > alle verborgen.En dan een grote, zachte borstel (kleur: witte, de ondoorzichtigheid en de stroom van 75%) van de verf laag masker van sommige regio 's het zichtbaar maken van slechts half één toon.,, stap 1: titel, nu heb je het hoofd van de voltooiing van de regionale context, laten we de toevoeging van het logo.In de eerste plaats in onder de bovenste grens trekken van een handleiding, onder het teken van de 180 pixels, mag niet lager zijn dan de in de richtsnoeren.Met de titel "; komika " het lettertype van benaming (" aard van de activa; comicastic "): 68pt lettergrootte en de nieuwe kleur:&#ffb401.En dan nog meer elementen van de tekst, zoals een uitroepteken of witte slogan (lettergrootte 16pt).En dan vrij om gereedschap wordt de tekst een aantal, het ziet er niet zo formeel.Probeer de volgende foto 's, maar onthoud, niet alle elementen in de volgende richtsnoeren.Tot slot, al die lagen in een map " teken ",,, - 7: tekenen van laag - stijl, er lagen. > met de combinatie (# ea9403 -&#ffc501) beroerte (afmetingen: 1 - pixel, naar binnen,&#fcb600) en 50% (zwarte schaduwen, niet de transparantie, de omvang van de afstand en de X): de "; het logo" laag.Het gebruik van een dergelijke stijl van de verandering van de helling van de slogan, maar die kleur&#ededed -&#ffffff en een witte (# ffffff).Als je een uitroepteken. - je kan proberen om het te veranderen in een vorm (laag > type > omgezet in de vorm van concurrentievervalsing) en een beetje zoals hieronder aangegeven. De vlag van post,,, salaristrap 8: het gebruik van instrumenten, tegen de achtergrond van de rechthoek (straal is aangebracht) een breed. Momenten in de vorm van Banner onder het logo zoals hieronder, als van de hoogte van de rechthoek is je, ik heb alles geregeld.En dan de gradiënt van toepassing die (kleur:&#da7e00 -&#f0ad00, hoek: 90 °) en beroerte (kleur:&#f2aa00, afmetingen: 1 - pixel, positie: interne). De stijl, stap 9.,: wijziging van de top met spandoeken, keuze van instrumenten (a) rechtstreeks in onze Nieuwe ronde rechthoekige, pak de linker hoek naar rechts (kun je de cursor nauwkeurige mobiele).En een paar mobiele rechts, links van de pixels, stap 10: toevoeging van foto 's van de glijdende container, nu met rechthoekige instrument maken, een grijze rechthoek in de gele vlag (630px * worden 250px aprox.), kan je de grijze rechthoek enkele pixel naar de gele vlag te creëren voor een cirkel op de bodem van de externe effecten.Nog een beroerte (omvang: 1 - pixel, positie: interne, kleur:&#ffffff) en schaduw (kleur:�, niet de transparantie: 50%, afstand: 0px 0px, verspreiding, omvang: aangebracht) en rechthoekige zoals hieronder.Tot slot, heeft twee lagen (geel en grijs rechthoekige) naar een map, genaamd "; de Top spandoeken ",,, 11 stap: een van de belangrijkste navigatie, gebruik te maken van de letters"; komika pagina 's tekst "; - in de rechterbovenhoek van spandoeken - top, de lettergrootte voor 18px en kleur:&#ffffff.Zet het in een map met de naam "- s", om ervoor te zorgen dat deze map is achter de "top van de vlag en de";.En dan met een vierkant met afgeronde hoeken instrumenten (straal: 3px, kleur:&#efa800), een rechthoek achter het eerste woord van de navigatie, genaamd laag "gekozen rekening";.De volgende stap, met rechtstreekse keuze - instrument (een) worden de punten linker hoek van mobiele, zoals hieronder aangegeven.In de tweede plaats met de toepassing van die "gekozen rekening " laag (kleur:&#f0a900 -&#febf00, hoek: 90 °).Als je wilt, kan je nog een zeer subtiele (kleur:�, niet de transparantie: 25%) voor de navigatie - tekst.,, een 12 - stappen: toevoeging van spandoeken, foto 's, blijk geven van een echte monsters van de vlag, pasta elk beeld.Als het beeld groter, rechthoekig, gebruik je je masker, dit teken in de grijze rechthoek beeld, en de keuze tussen twee lagen /alt - klik, dit zal geen beelden van rechthoekige behoeften.,, stap 13: Banner controle, de keuze van de aangepaste vorm - instrument, de keuze van een pijl, een paar Foto 's een voor een, zijn verwijzingen naar de linkerkant.En dan die van toepassing op de helling (# 6d0004 -󯐠) en beroerte (afmetingen: 1 - pixel, positie: interne, kleur:&#b20002).Een pijl in een map met de naam "preventief"; en door gebruik te maken van de vrijheid om gereedschap, hou de CTRL, de pijl, een beetje.En dan - folder, omgedoopt tot "; de toekomst", naar de vlag van de rechten te bewerken > transformatie > andere horizontale van richting veranderen.Tot slot heeft de map " de tweede "en" preventief "in een map met de naam" controle ";,,, stap 14: controle die nu", en "; de tweede" preventief "; de MAP en de toepassing van verschillende lagen met een pijl stijl van het creëren van een wat effecten van elk een.Ik ben de stijl van het laag over de titel van zingen.,, stap 15: toon van de details, met dezelfde stap 5, het creëren van een halve verdiepingen boven de gele vlag.Met een halve toon "laag"; de keuze gemaakt om in de gele vlag /CTRL - klik CTRL + shift + Ik ondersteboven te kiezen, en het schrappen van meer dan.Een halve toon veranderd "en" van de laag, te mengen, transparantie tot 25%.Tot slot nog een laag masker > verstoppen en het gebruik van zachte witte tanden poetsen, verf in sommige regio 's van het masker op doen slechts een deel van het patroon zichtbaar.,, 16: selectie van artikelen over het schuim, en nu is het tijd voor de toevoeging van een gebied, zal die post.Dus, de keuze van de instrumenten van de rechthoek met een aangepaste vorm en schuim.Het schilderij in het imago van de vlag, zet hem in de juiste positie, het volgende beeld laten zien.In het ontwerp voor een van deze functies, je moet dit effect te bereiken, kan wat onderzoek te doen, zelfs als je niet weet hoe je een code te schrijven, kan zien wat de bestaande Bibliotheek Ajax (dit heeft gedaan en deze) zien werken, en de aanpassing van de bestaande opzet van je, de bibliotheek, En dan, met de rechtstreekse keuze van instrumenten a) de in de vorm van verstoring van een beetje schuim.Tot slot een projectie (kleur:�, zonder transparantie: 25%, afstand: aangebracht, de verspreiding van: 0px, afmetingen: 10 pixels).De maatregelen die de tekst na 17:,, het is tijd om de toevoeging van een titel en een korte we artikelen.Als de titel "; komika titel", 18pt.# 680001.In de tekst, met de tekst "; Komika door een lettergrootte van:", 16pt, kleur:
b1b1b. Wordt de tekst laag rechts, zoals blijkt uit de volgende stappen:.,, advies en na 18 dollar en nu nog een schuim, maar minder van deze tijd, met dit. Kleur:&#vooruitzichten 9c0001 nog een beroerte laag (kleur:&#d00000, afmetingen: 1 - pixel, positie: interne), zoals hieronder, en dan ook nog het aantal opmerkingen en " komika titel "; het lettertype, kleur en grootte: 24pt&#ffffff.En het woord "opmerkingen"; en "; komika titel " afmetingen: 12, kleur:&#ffb301, eindelijk bij de kleine element (ongeveer na korte informatie) onder" Arial " de lettergrootte: 10pt, kleur:
b1b1b. Als er niet genoeg ruimte om de dollar kan je tekst, de Keuze van de instrumenten die rechtstreeks tot de hoogte van het schuim na de zaak een beetje.Tip: niet veranderen,, vector filet elementen vrij om gereedschap in photoshop, hoek van het vervalsen, rechtstreeks gekozen om het gebruik van de keuze van de instrumenten, dan gaan ze,,,, 19: selectie van artikelen de titel achtergrond, een kopie van de achtergrond van geselecteerde schaduw, verborgen, veranderen in de kleur Geel (# ffc001) en het netwerk van laag.En dan, met een rechthoek van instrumenten, kunnen alle gele schuim onder titel, verwijder dan de keuze.De volgende stap, de toevoeging van een grens, met de titel "laag", schuim, de keuze van de beschikking; /CTRL - in de "klik"; schuim achtergrond; - masker.En dan naar de redactie > > contracten en voor een waarde van 1 - pixel.Tot slot, CTRL + shift + Ik ondersteboven te kiezen en het schrappen van het, dit is een goed moment om de organisatie van de Top een map spandoeken over van alles, als je graag nog meer details, ik na de toetreding en de gele lijn tussen korte - en inhoud, stap in. 20: achtergrond laten we Nu gaan en de belangrijkste inhoud van de achtergrond, het creëren van een map genaamd "web - inhoud"; en een witte (# ffffff) afgerond (met een straal van 5 pixel) de hoogte van de verschillende pixel (als de oorspronkelijke canvas Afmetingen is te klein, je kan het gewoon om ervoor te zorgen dat de verhoging van de omvang van de de bovenste grens is), 21 stap: het beeld. En na toevoeging van pagina 's, het is tijd om te beginnen de inhoud als de standaard blog, zullen wij het ontwerp van een lijst van de laTest van posten.Trekken, twee blokken (kolom 3 breedte aprox.) zoals hieronder.Hetzelfde proces dan stap 12 nog wat foto 's op het plein gebruiken als een masker.De definitieve keuze van Plaza en nog een beroerte laag stijl aan het (kleur:&#ffb801, afmetingen: 1 - pixel, positie: interne), zullen we in dit toe te voegen en een foto, en dan het kopiëren voor meerdere malen moeten worden vermeld op de voorpagina,.,: toevoeging van de titel van artikel 22 stap en twee grote categorieën, foto 's. De gele (# f2aa00) en een andere Wit - gele lijst hieronder (# ffb401).In de gele strepen, type na gebruik "in de titel. Komika titel " kleur:򣤳: 18pt, maat.In de witte strepen, de aard van de klasse met de naam "; Komika tekst door een lettertype " afmetingen: 13pt, kleur𳲙 banden en򣤳 als muis.,, 23 stap: een korte en element, schilderijen in de bel weer op de foto 's en gele strepen, vullen de kleur:񑘕 1 - pixel beroerte (kleur:򪊉) en de toepassing van onze vorige vlag van de schaduw.En dan nog een monster met behulp van de korte tekst " Komika tekst door een lettertype " kleur: afmetingen: nummer,&#ffffff, monsters element tekst met een "Arial " kleur󯍕 als je wilt in de tekst (# 4b4b4b).,, 24 stap: de inhoud van dit deel af. Het schuim van de opmerkingen toe te voegen, herhaal de stappen van de procedure van 18.En al je spullen in de map genaamd ', ben ik na een map ", de" post ".En dan, een kopie van het bevel /CTRL + slepen) in de rechter.Met twee of drie van de methode van het proces wordt herhaald, zoals hieronder aangegeven.Verhoging van de hoogte van de witte achtergrond, om zich aan te passen aan de positie van alle stappen van 25 pagina 's. EN: de inhoud van de hoek, verhoging van de "stripboeken" stijl, zullen we nog een eenvoudige bladzijde. Op de bodem van de witte achtergrond.Foto 's, eerst in de rechterbovenhoek van een zwarte driehoek (kun je de pen), en een kopie van het mobiele driehoek en de "overwegingen" zwarte, kan je een andere kleur die dit exemplaar.In het kader van een driehoek, het is een kleine bochten.En dan, is van toepassing op de driehoek gebogen met een goede mix van kleur aangebracht: (# 9c0001 -&#fe0000 - c0001) en de verandering van de hoek van een ziet er goed uit in die hoek, in dit geval, 108 graden.Het volgende gebruik van zachte borstel (zwarte, transparantie en niet - 50%) in een nieuwe laag van de verstoring van de schaduw achter de driehoek.Als je wilt, aan de verstoring van de driehoek met een punt te verhogen, een ronde hoeken van de Top op de bodem van de beelden, zoals hieronder weergegeven.Tot slot, en alle relevante laag krullen in een map met de naam "blz.;".Hou het gemakkelijk omdat wij het gebruik van het,, stappen. 26: de meter achtergrond, we zijn bijna klaar, het creëren van een map met de naam "; een"; ervoor te zorgen dat de onder de "inhoud"; de MAP, in het schilderen van een rode (# 9c0001) ring, dan straal van ten minste 65px toepassing van een enorme....En dan zal de vage ring om en rond de leidende concurrentie.,, 27 stap: achtergrond van de zon, nu, met een aangepaste vorm van instrumenten, bij de keuze van een van deze vorm van gitaar, in het midden van een zwart geschilderd, en dan zal de opaciteit van 50%.En dan ook nog een halve toon van de cirkel van het rode licht, het gebruik van een verborgen laag masker toont alleen maar aan dat bepaalde delen van het.Tot slot zal voor 50% van de opaciteit van de rode cirkel, en 28 stap: een in het kader van de inhoud, zullen we nog een blog en de indeling van de in de gemeenschappelijke elementen van een dossier, nu, laten we er een meter elementen achtergrond, het trekken van een vierkant met afgeronde hoeken (straal is aangebracht) de kleur van
a1a1a en de vaststelling van: de waarde van 50%, waardoor het in de drie rijen.Kan je een kopie van het in vak 4, zodat in de staart.Stap 29: het einde van de inhoud en achtergrond - curly, de keuze van de eerste rechthoekige, kan je het verwijderen van de andere in dit punt).En een kopie van de map van pagina 's, zet het op de "munt" in het dossier, en de afstemming van de rechthoek rechts boven in de hoek, dan heeft de kleur veranderen de kleur van de verschillende kleuren.Tot slot toevoegen aan een rechthoekige laag (1 - pixel in stijl,𻋸).,, 30 stappen: categorieën, nu, met de naam deel, in dit geval, "soort"; "; komika titel " afmetingen: kleur:&#f2aa00 14.De afbakening van de richtsnoeren voor het gebruik van de titel, gedurende ten minste 20 pagina 's in het kader van de inhoud van het einde van de pixels.En dan nog wat het gedrag van de categorieën van het monster, "; Komika tekst door een lettertype", maat. 16px, kleur:&#ffffff en rood (# ec000a) voor wat effecten.Als een bijkomende gedetailleerde wat effecten, plus een beetje Geel (# ffb301) gebruik van de aangepaste vorm - instrument de pijl.Zet alle lagen in een map met de naam "voet", "," - voetnoot 31, stap, herhaalde "voetnoot" folder en mobiele het recht de woorden te beschrijven, veranderen "," deze keer.En dan het herhalen van de MAP, maar dit keer is de uitbreiding van de doorzichtige achtergrond, waardoor de twee maal meer in het algemeen, op de top, de aard van de titel "hot artikelen", "de nieuwe artikelen" en "de laatste opmerkingen", met de gele en de andere twee eerste grijze.Weet je, dit zal een soortgelijke functie rekening type ruit.Nog een gele driehoek etikettering gekozen rekening, tabbladen ruit, stap 32: inhoud, omdat dit het grootste deel van de lijst toe te voegen, kan ze, feitelijk is een combinatie van "; komika titel" en "; Komika tekst door een lettertype". Het gebruik van verschillende kleuren (zie foto 's).De eerste regel is een steekproef van projecten (die), op dit punt, de toevoeging van een zwarte (# 000000) de toevoeging van een tekst van de rechthoek achter de gradiënt (zwart) laag niveau van het masker, en, tot slot, in dit deel van de bodem van de toevoeging van een kleine stap: 33, Pieper,. BAR het is tijd voor nog een detail, om onze cijfers.Laten we naar de BAR gaan uit.Het creëren van een map genaamd "; de BAR " boven alles, het creëren van een vierkant met afgeronde hoeken (3px straal, kleur: omvang van de invloed van� beroerte: 1 - pixel, positie: interne, kleur:c0000) als een input, en een kleine knop een kopie van de rechthoekige naar keuze; een laag stijl pasta in de navigatie - en zoek de knop.Als de knop, type "de woorden", ga!In vergelijking met de witte, met dezelfde schaduw dan de navigatie - tekst (recycling laag stijl is een geweldige tijd bespaart tijd).Bij het zoeken naar de input -, output - woord "naar"; "; Komika tekst door een lettertype " kleur:&#f9a600. En er alle lagen achter een rechthoek; zoeken BAR " het vullen van een rode񜱡 (Supplement: 50%) en de toepassing van een beroerte door gebruik te maken van de kleur:󙓵.Voor de toepassing van intelligente objecten en laag masker > alle verborgen, om het masker van reflectie in zwart en wit van kleur met een effect op de bodem van de onder de foto 's tonen. 34, stappen: de sociale media icoon, herhaal de achtergrond van de zoektocht, maar deze keer niet. En het gebruik van een andere kleur (# 860001).En het woord "volgen we" met "titel"; komika; plakken alle wil je nog icoon, kun je de iconen van activa.Vergeet niet om je laag op de MAP, 35 stap: navigatie - en auteursrecht, informatie, de voltooiing van de werken vandaag, laten we nog een navigatie.Met de witte lijn, plus een weerspiegeling van de overgang van zwart en wit.Type Arial 10 pixels, grootte, kleur - banden:񽱏 en benadrukken wat effecten en Geel:&#f2aa00.En dan nog een auteursrecht tekst is aangepast, stappen 36: dit is het.En de laatste controle van alle lagen in hun folder.In de loop van de,, conclusies, we zijn klaar met grafische deel, nu is het tijd om te springen Nettuts+ film, het: //europa.eu.int /comm /+ CSS, ben je klaar?,.,