전문 사진작가라도 찍은 모든 사진은 그래픽 편집기에서 필수 처리가 필요합니다. 모든 사람에게는 해결해야 할 단점이 있습니다. 처리 중에 누락된 항목을 추가할 수도 있습니다.

이번 강의에서는 Photoshop에서의 사진 처리에 대해 다룹니다.

먼저 원본 사진과 수업이 끝나면 얻게 될 결과를 살펴보겠습니다.
원본 사진:

처리 결과:

아직 부족한 부분이 있었지만 완벽주의에 빠지지는 않았어요.

취한 조치

1. 크고 작은 피부 결함을 제거합니다.
2. 눈 주위 피부 미백(눈밑 다크서클 제거)
3. 피부의 최종 스무딩.
4. 눈으로 작업합니다.
5. 밝은 영역과 어두운 영역 강조(두 가지 접근 방식)
6. 사소한 색상 수정.
7. 눈, 입술, 눈썹, 머리카락 등 주요 부위의 선명도를 강화합니다.

그럼 시작해 보겠습니다.

Photoshop에서 사진 편집을 시작하기 전에 원본 레이어의 복사본을 만들어야 합니다. 그래서 우리는 사진을 그대로 두겠습니다 새 레이어그리고 우리는 노력의 중간 결과를 볼 수 있을 것입니다.

이 작업은 간단하게 수행됩니다. 대체배경 레이어 옆에 있는 눈 아이콘을 클릭하세요. 이 작업을 수행하면 상위 레이어가 모두 꺼지고 소스가 열립니다. 레이어도 같은 방식으로 켜집니다.

복사본 만들기( CTRL+J).

우리 모델을 좀 더 자세히 살펴보겠습니다. 우리는 눈 주위에 많은 점, 작은 주름, 주름을 봅니다.
최대한의 자연스러움이 요구된다면 점과 주근깨가 남을 수 있습니다. 교육적인 목적으로 가능한 모든 것을 제거했습니다.

결함을 수정하려면 다음 도구를 사용할 수 있습니다. 힐링 브러쉬, 스탬프, 패치.

제가 사용하는 강의에서는 "힐링 브러쉬".

다음과 같이 작동합니다. 대체가능한 한 결함에 가까운 깨끗한 피부 샘플을 채취한 다음 결과 샘플을 결함으로 옮기고 다시 클릭하십시오. 브러시는 결함의 톤을 샘플의 톤으로 대체합니다.

브러시의 크기는 결함을 덮을 수 있도록 선택해야 하지만 너무 크지는 않습니다. 일반적으로 10-15픽셀이면 충분합니다. 더 큰 크기를 선택하면 소위 "텍스처 반복"이 가능합니다.

따라서 우리는 우리에게 적합하지 않은 모든 결함을 제거합니다.

눈 주위 피부를 밝게

모델의 눈 밑에 다크서클이 있는 것을 볼 수 있습니다. 이제 우리는 그것들을 제거할 것입니다.
팔레트 하단의 아이콘을 클릭하여 새 레이어를 만듭니다.

그 다음에 "소프트 라이트".

브러시를 가져와 스크린샷과 같이 설정하세요.

그럼 우리는 대체"타박상" 옆에 있는 밝은 피부 샘플을 채취합니다. 이 브러시를 사용하여 생성된 레이어의 눈 아래 원을 칠합니다.

최종 피부 스무딩

가장 작은 불규칙성을 제거하려면 필터를 사용하십시오. "표면 흐림".

먼저 조합을 사용하여 레이어 임프린트를 만들어 보겠습니다. CTRL+SHIFT+ALT+E. 이 작업지금까지 적용된 모든 효과를 팔레트 상단에 레이어로 생성합니다.

그런 다음 이 레이어의 복사본을 만듭니다( CTRL+J).

최상위 사본에 있으면 필터를 찾습니다. "표면 흐림"스크린샷과 비슷하게 이미지를 흐리게 만듭니다. 매개변수 값 "이소헬리아"값은 약 3배가 되어야 합니다. "반지름".

이제 이 블러는 모델의 피부에만 남겨두어야 하며 최대한(채도)까지 남겨두어서는 안 됩니다. 이렇게 하려면 효과 레이어에 대한 검은색 마스크를 만듭니다.

