Kirjoitamme liitutaululle liidulla. Merkintätaulun piirtäminen Adobe Illustratorissa

Adobe julkaisi 18. kesäkuuta päivityksiä joihinkin työkaluihin Adobe Illustrator CC 2014. Näihin työkaluihin kuului kynä / Kynä työkalu. Tässä opetusohjelmassa opit luomaan typografisen tehosteen ja samalla voit kokeilla päivitettyä työkalua. Luomme liidulla kirjoitetun tekstin.

1. Työskentely kynätyökalulla

Vaihe 1
Aloitetaan luomalla luonnos työkalulla Lyijykynä / kynä (N). Kirjoita heille sana, johon haluat soveltaa tehostetta. Esimerkissä tämä on sana "Serenity". Ryhmä (Ohjaus-G) kopioi kaikki ääriviivat, jotka muodostavat merkinnän (Control-C) ja liitä (Ohjaus-V) tekstiä luodaksesi nopeasti tietyn määrän sanoja.

Jos sinulla ei ole tablettia tai et ole tottunut piirtämään suoraan ohjelmistoon, voit kirjoittaa tekstin käsin ja tuoda sen Illustratoriin tai käyttää vain valmista fonttia.

Vaihe 2

Lohko luonnos paletissa Kerrokset. Tason alle luonnostyökalulla Suorakaide/suorakulmio (M) piirrä suuri musta muoto, joka peittää työalueen.

Aloitetaan kirjainten jäljittäminen. Työkalu Kynä/sulka (P) ympyröi ensimmäinen kirjain. Katso alta, kuinka tämä työkalu toimii.

Vaihe 3

Jatka kirjainten jäljittämistä. Kiinnitä huomiota siihen, kuinka kirjaimet liittyvät toisiinsa tai miten ne virtaavat toisiinsa.

Vaihe 4

Jos haluat korjata tekstin pisteitä tai solmuja, käytä työkalua Suoravalinta/Suoravalinta (A).

Vaihe 5

Kun olet jäljittänyt kaikki kirjaimet, valitse kaikki elementit ja paletista Pathfinder/Contour Processing napsauta kuvaketta Yhdistää.

Huomaa, kuinka kätevästi päivitetty työkalu toimii Kynä/sulka:

2. Käytä rakennetta Ulkoasu-paletissa

Vaihe 1

Valitse teksti ja valitse valikosta Tehoste > Luonnos > Verkko/tehoste > Luonnos > Verkko. Aseta tehoste alla olevan kuvan mukaisesti.

Vaihe 2

Paletissa Ulkomuoto muuttaa Peittävyys päällä 44 % . Lisää uusi täyttö ( Lisää uusi täyttö) ja siirrä se tehostetäytön alle. Määritä iskun paksuus 1 pt valkoinen ja Peittävyys V 51% .

Vaihe 3

Luodaan nyt kuvio, joka koskee toista tekstitäyttöä. Työkalu Sivellin (B) pyöreä kalligrafiaharja, jonka paksuus on 1 pt piirrä varjostus alla olevan kuvan mukaisesti.

Valitse viivotus ja paletista Kuvion asetukset valitse Tee uusi kuvio uusi kuvio . Käytä kuvion muokkaustilassa samaa sivellintä kuvion reunat varjostamaan, jotta suuria tyhjiä alueita ei jää jäljelle.

Vaihe 4

Anna tekstille sivellin, joka on samanlainen kuin paletin liituviiva Harjat/siveltimet.

3. Taustan tekstuuri

Vaihe 1

Levitä valoa säteittäinen gradientti suorakulmioon, joka toimii taustanamme. Käytä työkalua Gradientti (G) ja paletti Kaltevuus säätääksesi värejä, sijaintia ja läpinäkyvyyttä.

Esimerkki käyttää gradienttia mustasta täydessä opasiteetissa mustaan ​​nollaopasiteetilla.

Vaihe 2

Luo uusi täyttö suorakulmiolle edellisen alapuolelle ja käytä tehostetta siihen Verkko alla näytetyillä parametreilla.

