nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


20 gratis en nuttige Photoshop-plug-ins die alle ontwerpers moeten hebben

Adobe Photoshop is een krachtig platform voor creatieven om hun werk op te frissen, maar soms ontbreken er veel functies die de productiviteit, workflow en het leven net zo veel gemakkelijker kunnen maken. Gelukkig voor ons ondersteunt Photoshop extensies of plug-ins die helpen hun mogelijkheden uit te breiden . En gelukkig voor jou, hebben we enkele van de beste, onmisbare Photoshop-plug-ins verzameld die beschikbaar zijn.

Met deze plug-ins kunt u tijd besparen, stappen afsnijden, saaie processen automatiseren en nog veel meer. Ze helpen u sneller en productiever te werken en zijn absolute must-haves in uw ontwerptoolkit.

  1. Lorem Ipsum Generator

    Het lorem ipsum commando komt uiteindelijk naar Photoshop CS6 maar houdt de vieringen vast, de gegenereerde tekst mist nog steeds variatie. Diegenen van jullie die variatie nodig hebben, proberen de "Lorem Ipsum Generator".

    Met deze plug-in kunt u opties aanpassen om woorden, zinnen of alinea's te genereren met een eenvoudige klik . De dienst wordt verzorgd door lipsum.com, dat al jaren door talloze ontwerpers wordt gebruikt. Het hoeft maar één keer te worden geïnstalleerd en kan vervolgens in meerdere Adobe-applicaties worden gebruikt.

    Compatibiliteit : Adobe Photoshop, Illustrator, InDesign en Dreamweaver CS5 - Downloaden

  2. Cel

    Hoe manipuleer je meerdere slimme objecten op Photoshop? Het zou geweldig zijn om een ​​manier te hebben om meerdere slimme objecten te maken of te breken met slechts één klik. Cell laat je dat doen. Het is een plug-in die meerdere geselecteerde lagen en groepen kan comprimeren tot meerdere slimme objecten plus de mogelijkheid om te decomprimeren, waardoor meerdere Smart Objects-naar-Laag-groepen in één klik worden verbroken .

    De actie Opslaan is ook erg handig: u kunt nu meerdere slimme objecten opslaan in een enkel PSD- of PNG-bestand . Dit is een slimme manier om meerdere Smart Objects rechtstreeks op te slaan als PNG-items!

    Download de cel

  3. Swatchy

    Swatchy is een eenvoudige en elegante swatches-manager voor Photoshop waarmee u kleurstalen in mappen kunt organiseren. De stalen kunnen worden gekozen als voorgrond- of achtergrondkleuren. Op deze manier kunt u uw kleurenschema's opslaan en eenvoudig openen en vooraf een voorbeeld van de kleuren bekijken die u vaak gebruikt .

    Stel dat u een app of website wilt ontwerpen, deze gratis plug-in kan u helpen bij het maken van alternatieve kleurenschema's door eenvoudig stalen te selecteren en deze in een aantal mappen te ordenen. Het is handig en een real-time saver.

    Compatibiliteit : Photoshop CC, CC2015 - Downloaden

  4. Interface Tools

    Navigeren door Photoshop om de benodigde hulpmiddelen te vinden, is vervelend . Het kost tijd om van tool naar tool te gaan . Centreerelementen zijn ook een probleem als u niet het juiste gereedschap gebruikt. Om al die ergernis weg te nemen, kunt u deze kleine gratis plug-in, Interface Tools, gebruiken. Deze plug-in plaatst alle benodigde tools en snelkoppelingen die toegankelijk zijn, allemaal op dezelfde plek.

    Het doet heel veel eenvoudige dingen heel goed. Schakel magnetisch uitlijnen in of uit, horizontaal of verticaal centreren, inkorten van een document of "opslaan voor web" met één klik. Het is een enorme tijdbesparing en wordt ten zeerste aanbevolen als de plug-in te hebben wanneer u al uw hulpmiddelen bij elkaar wilt hebben .

    Compatibiliteit : Photoshop CC - Downloaden

  5. Flaticon

    Hoe vaak moet u uw werkomgeving verlaten om naar het juiste pictogram te zoeken? Gebruik de FlatIcon-plug-in om snel de pictogrammen te vinden die u nodig hebt. Er zijn meer dan 40.000 pictogrammen beschikbaar en de database blijft altijd synchroon - geen handmatige update vereist. Deze gratis plug-in plaatst een nieuw paneel in Photoshop waarmee u naar pictogrammen kunt zoeken en deze direct in uw document kunt plaatsen.

    Omdat het vectorvormen zijn, kunt u het formaat wijzigen en bewerken zonder kwaliteitsverlies . Het hebben van een verzameling pijlen en typische webelementen is alleen al de installatie waard. U kunt de pictogrammen ook afzonderlijk downloaden vanaf de site.

    Compatibiliteit : Photoshop CC, CS5, CS6 - Downloaden

  6. Lagen Control2

    Layrs Control 2 is een verzameling van zeven scripts die het werken met lagen op Photoshop een stuk eenvoudiger maken. Het is een praktische oplossing voor laagbeheer en is vooral handig wanneer je werkt aan complexe ontwerpprojecten met veel lagen om mee om te gaan.

    Het biedt zeven hoofdfuncties, waaronder het hernoemen van lagen en mappen, het verwijderen van ongebruikte effecten om uw project te optimaliseren, het plat maken van alle lageneffecten, het weggooien van lege lagen en het rasteren van slimme objecten. Daarbovenop kun je ook lagen omzetten in individuele slimme objecten en bestanden en mappen met dezelfde naam vinden.

    Compatibiliteit : Photoshop CC, CC2014 - Downloaden

  7. Willekeurige gebruikersgenerator

    Bij het maken van een mockup-ontwerp verspillen we tijd aan het zoeken naar willekeurige foto's van mensen die in de mockup worden geplaatst. Een ander tijdrovend evenement is het creëren van een geloofwaardige gebruikersnaam . Als deze problemen u pesten, kunt u nu het gedoe met de Random User Generator Photoshop-plug-in overslaan die dit snel en gemakkelijk voor u doet.

    U kunt willekeurige mannelijke of vrouwelijke gebruikersfoto's slepen en neerzetten en voorbeeldnamen rechtstreeks in uw PSD's genereren. Klik en sleep vervolgens de profielfoto naar uw Photoshop-document of kopieer en plak de gewenste afbeelding en naam. Om met de stroom mee te gaan en een nieuwe willekeurige gebruiker te genereren, drukt u op de knop "Nieuwe willekeurige gebruiker".

    Compatibiliteit : Photoshop CS6, CC2014, CC2015 - Downloaden

  8. Snijd & plak me

    Cut & Slice Me is een plug-in die de benodigde items als PNG-bestanden zal exporteren, zullen alle transparante pixels worden bijgesneden . Het enige wat u hoeft te doen is @ toe te voegen aan het einde van uw laagnaam en het zal de rest doen. De plug-in organiseert en groepeert de lagen alsof het objecten zijn . Wanneer u wilt dat uw bestand in een vaste grootte wordt geëxporteerd, kunt u een rechthoekige vector als eerste laag maken en vervolgens het nummer # noemen.

    De laatste groep wordt geëxporteerd in de gewenste grootte. Dit werkt ook uitstekend met knoptoestanden. Als je hier problemen mee hebt, kijk dan in het gedeelte Veelgestelde vragen en geniet van het gevoel voor humor van de maker bij het beantwoorden van veelvoorkomende problemen die gebruikers tegenkomen met de plug-in.

    Compatibiliteit : Photoshop CS6, CC - Downloaden

  9. Guideguide

    De GuideGuide Photoshop-plug-in maakt het eenvoudig om pixel-accurate kolommen, rijen, middelpunten en basislijnen te hebben op basis van uw document of selectie. Hiermee kunt u vaak de gebruikte handleidingen opslaan die u mogelijk nodig hebt voor toekomstig gebruik. U kunt ook meerdere soorten metingen gebruiken.

    Met de plug-in kunt u precies meten hoe breed een navigatie-element moet zijn om gelijkmatig over de breedte van een site te passen, evenals baseline-rasters en elementpadding maken . Je kunt het gratis proberen of kopen voor Photoshop CC of nieuwer voor slechts $ 10.

    Compatibiliteit : Photoshop CS5, CS6 en CC - Downloaden

  10. Transformeer elk

    De opdracht "Elke transformatie" is een leuke functie van Illustrator die ontbreekt in Photoshop. Hiermee kunt u groepen lagen transformeren, omdat deze afzonderlijk zijn getransformeerd . Het voelt geweldig om wanneer je in staat bent om de grootte van meerdere elementen aan te passen , te roteren en te herpositioneren zonder dat je ze telkens opnieuw hoeft te verplaatsen.

    Het heeft ook de optie om stijlen te schalen en proporties te beperken . Onthoud dat u altijd de knop Voorbeeld moet gebruiken om naar het eindresultaat te kijken voordat u op de knop OK klikt.

    Compatibiliteit: Photoshop CS5, CS6, CC2014, CC2015 - Downloaden

  11. Long Shadow Generator 2

    Het creëren van het "Long Shadow-effect" lijkt gemakkelijk te doen, zelfs voor de Photoshop-gebruiker op beginnersniveau. Maar het zal een nachtmerrie zijn om te bewerken als je klant het eindresultaat niet leuk vindt. Om dit te voorkomen, probeer je deze Photoshop-extensie genaamd Long Shadow Generator 2.

    Zoals de naam al aangeeft, kan deze plug-in met één klik lange schaduwen maken. Met de paneelinstelling kunt u de schaduwlengte, schaduwdekking, afvlakking of verloopschaduw, zwarte of witte schaduw en schaduwhoeken aanpassen .

    Compatibiliteit: Photoshop CC, CC2014, CS6 - Downloaden

  12. idem dito

    Als u photoshop het gebruik van variabelen voor attributen zoals kleuren, tekst, lettergroottes en zichtbaarheid wilt toestaan, zou u Ditto moeten proberen. Het ondersteunt variabelen voor opvulkleuren, tekenreeksen inclusief speciale tekens, zichtbaarheid, lettergroottes, lettertypefamilie, letterkleuren, lijnhoogten, X-positie en Y-positie . Voor elke variabele moet u het type, de naam en de waarde opgeven.

    Voor degenen die de plug-in niet hebben, zien ze een groep in het lagenpaneel met de naam dittoVariables, maar worden er anders niet door beïnvloed. Een laag kan meerdere variabelen bevatten en ze bepalen helemaal niets over de naamgeving van lagen.

    Compatibiliteit: Photoshop CC2015 - Downloaden

  13. CSS3Ps

    CSS3Ps is een Photoshop-plug-in die lagen omzet in CSS3-stijl . U hoeft alleen maar lagen te selecteren en vervolgens op de knop CSS3Ps te klikken. De plug-in leidt u naar de CSS3Ps-webpagina waar de uitvoer wordt gegenereerd. CSS3Ps-plugin ondersteunt meerdere lagen, voorvoegsels van leveranciers voor compatibiliteit tussen browsers, SASS en SCSS .

    Het ondersteunt ook stijlen zoals randradius, verloopoverlay, schuine rand en reliëf, lijn, schaduw en gloed, satijn en meer. Het is de moeite waard om op te merken dat u de juiste Photoshop-effecten nodig heeft om de plug-in correct te kunnen converteren.

    Compatibiliteit: CS3 en hoger, CC, CC2014, CC2015 - Downloaden

  14. Breeezy

    Breeezy is een Photoshop-extensie die meerlaagse exportfunctionaliteit toevoegt aan Photoshop, waardoor je met één klik meerdere grafische elementen van je PSD kunt exporteren . Dit maakt het snel en gemakkelijk om grafische afbeeldingen voor te bereiden voor app-ontwikkeling, websites of flash-banners.

    Het biedt de mogelijkheid om de transparantie van een laag op te slaan bij het exporteren, laagnamen door te geven aan bestanden en alle geëxporteerde bestanden en items in één map te ordenen.

    Compatibiliteit: Photoshop CS5 en hoger - Downloaden

  15. Pixel2Vector

    Pixel2Vector is een zeer indrukwekkend hulpmiddel dat elke pixelafbeelding kan omzetten naar een volledig schaalbare vectorvorm met slechts één klik! De functie Vector Shape converteert elke gekozen laag of laaggroep naar een vectorvorm. Als het klaar is, kunt u de vector bewerken zoals elke andere vectorvorm, geschaald zonder verlies of eenvoudig opnieuw ingekleurd.

    Een andere functie is het aangepaste vormgereedschap, dat elke gekozen laag of laaggroep omzet in een hulpmiddel voor aangepaste vorm. U kunt de vorm vinden door het Aangepaste vormgereedschap onder aan het vormpalet te selecteren .

    Compatibiliteit: CS5, CS6, CC, CC2014 en Photoshop CS3 + (als actieset) - Downloaden

  16. Font Awesome

    Een andere krachtige pictogramzoeker, de plug-in Font Awesome, helpt u bij het zoeken en invoegen van een pictogram in Photoshop . Deze gratis plug-in voegt een nieuw paneel toe, waarmee we naar elk pictogram kunnen zoeken door het gewenste sleutelwoord in te typen.

    Zoek naar een pictogram en klik om een ​​nieuwe laagvorm te maken die u gemakkelijk kunt bewerken. Het is een echte tijdbesparing, ten zeerste aanbevolen als uw dagelijkse routine draait om het werken met pictogrammen.

    Compatibiliteit : Photoshop CC - Downloaden

  17. Renderly

    Render.ly zal schermen, middelen en gedetailleerde ontwerpspecificaties voor u exporteren. Alleen elementen die zijn gewijzigd, worden geëxporteerd. U hoeft alleen maar een goed voorvoegsel te gebruiken en Render.ly zal al het harde werk afhandelen. Met Render.ly kun je varianten toevoegen aan schermen, items beheren, gedetailleerde ontwerpspecificaties en ze uiteindelijk allemaal met één klik exporteren.

    Om uw pictogrammen als vectoren te behouden, voegt u het ico- voorvoegsel toe; een groep een naam geven met "btn"; maak een status door bijvoorbeeld ": hover" toe te voegen aan het einde van de naam binnen die groep; om afbeeldingen te exporteren, voeg "img" toe als prefix; de afbeelding wordt geëxporteerd als een rasterafbeelding.

    Compatibiliteit : Photoshop CC2014, CC2015 - Downloaden

  18. Griddify

    Dankzij Griddify kunnen we nu aangepaste rastersystemen, verticaal ritme en meer samenstellen met handleidingen in Photoshop. Griddify voegt een intuïtief paneel toe aan Photoshop dat drie eenvoudige maar uitgebreide opties bevat, Griddify, Divide en Wrap.

    Voer een pixelwaarde in en druk op "Griddify" en een gids zal worden toegevoegd met de intervallen die u hebt ingevoerd. Je kunt er mee spelen voor meer kolommen en dakgoten, of de oriëntatie wijzigen om een ​​basislijn te maken. De optie "Delen" is ideaal voor responsieve sites, waarbij het geselecteerde gebied wordt gesplitst in het aantal secties dat u wilt. Met de optie "Wrap" voegt u hulplijnen toe aan de randen van uw selectie .

    Compatibiliteit : Photoshop CS6, CC - Downloaden

  19. Paneel opslaan

    Save Panel is een bestandsbesparende Photoshop-plug-in waarmee u opslagopties kunt configureren met uw favoriete instellingen. U moet bijvoorbeeld een illustratie met verschillende formaten opslaan voor verschillende doeleinden. Met Save Panel kunt u de doelmap (absoluut of relatief), afbeeldingsafmetingen, bestandstype en bestandsnaam selecteren .

    Er is geen limiet aan het aantal knoppen dat u kunt maken en aanpassen met Save Panel. Om het in te stellen, slaat u eenvoudig de presets op die in het dialoogvenster met opties zijn gemaakt. Elke preset wordt dan weergegeven met een knop op het paneel, waardoor je snel toegang hebt tot je favoriete instellingen. Je kunt zelfs afbeeldingen delen met Photoshop met behulp van cloudopslagservices zoals Dropbox.

    Compatibiliteit : Photoshop CS5, CS6, CC, CC2014 - Downloaden

  20. UberColumn

    In Photoshop is het koninklijke pijn als je een website bespot om twee afzonderlijke tekstlagen in te stellen en uit te lijnen wanneer je meerdere kolommen tekst wilt. In dit geval is UberColumns een Photoshop-plug-in die kan helpen. Hiermee kunt u een enkel tekstblok op een laag converteren naar een opgegeven kolomlay-out en de gootbreedte aanpassen.

    Om deze plug-in te gebruiken, sleept u eenvoudig een tekstvak met behulp van het gereedschap Tekst en voert u uw tekst normaal in. Nadat u de tekst hebt gemaakt, opent u het deelvenster Kolommen vanuit Venster> Uitbreidingen> Kolommen . Stel het aantal kolommen en de rugmarge in en druk op OK . Uw tekst moet nu worden geconverteerd naar kolommen.

    Compatibiliteit : Photoshop CC, CC2014, CC2015 - Downloaden