집게 대체레이어 팔레트에서 마스크 아이콘을 클릭하세요.

보시다시피 생성된 검은색 마스크는 흐림 효과를 완전히 숨겼습니다.

다음으로 이전과 동일한 설정으로 브러시를 가져오되 흰색을 선택합니다. 그런 다음 이 브러시를 사용하여 (마스크에) 모델 코드를 칠합니다. 우리는 흐리게 할 필요가 없는 세부 사항을 건드리지 않으려고 노력합니다. 흐림의 강도는 한 장소의 스트로크 수에 따라 달라집니다.

눈으로 일하기

눈은 영혼의 거울이므로 사진에서는 최대한 표현력이 풍부해야 합니다. 눈을 관리합시다.

이번에도 모든 레이어의 복사본을 만들어야 합니다( CTRL+SHIFT+ALT+E) 그런 다음 일부 도구를 사용하여 모델의 조리개를 선택합니다. 나는 이점을 활용할 것이다 "직선 올가미", 여기서는 정확성이 중요하지 않기 때문입니다. 가장 중요한 것은 눈의 흰자위를 잡지 않는 것입니다.

두 눈을 모두 선택 항목에 포함하려면 첫 번째 눈의 윤곽을 그린 후 옮기다계속해서 두 번째 항목을 선택하세요. 첫 번째 점을 두 번째 눈에 위치시킨 후, 옮기다놓아도 됩니다.

눈이 선택되었습니다. 이제 클릭하세요. CTRL+J, 선택한 영역을 새 레이어에 복사합니다.

이 레이어의 혼합 모드를 다음으로 변경하세요. "소프트 라이트". 결과는 이미 나와 있지만 눈은 더 어두워졌습니다.

조정 레이어 적용 "색조/채도".

열리는 설정 창에서 이 레이어를 눈이 있는 레이어에 바인딩한 다음(스크린샷 참조) 밝기와 채도를 약간 높입니다.

결과:

밝은 부분과 어두운 부분을 강조

여기서는 할 말이 별로 없습니다. 사진의 퀄리티를 좋게 포토샵하기 위해 눈 흰자위와 입술의 윤기를 살짝 밝게 해보겠습니다. 눈 윗부분, 속눈썹, 눈썹을 어둡게 합니다. 모델의 머리카락에 윤기를 밝게 할 수도 있습니다. 이것이 첫 번째 접근 방식이 될 것입니다.

새 레이어를 만들고 클릭하세요. Shift+F5. 열리는 창에서 채우기를 선택합니다. 50% 그레이.

이 레이어의 혼합 모드를 다음으로 변경하세요. "겹침".

소계:

두 번째 접근 방식. 또 다른 유사한 레이어를 만들고 모델의 뺨, 이마 및 코의 그림자와 하이라이트를 살펴보세요. 그림자 (메이크업)를 약간 강조할 수도 있습니다.

효과가 매우 뚜렷하므로 이 레이어를 흐리게 처리해야 합니다.

메뉴로 가볼까요 "필터 - 흐림 - 가우시안 흐림". (눈으로) 작은 반경을 설정하고 좋아요.

색상보정

이 단계에서는 사진 속 일부 색상의 채도를 약간 변경하고 대비를 추가해 보겠습니다.

조정 레이어 적용 "곡선".

레이어 설정에서 먼저 슬라이더를 중앙쪽으로 약간 당겨 사진의 대비를 높입니다.

그런 다음 빨간색 채널로 이동하여 검정색 슬라이더를 왼쪽으로 드래그하여 빨간색 톤을 약화시킵니다.

결과를 살펴보겠습니다.

샤프닝

마지막 단계는 샤프닝입니다. 전체 이미지를 선명하게 할 수도 있고 눈, 입술, 눈썹 등 일반적으로 주요 영역만 강조 표시할 수도 있습니다.

레이어의 지문 생성( CTRL+SHIFT+ALT+E) 그런 다음 메뉴로 이동합니다. “필터 – 기타 – 색상 대비”.

작은 세부 사항만 표시되도록 필터를 조정합니다.

그런 다음 키보드 단축키를 사용하여 이 레이어의 채도를 낮춰야 합니다. CTRL+SHIFT+U을 클릭한 다음 혼합 모드를 다음으로 변경합니다. "겹침".