Kolmas täyttö (jopa alempi) on pieni gradientti valkoisesta valkoiseen nolla-opasiteetilla 100 %:n läpikuultamattomuuteen. Neljäs täyttö (alhaalla) on vain musta.

Siinä Lyhyt oppitunti Tarkastellaan kääretyökalun ja harjassiveltimen käyttöä liitutaulukuvituksen luomiseen. Aloitetaanpa!

Vaihe 1

Piirrä suorakulmio, jonka mitat ovat 700 x 500 pikseliä. Kun se on valittuna, siirry kohtaan Objekti > Polku > Luo offset-polku (Objekti > Polku > Offset Path). Aseta se arvoon 30.

Vaihe 2

Suurenna kuvaa, jotta näet kulmat paremmin, ja piirrä viiva 45 asteen kulmassa viivasegmenttityökalulla (/). Voit käyttää älykkäitä oppaita apunasi. Viivojen tulee ulottua suorakulmioiden ulkopuolelle molempiin suuntiin, kuten alla olevassa kuvassa. Tee tämä jokaisessa kulmassa.

Vaihe 3

Valitse kaikki ja napsauta Pathfinder-paneelin Divide-painiketta.

Ota nyt ryhmän valintatyökalu ja napsauta kerran saaliin sisällä olevia viivoja. Tämä valitsee kaikki päällekkäiset polut kerralla. Napsauta Poista.

Vaihe 4

Puun syyn jäljittelemiseksi piirrä pitkä suorakulmio. Kun pidät painettuna Alt-näppäin, luo kopio vetämällä alas. Paina nyt Komento/Ctrl-D useita kertoja luodaksesi useita kopioita.

Vaihe 5

Valitse seuraavaksi kaikki rivit ja valitse Tehoste > Vääristää ja muunna > Muunna. Syötä noin 40 % pystyasteikolla ja valitse Satunnainen-valintaruutu.

Tulos näyttää alla olevan kuvan kalta. Siirry kohtaan Objekti > Laajenna ulkoasu.

Vaihe 6

Kaksoisnapsauta Warp-työkalua (Shift-R) päästäksesi asetusvalikkoon. Syötä parametrit alla olevan kuvan mukaisesti.

Piirrä nyt viivojen yli pari kertaa muuttaaksesi niitä, kuten alla olevassa kuvassa.

Vaihe 7

Valitse suppilotyökalu (Warp-työkalun alla). Voit muuttaa muotoa pitämällä Optio/Alt-näppäintä painettuna samalla kun vedät. Tee kapea soikea ja käännä sitä useissa kohdissa, kuten alla olevassa kuvassa.

Skaalaa kaikki "puukuidut" yhteen, jolloin esineiden kappaleesta tulee pienempi.

Voit toistaa "puu"-prosessin vielä kolme kertaa luodaksesi tekstuurin laudan neljälle sivulle tai käyttää yksinkertaisesti kolmea kopiota luodusta tekstuurista.

Vaihe 8

Tee kopio kehyksestä ja aseta se sivuun. Pura ryhmittely ja aseta sitten yksi segmentti puurakenteen päälle. Valitse sekä kehyselementti että pintakuvio ja napsauta sitten Objekti > Leikkaamaski > Tee. Tee tämä jokaiselle kehyselementille. Tuloksen pitäisi näyttää alla olevan kuvan kalta.

Toista tämä prosessi kehyksen kolmen muun puolen kanssa. Tältä neljä kehyselementtiä näyttävät yhdessä, katso alla.

Vaihe 9

Ota kopio kehyksestä ja täytä se puun vaalealla gradientilla alla olevan kuvan mukaisesti.

Aseta tekstuurikehys liukuvärikehyksen päälle. Kehysmme on valmis.

Vaihe 10

Piirrä suorakulmio, joka on hieman suurempi kuin kehyksen sisäpuoli. Täytä se sinivihreällä ja lähetä se kehyksen ulkopuolelle.

Vaihe 11

Napsauta Harjat-paneelin yläreunassa olevaa kuvaketta Uusi harja. Valitse Harjasharja ja anna sitten asetukset alla olevan kuvan mukaisesti.