Bonus: 2 extra plug-ins

Layer Craft

Met deze gratis plug-in kunt u eenvoudig geselecteerde lagen rechtstreeks naar iOS of Android exporteren, met de opties voor opschalen tot 200%, verkleinen tot 50%, dupliceren, bijsnijden en verwijderen van lege pixels voor PNG-bestanden. Met de CC2014-plug-in kunt u ook de uitvoermap instellen en uw livevormen omzetten in normale paden .

Compatibiliteit : Photoshop CC, CC2014, CC2015 - Downloaden

Componist

Wanneer u meerdere laagsamenstellingen hebt, kunnen dingen soms gemakkelijk door elkaar worden gehaald. Composer geeft u totale controle over het aanbrengen van wijzigingen, het wijzigen van posities en de zichtbaarheid van lagen in één keer. Selecteer gewoon de laagcompartimenten waarop u de wijzigingen wilt toepassen en kies vervolgens een van de vier opdrachten: Laagstijl bijwerken, Positie bijwerken, Zichtbaarheid bijwerken of Alles bijwerken.

Compatibiliteit : Photoshop CS5, CS6, CC - Downloaden

Showcase van prachtige websites met glitch-effecten

Showcase van prachtige websites met glitch-effecten

Afbeeldingen en video's met glitch zijn de laatste tijd een van de populairste trends in webdesign geworden. Slechts een paar regels code kunnen een interactief effect geven dat veel toevoegt aan de creativiteit van uw webontwerp en het leven een saaie gebruikersinterface kan geven.In deze post hebben we websites samengesteld die een artistiek vleugje slecht functionerende video's en afbeeldingen hebben gegeven om op verschillende manieren een glitcheffect te produceren

(Technische en ontwerptips)

Bouw kleurrijke websites met een plat thema met behulp van de CSS Mint UI-kit

Bouw kleurrijke websites met een plat thema met behulp van de CSS Mint UI-kit

Open-source frontend UI-kits zijn allemaal rage in de ontwikkelingsgemeenschap. Ze besparen tijd op alle aspecten van het leggen van rasters, het opmaken van pagina-elementen en het toevoegen van dynamische componenten zoals vervolgkeuzemenu's.Er zijn veel kits met een plat ontwerp, maar weinigen komen in de buurt van CSS Mint

(Technische en ontwerptips)