특정 영역에만 효과를 남기려면 검은색 마스크를 만들고 흰색 브러시를 사용하여 필요한 부분을 선명하게 합니다. 나는 이것이 어떻게 이루어지는 지 위에서 이미 말했습니다.

이로써 Photoshop의 기본 사진 처리 기술에 대한 지식이 끝났습니다. 이제 사진이 훨씬 좋아 보일 것입니다.

가끔 일상적인 일에 몰두하다 보면 몇 가지 포인트를 놓치고 학습을 중단하기도 합니다. 그러나 헛된 일입니다. Photoshop의 일부 흥미롭고 유용한 속성은 실제로 디자인 생성 프로세스를 돕고 속도를 높일 수 있기 때문입니다. 그리고 모두가 좋아하는 여섯 번째 버전이 출시된 후 그래픽 편집기새롭고 아주 유용한 기능, 이는 귀하의 작업을 보다 효율적으로 만드는 데 도움이 됩니다. 오늘 우리는 Photoshop CS6의 새로운 유용성에 대해 이야기하고 있으며 이전 기능도 기억합니다.

작업 공간 설정

Photoshop CS6에서는 인터페이스를 쉽게 사용자 정의할 수 있다는 것을 알고 계실 것입니다(이렇게 하려면 편집 > 환경 설정 > 인터페이스), 하지만 한 가지 기능을 더 소개하고 싶습니다.

적합하다고 생각하는 대로 작업 공간을 사용자 정의할 수 있습니다. 이렇게 하려면 다음으로 이동하세요. 창 > 작업공간 > 새 작업공간.

새 작업 공간에 이름을 지정하고 원하는 대로 사용자 정의하세요. 이제 다른 목록에서 선택할 수 있습니다.

레이어 작업을 위한 새로운 옵션

Photoshop CS6에서는 레이어 작업이 훨씬 쉬워졌습니다. 이제 픽셀, 벡터 및 텍스트 레이어로 필터링하고 이름, 적용된 효과 및 혼합 모드를 기준으로 레이어를 검색할 수 있습니다.

여러 레이어를 선택하고 다음을 사용하여 복사본을 만들 수 있습니다. CTRL+J또는 혼합 모드를 변경하세요.

PSD 파일에 레이어가 많이 포함되어 있으면 계속해서 새 레이어를 검색해야 합니다. 많은 사람들이 이것이 홀딩으로 이루어질 수 있다는 것을 알고 있습니다. Alt 키그리고 클릭 오른쪽 클릭필요한 요소에 마우스를 올리세요. 하지만 더 쉬운 방법이 있습니다. 옆의 확인란을 선택하세요. 자동 선택옵션 표시줄에서 층. 이제 레이어를 클릭하기만 하면 원하는 레이어를 빠르게 찾을 수 있습니다. 이 기능은 이전 버전에서도 사용할 수 있었습니다.

펜 도구의 숨겨진 기능

펜은 아마도 Photoshop에서 가장 복잡한 도구일 것입니다. 우리는 이미 그것에 대해 썼으며, 여러분이 배울 수 있는 간단한 교훈을 여러분에게 알려드립니다. 편리한 방법다음을 사용하여 벡터 모양 만들기 펜 도구그리고 단축키 .

옮기다 -길게 누르면 직선과 수직선이 만들어집니다.

Ctrl/Cmd -윤곽점을 드래그하는 데 도움이 됩니다.

대체/옵션 -윤곽점을 변경하는 데 도움이 됩니다.

도구 작업을 기록하는 기능

Photoshop CS6에서는 브러시를 사용한 페인팅과 같은 요소의 동작을 기록한 다음 다른 설정으로 재생할 수 있습니다.

이 기능에 대해 자세히 알아볼 수 있습니다.

Adobe Photoshop CS6 미리보기

눈금자의 측정 단위를 빠르게 전환하세요

눈금자의 측정 단위를 빠르게 변경하려면 Ctrl+R눈금자를 활성화한 다음 CTRL 키눈금자에 있는 곰을 마우스 오른쪽 버튼으로 클릭합니다.

문서를 빠르게 닫고 열기

