Как да направите красиви линии във Photoshop. Начертайте абстрактни линии във Photoshop
Рос авг. Преводач: Сан Санич
Въведение
Исках да напиша този урок, защото повечето от моите уроци са насочени към средно напреднали или напреднали потребители на Photoshop, докато този е за начинаещи.
Краен резултат:
Етап 1.Създайте нов документ 1x20px с прозрачен фон, това ще бъде документът, върху който ще създадем нашия примерен шаблон. Да тръгваме Редактиране>Предпочитания>Направляващи, решетка и изрезки(Редактиране>Настройки>Направляващи, решетка и срезове) и задайте опциите на мрежата на 1px. Изберете инструмента Rectangle Tool и променете цвета на преден план на бял. Сега направете бял правоъгълник 1x2px в средата на документа, както е показано на изображението по-долу. Да тръгваме - Редактиране> Дефиниране модел(Редактиране>дефиниране на шаблон) и го запазете. Сега можете да затворите този документ.
Стъпка 2Създайте нов документ 1000x1000px с бял фон. Избор на инструмент градиенти отворете градиентния редактор. Използвайте тъмен градиент (използвах тъмно лилаво #2e001c) към черно. Използвайте радиален градиент и го плъзнете от центъра към ръба.
Стъпка 3Използвайте инструмента за текст, за да въведете нещо в средата на документа в бяло. Сега да тръгваме Прозорец>Символ(Прозорец>Символ), използвах настройките: шрифт - Times New Roman, размер 300pt с параметри за проследяване 100. Трябва да изглежда по същия начин, както е показано на изображението по-долу. Сега създайте нов слой, щракнете двукратно върху името му и го преименувайте на слой линии,след това натиснете Alt+Backspace, за да го запълните с цвета на преден план, цветът няма значение.
Натиснете Ctrl+щракнете върху миниатюрата на текстовия слой, за да заредите селекцията, след това щракнете върху бутона за добавяне на векторна маска. Сега скрийте слоя с текст, изберете слоя линии, и да тръгваме Филтър>Blur>GaussianBlur(Filter > Blur > Gaussian Blur) използвайте интензитет от 10px. Задайте запълването на този слой (запълване) на 0%.
Стъпка 4Избор на слой линиии заглавие Layer>LayerStyle> PatternOverlay(Слой>Стил на слоя>Наслояване на шаблон). Изберете шаблона, който създадохме по-рано и наслагване, както е показано на изображението по-долу.
Стъпка 5Сега можете да промените непрозрачността на този слой по ваш вкус, във всеки случай винаги можете да се върнете и да промените интензивността на тази настройка.
Стъпка 6Създайте друг текстов слой с надпис Изучаване на, както е показано на изображението по-долу, тук използвах още по-голям размер за проследяване, защото мисля, че главните букви на шрифта с засечки изглеждат по-добре, когато разстоянието между буквите се увеличи. Направете ги отново бели.
Стъпка 7Активиране на слоя Изучаване наи да тръгваме Слой>Стил на слоя>Опции за смесване(Слой>Стил на слоя>Опции за смесване) и добавете вътрешна сянка и външен блясък, както е показано на снимките по-долу.
Вътрешна сянка:
Външен блясък:
Стъпка 8Избор на слой линиии слой Изучаване наи натиснете Ctrl + G, слоевете ще бъдат обединени в група. По-нататък Layer>DuplicateGroup(Слоеве>Дублирана група).
Стъпка 9Ние разпределяме нова групаи да тръгваме Редактиране>Трансформиране>FlipVertical(Редактиране > Трансформиране > Обръщане вертикално). Натиснете V, за да изберете инструмента за преместване и да преместите нашето изображение, така че да получим ефект на отражение.
Стъпка 10Когато е избрана групата на отражателния слой, Layer>LayerMask>RevealAll(Нива>Маска на слоя>Покажи всички), изберете инструмента за градиент от черно към бяло и го плъзнете от долната част на изображението до върха. Трябва да се получи така:
Стъпка 11Създайте нов слой, натиснете D, за да зададете цветовете по подразбиране, след това отидете - Филтър>Рендер>Облаци(Филтър > Рендер > Облаци).
Стъпка 12Натиснете Ctrl+T, за да влезете в режим на безплатна трансформация, преместете облачното изображение надолу, както е показано на снимката по-долу и натиснете Enter. След това тръгваме Редактиране>Трансформиране>Перспектива(Редактиране>Трансформиране>Перспектива) и плъзнете долния маркер извън границите на изображението, за да дадете ефекта на изтриване. Тогава да тръгваме Филтър>Blur>GaussianBlur(Filter > Blur > Gaussian Blur) и задайте Radius на 10px.
Стъпка 13Променете непрозрачността на този слой на 10%.
Стъпка 14Създайте нов слой, изберете инструмента за четка и задайте твърдостта на 0%, направете няколко ярки цветни петна, както е показано на изображението по-долу.
Стъпка 16Сега всичко, което остава, е да промените режима на смесване за слоя на цвят(цвят). Също така се върнах и промених няколко настройки за непрозрачност. По-долу е моят краен резултат.
Photoshop: Ефект на преплитащи се ивици
В този урок за Photoshop ще научим как да създадем интересен ефект на преплитащи се ивици в снимка. Ще използваме няколко слоя и маски на слоя, както и маска за изрязване и стилове на слоя и ще включим мрежата на Photoshop, за да ни помогне.
Ето снимката, която ще използвам в урока:
И ето същата снимка в резултат на прилагането на урока:
Стъпка 1. Изрежете изображението в квадрат.
Първото нещо, което трябва да направите, е да изрежете изображението и да направите квадрат от него. Можете да оставите изображението и правоъгълно, тъй като ефектът не зависи от размера, но като правило този ефект изглежда по-добре на квадратно изображение. Ще използваме инструмента за изрязване, така че го изберете в палитрата на слоевете:
Освен това можете да извикате инструмента, като натиснете клавиша C. След това, с избран инструмент за изрязване, задръжте натиснат клавиша Shift и направете селекция около лицето. Клавишът Shift ограничава селекцията до квадрат:
Натиснете клавиша Enter, когато правите избор, и Photoshop ще изреже изображението в квадрат:
Стъпка 2 Дублирайте фоновия слой два пъти.
Следващото нещо, което трябва да направим, е да създадем множество копия на нашето изображение. Ако погледнете в палитрата на слоевете, можете да видите, че има само един слой Фон (Background), или по-скоро това, което изрязахме (Cropped). Трябва да дублирате този слой два пъти, за това трябва да използвате клавишната комбинация Ctrl + J, натиснете тази комбинация два пъти, за да получите две копия. Сега има три слоя в палитрата със слоеве. Щракнете двукратно върху името на слоя и преименувайте горния слой на Вертикални ленти (Вертикални ивици), а след това преименувайте долния слой на Хоризонтални ленти (Хоризонтални ивици):
Стъпка 3 Запълнете фоновия слой с черно.
Натиснете клавиша D на клавиатурата си, за да нулирате цветовете на преден план и фон. Щракнете върху фоновия слой в палитрата със слоеве и запълнете този слой с черно. Използвайте клавишната комбинация Alt + Backspace за това, тази команда ще запълни слоя с черно. Изглежда, че нищо не се е случило с изображението, но това е така, защото горните два слоя блокират фоновия слой. Но ако погледнете в палитрата на слоевете, можете да видите иконата на фоновия слой, изпълнена с черно:
Стъпка 4 Временно изключете видимостта на горния слой.
Първо ще създадем хоризонтални ивици, но слоят Vertical Stripes блокира нашия слой Horizontal Stripes, така че трябва временно да изключим видимостта на този слой. За да направите това, щракнете върху иконата Видимост на слоя в палитрата на слоевете (под формата на очна ябълка), слоят ще се изключи и иконата на очната ябълка ще изчезне, което показва, че слоят е скрит:
Стъпка 5 Включете мрежата на Photoshop.
Ще създадем хоризонтални и вертикални ивици, а Photoshop Grid ще ни помогне в това. Отидете в менюто View>Show>Grid (View-Show-Grid) или можете да използвате клавишната комбинация Ctrl + "за бързо активиране или деактивиране на мрежата. Когато се появи мрежата, тя може да не се вижда на вашето изображение. За променете цвета на мрежата, натиснете клавишната комбинация Ctrl+K, изскача диалогов прозорец Предпочитания на Photoshop, от горното падащо меню изберете Направляващи, решетка и срезове (линийки, решетка и части), тук можете да промените цвета на мрежата, щракнете върху Цветовата мостра в горния десен ъгъл, изберете Можете да видите, че в моята версия промених цвета на мрежата на жълт:
Щракнете върху OK, за да излезете от диалоговия прозорец Настройки. Сега можете да видите новия си цвят (в моя случай жълт) в горната част на изображението:
Стъпка 6 Изберете серия от хоризонтални ивици.
Нека създадем серия от хоризонтални ивици с помощта на инструмента за правоъгълна селекция, изберете този инструмент в палитрата на слоевете или го извикате с клавиша M:
Сега ще използваме мрежата, за да създадем хоризонтални ивици. Първо се уверете, че слоят Horizontal Stripes е избран в палитрата на слоевете. Ще създам хоризонталните ивици, които са два реда от мрежата. Искам да се уверя, че очите на жената са включени в този ефект, така че първо ще направя селекция около очите на жената. По подразбиране моят избор ще се придържа към мрежата, което ще направи избора много лесен. Ако не е така, отидете на Изглед на менюто> Прикачване към и поставете отметка в квадратчето до Решетка.
Ето моята селекция около очите с два реда решетка:
Тази селекция ще се превърне в една от нашите хоризонтални ивици. Нека създадем останалите селекции. Задръжте натиснат клавиша Shift и направете други хоризонтални селекции, като редувате два реда от мрежата след един. Като задържите клавиша Shift, добавяте нова селекция към останалите. Ето как трябва да изглежда вашето изображение след като направите селекциите:
Стъпка 7 Добавете маска на слоя.
След като направите хоризонтални селекции, добавете маска на слоя, като щракнете върху иконата на слой маска в долната част на палитрата със слоеве, за да добавите маска на слоя към слоя Horizontal Stripes:
Photoshop ще добави маска на слоя и ще използва селекции, за да определи кои части от изображението ще бъдат скрити. Когато са направени селекции, изображението ще остане видимо, докато неизбраните области са изчезнали и са запълнени с черно:
Стъпка 8 Върнете видимостта на слоя към слоя Vertical Stripes.
Ще направим същото, за да създадем вертикални ивици. Първо, включете отново видимостта на слоя Vertical Stripes и изберете този слой в палитрата със слоеве:
Стъпка 9 Изберете серия от вертикални ивици.
Точно както направихме при създаването на хоризонталните ивици, създайте серия от вертикални ивици. Нека направим селекция от ленти с ширина от две ленти от решетката, оставяйки един ред от решетката между тях. Използвайте инструмента за правоъгълна селекция за това и задръжте натиснат клавиша Shift, за да добавите селекции. Ето как трябва да изглежда изображението, след като изберете вертикалните ивици:
Стъпка 10 Добавете маска на слоя.
Добавете Layer Mask към слоя Vertical Stripes, като щракнете върху иконата Layer Mask в долната част на палитрата Layers:
Photoshop ще добави маска на слоя към слоя Vertical Stripes и ще използва нашата селекция, за да определи кои области от изображението ще останат видими и кои ще изчезнат. Избраните области ще останат видими, докато тези, които остават неизбрани, ще изчезнат и ще бъдат запълнени с черно:
Стъпка 11 Изберете всички пресечни точки на ивиците.
Вече имаме както хоризонтални, така и вертикални ивици, но това не изглежда като желания ефект. AT този моментимаме просто куп черни квадратчета. Трябва да създадем илюзията за преплетени ивици. За да направите това, трябва да изберете онези области, където вертикалните и хоризонталните зони се пресичат. Деактивирайте мрежата, ако все още не сте го направили, тъй като вече нямаме нужда от нея. След това задръжте клавиша Ctrl и щракнете върху иконата на маската на слоя с хоризонтални ивици в палитрата на слоевете:
Това ще зареди хоризонталните ивици обратно в изображението:
Това ще направи две неща. Първо: ще зареди вертикална селекция в изображението и второ: ще остави селекция само там, където вертикалните и хоризонталните ивици се пресичат, всичко останало ще остане неизбрано:
Стъпка 12 Запазете селекцията.
Стъпка 13. Отстранете ненужните селекции.
Да бъде върху слоя Хоризонтални ленти, c активен инструментПравоъгълна селекция, задръжте натиснат клавиш Alt и направете селекция около всяка квадратна селекция. Това ще премахне акцентите. Продължавайте да правите това, за да премахнете половината от оригиналните квадратни селекции. Вашето изображение сега трябва да изглежда така:
Стъпка 14 Копирайте селекцията в нов слой.
Щракнете върху слоя Horizontal Stripes в палитрата със слоеве, след това натиснете Ctrl+J, за да копирате избраните области в нов слой. Като цяло нищо не се случи на изображението. Но ако погледнете в палитрата Слоеве, ще видите, че има нов слой, Слой 1, с копирани квадратни области:
Стъпка 15 Създайте маска за изрязване.
С избрания нов слой отидете на Слой на менюто> Създаване на изрязваща маска (Layer-Apply Clipping Mask). Можете също да използвате клавишната комбинация Ctrl+Alt+G, Clipping Mask ще изреже долния слой. Няма да видим никаква разлика директно в изображението, но в палитрата на слоевете можете да видите, че новият слой вече е маската за изрязване на долния слой:
Стъпка 16 Презаредете запазения избор.
Нека върнем селекцията, която запазихме преди минута. Това е лесно да се направи с клавишната комбинация Ctrl+Alt+4:
Стъпка 17. Отстранете противоположните селекции.
С избран инструмент за правоъгълна селекция, задръжте натиснат клавиш Alt и направете селекция около други квадратни селекции, които не са били докосвани последния път, за да ги изтриете. Когато приключите, изображението ще изглежда така:
Стъпка 18 Копирайте селекцията в нов слой.
Щракнете върху слоя Vertical Stripes в палитрата със слоеве, за да го изберете, след това натиснете Ctrl+J, за да копирате селекцията в нов слой. Отново няма да забележим никакви промени в самото изображение, но в палитрата Layers, Photoshop ще създаде нов слой за нас, Layer 2, над слоя Vertical Stripes, който съдържа нашите копирани квадрати:
Стъпка 19 Създайте изрязваща маска.
Точно както направихме преди минута, отидете на Слой на менюто> Създаване на изрязваща маска (Layer-Apply Clipping Mask). Можете също да използвате клавишната комбинация Ctrl+Alt+G. В палитрата на слоевете можете да видите, че слой 2 вече е маската за изрязване за долния слой:
В този урок ще създадем малка лента с текст във Photoshop, която можете да позиционирате в горния десен ъгъл на вашата дизайнерска работа. Тези малки ивици изглеждат много модерни, включително Web2.0-y, особено в уеб дизайна! Това е доста прост ефект и в този урок ще добавим някои меки акценти, за да направим ефекта изпъкващ!
Етап 1
Както винаги, ще започнем този урок с приятен радиален градиент. Аз съм пристрастен към радиалните градиенти, така че и вие трябва! Използвам комбинация от красиви сини тонове. Градиентни цветове, които използвах:
Цвят 1 - #0e324f
Цвят 2 - #062033
Ефектът ще изглежда страхотно, ако добавите градиент на светъл тон към горния десен ъгъл, където ще позиционираме нашата малка текстова лента. Това е свързано с начина, по който ще добавяме светлина и сянка по-късно.
Стъпка 2
Тази стъпка не е задължителна, но ще добавя огромно 'M', така че да имам нещо за моята текстова лента, през която да премина. Когато текстовата лента взаимодейства с фона по този начин, ефектът става още по-красив.
Както и да е, добавих огромна бяла буква „M“ и след това промених режима на смесване за този слой с буквата на Overlap (Overlay) и намалих непрозрачността на слоя до 40%, така че комбинирахме буквата с радиален градиент, включително светлина и сянка.
Светлотените са наши приятели, те правят работата ни много по-красива. В реалния живот и в печатния дизайн, светлинният цвят се създава от светлина ( слънчева светлина, електрическа светлина и др.), но всичко изглежда по същия начин на екрана на монитора. Затова е много добре, когато добавите светлинен цвят, за да подправите композицията. Моля, имайте предвид, че това практически не работи в печат.
Стъпка 3
След това създайте нов слой. Начертайте дълъг светлосив правоъгълник. Правоъгълникът трябва да е с дълга форма, защото когато го завъртим, той трябва да е достатъчно дълъг. Добавете и текст. Написах „Направено с любов!“, използвайки забавния шрифт Gill Sans Ultra Bold. Имам склонност към удебелени шрифтове, защото изглеждат приятелски и закачливи.
Стъпка 4
След това избрах форма на сърце от стандартния комплект Photoshop фигури. Можете да направите това с инструмента за персонализирана форма (U). В настройките на този инструмент щракнете върху иконата със стрелка на падащото меню Форма, както е показано на екранната снимка по-долу. Ако менюто ви предлага малък избор от символи, след това можете да заредите още няколко комплекта от библиотеката, за да направите това, щракнете върху иконата на малка стрелка в горния десен ъгъл и в падащото меню изберете опцията Зареждане на форми.
Стъпка 5
И така, използвайки формата на сърцето, нарисувах малко червено сърце на нов слой. Тази комбинация от червено, бяло и синьо изглежда невероятно.
Един трик с цветови комбинации като тази има две свойства. Първо, трябва да имате основен цвят (в този случай син), след това трябва да използвате други цветове, за да подчертаете този основен цвят. Така че тук имаме много синьо, малко светло сиво и малко червено, което наистина се откроява.
Второто нещо, което трябва да запомните, е, че някои цветови комбинации се сблъскват като никой друг. Харесайте, ако сложите нашето червено върху синьото, ще бъде досадно. Ето защо тук използвах светлина сив цвяткато междинен цвят.
Стъпка 6
Сега, за да направя червения цвят наистина да се откроява, преместих се в слоя с формата на сърце и след това създадох нов слой върху слоя с формата на сърце. След това, използвайки още по-светъл нюанс на червено, нарисувах малък градиент в горния десен ъгъл. Така че ние добавихме радиален градиент към сърцето си и отново използваме светлинен цвят!
Добавих и лека замъглена сянка към текста „Направено с любов“, използвайки стила на слоя Drop Shadow. За да направите това, щракнете с десния бутон върху този слой и в прозореца, който се показва, изберете опцията Blending Options. След това изберете стила на слоя Shadow (Drop Shadow). Задайте Distance на 0 и също променете цвета на светло сив, така че сянката да не е твърде груба. Не добавяйте сянка по подразбиране, защото искаме буквите на текста да са част от лентата, а не да се задържат над нея.
Стъпка 7
След това искам да добавя граници към ивицата, за да направя това, задръжте клавиша (Ctrl), щракнете върху миниатюрата на слоя ивица, за да заредите активна селекция, създайте нов слой и след това запълнете този слой с тъмно сив нюанс . След това да отидем Избор – Модификация – Компресиране (Избор> Промяна> Договор). Задайте стойността на договора на избраната област на 2 px.
След това натиснете клавиша (изтриване), за да изтриете вътрешността на тъмносивото запълване, като запазите само ръбовете. (Обърнете внимание, че трябва да натиснете два пъти десния клавиш със стрелка и след това да натиснете клавиша (изтриване), след това трябва да натиснете два пъти лявата стрелка и след това да натиснете клавиша (изтриване), за да създадете левия и десния ръб.)
Стъпка 8
Добре, така че създадохме текстова лента, тя има ръбове, текст и хубаво червено сърце, което се откроява.
Ако завъртите текст и ръбове и други елементи, без да създавате обединен слой, тогава можете да получите странен ефект. Когато прилагате завъртане, Photoshop има тенденция да замъглява и мести обекти, така че е най-добре да сведете до минимум страничните ефекти, като обедините всички съставни елементи заедно. Разбира се, това означава, че трябва да сте сигурни, че вашата текстова лента е напълно завършена, преди да създадете обединения слой!
Смесването също има допълнителното предимство, което можем да използваме по-късно, за да избягваме и изгаряме и да регулираме светлината и сянката. Скоро ще разберете какво имам предвид...
Стъпка 9
И така, сега натиснете клавишите (Ctrl + T), за да трансформирате, докато държите клавиша (Shift), завъртете текстовата лента с 45 "градуса.
Стъпка 10
Сега преместете текстовата лента нагоре и надясно. Ефектът вече изглежда страхотно, но сега трябва да добавим някои сенки, включително други ефекти.
Така че, създайте нов слой върху всички слоеве и след това задайте цвета на преден план на светло сив. Задръжте натиснат клавиша (Ctrl), щракнете върху миниатюрата на слоя с текстова лента, за да заредите активната селекция. След това създайте светлосив до прозрачен градиент отгоре надолу и след това създайте втори градиент, само този път отдолу нагоре.
Резултатът трябва да бъде като екранната снимка по-долу - някои сиви тонове идват отгоре и някои сиви тонове идват отдолу.
Стъпка 11
Сега променете режима на смесване за новия слой на Multiplication (Умножение). Тъй като използвахме приятен, мек сив цвят, това помогна за създаването на хубава сянка. Ако сте използвали по-тъмно сиво, може да се наложи да смекчите ефекта, като намалите непрозрачността.
Стъпка 12
Сега се върнете към самия слой с текстова лента. Изберете Burn Tool (O), задайте голяма мека четка, с която ще работите.
Внимателно потъмнете долната и горната част на лентата. В настройките на инструмента Dimmer (Burn Tool), намалете стойността на експозицията (Exposure), използвах стойност от 20%. Това ще ви позволи да създадете фин ефект, без да прекалявате с ефекта.
Когато приключите с потъмняването на горната и долната част на лентата, можете, ако желаете, да задържите клавиша Alt и да рисувате леко и леко средната част. Задържането на клавиша Alt, докато инструментът за запис е активен, ще превключи инструмента към инструмента за избягване.
Инструменти Dimmer / Clarifier (Burn и Dodge) - това е като две противоположности един на друг. Dimmer потъмнява, Brightener осветява. Това са доста полезни инструменти, но опитайте се да ги използвате внимателно, в противен случай можете да развалите малко ефекта.
Стъпка 13
Така че нашата текстова лента изглежда страхотно, сега нека добавим сянка зад нея.
Създайте нов слой под слоя с текстова лента.
Задръжте натиснат клавиша (Ctrl), щракнете върху миниатюрата на слоя с текстова лента, за да заредите активната селекция. Запълнете избраната област със среден тон на сиво на нов слой.
След това премахнете отметката от активната селекция (Ctrl+D) и след това натиснете два пъти клавиша със стрелка надолу и два пъти клавиша със стрелка наляво, така че вашият нов слой да е позициониран под и вдясно от текстовата лента (както е показано на екранната снимка по-долу)
Това ще бъде нашият слой сянка.
Стъпка 14
Променете режима на смесване за слоя сянка на Умножение (Умножение) и след това отидете на Филтър – Размазване – Размазване по Гаус (Filter> Blur> Gaussian Blur). Задайте радиуса на размазване на около 3-4px. В резултат на това ще получим хубава сянка.
Стъпка 15
Сега искаме нашата текстова лента да изглежда така, сякаш е издута в средата. Това означава, че сянката ще стане по-малка в горната и долната част на лентата, тъй като краищата на текстовата лента ще бъдат по-близо до фона. Има ли смисъл?
По принцип, ако нещо се намира далеч от заден план, тогава сянката му ще бъде по-голяма, а ако е по-близо, тогава сянката ще бъде по-малка...
Във всеки случай изберете инструмента за изтриване (E), задайте голяма мека четка и след това леко отстранете сенките отгоре и отдолу, така че да са едва видими в двата края на текстовата лента.
Стъпка 16
На екранната снимка по-долу можете да видите крайния резултат:: красива лента с текст!