Vaihe 12

Piirrä viivoja Z-muotoon kynätyökalulla. Valitse Harjassivellin Harjat-paneelista ja käytä sitä polussa. Voit halutessasi suurentaa viivan kokoa saadaksesi abstraktimman tekstuurin.

Vähennä linjojen peittävyyttä, kunnes se näyttää taululta, joka on pyyhitty monta kertaa.

Johtopäätös

Voit lisätä varjoja, mikä lisää äänenvoimakkuutta, ja tietysti voit kirjoittaa tekstisi taululle. Alla olevassa kuvassa fontti on Chalkduster - järjestelmän fontti MacOS:lle.

Tänään yritämme tehdä vihreän koulutaulun ja kirjoittaa siihen tekstiä liidulla. Kuten aina, kiitos oppitunnin ideasta Vectipsille, joka toteutti sen Illustratorissa. Herätin sen henkiin Photoshopilla. Tässä opetusohjelmassa on mielenkiintoisia asioita. yksinkertaisia ​​tekniikoita jotka tuottavat uskomattomia tuloksia. Tehdään ensin laudalla taikuutta, jolloin se näyttää hieman nuhjuiselta, kirjaimellisesti ja kuvaannollisesti. Sitten kirjoitamme tekstin ja käyttämällä Dissolve-sekoitustilaa saavutamme liidulla tehdyn kirjoituksen vaikutuksen. Sitten koristelemme kirjoitusta hieman.

Vaihe 1.
Luo Photoshopissa uusi asiakirja, täytä se värillä #365722. Tee tasosta välittömästi kopio ja sammuta se, se on hyödyllinen meille vaiheessa 4.

Vaihe 2.
Ota suuri pehmeä sivellin, jonka koko on 250 px, ja napsauta väriä #7a975f kankaan keskeltä luodaksesi tällaisen vaalean pisteen.

Vaihe 3.
Lisätään nyt vähän melua. "Suodatin" (Suodatin) > "Melu" (kohina) "Lisää kohinaa..." (Lisää kohinaa) arvoilla kuten alla olevassa kuvassa.

Vaihe 4.
Aseta etualan väriksi valkoinen, väri tausta— #365722. Käytetään nyt vaiheen 1 ylimääräistä kaksoiskerrosta. Kytke apukerros päälle ja lisää siihen "Suodatin" (Suodatin)> "Sketch" (Sketch)> "Linocut" (Stamp) alla olevan kuvan asetuksilla.

Vaihe 5.
Tämä on vaikutus.

Vaihe 6.
Valitse nyt valkoinen väri ja sammuta lisäkerros.

Vaihe 7
Täytä valinta uudella kerroksella valkoisella ja vaihda sekoitustilaksi " Pehmeä valo"(Pehmeä valo). Pienennä kerroksen peittävyyttä 10 prosenttiin.

Vaihe 8

Nyt valitaan sivellin. SISÄÄN standardi setti"Thick Heavy Brushes" Löysin sopivan siveltimen. Paina F5 ja valitse avautuvasta valintaikkunasta "Brush tip shape" -välilehti. Asetamme asetukset alla olevan kuvan mukaisesti.

Vaihe 9
Määritä "Kaksoissivellin"-välilehdellä seuraavat asetukset.

Vaihe 10
Määritä "Väridynamiikka" -välilehdellä seuraavat asetukset.

Vaihe 11
Nyt paneelin alla ylävalikko Aseta harjan Opacity arvoon 50 % ja paineeksi 20 %. Tee sen jälkeen muutama siveltimen vedot uudelle kerrokselle.

Vaihe 12
Muuta kerroksen sekoitustilaksi vedoilla "Soft Light". Pienennä kerroksen peittävyyttä 65 %:iin.

Vaihe 13
Nyt käytämme Book Antiqua -fonttia, koko 90 pikseliä, kirjoitamme sanan "DESIGN".

Vaihe 14
Rasteroidaan teksti. Vaihda kerrosten sekoitustilaksi "Dissolve (Fade)" (Dissolve). Vähennä kerroksen läpinäkyvyyttä 95 prosenttiin.