을 클릭하면 문서를 빠르게 닫을 수 있습니다. Ctrl+F4(Cmd+W). 키보드 단축키 사용 Ctrl+Shift+F4(Cmd+Alt+W)여러 문서를 닫습니다.

사랑하는 사람을 놀라게 하고 원본 사진을 주고 싶나요? 아마도 당신은 유명인 옆에 있거나 화성의 풍경을 배경으로 멋진 사진을 찍는 데 관심이 있습니까? 아니면 중세 환경에 얼굴 이미지를 배치하시겠습니까? 업무를 위해 사진을 결합해야 할까요? 컴퓨터에서 사진 몽타주를 만들면 쉽게 얻을 수 있습니다.

포토몽타주를 사용하면 다음을 수행할 수 있습니다.

• 사진 배경 변경
• 다른 사진에서 개체 제거 또는 추가
• 두 장의 사진을 하나로 합치기
• 하다 인사말 카드사진에서

컴퓨터의 사진 몽타주

자신의 손으로 사진 몽타주를 만드는 가장 일반적인 방법은 프로그램에서 사진을 처리하는 것입니다. 어도비 포토샵. 이것 전문 프로그램이미지 처리에 대한 광범위한 기능을 갖추고 있습니다. 그러나 초보자에게는 꽤 복잡합니다. 어느 날 저녁에 스스로 알아내는 것은 쉽지 않습니다. 물론 Photoshop에서 작업하는 방법을 배울 수 있는 온라인 강좌와 비디오 튜토리얼이 많이 있지만 이를 위해서는 시간과 욕구가 필요합니다.

비슷한 프로그램으로는 김프(GIMP)가 있습니다. Adobe Photoshop과 달리 무료로 배포됩니다.

Photoshop에서 사진을 결합하는 방법

Photoshop에서 편집하려는 사진을 엽니다. 예를 들어, 일몰이나 바다 파도가 있는 아름다운 배경과 얼굴 이미지가 될 것입니다. 각 이미지의 레이어를 복제합니다. 두 번째 사진을 배경으로 사용할 사진 위로 드래그하세요. 편집 메뉴에서 FreeTransform을 선택합니다. 마우스를 이용하여 사진의 크기와 비율을 변경한 후 원하는 위치로 드래그하세요. 완료되면 Enter 키를 누릅니다.

툴바에서 벡터 레이어 마스크 추가 모드를 선택합니다. 기본 색상을 검정색으로, 두 번째 색상을 흰색으로 설정하고 부드러운 브러시를 사용하여 사진의 불필요한 부분을 칠합니다. 그들은 보이지 않게 될 것입니다. 배경을 더욱 부드럽고 자연스럽게 전환하려면 작은 영역에서 브러시의 크기와 부드러움을 변경하세요.

사진에서 원하는 부분을 실수로 삭제한 경우 색상을 검정색에서 흰색으로 변경하고 복원해야 할 부분을 브러시로 칠해 주세요. 도면이 반환됩니다.

배경 제거가 완료되면 벡터 마스크 모드를 종료합니다.

Photoshop에서 사진을 마운트하는 또 다른 방법이 있습니다. 올가미 도구를 사용하여 이미지의 일부를 선택하는 것입니다. 사진에서 원하는 부분을 선택하고 나머지 이미지를 삭제하세요. 배경이 될 사진에 이미지를 오버레이하고, 사진 편집기 도구를 사용하여 유기적인 연결을 만들어보세요. 고품질 콜라주에서는 개별 조각이 결합되어 이미지가 완성된 것처럼 보입니다.

이렇게 하려면 사진 사이를 부드럽게 전환하고, 테두리를 매끄럽게 하고, 각 조각의 색상과 밝기를 선택하고 크기를 조정해야 합니다. Photoshop 도구를 사용하면 사진 음영 처리, 개체 잘라내기 또는 추가, 효과 적용, 사진 일부 또는 전체의 색상 및 밝기 변경 등의 작업을 수행할 수 있습니다. 다양한 도구를 사용하여 원하는 효과를 얻으십시오.

Photoshop에서 작업을 마친 후 레이어를 병합하고 파일을 저장합니다.

온라인 사진 몽타주

