10 helppoa vinkkiä omien viileiden kuvakkeiden luomiseen Photoshopilla

Mainos

Online-tilassa on valtava määrä ilmaisia ​​kuvakesarjoja, mutta jos haluat liikkua puhtaasti erityisen käytön lisäksi, niihin liittyy myös joukko ongelmia. Lisenssit ja brändäyksen puute ovat vain kaksi niistä.

Vaikka et ole ohjelmistokehittäjä, omien kuvakkeiden luominen on erittäin hyödyllinen taito. Voit antaa tietokoneellesi ainutlaatuisen ihon tai tarjota palveluitasi yhteisölle ja yritysmaailmalle.

Tämä ei suinkaan ole täydellinen kuvakkeiden suunnittelun opas. Olemme vasta aloittamassa alkeellisia perusteita - tekniset tiedot, suunnittelun tarkistuslista ja kuvakkeiden suunnittelun työkalusarja.

Kuvake Tekniset tiedot

Alla on joitain kuvakemuotoon liittyviä eritelmiä, joista tärkeintä on kuvan tarkkuudet ja tiedostomuodot.

Koko

Kokon merkityksestä keskustellaan tarkemmin alla. Toistaiseksi pidämme kiinni teknisistä näkökohdista.

Kuvakkeet ovat aina neliömäisiä. Tämä tarkoittaa, että suorakulmainen kuvake joko venytetään tai kokoa pienennetään siten, että koko kangas täytetään tai mahtuu siihen. Joka tapauksessa erittäin suorakulmaiset kuvakkeet erottuvat huonolla tavalla. Seuraavat kuvakekoot ovat yleisimpiä käytössä:

• • • 16 x 16 px * **
    • 24 x 24 kuvapistettä
    • 32 x 32 px * **
    • 48 x 48 px * **
    • 64 x 64 kuvapistettä
    • 96 x 96 kuvapistettä
    • 128 x 128 kuvapistettä **
    • 256 x 256 px **
    • 512 x 512 px **

Windows XP suosittelee 16 x 16, 32 x 32 tai 48 x 48 tarkkuuden käyttöä *. Jos yhtään ei ole saatavana, sen koko muuttuu lähimmällä resoluutiolla olevan kuvakkeen kokoon (enintään 256 x 256). Kun työpöytätarkkuudet nousevat yhä korkeammiksi, on suositeltavaa sisällyttää aina suurempia tarkkuuksia. Apple ICNS -muoto tukee kokoa 16 x 16, 32 x 32, 48 x 48, 128 x 128, 256 x 256 ja jopa 512 x 512 **.

Tiedosto muoto

Windowsissa kuvakkeiden jakeluun yleisimmin käytetty tiedostomuoto on ICO. Mac-vastine on ICNS (Apple-kuvakoko).

Kuvakkeiden suunnittelun tarkistuslista

Ei ole yhtä opastusta, joka suunnittelee täydellisen kuvakkeen kerta toisensa jälkeen. Eri teemat ja mallit vaativat erilaisia ​​lähestymistapoja, ja ”nykyinen trendi” on jatkuvassa muutostilassa. Alla on kolme pääkuvaketta luomista, jotka ovat osoittautuneet toistuvasti uudestaan. Jos olet uusi suunnittelijakuvakkeita, muista pitää kuvakkeiden tarkistuslista aina mielessä.

päivänselvä

Ennen kaikkea kuvakkeiden on oltava erehtymättömiä. Suhteen hakemukseen on oltava selvä kaikille ajan, kulttuurin ja ikäeron välillä. Torju kiusausta luoda näyttäviä kuvakkeita, joilla ei ole merkitystä, ja tartu yksinkertaiseen, vankkaan ja selkeään muotoiluun.

Älä näe tätä esteenä luovuudellesi; kuvakkeet voivat olla kauniita ja ajatuksia herättäviä, mutta niiden ei pitäisi olla avoimia tulkinnalle (lue: arvailu käyttäjän lopussa).

tasaisuus