Vaihe 15
Kaksoisnapsauta tasoa ja avaa tasotyyli, "Stroke" -välilehti. Aseta seuraavat parametrit.

Vaihe 16
Sen pitäisi olla näin.

Vaihe 17
Napsauta tasoa oikealla painikkeella hiirellä ja valitse "Ryhmittele uudeksi älykkääksi objektiksi" (Muunna älykkääksi objektiksi). Ja sen jälkeen käytä tekstiä "Suodatin" (Suodatin)> "Blur" (Blur)> "Gaussian Blur..." (Gaussian Blur), jonka arvo on 0,3 pikseliä.

Vaihe 18
Nyt kirjoitamme vielä muutaman satunnaisen sanan ja saavutamme vaiheiden 14-17 avulla liidulla tehdyn kirjoituksen vaikutuksen.

Viimeinen
Nyt lisäämme koristeellisia yhden pikselin raitoja ja saavutamme vaiheiden 14-17 avulla niille alla olevan kuvan mukaisen vaikutuksen.

Liitu typografia on erittäin suosittu. Kaikki eivät kuitenkaan osaa käyttää liitua, eikä jokaisesta kodista löydy liitutaulua.

Tänään luomme kauniin typografian realistisella liituefektillä käyttämällä käytettävissä olevia työkaluja ja Adobe Photoshop/Kuvittaja. Ensin luomme itse konseptin Illustratorissa ja sitten käyttämällä mielenkiintoista tekniikkaa Tehdään työstä liitupiirros.

Tämän oppitunnin kohokohta on, että yhdistämme tietokoneella työskentelyn ja piirtämisen käsillämme. Tietysti kaikki on mahdollista tehdä graafiset editorit on kuitenkin epätodennäköistä, että on mahdollista saavuttaa niin realistinen vaikutus kuin oppitunnillamme.

Joten aloitetaan. Avaa Adobe Illustrator ja luo konsepti, jonka haluat muuttaa liitupiirrokseksi. Tässä vaiheessa hyödynnämme ohjelmistoa, jonka avulla voimme soveltaa ja kumota toimintoja, kun taas tosielämässä aivohalvauksia ei voida helposti poistaa. Kirjoita tekstisi ja valitse suosikkifonttisi.

Muunna teksti käyriksi pikanäppäimellä CMD/Ctrl+Shift+O, napsauta sitten hiiren kakkospainikkeella tekstiä ja valitse Pura ryhmittely jakaaksesi tekstin yksittäisiin kirjaimiin.

Piirrä valinta jokaisen sanan tai sanaryhmän päälle ja ryhmittele ne painamalla CMD/Ctrl+G.

Valitse ensimmäinen sanaryhmä ja valitse valikosta Tehoste > Vääristys ja muunnos > Vapaa vääristys. Nosta oikeaa alakulmaa pistettä korkeammalle vääristääksesi tekstiryhmää.

Itse asiassa tuollainen tekstin vääristely on yleensä ei-toivottua, eräänlaista design-faux pas:aa, mutta meidän tapauksessamme teos on käytännössä käsinkirjoitettu, joten meillä on siihen varaa. Pienennä tekstiä pystysuunnassa.

Otetaan seuraava ryhmä tekstistämme. Valitse se ja valitse valikosta Object > Transform > Shear/Object > Transform> Tilt. Määritä kulma, joka on sama kuin edellisen ryhmän viistekulma.

Piirrä ohut suorakulmio tekstin alle ja käytä siihen leikkausmuunnosta toistaen tekstin kulmaa. Kopioi suorakulmio ja kehystä toinen tekstiryhmä sillä. Piirrä kynätyökalulla kolmio täyttämään oikean yläkulman tyhjä tila.

Valitse kolmas tekstiryhmä ja valitse valikosta Tehoste > Käytä vapaata vääristymää, jos haluat käyttää tehostetta samoilla parametreilla, jotka valitsimme aiemmin.

Muuta tekstin väriä väliaikaisesti, jotta voit helpommin sovittaa kolmannen ryhmän ensimmäisen kokoon.