브라우저를 통해 컴퓨터에서 나만의 사진 몽타주를 만들 수 있습니다. 이렇게 하려면 좋은 인터넷 연결이 필요하고 작업할 수 있을 만큼 강력한 성능이 필요합니다. 그래픽 파일컴퓨터. 사진 처리를 위한 무료 사이트가 많이 있으며, Google 또는 Yandex에서 적절한 요청을 입력하여 직접 찾을 수 있습니다. 예를 들어:

• http://fotostars.me/
• https://avatan.ru/
• http://www.fotor.com/ru
• http://photostreet.ru/

자신의 손으로 온라인에서 사진을 편집하려면 특별한 지식이나 기술이 필요하지 않습니다. 사이트에서는 하나 이상의 사진을 업로드하도록 요청합니다. 컴퓨터에서 사진을 업로드해야 하는 경우도 있고, 다른 웹사이트나 소셜 네트워크에 저장된 사진에 대한 링크를 제공할 수도 있습니다. 결과는 사진 품질에 따라 달라집니다.

온라인 사진 편집기는 귀하가 선택한 배경, 프레임 및 기타 장식 세트를 제공합니다. 선택한 배경에 사진을 배치한 후 설정과 효과를 다양하게 조정하여 최상의 결과를 얻을 수 있습니다.

사진 몽타주가 준비되면 사진에 대한 링크를 받거나 컴퓨터에 저장하거나 메일로 보낼 수 있습니다. 결과가 만족스럽지 않으면 어느 단계에서든 돌아가서 콜라주를 다시 실행할 수 있습니다.

스마트폰이나 태블릿을 사용한 사진 콜라주

최신 스마트폰을 사용하면 iPhone과 Android 및 Windows 플랫폼의 휴대폰 모두 직접 손으로 사진 콜라주를 만들 수 있습니다.

사진이 포함된 스마트폰 및 태블릿용 사진 편집기를 사용하면 온라인 사진 편집기에서처럼 손으로 모든 작업을 수행할 수 있습니다.

• 배경 추가 또는 변경
• 프레임 및 장식 추가
• 효과 적용
• 텍스트 추가

창의적이고 현명하게 문제에 접근한다면 자신의 손으로 사진을 편집하는 것은 쉬운 일이 아닙니다. 하지만 원한다면 자유 시간과 인터넷 검색 기술이 있으면 놀라운 결과를 얻을 수 있습니다. 저희 튜토리얼이 귀하가 만족할 만한 이미지를 만드는 데 도움이 되기를 바랍니다.

많은 사람들이 알고 있습니다. 포토샵으로 사진으로 무엇을 할 수 있나요?, 그러나 Adobe Photoshop의 기본 기능에 대해 아는 사람은 많지 않습니다. 포토샵은 가장 널리 사용되는 디자인 프로그램이자 가장 사랑받는 사진 편집기입니다.

요즘에는 포토샵을 마스터하지 않으면 디자이너로 취업하는 것이 불가능합니다. 이 프로그램은 간단하고 사용하기 쉬운 만큼 흥미롭고 흥미롭습니다. Photoshop을 사용하면 우리가 매일 온라인에서 다른 사이트에서 볼 수 있는 수많은 광고 배너와 사진이 만들어졌습니다.

프로그램에서는 사진을 편집하고, 애니메이션을 추가하고, 외관상의 결함(예: 점이나 여드름)을 제거하거나 옷을 갈아입을 수도 있고, 사진을 흑백으로 만들 수도 있고, 반대로 색상을 추가할 수도 있습니다. 당신은 만들 수 있습니다 아름다운 틀또는 특이한 배경에 이미지를 겹쳐서 창의력을 발휘하고 사진을 캐리커처로 만들 수 있으며, 두 개 이상의 이미지를 마운트하고 대비를 조정하고 색상을 변경할 수 있습니다.

그리고 이것이 프로그램을 사용하여 수행할 수 있는 전부는 아닙니다. 많은 사람들이 템플릿에 사진을 삽입하는 방법에 관심이 있습니다. 사진 작가에게 가지 않고도 흥미로운 사진을 빠르게 만드는 데 도움이 되기 때문입니다. 그래서 포토샵에는 종이처럼 서로 겹쳐지는 레이어(Layer)라는 것이 있습니다.

