Как да рисувам диаграми с Photoshop?

...

Използвайте инструмента Rectangular Marquee Tool, за да добавите прави, квадратни линии.

Кредит на изображението: Изображението е предоставено от Adobe.

Независимо дали трябва да нарисувате организационна диаграма, инфографика или блок-схема, Adobe Photoshop CC има всичко необходимо. Добавете свои собствени изображения към диаграма или използвайте някоя от вече предоставените форми, за да създадете визуални представяния за вашата аудитория. Започнете първо с обектите и етикетите. След като ги поставите на място, добавете стрелки или линии, за да ги свържете.

Изчертаване на основна диаграма

Етап 1

...

Нов прозорец на Photoshop с предварително зададена хартия за САЩ.

Кредит на изображението: Изображението е предоставено от Adobe.

Стартирайте Photoshop и изберете подходящ размер за вашата диаграма. Ако го печатате, изберете "U.S. Paper" от менюто Предварителни настройки. Ако искате пейзажно платно вместо портретно, просто превключете стойностите „8.5“ и „11“ в полетата Височина и Ширина, преди да щракнете върху „OK“.

Видео на деня

Стъпка 2

...

Правоъгълник, начертан с инструмента за заоблен правоъгълник.

Кредит на изображението: Изображението е предоставено от Adobe.

Изберете фигура от кутията с инструменти, която да служи като фон за етикетите на диаграмата ви, като инструмента за правоъгълник, инструмента за заоблен правоъгълник или инструмента за елипса. Ако не виждате формата, която искате, щракнете и задръжте формата, която се вижда, за да разкриете останалите в падащо меню. Плъзнете курсора върху платното, за да нарисувате фигурата, след което използвайте менютата в лентата с опции, за да зададете цвят на запълване, цвят на линията и тегло на линията.

Стъпка 3

...

Правоъгълник с вътрешен скос и падаща сянка.

Кредит на изображението: Изображението е предоставено от Adobe.

Изберете "Стилове на слоя" от менюто на слоя и изберете един или повече стилове, които да приложите към вашата форма. Добавете стил на падаща сянка, за да накарате фигурата да изглежда плаваща на екрана. За да добавите скосяване около границата на фигурата, изберете "Bevel & Emboss" и изберете "Inner Bevel" от менюто Style.

Стъпка 4

...

Външен скос, приложен към текст.

Кредит на изображението: Изображението е предоставено от Adobe.

Изберете "Text Tool" от кутията с инструменти и след това щракнете върху фигурата, която сте нарисували. Текстовото поле автоматично се вписва в размера на вашата фигура. Въведете текста си за етикета, след това го маркирайте и коригирайте шрифта, размера и цвета на шрифта по желание, като използвате опциите в лентата с опции.

Стъпка 5

...

Групирайте слоеве, за да ги премествате и копирате бързо.

Кредит на изображението: Изображението е предоставено от Adobe.

Групирайте текстовото поле и фоновата форма заедно, за да ги улесните за преместване. Изберете слоя Text и слоя Shape в панела Layers, като щракнете върху тях с Ctrl и след това изберете "Group Layers" от менюто Layers. За да преместите двата слоя заедно, изберете папката. Плъзгането на папката върху иконата "Нов слой" в долната част на панела със слоеве копира текста и формата на фона. За да редактирате всеки слой поотделно, отворете папката и изберете подходящия слой.

Стъпка 6

...

Меню "Фигури" на Photoshop.

Кредит на изображението: Изображението е предоставено от Adobe.

Щракнете върху „Инструмента за персонализирана форма“ в кутията с инструменти, след което щракнете върху менюто „Форми“ от дясната страна на лентата с опции. Менюто Shapes включва няколко различни стрелки, говорни балончета и други форми, които можете да използвате за вашата диаграма. Щракнете върху стрелка и след това плъзнете курсора върху платното, за да го нарисувате. След като е нарисуван, можете да го форматирате и да приложите стилове на слоя към него, точно както бихте направили всяка друга форма.

Стъпка 7

...

Стрелка между два правоъгълника.

Кредит на изображението: Изображението е предоставено от Adobe.

Изберете „Безплатна трансформация“ от менюто „Редактиране“, за да преоразмерите или завъртите стрелката според нуждите. Задържането на клавиша "Shift", докато плъзгате ъгъла на стрелката, ще ограничи съотношението на страните. За да завъртите фигурата, задръжте курсора извън ъгъла, докато курсорът се превърне в извита стрелка и след това го плъзнете.

Стъпка 8

...

Фонов правоъгълник със скосен ръб и приложена текстура.

Кредит на изображението: Изображението е предоставено от Adobe.

Добавете фонова форма към вашата диаграма, ако желаете. За да направите фона визуално интересен, опитайте да добавите вътрешен скос към него и след това изберете опцията "Текстура" в лявото меню на прозореца Layer Style, под "Bevel & Emboss".

Рисуване на линии в диаграма

Етап 1

...

Водачите за подравняване се появяват, когато преместите обект.

Кредит на изображението: Изображението е предоставено от Adobe.

Добавете етикети, снимки, форми или всякакви други обекти, от които се нуждаете за вашата диаграма. Поставете ги в позицията, която искате. Обърнете внимание, че Photoshop показва ръководства за подравняване, когато премествате обекти, което улеснява равномерното им разстояние.

Стъпка 2

...

Опцията Stroke под менюто Редактиране.

Кредит на изображението: Изображението е предоставено от Adobe.

Добавете нов слой към платното, като щракнете върху бутона "Нов слой" в долната част на панела със слоеве. Изберете "Rectangular Marquee Tool" в кутията с инструменти, за да добавите прави, квадратни линии към диаграмата. Плъзнете инструмента през платното, след което изберете "Stroke" от менюто Редактиране.

Стъпка 3

...

Прилагане на щрих върху инструмента Rectangular Marquee Tool.

Кредит на изображението: Изображението е предоставено от Adobe.

Въведете ширина в пиксели за дебелината на линията в прозореца Stroke. Щракнете върху иконата "Цвят" и изберете цвят за линията, след което щракнете върху "OK", за да затворите всеки прозорец. Инструментът за маркировка вече е правоъгълник.

Стъпка 4

...

Обекти, свързани с прави, квадратни линии.

Кредит на изображението: Изображението е предоставено от Adobe.

Изберете "Eraser Tool", за да изтриете частите от правоъгълника, от които не се нуждаете. Повторете този процес с инструмента Rectangular Marquee Tool, за да нарисувате толкова линии, колкото са ви необходими.

Стъпка 5

...

Схема на сграда с пожарни изходи.

Кредит на изображението: Изображението е предоставено от Adobe.

Комбинирайте правоъгълници и овали в една форма, като задържите клавиша "Shift", когато рисувате с някой от инструментите за маркировка. Всеки път, когато добавяте нова форма, тя автоматично се комбинира с вече наличните, така че можете да нарисувате етажни планове, кръстовища на улици или всякакви други форми, които може да са ви необходими в диаграма.