про салон
художня зйомка
рекламна зйомка
репортажна зйомка
зйомка iнтер'єрiв
весiльна зйомка
вiдеозйомка
наше портфолiо
контакти
уроки photoshop
робота з текстом
робота з фото
графіка для сайту
робота з ефектами
магія фотошопу

Кориснi статтi:

Малюємо сайт "Портфоліо дизайнера"


У цьому уроці фотошоп малюємо сайт "Портфоліо дизайнера".

Створіть новий файл, розміром 766*699 px і 72 dpi.

Інструментом Rectangle Tool (U), робимо виділення, як на малюнку:


Застосовуємо наступні параметри: (Blending Options>Gradient Overlay)




Створіть новий документ 4*4 px і 72 dpi. Виберіть інструмент Олівець, основний цвіт - білий. Створюємо зображення, як на малюнку, після чого Edit>Define Pattern.



Угорі сторінки, малюємо інструментом - Rectangle Tool (U), смугу:



Параметри шару: Fill 0%, Blending Options-Pattern Overlay:



Вище намальованої смуги, інструментом - Rectangle Tool (U), малюємо смугу й закрашиваем цвітом - #BBDD03:



Створюємо копію смуги (білі крапки), використовуючи - Free Transform переверніть копію смуги в підставу тла:


Створіть новий документ 4*4 px і 72 dpi. Виберіть інструмент Олівець, основний цвіт - #729C06. Створюємо зображення, як на малюнку, після чого Edit>Define Pattern.



Нижче намальованої смуги, інструментом - Rectangle Tool (U), малюємо смугу:



Fill 0%, Blending Options-Pattern Overlay:



Інструментом Pen Tool (P), малюємо прикраси тла, цвіт - #AAD500:


Інший малюнок, цвіт - #AAD700


Цвіт - #AECD01



Створіть новий документ 4*4 px і 72 dpi. Виберіть інструмент Олівець, основний цвіт - #E3E3E3. Створюємо зображення, як на малюнку, після чого Edit>Define Pattern.


Інструментом Rounded Rectangle Tool (U), малюємо:



Blending Options>Drop Shadow


Blending Options>Pattern Overlay



Зробіть дві копії останнього зробленого шару й копіюйте їх, як показано на малюнку:


Вставте картинки:


Rounded Rectangle Tool (U), цвіт - #EBEBEB, настроювання:



Копіюємо останній шар, вільна трансформація, зменшуємо розмір, цвіт - #49BD14


Blending Options>Stroke



Інструментом - Rectangle Tool (U) робимо виділення, як на малюнку:


Затисши Alt натискаємо мишкою між двома останніми шарами. Fill 50%.



Для заключного результату, ми поєднуємо шари з іконками, і копіюємо їхній 2 рази. Після чого переміщаємо іконки на 2 оставшиеся картинці, після чого міняємо їхнього цвіту. Перша копія - #ED9300; друга копія - #5EA9D1. Blending Options>Stroke, як показано вище.


Пишемо номера в іконки, після чого Free Transform, повертаємо їх:



Blending Options>Drop Shadow



Напишіть назву сайту:



Blending Options>Drop Shadow



Новий шар. Крапки, цвіт - #D7FF00:


Створіть таблиці, і підпишіть картки:


About us, Про нас



Створюємо меню:



Інструмент олівець, малюємо крапки:



Копіюємо шар з розділовою смугою:


Смуги повинні мати наступні настроювання. Blending Options>Outer Glow



Rounded Rectangle Tool (U), настроювання:



Blending Options>Drop Shadow



Копія шару. Інструментом вільна трансформація, зменшуємо, цвіт - #6DD800


Blending Options>Stroke


Rectangle Tool (U), малюємо як на малюнку, цвіт - #A9DB7C


Утримуючи ALT, тиснемо мишкою між останніми шарами:



Теж саме робимо, для двох інших картинок. Міняємо тільки цвіт: друга кнопка #F6C073; третя - #89B4C7 (Blending Options>Stroke як вище):


Пишемо назву кнопок:



Blending Options>Drop Shadow



Rectangle Tool (U) малюємо білі квадрати:


Blending Options>Drop Shadow



Вставляємо картинки у квадрати:


Rectangle Tool (U), малюємо подвійну лінію, ліва сторона повинна бути зелена, права - біла:


Параметри для лівої смуги: Fill 0%, Blending Options>Pattern Overlay


Параметри для правої смуги: Opacity 70%, Fill 0%, Blending Options>Pattern Overlay




Копіюємо шар зі смугою й переміщаємо її на інший край:


Напишіть необхідний текст (нижче настроювання для різних текстів):





Навігаційний текст:


Цифровий:



Ellipse Tool (U), малюємо коло, цвіт - #FFD40F


Blending Options>Drop Shadow


Blending Options>Stroke



Підсумок:


Джерело: photoweb.com.ua