레이어 팔레트는 일반적으로 프로그램 오른쪽 하단에 있습니다. 레이어가 서로 겹쳐지면 하나는 완전히 불투명하고 다른 하나는 부분적으로 불투명할 수 있습니다. 보다 정확하게는 다른 레이어의 이미지와 결합해야 하는 중요한 요소를 제외하고 여기 있는 모든 것이 투명합니다.

프로그램의 투명성은 회색과 흰색 바둑판 사각형으로 표시됩니다. 이는 다음을 의미합니다. 완성된 이미지이런 방식으로 채워진 영역은 이미지 형식이 지원하는 경우 투명하게 되며, 그렇지 않은 경우 해당 영역은 단순히 흰색으로 채워집니다.

Photoshop에서 사진을 편집하는 것은 민감한 문제이지만 그리 어렵지는 않습니다. 몇 분 안에 마스터할 수 있습니다. 따라서 편집하려는 두 장의 사진을 열어 하나의 이미지를 얻습니다.

이것이 어린 소녀의 사진이고 아름다운 드레스를 입은 템플릿이라고 가정해 보겠습니다. 먼저 소녀가 있는 사진을 템플릿 아래에 배치해야 합니다(이렇게 하려면 "레이어" 팔레트에서 소녀의 사진 이름을 클릭하고 마우스로 템플릿 이름 아래로 드래그합니다). 치수를 조정합니다. 사진 크기를 조정하려면 편집 --> 자유 변형 메뉴 항목으로 이동하세요.

사진의 크기를 변경하려면 마우스를 사용하세요. 이 작업을 수행하기 전에 비율이 변경되지 않도록 Shift 키를 누르세요. 그런 다음 다각형 올가미 옵션을 사용하여 초과분을 모두 잘라냅니다. 남기고 싶은 영역을 선택하고 선택 영역을 반전시킨 후 삭제하세요.

때로는 자연스럽게 보이도록 편집 --> 변형 --> 회전을 사용하여 얼굴의 각도를 변경해야 할 수도 있습니다.

우리는 소위 "대화형 프레젠테이션"("비선형 프레젠테이션"이라고도 함)과 대화형 정보 인터페이스를 만드는 데 사용하는 자체 .NET+WPF 소프트웨어 제품("inForm"이라고 함)에 대해 이야기하겠습니다.

그리고 기사 제목에 즉시 답변하겠습니다. Photoshop에서 인터페이스를 그리고 Windows 플랫폼에서 간단한 방법으로 실행할 수 있습니다. 결과적으로 작동하는 대화형 정보 인터페이스를 얻으려면 inForm 애플리케이션과 Photoshop이라는 두 가지 도구만 필요합니다.

Photoshop에서 작업을 완료하려면 레이어를 만들고, 그룹으로 그룹화하고, 레이어에 저장하는 방법을 알아야 합니다. 별도의 파일. 일반적으로 특별한 것은 없습니다.
이 기사는 정보 제공의 목적으로만 작성되었으며 Photoshop과 인터페이스를 좋아하는 매니아의 관심을 끌 것입니다. inForm 애플리케이션은 일부 기능 제한을 제외하고 무료로 사용할 수 있습니다.

그래서 예를 들어 대화형 애플리케이션"안녕하세요 세계".

인터페이스는 내 회사의 일반적인 이데올로기에 적합할 것입니다. 소프트웨어 제품: 기본 메뉴와 슬라이드가 있는 "홈 화면"이 있고, 각 메뉴 항목에 대해 정보가 있는 화면이 표시되거나 전체 화면 슬라이드가 열리는 하위 메뉴가 있습니다. 이 모든 것이 정상처럼 보입니다. 모바일 애플리케이션또는 사이트에서만 작동합니다. 전체 화면 모드 Windows에서는 터치 스크린 사용을 의미합니다.

Photoshop을 열고 1920x1080x96dpi의 새 파일을 만든 다음 레이어 제어 블록에 "홈 화면"에 대한 구조 폴더를 즉시 만듭니다.

시스템 이름이 있는 폴더는 빨간색으로 표시됩니다. 인터페이스 요소를 받으려면 해당 이름 아래에 파일을 저장해야 합니다.

