Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Январь » 12 » Дизайн сайта-портфолио
13:37
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио \ Website design portfolio


Привет всем! Тут народ жаловался, что маловато переводов по дизайну сайтов smile.gif . По многочисленным просьбам выкладываю перевод по дизайну сайта-портфолио, а вдруг идея кому-то понравится и пригодится wink.gif .
Итак, начнем:

В результате у нас должно будет получится вот это:
Дизайн сайта-портфолио

Создаем новый документ размером 760x770 пикселей. Цвет фона : #333333
Берем инструмент Rounded Rectangle Tool ( радиус = 10 пикселей ). Затем создаем прямоугольник.
Дизайн сайта-портфолио

Добавляем следующие стили слоя (см. картинки ниже):
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Сейчас у вас картинка должна выглядеть примерно так:
Дизайн сайта-портфолио

Дублируем эту фигуру и размещаем немного правее, как на картинке. На картинке ниже вы можете видеть, что я добавил некоторые стили слоя, которые вы найдете сразу после этой картинки:
Дизайн сайта-портфолио

Это настройки для голубого прямоугольника:
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дублируем голубой прямоугольник и также размещаем его правее.
Применяем следующие стили слоя:
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Опять дублируем последний прямоугольник и применяем стили слоя:



Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Берем всё тот же Rounded rectangle tool и создаем прямоугольник, используем цвет такой же, как для фона #333333.
Дизайн сайта-портфолио

Добавляем стили слоя:
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Добавляем нужный текст:
Дизайн сайта-портфолио

На правой стороне добавляем картинки:
Дизайн сайта-портфолио

Берем ellipse tool и рисуем маленькие кружочки как на картинке:
Дизайн сайта-портфолио

Затем берем Rectangle tool и рисуем прямоугольник:
Дизайн сайта-портфолио

Затем идем в меню Filter > Distort > Polar Coordinates. У вас спросят, хотите ли вы растеризовать фигуру, жмите "Да" и примените настройки как на картинке ниже.
Дизайн сайта-портфолио

Я передвинул и повернул этот слой, результат вы можете видеть ниже:
Дизайн сайта-портфолио

Дублируем слой ещё 3 раза и размещаем как на картинке:
Дизайн сайта-портфолио

Затем берем опять Rounded Rectangle Tool и рисуем ещё один прямоугольник. Размещаем его как на картинке ниже, добавляем текст. Дублируем 2 раза черный кружок и размещаем поверх слоя с прямоугольником.
Дизайн сайта-портфолио

И вот он наш результат:
Дизайн сайта-портфолио



Автор: talk-mania
Перевод: Nadik

***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[02.04.2019][Lessons PHOTOSHOP]
Создаём сырный текст в Adobe Photoshop (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
[22.10.2015][Lessons PHOTOSHOP]
Мастер-класс photoshop Oil Retouch (0)
[18.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Circuitry 75 Brushes (0)
[12.02.2015][video futage]
Awards Pack II - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[19.11.2015][Lessons PHOTOSHOP]
Повышение практики мастерства в фотошоп (2015) (0)
[19.11.2015][Lessons PHOTOSHOP]
Ретушь и цветокоррекция от Гавра (2015) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Womans Retouch (2015) (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 682 | Добавил: supermen | Теги: веревка, дизайн портфолио, дизайн сайтов портфо, портфолио дизайнера, портфолио это, дизайн форума портфолио, дизайн сата Арт, дизайн сайта, портфолио
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[10.11.2010][vectOR KLipardy]
Retro backgrounds (0)
[10.01.2011][Lessons PHOTOSHOP]
КАРИКАТУРА ИЗ ФОТО (0)
[01.12.2013][DesiGn bLOg]
Дизайнерам на заметку. Типографика - новые из лучших примеры креативного оформления слов. 25 отличных примеров. (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[12.01.2011][Lessons PHOTOSHOP]
Дизайн сайта-портфолио 2 (0)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #29002 (0)
[12.02.2015][DesiGN SofT]
Adobe Photoshop CC 14.2.0.515 Portable (x32-x64) Rus/Eng/Ukr + Plugins (0)
[28.09.2011][PSD-files, исходники]
Шаблон digital world PSD825 (1)
[17.09.2011][DesiGn bLOg]
Другая жизнь книг (1)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Пятница
30.10.2020
20:23


Copyright artpost and semantic product zanchi 2010-2011 © 2020