Avaa Ulkoasu-paletti ja napsauta Free Distort -tehostetta. Luo yhdensuuntainen suorakulmio siirtämällä vasenta yläpistettä. Siirrä sitten oikea alakohta takaisin alkuperäiseen asentoonsa.

Voit kopioida kaikki aiemmin piirtämäsi elementit ja kääntää niitä saadaksesi symmetrisen suunnittelun ja täyttääksesi tyhjät kohdat.

Skaalaa seuraava sanaryhmä vastaamaan mallimme leveyttä. Sijoita ryhmä siten, että sen ja edellisen tekstin välillä on sama etäisyys kuin muiden elementtien välillä.

Viimeistelemme konseptin viimeisellä sanalla, skaalataan ja linjataan muiden elementtien kanssa. Käytä kapeita suorakulmioita tehdäksesi suunnittelustasi mielenkiintoisempaa.

Piirrä työn ympärille suorakulmio. Älä täytä sitä ja anna 7 pisteen veto. Kopioi (CMD/Ctrl+C) suorakulmio ja liitä sitten kopio eteen (CMD/Ctrl+F). Pidä ALT painettuna ja pienennä kopiota. Vähennä iskun painoa 2 pisteeseen.

Valitse yksi eniten suuria sanoja, kopioi se (CMD/Ctrl+C) ja anna objektille ohut valkoinen viiva pyöristetyt kulmat ja kohdistus sisäänpäin.

Valitse valikosta Objekti > Laajenna ulkoasu, napsauta sitten hiiren kakkospainikkeella ryhmää ja valitse Pura ryhmä jakaaksesi ryhmän yksittäisiin merkkeihin.

Valitse kukin kirjain yksitellen ja paina Miinus Front -painiketta Pathfinder-paletissa. Tämän jälkeen sinun tulee jättää vain kirjainten sisäosat.

Ryhmittele jäljellä oleva teksti, muuta niiden viivan väri valkoiseksi ja liitä aiemmin kopioitu teksti taustalle painamalla CMD/Ctrl+B.

Piirrä pieni musta neliö jonnekin asiakirjaasi. Tee kopio painamalla CMD/Ctrl+C ja CMD/Ctrl+F ja pienennä sitten kopio puoleen alkuperäisen koosta (ota Smart Guides käyttöön saadaksesi kaiken oikein). Anna pienemmälle muodolle valkoinen täyttöväri, valitse molemmat objektit ja vedä ne Swatches-palettiin.

Käytä tätä kuviota sisempiin kirjekappaleisiin saadaksesi viileän vintage-tyylin.

Käytä tätä tekniikkaa muun tekstin muotoiluun, jos haluat, tee myös viimeistelyt viimeistelemään suunnittelun.

Valitse kaikki typografiset elementit, ryhmittele ne ja vähennä peittävyyttä noin 15 prosenttiin.

Tulosta työsi. Suunnittelun pitäisi olla tuskin näkyvissä paperilla heikentyneen opasiteetin vuoksi. Etsi nyt vanha hyvä kynä.

Aloita työn huolellinen hahmottelu pienillä vedoilla. Tämän vaiheen avulla voimme muuttaa elektronisen tehosteen vapaan käden tyyliksi.

Kun olet jäljittänyt kaiken työn, skannaa se. Taideteos näyttää samalta kuin Illustratorissa, mutta nyt se näyttää käsin piirretyltä epätarkkojen, ei-elektronisten vedosten vuoksi. Kuka tietää, että esitit sen? Emme kerro kenellekään)

Avaa skannattu työ Adobe Photoshopissa ja valitse valikosta Image > Adjustments > Invert. Tämän jälkeen valitse valikosta Image > Adjustments > Desaturate/Image > Correction > Desaturate poistaaksesi värin työstä.

Valitse valikosta Kuva > Säädöt > Tasot/Kuva > Korjaus > Tasot ja siirrä korostusliukusäädin histogrammin alkuun.

Tämä opetusohjelma opettaa sinulle, kuinka käytät sivellintä ja sen asetuksia liitutekstitehosteen luomiseen.

Oppitunnin materiaalit:

Avaa kuva taululla Photoshopissa ja käytä työkalua Kehys(Crop Tool) päästä eroon kulmista mustalla taustalla.

Mennään valikkoon Kuva - Korjaus - Tasot(Kuva -> Säädöt -> Tasot) ja aseta varjojen arvoksi 20 ja keskisävyiksi 0,88. Tämä tekee kuvasta tummemman.

Nyt mennään valikkoon Kuva - Säädöt - Sävy/kylläisyys(Image -> Adjustments -> Hue/Saturation) ja muuta värikylläisyysarvoksi 10. Tämä tekee väreistä eloisampia.

Kirjoita teksti Blokletters Potlood -kirjasimella 270 pt.

Opetusohjelmassa käytetään kirjaimia kahdelle tasolle osoittamaan useamman kuin yhden värin käyttöä, mutta voit kirjoittaa tekstisi yhdelle tasolle.

Avaa siveltimen asetuspaletti valikosta Ikkuna - Harja(Ikkuna -> Sivellin) ja muuta sitten asetuksia alla olevan kuvan mukaisesti:

Sivellin painatuksen muoto(Siveltimen kärjen muoto)

Valitse Chalk 44 -sivellin

Muodon dynamiikka(Muotodynamiikka)

Kaksoisharja(Kaksoissivellin)

Valitse Spatter 14 -harja

Tee tekstitasoista näkymättömiä napsauttamalla niiden vieressä olevaa silmäkuvaketta.

Napsauta hiiren kakkospainikkeella tekstitasoa ja valitse Luo työpolku(Luo työpolku).

Aktivoi työkalu Nuoli(Suoravalintatyökalu), aseta etualan väriksi valkoinen ja luo uusi kerros kaikkien kerrosten päälle ja anna sille nimi "liitu".

Napsauta työpolkua hiiren kakkospainikkeella ja valitse vaihtoehto Viivatkaa ääriviivoja(Aivohalvauspolku).

Valitse Veto-valintaikkunan avattavasta valikosta työkalu Harjata(Harjata). Varmista, että vaihtoehtoa ei ole valittu Simuloi painetta(Simuloi paine).

Ääriviivasi piirretään nyt liitusiveltimellä. Klikkaus Enter-näppäin päästä eroon ääriviivasta. Huomaa, että eri fonttikoot saattavat vaatia eri kokoja siveltimet

Piirretään toisen kerroksen jokainen kirjain kirjoituksella eri värillä. Voit tehdä tämän napsauttamalla hiiren kakkospainikkeella tekstitasoa ja valitsemalla Luo työpolku(Luo työpolku). Nyt työkalulla Nuoli(Suoravalintatyökalu), vedä ja valitse sanan ensimmäinen kirjain valitaksesi sen ankkuripisteet.

Aseta etualan väriksi haluamasi väri, muista, että vaaleammat värit näyttävät paremmilta. Veto kuten ennen kaikkia kirjaimia, mutta älä paina näppäintä ennen kuin olet kirjoittanut viimeisen kirjaimen. Tulla sisään.

Oppitunnilla käytetyt värit:

S - #f5989d
c - #fff799
h - #bd8cbf
o - #fdbd89
o - #79bcde
l - #82ca89

Värintoiston parantamiseksi viimeinen asia, jonka teemme, on lisätä säätökerros. Napsauta tasopaletin alareunassa olevaa säätökerroksen kuvaketta ja valitse säätö Gradientti kartta(Gradienttikartta).

Varmista, että säätötaso on kaikkien paletin tasojen päällä, ja vaihda sitten sen sekoitustilaksi Kertominen(Meristä) ja vähennä Peittävyys(opasiteetti) jopa 40 %.

Käytämme kahta väriä kaltevuudessa - vasemmalla #c3ae99 ja oikein #FFFFFF.

Ja tässä on tekstimme aiheesta koululautakunta valmis!

Ja alla olevaa versiota voidaan käyttää Facebook-sivut. Suurenna kuva, napsauta hiiren kakkospainikkeella ja tallenna kuva.
Oppitunnin kirjoittaja toivottaa menestystä kouluvuoteen.