이제 약간의 Photoshop 창의력을 발휘하여 미래의 대화형 응용 프로그램의 실제 인터페이스를 그려 보겠습니다.

이것은 Google 검색에서 무작위로 가져온 배경 화면 사진을 기반으로 생각해낸 것입니다. 왼쪽에 버튼 세 개, 중앙에 슬라이더, 오른쪽에 있는 로고. 이 로고는 "홈"으로 돌아가는 버튼이기도 합니다. 화면".

결과 인터페이스가 작동하는 모습을 보려면 다음을 수행하세요.
- 아직 없는 분은 최신 .NET Framework 4.5를 다운로드하여 설치하세요: www.microsoft.com/en-us/download/details.aspx?id=30653
- 내 inForm 애플리케이션은 여기에 있습니다: issimple.co/app/forhabr/inForm215withDemoUI.zip (6MB)
- PSD 파일인터페이스 포함: issimple.co/app/forhabr/fancy-round-ui.zip (10Mb)

그 다음에:
- 인터페이스 요소 레이어의 각 레이어를 다음 위치에 저장합니다. 투명한 배경고유한 파일 이름과 확장자가 .png입니다(bg 배경 파일만 .jpg여야 함).
- 자동화를 위해 레이어 저장 스크립트를 사용할 수 있습니다: issimple.co/app/forhabr/LayerSaver.jsx
- 받은 파일을 inForm 애플리케이션의 “data” 폴더에 복사하고, 슬라이드는 “data/slides” 폴더에 복사합니다.
- INFORM.EXE 실행

모든 것이 Photoshop과 동일해 보이면 메뉴 버튼을 클릭할 때 나타나는 "화면" 그리기로 이동합니다. "와 같은 레벨의 레이어에 새 그룹을 추가합니다. 홈 화면" - 화면 1, 화면 2, 화면 3. 그룹 이름은 무엇이든 될 수 있습니다. 이는 단지 편의를 위한 것입니다.

하위 화면 디자인을 위한 inForm 애플리케이션에는 여러 도구가 있습니다. 동일한 크기의 jpg 아이콘 스택, 아이콘 + 미리보기, 지도 유형 탐색 또는 png 버튼/콘텐츠일 수 있습니다. 자유 형식. 마지막 방법에 중점을 두겠습니다.

예를 들어, 두 번째 메뉴 항목 "Triangle"의 경우 각각에 버튼이 있는 세 개의 그룹을 만듭니다.

다음으로 각 그룹을 투명한 배경에 “1btn.png”와 같은 파일로 저장하고 “data/2sub/” 폴더로 전송합니다. Photoshop의 응용 프로그램 콘텐츠와 그룹 파일의 구조는 보는 것만으로도 매우 이해하기 쉽습니다.

마지막 유형의 "화면"은 전체 화면 슬라이드 스타일 콘텐츠입니다. 각 슬라이드는 화면에 각 레이어의 추가 애니메이션이 포함된 3개의 레이어로 구성될 수 있습니다.

응용 프로그램에서는 다음과 같이 표시됩니다.

파일은 "1.png", "1L2.png", "1L3.png" 형식으로 저장됩니다. 여기서 첫 번째 숫자는 슬라이드 번호이고 "L"다음은 추가 레이어입니다. 파일을 "data/2sub/"에 복사합니다.

화살표, 십자가 및 기타 전체 화면 탐색 요소는 다른 요소로 대체될 수 있습니다. 이 파일들은 "data/interface/" 폴더에도 있습니다.

모든 저장이 끝나면 “data/” 폴더에 최종 인터페이스 구조가 표시됩니다.

카테고리, 버튼, 슬라이드의 수를 기준으로 모든 것을 확장할 수 있다는 것은 분명합니다. 모든 종류의 설정과 추가 사항도 있습니다. 그러나 가장 간단한 옵션이 고려되고 있습니다.

이것이 우리의 결론입니다:

그리고 그 모든 것이 무엇인지 - 간단한 방법으로 대화형 책, 인터페이스 프로토타입, 박물관 키오스크용 애플리케이션, 제품 프레젠테이션, 회사, Windows 태블릿용 애플리케이션(지금까지는 데스크톱 애플리케이션만 가능)을 만들 수 있습니다. 정보 시스템정부 기관, 교육 기관 등