Guten Tag, liebe Leser. Heute habe ich beschlossen, Ihnen zu beweisen, dass es am besten ist, die Theorie in der Praxis zu studieren. Selbst wenn Sie ein Anfänger sind, können Sie in buchstäblich einer Stunde ein gutes Ergebnis erzielen, ohne etwas über Photoshop zu verstehen! Schauen Sie, dieses Bild ist ausschließlich dank Farbverläufen entstanden. Sie werden auf verschiedene Elemente und in vielfältigen Variationen angewendet.
Wenn Sie diesen Artikel bis zum Ende lesen, erfahren Sie nicht nur, wie Sie in Photoshop einen sanften Farbübergang erstellen, sondern wenden dieses Wissen auch in der Praxis in Bezug auf Text, Formen, das Erstellen wunderschön schimmernder Diamanten und vieles mehr an.
Dieses Bild habe ich bereits gemacht. Wenn Sie möchten, können Sie dann genau dasselbe selbst erstellen, vielleicht sogar noch besser, aber ich werde es Ihnen anhand eines anderen Beispiels beibringen. Welcher? Erfahren Sie es am Ende des Artikels. Ich werde mit Ihnen zeichnen und gleichzeitig den Prozess beschreiben; ich selbst weiß noch nicht, was mir gelingen wird. Dadurch kann ich erkennen, auf welche Probleme Sie möglicherweise stoßen, und bei deren Lösung helfen.
Grundkenntnisse und ein Geheimnis, um immer zu gewinnen
Zuerst müssen wir Photoshop öffnen. Ich empfehle Ihnen dringend, dieses Programm herunterzuladen ( Eine lizenzierte Version können Sie hier erwerben ). Sie werden nie etwas Besseres als sie finden. Wenn Sie befürchten, dass Sie es nicht beherrschen, Ihr Geld verschwenden und das Programm nach dem ersten Versuch völlig vergessen, können Sie es versuchen Online-Dienst https://editor.0lik.ru/ . Es ist viel bequemer, ein eigenes Programm zu haben, und Sie werden sehr bald verstehen, warum.
So sieht die Version 2015 von Photoshop aus. Wenn Sie eine andere Edition haben, machen Sie sich keine Sorgen. Alles wird ungefähr gleich sein. Sie haben etwas weniger Möglichkeiten und das ist der einzige Unterschied.
Wir schaffen neues Dokument.
Die Wahl einer Größe ist für mich eine der schwierigsten Fragen. Ich habe es als Grundlage genommen maximale Abmessungen Bilder zum Posten in soziale Netzwerke. 800x500, aber wie Sie verstehen, ist das nicht der Punkt. Es hängt alles von den Zielen und Aufgaben ab, die Sie wann erreichen werden Photoshop-Hilfe.
Schauen Sie, im rechten Bedienfeld befinden sich alle Hauptschaltflächen, einschließlich des Farbverlaufs. Allerdings kann es derzeit nicht gefunden werden. Wie so? Ich selbst bin auf dieses Problem gestoßen, als ich angefangen habe, den Umgang mit Photoshop zu erlernen. Sie lesen einen Artikel, müssen aber die Hälfte der Informationen in Drittquellen suchen. Google, Google, Google.
Möge mir der sehr kluge Leser, der alles perfekt weiß, kleine Abweichungen vom Thema verzeihen. Ich möchte, dass alle Blog-Besucher meinen Lektionen folgen können. Vielleicht wird das eines Tages sehr nützlich für Sie sein. Spart viel Zeit.
In der unteren rechten Ecke fast aller Schaltflächen, mit Ausnahme der Lupe, befindet sich so etwas wie ein Pfeil. Dies deutet darauf hin, dass in der Schaltfläche mehrere Tools versteckt sind.
Halten Sie einige Sekunden lang gedrückt linke Taste Klicken Sie mit der Maus auf die Schaltfläche, um ein zusätzliches Menü zu öffnen und den Farbverlauf auszuwählen.
Oben öffnet sich ein weiteres zusätzliches Menü. Es wird ausschließlich für Farbverläufe verwendet. Klicken Sie auf den Text – oben auf dem Pinsel öffnet sich ein spezielles Textmenü und ... nun, Sie haben die Idee.
Klicken Sie auf den Pfeil neben dem Farbsymbol. Hier werden Standardübergänge oder von Ihnen hochgeladene Übergänge gespeichert.
Wenn Sie sich nicht für ein Design-Genie halten, empfehle ich Ihnen, kostenlose Vorlagen aus dem Internet herunterzuladen. Es gibt viele davon. Erstens spart es Zeit, und zweitens werden in der Regel mehrere ähnliche Optionen zu einem in erstellten Theme zusammengefasst einheitlicher Stil. Dies lässt sich problemlos auf ein Bild anwenden und sieht fast immer gut aus.
Das Installieren neuer Vorlagen ist kein Problem. Laden Sie sie aus dem Internet herunter, wählen Sie dann die Nuss in der oberen rechten Ecke aus und suchen Sie den Link „Herunterladen ...“.
Wählen Sie den Ordner mit den heruntergeladenen Dateien auf Ihrem Computer aus und speichern Sie ihn.
Sie werden am Ende der Liste hinzugefügt.
Füllen
Jetzt lernen wir, wie man füllt. Wählen Sie eine beliebige Option aus (wir werden sie etwas später erstellen) und klicken Sie darauf. Halten Sie die linke Maustaste an einer beliebigen Stelle auf dem Bildschirm gedrückt und bewegen Sie sich in eine beliebige Richtung. Der Ort des Farbübergangs hängt davon ab.
Sehen Sie den Unterschied.
Sie können es überall drehen.
Um zu verhindern, dass sich die Bewegung Ihrer Linie verschiebt und der Verlauf unscharf wird, halten Sie die Umschalttaste gedrückt, während Sie die Richtung festlegen.
Sie sehen, der Farbübergang findet jetzt in der Mitte statt. Wir werden uns die Einstellungen genauer ansehen, während wir unseren eigenen Farbverlauf erstellen. Jetzt werde ich nur über die Verschiebung des Zentrums sprechen. Klicken Sie auf diese Platte.
Klicken Sie mit der linken Maustaste auf die Farbe unten und verschieben Sie sie nach links oder rechts.
Das ist es, was ich letztendlich herausgefunden habe.
So wenden Sie einen Farbverlauf auf Text an, um Buchstaben modern aussehen zu lassen
Jetzt lasst uns etwas schreiben. Wählen Sie die entsprechende Schaltfläche aus.
Wenn Sie die Größe oder die Schriftart selbst ändern müssen, achten Sie auf das Bedienfeld oben auf dem Bildschirm. Da ist alles einfach.
Drücken Sie nun Strg und klicken Sie gleichzeitig auf das Symbol der neuen Textebene. Seien Sie vorsichtig, Sie müssen nicht auf den Text, sondern auf das Rechteck klicken, wie im Screenshot unten gezeigt.
Jetzt lasst uns erstellen neue Ebene. Es gibt drei Möglichkeiten, das Problem zu lösen: gleichzeitig Umschalt, Strg, N gedrückt halten; Wir nutzen das Bedienfeld oben und finden dort „Ebene – Neu – Erstellen“; Verwenden Sie die Schaltfläche im Schnellmenü rechts. Im Bild unten habe ich es mit einem Pfeil dargestellt.
Um nun die Hervorhebung an den Rändern der Buchstaben zu entfernen, können Sie auf die Auswahl und dann auf einen beliebigen Teil des Bildes klicken. Das ist das Ergebnis.
Die Arbeit mit dem Text endet hier nicht. Schauen Sie, wir haben zwei Ebenen: eine mit einem Farbverlauf und die zweite mit Buchstaben. Warum ist es dort passiert? Ich werde es so gut wie möglich erklären. Schreiben Sie in die Kommentare, wenn es nicht klar ist. Sie haben den Text geschrieben. Photoshop erkannte, dass es sich dabei um Buchstaben handelte, und schlug sogar vor, sie zu vergrößern, zu verkleinern, die Schriftart zu ändern usw.
Dann haben Sie dieses Fragment ausgewählt. Wir haben, um eine Analogie zu verwenden, eine neue Ebene erstellt, eine Schablone aus Papier ausgeschnitten und diese ausgefüllt. Zu diesem Zeitpunkt war Photoshop verloren. Er hat Ihre Briefe nicht mehr gesehen. Für ihn ist es nur ein Teil eines Bildes, wie eine Raute, ein Quadrat oder ein Kreis mit ausgeschnittenem Mittelpunkt. Wenn Sie mit Buchstaben auf einer Ebene arbeiten, wird Ihnen das nicht gelingen; wenn Sie einen Farbverlauf auf den Text anwenden möchten, ist das Gleiche der Fall.
Wenn Sie nun den Text irgendwohin verschieben möchten und zum entsprechenden Abschnitt gehen und ihn dann mit dem Pfeil verschieben, dann verschiebt sich alles.
Wir entfernen die Textebene, um Verwirrung zu vermeiden. Klicken Sie mit der rechten Maustaste darauf und wählen Sie die gewünschte Option aus.
Arten von Farbverläufen, Formen füllen und Sterne erstellen
Wenn Sie auf das Verlaufsfeld oben geachtet haben, ist Ihnen vielleicht aufgefallen, dass es sie in verschiedenen Ausführungen gibt: linear, radial, eckig, gespiegelt oder rautenförmig. Es ist nicht schwer, die Unterschiede zu erkennen. Sie müssen die Artikel nicht lesen, sondern nur öffnen leeres Blatt und versuchen Sie, die eine oder andere Option zu verwenden. Schauen Sie, was passiert ist.
Das Einzige, was erwähnenswert ist, ist, dass der Pfeil von der Mitte aus gerichtet werden muss, wenn Sie das perfekte Ergebnis sehen möchten, wie in meinem Bild.
Kommen wir nun zurück zu unserem Bild. Lassen Sie mich Ihnen eine interessante Technik beibringen. Farbübergänge können innerhalb der von Ihnen gezeichneten Formen verwendet werden. Dies ist sehr nützlich, insbesondere für diejenigen, die planen, Websites zu erstellen.
Wählen Sie also ein Rechteck oder einen Kreis. Es spielt keine Rolle.
Jetzt die Füllfarbe.
Gehen wir zum Abschnitt „Verläufe“.
Wir brauchen hier eine Raute.
Sie sehen, es stellte sich heraus, dass es ein interessanter Effekt war, aber die weiße Farbe verdirbt alles. Brauchen Sie transparent. Kann in Vorlagen gefunden werden. Wenn Sie ein solches Gitter in der Vorlage sehen, dann ist es das, was wir brauchen.
Spielen Sie mit den Einstellungen und Sie erhalten Ihre ideale Option.
Jetzt klonen wir diesen Flash. Bewegung auswählen. Klicken Sie einfach auf den Button.
Halten Sie nun die Alt-Taste gedrückt und ziehen Sie das Duplikat zur Seite.
Dies ist das Ergebnis, das ich erhalten habe.
Erstellen Sie einen neuen Farbverlauf und Schaltflächen für Websites
Und zum Schluss erkläre ich Ihnen, wie Sie selbst Farbverläufe von Grund auf erstellen können, und wir werden gleichzeitig ihre Einstellungen verstehen. Lassen Sie uns einen schönen Knopf erstellen, ja? Ich füge meinem Bild ein Rechteck mit abgerundeten Kanten hinzu.
So sieht er aus. Dieses Mal werden wir nicht die innere Füllung verwenden. Es ist nicht sehr bequem, damit mit einer neuen Vorlage zu arbeiten. Lassen Sie es vorerst nur schwarz sein.
Wählen Sie ein bekanntes Werkzeug und klicken Sie auf den Würfel.
Neue Farbverläufe werden basierend auf alten erstellt. Klicken Sie auf eine beliebige. Alte Version wird nirgendwo verschwinden. Dann überlegen Sie sich einfach einen neuen Namen dafür und speichern Sie ihn.
Mithilfe der oberen Kontrollpunkte können Sie die Transparenzstufen steuern.
Die unteren werden zum Arbeiten mit Farbe verwendet. Um den Bereich zu erweitern, klicken Sie neben einen beliebigen Punkt und dieser wird dupliziert.
Sie können so viele erstellen, wie Sie möchten.
Damit der Übergang modern aussieht, müssen Sie die Farben glätten. Berühren Sie diese Anzeige nicht und alles wird gut. Es sollte 100 % sein. Bereit. Sie können auf „OK“ oder „Speichern“ klicken – alles hängt von Ihrem Wunsch ab.
Nun wiederholen wir, was wir schon vor Kurzem mit dem Text gemacht haben. Halten Sie die Strg-Taste gedrückt, klicken Sie in der Mitte auf die Schaltfläche des gewünschten Stils und erstellen Sie darauf basierend einen neuen.
Fügen Sie nun einen Übergang hinzu und voilà.
Fügen wir der Schaltfläche Text hinzu und fertig. Es ist nicht klar, warum das Notwendige fertig ist. Übrigens können Sie meine Quelle herunterladen, wenn Sie möchten ( Laden Sie die Quelle „gradient.psd“ herunter ). Sie können es in Photoshop öffnen und mein Bild verbessern. Ich denke, es wird nicht schwierig sein.
Nun, das ist alles. Jetzt wissen Sie ziemlich viel über Farbverläufe. Wenn Sie Designer, Layouter oder Website-Ersteller sind oder einer werden möchten und diese Lektion für Sie wirklich hilfreich war, abonnieren Sie den Newsletter und erfahren Sie mehr über das, was Sie interessiert. Sie können auch auf diese Seite achten: https://photoshop-master.org/disc149/ . Hier finden Sie eine Cloud sowohl kostenpflichtiger als auch kostenlose Kurse, der Ihnen die echte, professionelle Arbeit mit Photoshop beibringt.
Viel Glück und bis bald.
Wir freuen uns, Sie zu unserer nächsten Lektion zum Thema „Arbeiten in“ begrüßen zu dürfen Adobe Photoshop. In diesem Artikel geht es darum, wie man im Programm sanfte Übergänge an der Grenze zwischen Bildern/Farben erstellt. Dies ist eine sehr nützliche Fähigkeit, die Sie auf jeden Fall brauchen werden, also fangen wir an!
Einen sanften Übergang zwischen den Farben schaffen
Weil Photoshop ist professionelles Programm Bei der Bildverarbeitung kann das gleiche Ergebnis oft auf mehreren Wegen erzielt werden. Das Gleiche gilt für Übergänge.
Verwenden des Verlaufswerkzeugs
Sie kennen dieses Tool wahrscheinlich. Gehen Sie daher zur Symbolleiste links und wählen Sie aus "Gradient".
Sobald das Werkzeug ausgewählt ist, wird unterhalb des Hauptmenüs ein Bedienfeld mit Verlaufseinstellungen angezeigt, in dem Sie eine Verlaufsvorlage auswählen und nach Bedarf zusätzliche Parameter festlegen können.
Leider sind im Standardsatz an Farbverläufen nicht viele Vorlagen enthalten, sodass Sie die Suche verwenden und Ihre Sammlung erweitern oder Ihre eigene Version erstellen können.
Damit der Übergang exakt farblich und nicht transparent ist, müssen Sie auch die Einstellungen vornehmen Kontrollpunkt Deckkraft (siehe Screenshot unten):
Nachdem alles fertig ist, müssen Sie nur noch die Änderungen übernehmen, indem Sie auf „OK“ klicken und die Leinwand mit einem Farbverlauf füllen. Dazu erstellen wir einen ausgewählten Bereich, den wir füllen möchten, oder wenden einen Farbverlauf auf die gesamte Leinwand an. Klicken Sie einfach mit der linken Maustaste an der gewünschten Stelle und ziehen Sie so weit wie nötig.
Wichtig! Achten Sie darauf, welche Art der Füllung ausgewählt ist:
In unserem Fall „Linearer Gradient“.
Über Ebenenmaske
Diese Methode wird von erfahrenen Benutzern verwendet. Alle Aktionen werden über die Ebenenpalette ausgeführt. Fangen wir an:
Durch Selektionsfedern
Der Kern dieser Methode besteht darin, einen sanften Übergang am Rand des gefüllten Objekts/Bildes und des Hintergrunds zu erzeugen. Fangen wir an!
- Wir benötigen das Rechteck-Auswahlrechteck-Werkzeug.
- Jetzt müssen Sie eine Auswahl erstellen:
- Wenn die Auswahl fertig ist, verwenden Sie Hotkeys UMSCHALT+F6 Rufen Sie ein Fenster auf, in dem Sie einen Wert in das Element eingeben müssen „Federradius“.
- Anschließend müssen Sie die gebildete Auswahl ausfüllen. Dazu verwenden wir wieder Hotkeys UMSCHALT+F5 und wählen Sie die Füllfarbe aus.
- Nach dem Anwenden der Änderungen erhalten wir das folgende Ergebnis eines reibungslosen Übergangs:
- Es bleibt nur noch, die Auswahl mit zu entfernen STRG+D und fertig:
Wie Sie sehen, ist es kein Problem, in Photoshop sanfte Farbübergänge zu erzielen. Wir haben dafür gleich drei Möglichkeiten vorgestellt, von denen jede für eine bestimmte Situation geeignet ist.
Das ist alles! Wir sehen uns in unseren nächsten Lektionen!
Stimmen Sie zu, eines der ungewöhnlichsten Geschenke sind Collagen. Sie können den Innenraum dekorieren, Freunde zum Lachen bringen und geliebten Menschen eine Freude machen. Originalfotos bestellt man meist bei einem Fotostudio oder man versucht sie selbst am Computer aufzunehmen. Damit die Überlagerung eines Fotos mit einem anderen organisch aussieht, müssen Sie einige einfache Kombinationen erlernen. Das Wichtigste ist, dass es keinen Kontrast zwischen den Bildern gibt. Berücksichtigen Sie bei der Auswahl des Hintergrunds für eine Collage unbedingt die Farben und die Lichtrichtung beider Fotos sowie die Größe der Objekte und des Hauptobjekts. Um zu verstehen, wie Sie in Photoshop einen reibungslosen Übergang erzielen, lesen Sie einfach die in diesem Artikel beschriebene Vorgehensweise.
Über das Verfahren
Versuchen Sie, die folgende Abfolge von Aktionen zu üben.
Studieren Grafikeditoren ermöglicht es Ihnen, ungewöhnliche Werke zu erstellen, Bilder zu korrigieren, zu bearbeiten und mit jedem Fotomaterial erstaunliche Kompositionen zu erstellen!
Wir hoffen, dass Sie mit unserem Artikel die Aufgabe erfolgreich abschließen und auch wirklich Freude an diesem spannenden und kreativen Prozess haben werden.
Beim Erstellen einer Collage geht es nicht nur darum, mehrere Fotos zu einem zusammenzufügen. Die richtige Collage zeigt das Können des Autors und zeigt auch seine Fähigkeit, Fotos schön und kompetent so zu arrangieren, dass sie stilvoll und attraktiv aussehen. Eine gelungene und auffällige Collage ist eine Collage, bei der es keine erkennbaren Grenzen zwischen den Fotos gibt – stattdessen scheinen die Fotos ineinander zu fließen. Dieser Effekt kann durch einfache Vorgänge in Adobe Photoshop erzielt werden.
Sie werden brauchen
- - Adobe-Programm Photoshop
Anweisungen
Hallo liebe beginnende Webmaster. Wieder .
In diesem Artikel erkläre ich Ihnen, wie Sie den Übergang von dunklen zu helleren Farbtönen sowie von einer Farbe zur anderen gestalten.
Diese Aktion wird als Gradient bezeichnet und ist es im Wesentlichen auch Hintergrundbild, dann von der Hintergrundeigenschaft ausgeführt, die zwei Werte annimmt:
1. linearer Farbverlauf – Farbübergang von einer Kante oder Ecke zur anderen.
2. radialer Farbverlauf – Farbübergang von der Mitte zu den Rändern.
Es ist wie folgt geschrieben:
Hintergrund: -moz-linear-gradient (oben, #ff0000, #ffcfcf);
oben, #ff0000, #ffcfcf );
Im Folgenden werden wir anhand eines Beispiels jedes Element dieses Datensatzes im Detail untersuchen.
Leider gibt es bei Gradient immer noch Probleme mit der Darstellung in Browsern und der W3C-Spezifikation, sodass Werte immer noch vorangestellt werden müssen.
Am Anfang des Werts wird ein Präfix platziert, das mit einem Bindestrich beginnt.
Wir müssen eine solche Liste in die Elementauswahl einfügen und einen Farbverlauf dafür erstellen, damit Ihr sehr schöner Hintergrund in allen Browsern korrekt angezeigt wird. Schönheit erfordert Opfer.
Это самый простой, двухцветный градиент. Разберём подробно значения свойства background
В первой строке задаётся фон для браузеров не поддерживающих линейный градиент.
Следующие 5 строк — для отображения фона в разных браузерах. Сначала пишется значение градиента с префиксом в начале.
Затем, в круглых скобках:
top — направление от которого начинается первый цвет (может быть bottom , left , right )
#ff0000
— через запятую первый цвет; 
#ffcfcf — через запятую второй цвет;
У Safari, до 5-ой версии, и у Chrome до десятки был свой собственный синтаксис, заметно увеличивающий код. Наверное поэтому, градиент для этих версий, зачастую, не указывается, особенно при наличии большого количества цветов.
Можно сделать переход цвета не горизонтально, или вертикально, а из угла в угол. Для этого существуют следующие направления:
bottom right — от правого нижнего угла к левому верхнему;
bottom left — от левого нижнего к правому верхнему;
top right — от правого верхнего к левому нижнему;
top left — от левого верхнего к правому нижнему;
Можно сделать переход цвета от центра блока к краям. Тогда в значении вместо слова linear (линейный), ставиться radial (радиальный)
#gradient
{
background
: #ff0000
;
background
: -moz-radial-gradient
(center, ellipse cover, #ff0000, #ffcfcf
);
background
: -webkit-radial-gradient
(center, ellipse cover, #ff0000, #ffcfcf
);
center, ellipse cover, #ff0000, #ffcfcf
);
center, ellipse cover, #ff0000, #ffcfcf
);
width
: 600px
;
height
: 400px
;
border
: 1px solid #333
;
}
А теперь давайте сделаем, так сказать, что-то типа радуги. Для этого добавим в вышеприведённый код ещё пару цветов, и зададим в процентах объём каждого цвета (количество цветов не ограничивается)
Объём цвета задаётся от 0% до 100%, (первый — 0%, последний — 100%, остальные между ними в порядке следования). Рассмотрим этот вариант на радиальном градиенте. На линейном делается всё аналогично.
#gradient
{
background
: #ff0000
;
background
: -moz-radial-gradient
();
background
: -webkit-radial-gradien
t(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%
);
background
: -o-radial-gradient
(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf1005
);
background
: -ms-radial-gradient
(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%
);
width
: 600px
;
height
: 400px
;
border
: 1px solid #333
;
}
Принцип, я думаю, понятен. Так что строку для Safari до пятой версии, и Chrome до десятой, попробуйте написать самостоятельно.
Градиент задаётся любому блоку HTML (body, div, h1-6, p, ul, ol), и как глобальным, так и встроенным стилем (это для сайта на WordPress).
Теперь несколько слов о том, как и где подбирать цвета. Есть сервисы по созданию градиентов, предлагающие и цвет, и процент объёма, и код градиента, но выбор у них ограничен предложением.
Поэтому я пользуюсь инструментом colorscheme.ru , в котором можно подобрать цвет в неограниченном диапазоне, и оптимально подобранных последовательностях и сочетаниях.
В верхнем ряду панели выбирается количество сочетаемых цветов. Пройдя по «Угол 30°» меняется диапазон выбора.
В «Регулировка схемы», тон делается темнее или светлее. В «Список цветов», все цвета, присутствующие на схеме, располагаются по насыщенности, и с кодом в подписи.
В общем неограниченные возможности по подбору цветовой гаммы для создания градиента.
Желаю творческих успехов.
— Рабинович! У вас есть разменять сто долларов?
— Нет, но спасибо за комплимент!
Две одесситки:
— Роза, как тебе нравится моё новое платье?
— Извини, Сара, я спешу, мне сейчас не до скандалов!