Jos suunnittelet kuvakesarjaa, pidä malli yhtenäinen.

Varmista, että sinulla on yhteinen säie, joka yhdistää nämä kuvakkeet ja näyttää synergian käyttäjille. kokonaisuuden on oltava suurempi kuin osien summa.

Koko

Kuvakkeet luodaan aina monikokoisina. Tämä vaikuttaa suunnitteluun useammalla kuin yhdellä tavalla.

Ensinnäkin kuvakkeiden on oltava hyvältä ja tunnistettavissa koosta riippumatta. Poista kontrasti sivujen ympäriltä, ​​jotta vältetään rosoiset reunat ja saat tärkeät yksityiskohdat erottumaan tarpeeksi pitämään tarkennuksen kuvakkeen pienimmässä toteutuksessa.

Teknisellä tasolla kuvakkeet suunnitellaan parhaiten käyttämällä vektoreita, kuvia, jotka koostuvat loputtomasti skaalattavista muodoista pikseleiden asetelman sijasta. Siitä huolimatta, jos resoluutio on riittävän korkea, bittikartat toimivat samoin.

Kuvakkeiden suunnittelutyökalu

Photoshop on loistava sovellus kuvakkeiden suunnitteluun. Sinulla on (melkein) kaikki työkalut, joita tarvitset vektorigrafiikan luomiseen tai bittikarttojen käsittelemiseen ja monimutkaisten tehosteiden ja varjostusten käyttämiseen. Tärkeintä ovat seuraavat työkalut:

Kynä työkalu

Kynä-työkalun avulla voit luoda skaalattavan vektorigrafiikan. Voit piirtää muodon luomalla solmuja ja säädä viivan käyrää vetämällä. Sitä on vaikeampaa käyttää kuin näyttää, mutta luultavasti paras valintaväline. Kirjoitimme aikaisemmin kynätyökalusta, luimme Photoshop Pathing: Kuinka käyttää Photoshop Pen -työkalua Kuinka käyttää Photoshop Pen -työkalua Lue lisää .

ICO-tiedostomuodon laajennus

Tämä Photoshop-laajennus lisää ICO-tiedostomuodon vientiasetuksiin. Asennustapa riippuu käyttöjärjestelmästäsi ja Photoshop-versiosta, joten muista tarkistaa verkkosivusto.

Apple-ikoni-säveltäjä

Valitettavasti Applen ICNS-tiedostomuodossa ei ole sellaista työkalua. Tämä ilmainen työkalu hoitaa sen sijaan ongelman. Sen mukana tulee Apple Xcode -paketti, jonka voit ladata (tylsän) kirjautumisprosessin jälkeen. Tai voit Google ladata.

Hongkiat: yli 40 käsin poimittua kuvakkeen suunnittelu Photoshop-oppaita

Suunnittelublogi Hongkiat.com on koonnut luettelon yli 40 erilaisesta Photoshop-kuvakesuunnitteluohjelmasta. Tämä luettelo kattaa kaikenlaiset kuvakkeet ja useat vaikeusasteet. Selaa luetteloa inspiraation löytämiseksi ja ekstrapoloi tekniikat, joita käytetään omien malliesi toteuttamiseen.

Kerrostyylit

Photoshopin sisäänrakennetut tasotyyli ovat hieno tapa antaa viimeinen kosketus kuvakkeihisi. Avaa tasotyyli-ikkuna kaksoisnapsauttamalla tasoa tai napsauttamalla sitä hiiren kakkospainikkeella tason yleiskatsauksessa. Käytä 1x harmaata iskua 40-50%: n opasiteetin avulla kuvakkeen reunoissa ja aseta varjot 110 °: seen parhaiden tulosten saavuttamiseksi. Yritä olla käyttämättä varjoja noin -kuvaketta, koska useimmat käyttöjärjestelmät jo tekevät tämän.

Onko sinulla muita alkeellisia vinkkejä kuvakkeiden suunnitteluun? Kerro meille mielipiteesi alla olevasta kommenttiosasta!